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

/*-- rkfp --*/  
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, big, del, em, img, q, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tr, th, td { margin:0; padding:0;  }

a:link{  text-decoration: none;}
a:visited { text-decoration: none;}

ol, ul { list-style: none; }

.clearfix{ display: inline-block; }
.clearfix:after{ content: "."; display: block; clear: both; visibility: hidden; line-height:0; height: 0; }
html[xmlns] .clearfix{ display: block; }
* html .clearfix{ height: 1%; }

.hidden { display:none; }
.clear { clear:both; }

body { background:#FFF; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

#wrapper { width:100%; height:auto; min-width:960px; background:url(../images/common/bg_top.png) repeat-x top; }
#wrapper1 { width:100%; height:auto; min-width:960px; background:url(../images/common/bg_btm.png) repeat-x bottom; }


#main-container { width:960px; height:auto; margin:auto; }

#header { width:960px; height:416px;}
#header .top { width:960px; height:416px; background:url(../images/header/header_bg.png) no-repeat 0 113px;  }
#header .top h1 { background:url(../images/header/logo.png); width:265px; height:117px; text-indent:-999em; position:absolute; margin:7px 0 0 0; }

#header .top ul.main { width:700px; height:36px; position:absolute; margin:72px 0 0 270px; }
#header .top ul.main li { width:auto; height:36px; float:left; background:url(../images/header/nav_div.png) repeat-y left; }
#header .top ul.main li:first-child { background:none; }
#header .top ul.main li a { width:auto; height:21px; font:bold 11px Arial, Helvetica, sans-serif; color:#999; display:block; margin-left:2px; padding:15px 8px 0 8px; }
#header .top ul.main li a:hover { color:#0087C3; background:url(../images/header/nav_hover.png) no-repeat center 5px; }
#header .top ul.main li.up a { height:23px; padding:12px 8px 0 8px; }

#header .top ul.main li ul.drop { position:absolute; width:auto; z-index:1; visibility:hidden; border:1px solid #D6D6D6; padding:1px; background:#FFF; }
#header .top ul.main li:hover ul.drop { visibility:visible; }

#header .top ul.main li ul.drop li { width:290px; height:36px; background:url(../images/header/drop_bg.png); float:none; }
#header .top ul.main li ul.drop li a { width:auto; height:21px; font:bold 11px Arial, Helvetica, sans-serif; color:#999; display:block; margin-left:2px; padding:15px 8px 0 8px; }
#header .top ul.main li ul.drop li a:hover { color:#0087C3; background:none; }

#header .top .video-container { background:url(../images/header/video_image.png); width:441px; height:272px; padding-top:9px; padding-left:11px; position:absolute; margin:125px 0 0 493px; }


#header .top h3 { background:url(../images/header/slogan_1.png); width:442px; height:66px; text-indent:-999em; position:absolute; margin:139px 0 0 1px; }
#header .top p { background:url(../images/header/slogan_2.png); width:445px; height:45px; text-indent:-999em; position:absolute; margin:203px 0 0 2px; }


#header .top big.free-quote { background:url(../images/header/button_link.png); width:289px; height:46px; display:block; position:absolute; margin:260px 0 0 7px; }
#header .top big.free-quote a { background:url(../images/header/free-quote.png) no-repeat 15px 15px; width:283px; height:40px; display:block; margin-left:3px; text-indent:-999em; overflow:hidden; }

#header .top big.contact-info { background:url(../images/header/button_link_2.png); width:289px; height:46px; display:block; position:absolute; margin:346px 0 0 7px; }
#header .top big.contact-info span { background:url(../images/header/contact_info.png) no-repeat 15px 15px; width:283px; height:40px; display:block; margin-left:3px; text-indent:-999em; }


#main-content-container { width:960px; height:auto; padding:12px 0 8px 0; overflow:hidden; }


#side-bar { float:left; width:280px; height:auto; padding-left:10px; }

#side-bar img { position:absolute; margin:-18px 0 0 187px; }

#side-bar .nav { background:url(../images/side-bar/nav_bg.png) no-repeat; width:280px; height:493px; }
#side-bar .nav h3 { background:url(../images/side-bar/nav_heading.png) no-repeat 10px 8px; width:280px; height:39px; text-indent:-999em; }
#side-bar .nav ul { width:280px; height:389px; }
#side-bar .nav ul li { width:280px; height:64px; background:url(../images/side-bar/h_div.png) repeat-x top; }
#side-bar .nav ul li:first-child { background:none; }

#side-bar .nav ul li.up { margin-top:-3px; }
#side-bar .nav ul li a { width:280px; height:64px; display:block; margin-top:1px; }

#side-bar .nav ul li span { display:block; height:64px; text-indent:-999em; overflow:hidden; }

#side-bar .nav ul li a[title="Marketing"] { background:url(../images/side-bar/icon_1.png) no-repeat 10px center; }
#side-bar .nav ul li a[title="Marketing"] span { background:url(../images/side-bar/text_1.png) no-repeat 65px center;  }

#side-bar .nav ul li a[title="Training"] { background:url(../images/side-bar/icon_2.png) no-repeat 10px center; }
#side-bar .nav ul li a[title="Training"] span { background:url(../images/side-bar/text_2.png) no-repeat 65px center;  }

#side-bar .nav ul li a[title="Commercials"] { background:url(../images/side-bar/icon_3.png) no-repeat 10px center; }
#side-bar .nav ul li a[title="Commercials"] span { background:url(../images/side-bar/text_3.png) no-repeat 65px center;  }

#side-bar .nav ul li a[title="Sculptured DVDs and CDs"] { background:url(../images/side-bar/icon_4.png) no-repeat 10px center; }
#side-bar .nav ul li a[title="Sculptured DVDs and CDs"] span { background:url(../images/side-bar/text_4.png) no-repeat 65px center;  }

#side-bar .nav ul li a[title="Production Services"] { background:url(../images/side-bar/icon_5.png) no-repeat 10px center; }
#side-bar .nav ul li a[title="Production Services"] span { background:url(../images/side-bar/text_5.png) no-repeat 65px center;  }

#side-bar .nav ul li a[title="Capabilities & Clients"] { background:url(../images/side-bar/icon_5.png) no-repeat 10px center; }
#side-bar .nav ul li a[title="Capabilities & Clients"] span { background:url(../images/side-bar/text_10.png) no-repeat 65px center;  }

#side-bar .nav ul li a[title="10 Reasons to Use Website Video"] { background:url(../images/side-bar/icon_6.png) no-repeat 10px center; }
#side-bar .nav ul li a[title="10 Reasons to Use Website Video"] span { background:url(../images/side-bar/text_11.png) no-repeat 65px center;  }

#side-bar .nav ul li a[title="Online Video Production"] { background:url(../images/side-bar/icon_6.png) no-repeat 10px center; }
#side-bar .nav ul li a[title="Online Video Production"] span { background:url(../images/side-bar/text_6.png) no-repeat 65px center;  }

#side-bar .nav ul li a[title="Client Testimonies"] { background:url(../images/side-bar/icon_6.png) no-repeat 10px center; }
#side-bar .nav ul li a[title="Client Testimonies"] span { background:url(../images/side-bar/text_9.png) no-repeat 65px center;  }
	#side-bar ul li.drop_side {
		position: relative;
	}
	
		#side-bar ul li.drop_side:hover ul {
			display: block;
		}
	
	#side-bar ul li.drop_side ul {
		position: absolute;
		top: 0;
		left: 280px;
		background-color: #EEE;
		border: 1px solid #D6D6D6;
		width: 370px;
		height: 130px;
		display: none;
	}
	
		#side-bar ul li.drop_side ul li {
			width: 370px;
			height: 30px;
			background-image: none;
		}
	
	#side-bar ul li.drop_side ul a:link, #side-bar ul li.drop_side ul a:visited {
		color: #666;
		font-size: 14px;
		font-weight: bold;
		width: 350px;
		height: 20px;
		padding: 5px 10px;
	}
	
	#side-bar ul li.drop_side ul a:hover {
		color: #000;
	}

