@charset "UTF-8";
/* CSS Document */

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}	
caption, th, td {
	text-align: left;
	font-weight: normal;
}	
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}	
.clearfix {
	display:inline-block;
}	
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/*........... do not change or amalgamate the above clearfix styles..................*/


html {
	overflow-y: scroll;
	height:100%;
	}

body {
	background-color:#5E94AE;
	background-image:url(images/body-bg.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFF;
	height:100%;
	
	} 

#wrapper1 {
	margin: 0 auto;
	background-image:url(images/body-wave-bg.png);
	background-repeat:no-repeat;
	background-position: top center;
	}

#top-bar {
	background-image:url(images/top-bar-bg.png);
	background-repeat:repeat-x;
	height:33px;
	text-align:center;
	line-height:28px;
	}

#top-bar span {
	display:block;
	width:1400px;
	margin: 0 auto;}

#top-bar h1 {
	color:#7E7E7E;
	float:left;
	margin-left:40px;
	}
	
#top-bar h3 {
	color:#82A8AB;
	float:right;
	margin-right:40px;
	}
	
#top-bar h3 a{
	color:#82A8AB;
	text-decoration:underline;}

#main-wrapper {
	margin: 0 auto;
	width:1000px;
	}
	
#header-holder {
	margin: 0 auto;
	width:1000px;
	margin-bottom:10px;}

#logo a{
	background-image:url(images/logo.png);
	width:346px;
	height:96px;
	display:block;
	text-indent:-9999px;}

#top-phone a {
	background-image:url(images/top-phone.png);
	width:197px;
	height:55px;
	display:block;
	float:right;
	margin-top:25px;}





/*..................global text class, spacer and header-img image..................*/


.txt-hdr1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#FFF;
	letter-spacing:2px;}
	
.txt-hdr2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#000;
	letter-spacing:2px;
	display:block;
	margin:3px 0 5px 0;}
	
.txt-hdr3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#82A8AB;}
	
.textlink1 {
	color:#F90;}
	
.textlink1 a {
	color:#F90;}

.spacer-bottom {
	margin-bottom:10px;}
	
.spacer-top {
	margin-top:12px;}
	
.spacer-top2 {
	margin-top:10px;}
	
.img-spacer-right {
	margin-right:10px;}

#sub-header-img-holder {
	text-align:right;}
	
#sub-header-img-holder h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:50px;
	color:#FFF;
	display:block;
	padding: 48px 30px 20px 0;
	letter-spacing:2px;
	font-weight:normal;
	line-height:55px;
	}
	
#sub-header-img-holder h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#FFF;
	text-align:right;
	font-weight:normal;
	margin: 0 30px 0 0;
	line-height:40px;
	letter-spacing:2px;}

.header-video-production {
	background-image:url(images/headers/video-production.png);
	height:322px;}

.header-video-transfers {
	background-image:url(images/headers/video-transfers.png);
	height:322px;}

.header-duplication {
	background-image:url(images/headers/duplication.png);
	height:322px;}

.header-video-editing {
	background-image:url(images/headers/video-editing.png);
	height:322px;}

.header-about {
	background-image:url(images/headers/about.png);
	height:322px;}

/*OLD*/
.header-img1 {
	background-image:url(images/headers/video-transfers.png);
	height:322px;}

	
	

/*..................NAVIGATION..................*/

#nav-holder {
	height:56px;}

.nav-round-left {
	display:block;
	height:56px;
	width:18px;
	float:left;
	background-image:url(images/nav-round-left.png);}
	
.nav-round-right {
	display:block;
	height:56px;
	width:18px;
	float:right;
	background-image:url(images/nav-round-right.png);}

#nav {
	margin: 0 auto;
	width:964px;
	height:56px;
	background-image:url(images/nav-bg.png);
	background-repeat:repeat-x;
	}
	
#nav ul {}

#nav li {
	float:left;
	text-align:center;
	display:block;
	}

#nav li a {
	color:#FFF;
	text-decoration:none;
	margin: 0 21px 0 21px;
	line-height:52px;}
	
#nav li a:hover {
	color:#F60;
	text-decoration:none;}
	
.nav-home-divider {
	border-right: solid 1px #152230;
	display:block;
	height:46px;}

/*....dropdown....*/

