/* CSS Document */
html, body
{
	border-left: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background-color:#050707;
}
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, img, 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
{
	border: 0;
	font-size: 11px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body
{
	background: #050707;
	color: #FFFFFF;
	/*font-family:Arial, Helvetica, sans-serif;*/
  font-family: Trebuchet MS,Arial,Verdana,Arial,sans-serif;
	font-size:11px;
	line-height:15px;
}
ol, ul
{
	list-style: none;
}
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	font-weight: normal;
	text-align: left;
}

/* end reset styles */
/* clearing technique */

.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}

/* mac hide */

* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}

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


a img,img
{
	border: none;
	display: block;
}

body{
font-size: 11px;
text-align:center; /* for ie5.+*/
} 

/* IE CSS Document */

body
{
	font-size: small;
	font-size: x-small;
}
body table
{
	font-size: small;
	font-size: x-small;
}

/*........... main css ......*/
#wrapper{ 
		  margin:auto;
 		  text-align:left;
          width:1020px;
		  
		  }
	  
		  
#footer a:hover, .header_end a:hover { text-decoration:underline}
		  
#main{ width:1020px;
	   float:left;
	   background:url(image/main_bg.jpg) no-repeat top #00031f;
	  } 
	  
#header{width:1020px;
	   float:left;}

.logo{ float:left; width:172px}

.middle_header{ 
				width:709px;
				float:left;
}

.icons{ height:69px;
		margin-left:396px;
		}
		
.icons p{ width:60px;
		  height:69px;
		  float:left;
		  text-align:right;
		  padding-right:35px; 
		  line-height:69px;
		  display:inline;
		  
		  }

.facebook a{ background:url(image/facebook_icon.png) no-repeat right;
			 font-family: FFF Professional, Verdana, Arial, Helvetica, sans-serif; 
	         font-size:8px;
		     text-decoration:none;
		     color:#FFFFFF;
			 width:60px;
		     height:69px;
		     float:left;
		     padding-right:35px; 
		     line-height:69px;}
		  
.facebook a:hover{ background:url(image/facebook_icon_hover.png) no-repeat right; text-decoration:none}	
	  
.tweeter a{ background:url(image/tweeter_icon.png) no-repeat right;
			font-family: FFF Professional, Verdana, Arial, Helvetica, sans-serif; 
	        font-size:8px;
		    text-decoration:none;
		    color:#FFFFFF;
			width:60px;
		    height:69px;
		    float:left;
		    padding-right:35px; 
		    line-height:69px;}
			
.tweeter a:hover{ background:url(image/tweeter_icon_hover.png) no-repeat right}

.blog a{ background:url(image/blog_icon.png) no-repeat right;
		 font-family: Arial, Helvetica, sans-serif; 
	    font-size:8px;
		 text-decoration:none;
		 color:#FFFFFF;
		 width:60px;
		 height:69px;
		 float:left;
		 padding-right:35px; 
		 line-height:69px;}
		 
.blog a:hover{ background:url(image/blog_icon_hover.png) no-repeat right;}

.full_screen a, #footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:8px!important;
	text-decoration:none;
	color:#FFFFFF
}
/*.menu{ height:30px;
	   width:955px;
	   line-height:10px;
	   font-size:10px;
	   letter-spacing:0.03em;
	   float:left;
	   padding-left:65px;
	  }
	  
.menu a{font-family:FFF Professional, Verdana, Arial, Helvetica, sans-serif; 
		font-size:10px;
		text-decoration:none; 
		color:#FFFFFF; 
		padding:5px 10px 
		}

.menu a:hover{font-family: FFF Professional, Verdana, Arial, Helvetica, sans-serif; 
			  font-size:10px; 
			  text-decoration:none; 
			  color:#FFFFFF; 
			  background-color:#2886c6
			  }
*/