#side-bar .other-link { width:280px; height:auto; margin-top:21px; }
#side-bar .other-link h4 { background:url(../images/side-bar/other_link_bg.png); width:280px; height:40px; }
#side-bar .other-link h4.free-quote a { background:url(../images/side-bar/free_quote.png) no-repeat 15px 14px; width:280px; height:40px; display:block; text-indent:-999em; overflow:hidden; }
#side-bar .other-link h4.testimonials { margin-top:21px; }
#side-bar .other-link h4.testimonials a { background:url(../images/side-bar/testimonials.png) no-repeat 15px 14px; width:280px; height:40px; display:block; text-indent:-999em; overflow:hidden;  }

#side-bar .contact-box { background:url(../images/side-bar/contact_box_bg.png); width:280px; height:319px; margin-top:21px; }
#side-bar .contact-box h4 { background:url(../images/side-bar/contact_info_heading.png) no-repeat 15px 14px; width:280px; height:40px; display:block; text-indent:-999em; overflow:hidden; }
#side-bar .contact-box h3 { background:url(../images/side-bar/logo.png) no-repeat center; width:280px; height:95px; text-indent:-999em; overflow:hidden; margin-top:5px; }
#side-bar .contact-box p.location { height:25px; font:bold 12px Arial, Helvetica, sans-serif; color:#333; text-align:center; }
#side-bar .contact-box big {height:60px; font:bold 16px Arial, Helvetica, sans-serif; color:#666; text-align:center; display:block; margin-top:20px; }
#side-bar .contact-box big span {  font:bold 30px Arial, Helvetica, sans-serif; color:#0042A1; display:block;  }
#side-bar .contact-box p.e-mail { width:138px; height:36px; text-align:center; margin:20px auto 0 auto; }
#side-bar .contact-box p.e-mail a { background:url(../images/side-bar/e-mail.png); width:138px; height:36px; display:block; text-indent:-999em; overflow:hidden; }


