@charset "UTF-8";

/* CSS Document */
/*/////////////////////// MAIN PAGE POSITIONING /////////////////////////////*/
body{width:100%; background-color:#FFF; background:url(../images/olice-contact.gif) no-repeat top right ; }
#site{
	width:886px;
	margin:10px auto;
}


/*/////////////////////// MAIN THREE COLUMBS /////////////////////////////*/
#left, #right{
	width:125px;
	float:left;
	display:inline-block;
}
#main_content{
	float:left;
	display:inline;
	width:636px;
	margin-left:-10px;
}
#right{
	margin-left:-14px;
}


/*/////////////////////// MAIN CONTENT ROWS /////////////////////////////*/

#nav{
	width:636px;
	height:210px;
}
#content_top{
	width:636px;
	height:151px;
	background:url(../images/header_back.png) no-repeat top left; 

}
#content{
	width:636px;
	background:url(../images/tile_back.png) repeat-y top left;
}
#content_bottom{
	width:636px;
	height:300px;
	background:url(../images/bottom_back_v2.png) no-repeat top left;
}
#nav_bottom{
	width:636px;
	height:88px;
	background:url(../bg_images/bottom_nav_bg.png) no-repeat left top;
	margin-top:-10px;
	
	
}
/*/////////////////////// HTML NAV /////////////////////////////*/
#nav_back{
	background:url(../images/html_back_2.png) no-repeat top left;
	height:210px;
}

#nav_html{
	/*background:url(../images/html_back.png) no-repeat top left;*/
	width:636px;
	height:210px;
}
#nav_html ul {
	background:url(../bg_images/html_nav_li_bg.png) no-repeat top left;
	width:636px;
	height:58px;
	padding:22px 0px 0px 90px;
    list-style:none;
    }
#nav_html li {
   float:left;
   margin:0;
   padding-left:8px;
    padding-right:8px;
	list-style:none;
    }
#nav_html li a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#0067B1;
font-style:normal;
font-weight:400;
text-decoration:none;
}

#nav_html a:hover, #nav_html #current_main a, #nav_html .current_main a{color:#F71925; }

#nav_html #sub_nav{
	width:435px;
	height:75px;
	background:url(../bg_images/html_sub_nav_li_bg.png) no-repeat top left;
	margin:-40px 0 0 100px;
	padding:25px 0px 0px 40px;
}

/*/////////////////////// BOTTOM NAV /////////////////////////////*/


#nav_bottom ul {
	width:500px;
	margin:0 auto;
    padding-top:32px;
    list-style:none;
	text-align:center;
    }
#nav_bottom li {
   float:left;
   margin:0;
   padding-left:3px;
    padding-right:3px;
	list-style:none;
    }
#nav_bottom li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0067B1;
font-style:normal;
font-weight:400;
text-decoration:none;
}
#nav_bottom li {
font-size:12px;
color:#A7A9AC;
}
#nav_bottom #current a{
color:#F71925;
}

#nav_bottom li :hover, #content_bottom .current_bottom {color:#F71925; }

/*/////////////////////// CONTENT TOP ITEM /////////////////////////////*/

#items{
	padding-top:10px;
}

#logo{
	width:80px;
	height:50px;
	float:right;
	margin:0px 120px 0px 0px;
	background-color:#00C;
	background:url(../images/olice_site_logo.png) no-repeat top left;
	border:none;
}

#content_top h1{
	margin-top:0px;
	margin-left: 90px;
	padding-top:20px;
}
#content_top h2{
	margin-top:0px;
	margin-top:15px;
}
#content_top h3, #content_top p{
	padding: 20px 70px 0px 70px;
}
#content_top h3{
	clear:both;
}
/*/////////////////////// MAIN CONTENT GENERAL /////////////////////////////*/
.left_pad{padding-left:70px;}
.right_pad{padding-right:70px;}
.clear_both{clear:both;}


/*/////////////////////// MAIN CONTENT /////////////////////////////*/
#content{ width:636px;}

#content p, #content h1, #content h2,  #content h3,  #content h4, #content_bottom p, #content_top h2  {	padding: 0 70px 15px 70px;}

#flash_container_video{
	margin:0px 72px 0 64px;
	height:300px;
}
#flash_container_streaming{
	margin:0px 72px 0 64px;
	height:350px;
}
#flash_container_nav{
	margin:0 70px 15px 70px;
}
.one_col_ul{
padding-right:70px;	
}
.three_col_ul{
	width:165px;
	float:left;
}	
.two_col_ul{
	width:230px;
	float:left;
}
.red_list li{
	list-style-image:url(../images/olice_bullet_red.gif);
	margin-bottom:2px;
}