#nav {
	 BORDER-LEFT: #eda 0px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1; LIST-STYLE-TYPE: none; MARGIN:auto ; PADDING-LEFT: 0px; WIDTH:760px; PADDING-RIGHT: 0px;  FONT-WEIGHT:normal; LIST-STYLE-IMAGE: none; BORDER-RIGHT: #eda 0px solid; PADDING-TOP: 0px;
}
#nav UL {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 1; LIST-STYLE-TYPE: none; MARGIN: 0px 0px 1em; PADDING-LEFT: 0px; WIDTH: 36em; PADDING-RIGHT: 0px; BACKGROUND:#2886c6; FLOAT: left; FONT-WEIGHT: bold; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px;
}
#nav A {
	PADDING-BOTTOM: 0.50em; PADDING-LEFT: 1em;  PADDING-RIGHT: 1em; DISPLAY: block; COLOR: #FFF; TEXT-DECORATION: none; PADDING-TOP: 0.50em; font-size:10px;
}
#nav A.daddy {
	BACKGROUND: url(rightarrow2.gif) no-repeat right center
}
#nav LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
#nav LI UL {
	POSITION: absolute; BORDER-RIGHT-WIDTH: 0.25em; MARGIN: 0px; WIDTH: 13.9em; BORDER-TOP-WIDTH: 0.25em; BORDER-BOTTOM-WIDTH: 0.25em; HEIGHT: auto; BORDER-LEFT-WIDTH: 0.25em; FONT-WEIGHT: normal; LEFT: -999em
}
#nav LI LI {
	WIDTH: 13em; PADDING-RIGHT: 1em
}
#nav LI UL A {
	WIDTH: 9em; color:#000000
}
#nav LI UL UL {
	MARGIN: -1.65em 0px 0px 14em
}
#nav LI:hover UL UL {
	LEFT: -999em
}
#nav LI:hover UL UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL UL {
	LEFT: -999em
}
#nav LI:hover UL {
	LEFT: auto
}
#nav LI LI:hover UL {
	LEFT: auto
}
#nav LI LI LI:hover UL {
	LEFT: auto
}
#nav LI.sfhover UL {
	LEFT: auto
}
#nav LI LI.sfhover UL {
	LEFT: auto
}
#nav LI LI LI.sfhover UL {
	LEFT: auto
}
#nav LI:hover {
	BACKGROUND: #0a629d
}
#nav LI.sfhover {
	BACKGROUND: #0a629d
}

#nav A:hover{ color:#FFF}

.header_end{ width:127px;
			 float:left;
			 margin-left:12px;
			 }

.full_screen{ height:22px;
		      margin:6px 7px 0 0;
			  background:url(image/fullscreen.png) no-repeat right;
			  text-align:right;
			  padding-right:35px;
			  line-height:22px;
			  }



#banner{ width:1020px;
		 height:312px;
		 float:left;
		 background:url(image/video_services_banner.jpg) no-repeat left}

#content{ width:980px;
	      float:left;
		  margin:15px 20px 25px 20px;
		  display:inline; 
		  }

#main_content{ width:302px;
			   margin-left:18px;
	           float:left;
			   background:url(image/dashed_specer.png) no-repeat right top; display:inline;
				 font-size:11px;
         min-height:322px;
			   }
			   
#main_content h1, #secondary_content h1, #secondary_content_webdesign h1{ 
				  font-family: Helvetica 45 Light, Verdana, Arial, sans-serif; 
				  font-size:19px;
				  margin-top:15px;
				  color:#0099dd;
				  font-weight:normal;
				  line-height:50px;
				  }
				  
#project_of_month h1{ 
				  font-family: Helvetica 45 Light, Verdana, Arial, sans-serif; 
				  font-size:23px;
				  margin-top:10px;
				  color:#0099dd;
				  font-weight:normal;
				  line-height:50px;
				  }

#main_content p, #main_content form{ padding-left:46px;
				 padding-right:20px;
				 font-family:Arial, Helvetica, sans-serif;
				 font-size:11px;
				 line-height:15px;
				 }
 
#secondary_content{  width:284px;
			         margin-left:18px;
	                 float:left;
			         background:url(image/dashed_specer.png) no-repeat right top; 
					 display:inline
			         }

#secondary_content_webdesign{  width:293px;
			                   margin-left:18px;
	                           float:left;
			                   background:url(image/dashed_specer.png) no-repeat right top; 
					           display:inline
			                 }
					 
#secondary_content li, #secondary_content_webdesign li{ background:url(image/media_serv_port_bullet.png) no-repeat left top;
					   									padding:8px 20px 6px 28px;
					   									font-family:Arial, Helvetica, sans-serif;
					   									font-size:11px;
					   								 }

#secondary_content li span, #secondary_content_webdesign li span, .blue{ color:#4993cf;
							font-family:Arial, Helvetica, sans-serif;
					        font-size:11px;
							}

#secondary_content li img, #secondary_content_webdesign li img{ margin-top:5px}

.contact_us_main, .free_quote_main{ width:630px;
                  float:left; font-size:11px;
				  font-family:Arial, Helvetica, sans-serif;
				  }

.contact_us_cell input{float:right;
					   margin-right:80px;
					   height:12px;
					   border:none;
					   font-size:11px;
					   line-height:12px;
					   color:#000000
					   }
.free_quote_cell{float:right;
					   margin-right:80px;
					   height:12px;
					   background-color:#98d8e7;
					   border:none;
					   font-size:10px;
					   line-height:12px;
					   color:#000000}					   
#capcha{ width:80px;
		 height:33px;
		 float:left;
		 margin:20px 534px 10px 5px;
		 border:#98d8e7 1px solid;
		 padding:5px;
		 font-family:Arial, Helvetica, sans-serif;
		 font-size:16px;
		 color:#FFFFFF;
		 line-height:33px;
		 text-align:center
		 
		 }					   
					   
.contact_us_main textarea{ width:481px;
				   height:102px;
				   float:left;
				   margin-left:8px;
				   background-color:#98d8e7;
				   border:none;
				   font-size:11px;
				   line-height:12px;
				   color:#000000;
				   padding:5px
				   }					   
				  