#main-content { float:right; width:640px; height:auto; padding-right:10px; }
#main-content .top { width:640px; height:225px; padding-top:7px;  }
#main-content .top h3 { background:url(../images/content/top_heading.png) no-repeat; width:640px; height:27px; text-indent:-999em; }
#main-content .top h3 span { background:url(../images/content/h_div.png) repeat-x bottom; display:block; height:27px; }
#main-content .top ul { float:left; width:290px; height:140px; padding-top:14px; padding-left:6px; float:left; }
#main-content .top ul li { background:url(../images/content/blue_arrow.png) no-repeat 0 2px; height:28px; padding-left:20px; font:14px Arial, Helvetica, sans-serif;  }
#main-content .top h5 { background:url(../images/content/26.png) no-repeat center; width:640px; height:40px; text-indent:-999em; margin-top:10px; }


#main-content .top img { margin:-43px 0 0 0px; }

#main-content .mid { clear:both; width:640px; min-height:282px; }
#main-content .mid h2 { text-indent:-999em; overflow:hidden; height:23px; width:640px; margin-top:5px; }
#main-content .mid ol{ list-style: decimal; padding: 20px 0 0 0; }
#main-content .mid ol li{ margin-left: 20px; padding: 5px 0; }
#main-content .mid ol li span { color:#666;/*color:#0087C3;*/ font-weight: bold; }
#main-content .mid h2.home { background:url(../images/content/mid_heading.png) no-repeat; }
#main-content .mid h2.marketing-training { background:url(../images/content/marketing_and_training.png) no-repeat; }
#main-content .mid h2.sculpted-cds{ background:url(../images/content/sculpted_cds.png) no-repeat; }
#main-content .mid h2.uses-cds{ background:url(../images/content/uses_cds.png) no-repeat; }
#main-content .mid h2.clients_h { background:url(../images/content/clients_h.png) no-repeat; }
#main-content .mid h2.capabilities { background:url(../images/content/capabilities.png) no-repeat; }
#main-content .mid h2.marketing { background:url(../images/content/marketing.png) no-repeat; }
#main-content .mid h2.training { background:url(../images/content/training.png) no-repeat; }
#main-content .mid h2.scented-discs { background:url(../images/content/scented_discs.png) no-repeat; }
#main-content .mid h2.commercials { background:url(../images/content/commercials.png) no-repeat; }
#main-content .mid h2.sculptured-dvds-cds { background:url(../images/content/sculptured_dvds_cds.png) no-repeat; }
#main-content .mid h2.production-articles { background:url(../images/content/production_articles.png) no-repeat; }
#main-content .mid h2.production-services { background:url(../images/content/clients_capabilities.png) no-repeat; }

#main-content .mid h1 { font-size:18px; color: #2554C7; }
#main-content .mid h3 { font-size:15px; color: #2554C7; }
#main-content .mid h4 { text-align:center; font:bold 12px Arial, Helvetica, sans-serif; }
#main-content .mid .col2-con { clear: both; margin: 0 0 20px 0;}
#main-content .mid .col2-con ul{ float: left; width: 220px; margin:5px; }
#main-content .mid .col2-con ul.first{ margin-left: 95px; }
#main-content .mid .col2-con ul li{ text-align:center; background:none; line-height:17px; }


#main-content .mid p a { color:#0087C3; font-size:12px; text-decoration:underline; }
#main-content .mid .comment{ border-bottom:  #CCCCCC 1px dashed; }
#main-content .mid .comment p.title{ font-size: 16px; font-weight: bold; }
#main-content .mid .comment p.name{ color:#0087C3; padding: 0 0 10px 20px; }