#nav .dropmenu{
	position:absolute;
	border-left: 1px solid #81A7AB;
	border-right: 1px solid #81A7AB;
	border-bottom: 1px solid #81A7AB;
	font:normal 12px Arial, Helvetica, sans-serif;
	background-color: #1D2E40;
	visibility: hidden;
	margin-top:13px;
	padding:4px 0 4px 0;
	z-index:1;
	
}
#nav .dropmenu a{
	width: auto;
	display: block;
	text-decoration: none;
	font-weight: normal;
	color:#FFFFFF;
	line-height:22px;
	padding: 2px 10px 0 10px;
	
}
* html #nav .dropmenu a{ 
	width: 100%;
}
#nav .dropmenu a:hover{ 
	color:#F60;
}


/*....................SLIDER....................*/

#slider {
	margin-bottom:20px;
	}

#slider ul, #slider li{ 
	margin:0;
	padding:0;
	list-style:none;
	}	

#slider li{ 
	height:317px;
	width:1000px;
	overflow:hidden;
	}	

#prevBtn, #nextBtn{ 
	display:block;
	width:36px;
	height:36px;
	position:absolute;
	left:-21px;
	top:140px;
	
	}	

#nextBtn{
	left:986px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:36px;
	height:36px;
	background:url(images/btn_prev.png) no-repeat 0 0;
	text-indent:-9999px;
	outline:none;
	}	

#nextBtn a{ 
	background:url(images/btn_next.png) no-repeat 0 0;	
	outline:none;
	}								
	
/*....................CONTENT....................*/		

#content{
		position:relative;
		
		}


#player-holder {
	
	display:block;
	background-color:#000;
	width:640px;
	height:384px;
	}

#side-player-content {
	float:right;
	display:block;
	width:323px;
	}

#side-player-content a {
	color:#FFF;
	text-decoration:underline;}

.horizontal-divider {
	background-image:url(images/hbar-divider.png);
	height:15px;
	display:block;}

#list {
	list-style:disc;
	margin-left:20px;}
	
#list-ordered {
	list-style:decimal;
	margin-left:20px;}

#list-bulleted {
	list-style:disc;
	margin-left:20px;}

/*Services*/
.service-wrap{width:606px; margin:0 auto; }
.service-col-1{width:425px; float:left; padding:0 35px 0 0}
.service-col-2{width:167px; float:right;;}
.service-title{}
.service-price{}

/*PRICING-FEATURES*/


.two-col {
	float:left;
	width:316px;
	margin-bottom:6px;
	}	

.two-col li {
	float:left;
	width:300px;
	margin-bottom:6px;
	}
	
.two-col li a {
	color:#000;}


.two-col2 {
	float:left;
	width:316px;
	
	}	

.two-col2 li {
	float:left;
	width:300px;
	margin-bottom:14px;
	}
	
.two-col2 li a {
	color:#000;}

.list-on {
	list-style:disc;
	margin-left:15px;}
	



/*-----------------Featured Boxes-----------------*/	

#digital-box a{
	background-image:url(images/digital-transfer-box.png);
	background-position:top;
	height:209px;
	width:325px;
	display:block;
	float:left;
	margin:8px 9px 0 0;
	color:#000;
	text-decoration:none;}

#digital-box a:hover{
	background-image:url(images/digital-transfer-box.png);
	background-position:bottom;}


#digital-box p {
	margin: 85px 14px 0 140px;
	text-align:right;
	font-size:14px;}

#videoprod-box a{
	background-image:url(images/video-prod-box.png);
	background-position:top;
	height:209px;
	width:325px;
	display:block;
	float:left;
	margin:8px 8px 0 0;
	color:#000;
	text-decoration:none;}

#videoprod-box a:hover{
	background-image:url(images/video-prod-box.png);
	background-position:bottom;}

#videoprod-box p {
	margin: 65px 14px 0 140px;
	text-align:right;
	font-size:14px;}


#dvdcd-dup-box a{
	background-image:url(images/dvd-cd-dup-box.png);
	background-position:top;
	height:209px;
	width:325px;
	display:block;
	float:left;
	margin:8px 8px 0 0;
	color:#000;
	text-decoration:none;}

#dvdcd-dup-box a:hover{
	background-image:url(images/dvd-cd-dup-box.png);
	background-position:bottom;}


#dvdcd-dup-box p {
	margin: 65px 140px 0 14px;
	text-align:left;
	font-size:14px;}