.contact_us_cell{ width:50%;
				  float:left;
				  height:22px
				  } 	


.previous { float:left; margin-left:28px; margin-top:10px}

.next { float:right; margin-right:30px; margin-top:10px}

.previous a, .next a { font-size:11px;
					   color:#FFFFFF;
					   text-decoration:none } 
.previous a:hover, .next a:hover {
					   text-decoration: underline }

.previous span, .next span, .orange_links, .orange_links a{ font-size:11px; 
							font-family:Arial, Helvetica, sans-serif; 
							font-weight:bold; 
							color:#f89620; 
							text-decoration:none;
							}
.orange_links a{ font-weight:normal}							
.orange_links a:hover{text-decoration:underline;}

.company_info h1{ font-family: Helvetica 45 Light, Verdana, Arial, sans-serif; 
				  font-size:19px;
				  color:#0099dd;
				  font-weight:normal;
				  line-height:82px;
				  float:left;
				  }
.media_serv_main{ width:523px;
				  float: left;
				  background:url(image/dashed_specer.png) no-repeat right top;
				  }
				  
.video_player{ width:435px;
			  height:328px;
			  float:left;
			  margin:15px 0 15px 32px;
			  background:url(image/video_ploayer_bg.jpg)
			  }
				  
.media_serv_secondary{ width:409px;
				  float: left;
				  margin-left:48px;
				  }	
				  
.media_serv_secondary li{ width:409px;
						  float:left;
						  margin-top:15px;
						  height:87px;
						  }
						  
.media_serv_secondary li span{ display:block;
							    float:left;
								margin-left:36px}
.spary{ width:610px;
		float:left;
		margin-left:32px;
		}
		
.spary ul{ float:left;
			margin-left:12px;
			}
.spary ul li{ width:49px; 
			  display:inline;
			  float:left;
			  text-align: center;
			  }	
			  
.spary ul li a{ font-family:Arial, Helvetica, sans-serif;
				width:49px;
				display:block;
				padding:5px 0 0px 0; 
				color:#499ad4;
				font-size:11px;
				font-weight:bold;
				text-decoration:none;
				}
.spary ul li a:hover{color:#f26722; 
					  background:url(image/spary_tab_bg.png);
					  background-position:center;
					  background-repeat:no-repeat;}	
					  
.spary_content{ width:642px;
				float:left;
				background-color:#FFFFFF;
				}
				
.spary_content_txt{ padding:0px 15px 0px 15px;
					 font-family:Arial, Helvetica, sans-serif;
					 font-size:11px;
					 color:#3e3e3e;
					 }	
					  	  
.media_serv_main h1, .media_serv_secondary h1{ font-family: Helvetica 45 Light, Verdana, Arial, sans-serif; 
				  font-size:19px;
				  color:#0099dd;
				  font-weight:normal;
				  line-height:69px;
				  float:left;
				  }
				  
.div_top, .div_bottom{ width:980px;
		  			  float:left;
		  			 }
					 
.profile{ width:465px;
		  float: left;
		  margin-left:25px;
		  background:url(image/specer_company.png) no-repeat right top; 
		  
		  }	
		  
.profile img{ width:113px;
			  float:left;
			  white-space:nowrap
			  }

.profile p{ padding:0 24px 0 21px;
			display:inline;
			font-size:11px;
			float:left;
			width:300px;
			}
			  
.profile .name{color:#4993cf;
			   font-family:Arial, Helvetica, sans-serif;
			   font-size:14px;
			   font-weight:bold;
			   }
.profile span{font-size:11px; 
			  font-family:Arial, Helvetica, sans-serif;
			  color:#f89620;
			  }
			   
.div_bottom{ margin-top:40px;

		  }

#project_of_month{ width:319px;
			       margin-left:36px;
	               float:left; display:inline
			       }

#project_of_month p{font-family: Helvetica 45 Light, Verdana, Arial, sans-serif; 
				    font-size:20px;
				    margin-top:10px;
				    color:#f36c21;
				    font-weight:normal;
				    line-height:30px;
					padding-left:10px;
					}

.pom_img{ margin:17px 0
						}

#project_of_month h2{font-family: Arial, Helvetica, sans-serif; 
				     font-size:10px;
					 padding:0 25px 0 10px ;
				     color:#FFFFFF;
				     font-weight:normal;
				     line-height:20px;
					 display:inline;
					 float:left;
					 }
						
.normal{ font-weight:normal}	
						
#footer{ width:1020px;
		 height:137px;
		 float:left;
		 text-align:center;
		 background:url(image/footer_top_border.jpg) no-repeat top #00031f;
		 font-size:10px;
		 font-family:Arial, Helvetica, sans-serif;
		 line-height:12px;
		 padding-top:20px 
		}

.red{ color:#ed1f24}

.box_media_serv_secondary{
  float:left;
  margin: 0 10px 0 10px;
}