#main-content .mid h2.characteristics { background:url(../images/content/characteristics.png) no-repeat; }
#main-content .mid h2.contact-us { background:url(../images/content/contact-us.png) no-repeat; }

#main-content .mid p { font:11px Arial, Helvetica, sans-serif; color:#333; padding:8px 0; line-height:15px; }
#main-content .mid h5 { background:url(../images/content/26.png) no-repeat center; width:640px; height:40px; text-indent:-999em; margin-top:10px; }
#main-content .mid ul { padding-left:10px; }
#main-content .mid ul li { background:url(../images/content/blue_bullet.png) 0 5px no-repeat; padding-left:10px; }

#main-content .mid #frmContact{ margin: 0 auto; width: 378px; }/* contact form */
#main-content .mid #myMap{ margin: 20px auto 10px auto; }/* map */
#main-content .mid dl{ border-bottom: #CCCCCC 1px dashed; margin: 0 0 0 20px; padding: 10px 0; width: 640px; }
#main-content .mid dl dt{ float: left; width: 640px; color:#000; }
#main-content .mid dl dd{ float: left;  margin: 0 0 0 20px; padding: 0; width: 640px;  }



#main-content .testimonials { clear:both; width:640px; margin-top:25px; }
#main-content .testimonials h4 { background:url(../images/content/testimonials.png) no-repeat; text-indent:-999em; overflow:hidden; height:13px; }
#main-content .testimonials dl { float:left; background:url(../images/content/testimonial_bg.png); width:421px; height:160px; margin-top:8px; }
#main-content .testimonials dl dt { height:30px; font:bold 16px Arial, Helvetica, sans-serif; color:#000; padding:15px 0 0 10px; }
#main-content .testimonials dl dd.first{ height:76px; padding:0 10px; }
#main-content .testimonials dl dd.second { padding-left:100px; height:73px; padding-top:3px; color:#333333; }
#main-content .testimonials img { position:absolute; margin:-30px 0 0 400px; z-index: 10; }

#main-content .clients { clear:both; width:640px; margin-top:30px; }
#main-content .clients h4 { background:url(../images/content/clients2.png) no-repeat; height:15px; text-indent:-999em; margin-bottom:4px; }


#footer { clear:both; width:960px; height:80px; padding:10px 0 10px 0; position: relative; margin:0 auto; }

#footer ul#bottom_nav {
	width: 960px;
	height: 24px;
	text-align: center;
	color: #FFF;
	background: url(../images/footer/h_div.png) repeat-x bottom;
	margin: 0 auto;
	padding-top: 10px;
	width: 800px;
}

	#footer ul#bottom_nav li {
		float: left;
		margin-right: 10px;
	}

#footer ul#bottom_nav a:link, #footer ul#bottom_nav a:visited {
	font: 11px Tahoma, Geneva, sans-serif;
	color: #FFF;
	display: block;
	padding: 5px;
}

#footer ul#bottom_nav a:hover { text-decoration: underline; }

	#footer ul#bottom_nav li.drop_up a {
		padding-top: 3px;
	}

	#footer ul#bottom_nav li.drop_up ul {
		background-color: #008BC5;
		border: 1px solid #008BBB;
		padding: 5px 10px;
		width: 250px;
		position: absolute;
		top: -85px;
		left: 250px;
		display: none;
	}
	
	#footer ul#bottom_nav li.drop_up:hover ul {
		display: block;
	}

#footer p.copyright { width:960px; text-align:center; font:11px Tahoma, Geneva, sans-serif; color:#FFF; padding-top:8px; }

.copyright a { color:#FFF; }



#cliens-served { background:url(../images/content/clients_served_bg.png); width:640px; height:122px; }

#viewport{
	width: 556px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	/* Fix for IE */
	position:relative;
	float:left;
}

#viewport ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	margin: 0;
}

#viewport li{
	width: 556px; /* Defines the size of inner element */
	background: none !important;
	height: 95px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0 1px;
	padding: 50px 10px 10px 10px !important;
	text-align:center;
}

/* Cosmetic */

#cliens-served a { display:block; float:left; text-indent:-999em; }
#simplePrevious{
	cursor: pointer;
	font-size: 0.8em;
	background:url(../images/content/clients_served_left_btn.png) right no-repeat; width:42px; height:121px;

	
}

#simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	background:url(../images/content/clients_served_right_btn.png) left no-repeat; width:42px; height:121px;
	float:left;
}

/*Example CSS for the two demo scrollers*/

#pscroller1{
height:180px; 
padding: 0;
margin: 0;
color: #666;
}

.someclass{ 
}