.blue_list li{
	list-style-type:none;
	margin-left:0px;
	padding-left:28px;
	padding-top:1px;
	font-size:14px;
	color:#000;
	margin-bottom:3px;
	line-height:130%;
	background-image:url(../images/olice_bullet_red.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px;
}



#nav #portfolio-nav{
	width:300px;
	margin-left:auto; margin-right:auto;
	margin-top:-30px;
	text-align:center;
}
#content_bottom #portfolio-nav{
	width:300px;
	margin-left:auto; margin-right:auto;
	text-align:center;
}

#nav #portfolio-nav #portfolio, #content_bottom #portfolio-nav #portfolio{
	height:25px;
	margin-left:40px;
	margin-right:40px;
}


#nav #portfolio-nav #port-last, #content_bottom #portfolio-nav #port-last{
	text-align:left;
	background:url(../images/last-btn.gif) left top no-repeat;
	padding:3px 0 2px 30px;
}


#nav #portfolio-nav #port-next, #content_bottom #portfolio-nav #port-next{
	text-align:right;
	background:url(../images/next-btn.gif) right top no-repeat;
	padding:3px 30px 2px 0px;
}







#nav .back_link{
	font-size:14px;
	background:url(../images/back_arrow.png) no-repeat left center;
	margin-left:225px;
	margin-top:-30px;
	padding-left:33px;
}
#content_bottom .back_link{
	font-size:14px;
	background:url(../images/back_arrow.png) no-repeat left center;
	margin-left:225px;
	margin-top:0px;
	padding-left:33px;
}
#content .display_inline{
	display:inline;
}
/*/--- web pages ---/*/
.web_link{
	line-height:100%;
	margin-bottom:0;
	padding-bottom:0;
	margin-top:0;
	padding-top:0;
}
 .link_right{
	text-align:right;
	float:right;
	margin-right:75px;
}

#web_viewer{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

#flash_text{
	
}
#testimonial_replacer{
	margin:0 70px 0 70px;
}
#testimonial_replacer p{
	margin:0 00px 0 00px;
	padding-left:0px;
	padding-right:0px;
}
#flash_text p{
	text-align:center;
	width:260px;
	height:180px;
	padding: 85px 90px 0 90px;
	margin:0 70px 0 70px;
	background:url(../bg_images/noscript_video.png) no-repeat top center;
	margin: 0 auto 0 auto;
}
#skin_olice{

}
#skin_olice p, #skin_iguanas p{
	width:225px;
	height:140px;
	background:url(../bg_images/noscript_video_small.png) no-repeat center top;
	text-align:center;
	font-size:10px;
	margin-top:0;
}

/*/--- Showcase pages ---/*/
#content .two_col_flash{
	width:225px;
	height:150px;
	float:left;
	}
	
/*/--- streaming pages ---/*/

#content .flash_container_skins{
	width:225px;
	float:left;
	padding-bottom:15px;
}
#content .flash_container_skins p{
	margin:0px;
	padding:0px;
}
#right_skin{
	margin-left:30px;
}
/*/---contaact pages ---/*/
.contact{
width:180px;
float:left;
padding-bottom:15px;
}
#content .contact h4,#content .contact p{
	margin:0;
	padding:0 0 0 15px;
}

/*/---contaact pages ---/*/
#content .sitemap_child{
	margin-top:-8px;
	padding-left:100px;
}
/*/---seo page ---/*/

#top_margin{
	margin-top:15px;
}
#google-analytics-image{
	width:486px;
	margin:0 auto 0 auto;
}
#content_bottom #validation_left{
	margin-left:200px;
}
#content_bottom .validation{
	margin-top:20px;
	float:left;
	margin-left:20px;
	width:88px;
}
/*/---portfolio page ---/*/
.portfolio_row{
	width:500px;
	height:130px;
	margin:0 auto;
}
.display_none{
	display:none;
}
#ecristal{

	background:url(../images/portfolio_alba_btn.jpg) no-repeat top center;
}
.case_study{
	
}/*/--- video crew page ---/*/
.image_full_center{
	width:423px;
	margin:0 auto 15px auto;
}
.image_small_right{
	
	width:234px;
	height:150px;
	float:right;
	padding-right:80px;
	padding-left:15px;
}
#apple_logo{
	width:68px;
	margin: 60px auto 0 auto;
}
#apple_logo_2{
	width:68px;
	margin: 20px auto 0 auto;
}
/*/--- case study html links ---/*/
.case_study{
	width:132px;
	height:82px;
margin-left:4px;
margin-bottom:15px;
float:left;
}
#content .case_study p{
text-align:center;
margin:0px;
padding:4px 0;
}

.case_study {
padding-left:14px;
padding-right:14px;
}
/* contact page*/
#submit{
	width:76px;
	height:34px;
	color:#FFF;
	font-size:14px;
	
	background:url(../images/submit_btn.gif) no-repeat top left;
}
#submit:hover{
	
	background:url(../images/sbumit_btn_over.gif) no-repeat top left;
}

/* home page */
#home-logos{
	padding:0 65px 15px 65px;
}
#home-logos img{
	margin:0 5px;
	border:0px;
}