/*-----------------------Why Choose Us Boxes-------------------*/

.whychoose-box {
	background-image:url(images/whychoose-box.png);
	height:200px;
	width:307px;
	display:block;
	float:left;
	margin:8px 8px 0 0;
	color:#000;
	padding: 9px 9px 0 9px;
	text-align:center;
	}

.whychoose-box-sidebar {
	background-image:url(images/whychoose-box.png);
	height:200px;
	width:307px;
	display:block;
	float:left;
	color:#000;
	padding: 9px 9px 0 9px;
	text-align:center;}

/*-----------------------Testimonial Bottom Boxes-------------------*/


.testi-box {
	float:right;
	margin-top:8px;}
	
.testi-box2 {
	margin-top:8px;}


/*-----------------------Map rollover-------------------*/

a.maprollover {
display: block;
width: 633px;
height: 633px;
text-decoration: none;
background: url("images/map.jpg");
border:1px solid black;
}

a.maprollover:hover {
background-position:  0 -633px;}

	
/*-----------------------CONTACTFORM-------------------*/



.form-holder {
	margin-left:80px;
	width:410px;
	}
	
.form-label {
	display:block;
	width:150px;
	float:left;
	text-align:right;
	padding-right:15px;
	line-height:24px;
	font-size:14px;}
	
.form-input-holder {
	line-height:24px;
	width:200px;
	float:left;
	display:block;
	margin-bottom:20px;
	}
	
.form-text-input {
	height:20px;
	width:240px;
	background-color:#4C627F;
	border: solid 2px #000;
	color:#FFF;
	font-size:14px;
	padding:4px;}
	
.form-text-area {
	height:80px;
	width:240px;
	background-color:#4C627F;
	border: solid 2px #000;
	color:#FFF;
	font-size:14px;
	padding: 4px;}


/*-----------------------SIDEBAR-------------------*/

#sidebar {
	background-image:url(images/left-sidebar-bg.png);
	background-repeat:no-repeat;
	height:659px;
	width:325px;
	margin:20px 0 0 0;
	float:left;
	}

#sidebar-inner {
	width:304px;
	padding: 10px 6px 0 10px;}

#sidebar ul {
	line-height:30px;
	list-style:disc;
	margin-left:26px;
	font-size:14px;
	letter-spacing: 1px;
	}

#sidebar li a {
	color:#FFF;
	text-decoration:none;}
	
#sidebar li a:hover {
	color:#F60;
	text-decoration:underline;}


/*-----------------------LEFT CONTENT-------------------*/

#left-content-holder {
	float:right;
	width:668px;
	margin:20px 0 0 0;} 

#left-box-inner {
	background-image:url(images/main-box-bg.png);
	width:668px;
	color:#000;
	}
	
#left-box-inner-wave {
	width:633px;
	background-image:url(images/main-box-wave.jpg);
	background-repeat:no-repeat;
	padding: 10px 14px 0 14px;
	min-height:957px;}
	
#left-box-inner-wave h5 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:32px;
	letter-spacing:2px;
	margin-bottom:14px;
	}
	
#left-box-inner-wave h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	letter-spacing:2px;
	color:#82A8AB;
	margin-bottom:14px;}


#left-box-top {
	background-image:url(images/main-box-top.png);
	height:12px;
	display:block;
	width:668px;}

#left-box-bottom {
	background-image:url(images/main-box-bottom.png);
	height:20px;
	display:block;
	width:668px;}

.left-img-holder {
	display:block;
	float:right;
	width:304px;
	margin: 0 0 0 10px;
	text-align:center;}
	
.video-popup-holder li{
	float:left;
	display:block;
	width:211px;
	text-align:center;}
	

	
.col-list li {
	float:left;
	width:316px;
	margin-bottom:6px;
	}
	
.col-list li a {
	color:#000;}
	
.col-list2 li {
	margin-bottom:6px;
	}
	
.col-list2 li a {
	color:#000;}


/*...................FOOTER....................*/	


#footer, .push {
	height: 200px; /* .push must be the same height as .footer */

}

.footer-inner {
	margin: 0 auto;
	padding-top:60px;
	width:1000px;
	color:#000;
	letter-spacing:1px;
	padding-bottom:20px;}
	
.footer-inner a{
	color:#000;
	text-decoration:underline;}
	
.footer-icon li {
	float:left;
	margin-right:25px;}



.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}