/* --------------------------------------------------------
    Navigation menu stylesheet
    Site: GERR.COM
    Created by: Martin Gauthier - martin@codemountain.ca
	Filename: css/main_gerr1.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    MAIN STYLING
	

   -------------------------------------------------------- */
body	{
	background-color:#fff;
	background-image:url(../../img/backcheck-1.gif);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	padding:0px;
	margin:0px;
}
a:link, a:visited, a:active	{
	color:#2f7390;
	text-decoration:underline;
	}
a:hover	{
	text-decoration:none;
}

h2{font-size:14px; margin:0;padding:0; padding-left:20px; font-weight:bold; color:#2f7390; padding-top:8px;}
/* --------------------------------------------------------
   COMMON STYLING
	

   -------------------------------------------------------- */
#main_container	{position:absolute;top:0px;left:0px; margin:0; width:100%;background-color:transparent; background-image:url(../../img/backcheck-2.gif); background-repeat:repeat-x; height:900px;}

#mid_container1{height:655px; width:940px; padding:12px; background-color: #4ea3c9; background-image:url(../../img/back-1.gif); background-repeat:repeat-x; margin-top:40px;}
#mid_container2{height:655px; width:940px; padding:0; background-color: #fff; border-top:1px solid #3c7e98; border-left:1px solid #3c7e98; border-bottom:1px solid #4692b5;border-right:1px solid #4692b5;}

#top_container{ position:relative;width:100%; height:100px; border-bottom:1px solid #d3d3d3;}
	/*MAIN MENU IS in here */
	#logo1{position:absolute; top:0px; left:20px;}
	#time_container{position:absolute; right:0; top:10px; background-image:url(../../img/backcheck-4.gif); background-repeat:repeat;padding:10px; text-align:center}
	#datetime{background-color:#FFFFFF; padding:2px; font-size:10px; padding-left:5px; padding-right:5px;}
	
#content1{position:relative;width:100%; height:555px; background-color:transparent; background-image:url(../../img/backgrad-1.gif); background-repeat:repeat-x; background-position:top;}

#bot_container{width:940px; height:96px; text-align:center; margin-top:-10px;}


/* --------------------------------------------------------
    PAGE STYLING - 
	

   -------------------------------------------------------- */

/*HOME ADS STYLING*/
#adcontainer{padding-left:20px; padding-top:20px; padding-right:20px;}
.box_ad1{position:relative; width:445px; background-image:url(../../img/backgrad-2.gif); background-repeat:repeat-x; background-position:bottom; background-color:#FFFFFF; margin-top:8px;}
.topad1{background-image:none}
.full1{height:510px;}
.half1{height:250px;}
.adheader1, adheader2{background-image:url(../../img/backcheck-7.gif); background-repeat:repeat; width:100%; height:16px; position:absolute; top:0; left:0}
.adheader2{background-image:url(../../img/backcheck-6.gif)}
.border1{border:1px solid #efce94}/*orange border*/
.border2{border:1px solid #b5d1de}/*blue border*/
.left_ad{float:left}
.right_ad{float:right}

img.adimage1{margin-top:20px; margin-left:32px;}

#adbox1{position:absolute; top:20px; left:20px; cursor:pointer}
#adbox-xmas{position:absolute; top:20px; left:475px; cursor:pointer}
#adbox2{position:absolute; top:20px; left:475px;  background: url(../../img/home_ad2.jpg) no-repeat; padding-top: 20px; padding-left: 17px; width: 425px; height: 490px;}
#adbox3{position:absolute; top:280px; left:20px; cursor:pointer}
#adbox4{position:absolute; top:280px; left:475px; cursor:pointer}

#adbox2 h2{
	font-size: 17px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}
#adbox2 div.news_entry{
	   background: url(../../img/news_bottom_bg_repeat.gif) repeat-x bottom;
	   border: 1px solid  #2f7390;
	   height: 94px;
		width: 385px;
		margin: 0 auto;
		float: left;
	   margin-bottom: 10px;
	   display: block;
	   padding-left: 10px;
	   padding-right: 10px;
	   
   }
#adbox2 div.news_entry div p{
	
	   font-size: 12px;
}

.infobox1{position:absolute; top:0px; left:0px; width:365px; padding-bottom:5px; background-color:#eaf1f4;  }
.infobox1 p {margin-left:20px; width:325px; text-align:justify; font-size:11px;}
.infobox1 ul {width:305px; text-align:justify; padding-left:35px; font-size:11px;}

#info-1{top:230px; left:160px;}
#info-2{top:5px; left:30px;}
#info-3{top:50px; left:525px;}


/*SERVICES STYLING*/
#midcontainer{padding-left:20px; padding-top:20px; padding-right:20px;}
.box_content1{position:relative; width:100%; background-color:#FFFFFF; margin-top:8px;}
.content_header1{background-image:url(../../img/backcheck-7.gif); background-repeat:repeat; width:880px; height:25px;margin-top:20px; }
.content_header2{background-image:url(../../img/backcheck_11.gif); background-repeat:repeat; height:25px; position:relative; margin-top:20px; }
.content_header3{background-image:url(../../img/backcheck_10.gif); background-repeat:repeat; height:25px; position:relative; margin-top:20px; }

.med_size{ width:554px; margin-left:20px;margin-top:5px;}
.sml_size{width:287px; margin-right:20px; margin-bottom:18px}
.top_first{margin-top:18px;}

.btn-img1{margin-right:18px;}

.bot_btns1{position:absolute; bottom:0px; left:20px;}
.bluebox{background-color:#dcedf4}
.orangebox{background-color:#f9ebd5}
.closeit{position:absolute; top:23px; right:16px;}

#svcs1, #svcs2{position:absolute; right:20px; top:73px;}
#svcs2{top:295px;}

#centers{position:absolute; left:0px; top:0px; width:570px; height:510px; border-right:1px solid #efce94; z-index:10;}
#raforms{position:absolute; left:0px; top:0px; width:570px; height:450px; border-right:1px solid #efce94; border-bottom:1px solid #efce94; z-index:10}
#getpdf{position:absolute; bottom:22px; right:22px}
.header_svcs1{font-weight:bold; color:#666666;}
.header_svcs2{font-weight:bold; color:#2f7390; text-decoration:underline}

/*PRODUCTS STYLING*/

#tbl_product{width:898px; position:absolute; bottom:20px; left:15px;}
#tbl_product tr td.td1{border:1px solid #2f7390;}

.overlay{position:absolute; top:0; left:0}

/*CONTACT STYLING*/
#contact_info{margin-top:18px;}
#contactform{position:absolute; top:65px; left:380px; border:0px solid #eaeaea}
#subject_table, #contact_table{font-size:11px; font-weight:bold; color:#2f7390}
#subject_table tr td, #contact_table tr td{padding-bottom:8px;}
#sendto_or{position:absolute; top:36px; left:-22px;}
.select1, .input1, .text1 {border:1px solid #adc1ca;font-size:11px; font-weight:bold; color:#2f7390; padding-top:2px; padding-bottom:2px;}
.input1{padding-left:10px;}
.text1{padding:4px; height:102px;padding-left:10px; width:465px}
.size1{width:240px;}
.size2{width:213px;}
.size3{width:470px;}
.selectsize1{width:400px;}
.selectsize2{width:312px;}
.color1{background-color:#ecf4f8}/*light blue*/
.color2{background-color:#fef7eb}/*peach*/
.imgbutton{cursor:pointer}

#french1{position:absolute; right:0px; top:0px; width:570px; height:510px; border-left:1px solid #efce94; z-index:10;}
#privacy1{position:absolute; right:0px; top:0px; width:570px; height:510px; border-left:1px solid #efce94; z-index:10;}

/*STYLES*/
.center_container {margin-left:auto; margin-right:auto; text-align:left;position:relative;}
.botimg{border:0; }
.botimg img{border:0;margin-top:24px;}

.p1{text-align:justify; font-size:12px; color:#2f7390}
.p2{font-size:14px; font-weight:normal; color:#2f7390}
.p3{font-size:12px; color:#717275; font-weight:normal}
.p4{font-size:11px; font-weight:normal; color:#2f7390}
.p5{font-size:11px; font-weight:normal; color:#2f7390; line-height:14px;}
.highlight1{padding:15px; font-size:15px; font-weight:bold; color:#2f7390; background-color:#faecd5}
.psmall{width:540px; font-size:11px; text-align:left;}

a.link1{color:#2f7390; font-weight:bold;}
a.link2{color:#2f7390; font-weight:normal;}
a.link3{color:#008cc8; font-weight:normal;}


.table1{font-size:11px; color:#2f7390; line-height:13px; margin-top:30px; width:545px}

.list1{font-size:13px; color:#2f7390; margin-left:0; padding-left:15px; line-height:22px;}


.clearall{clear:both}
/* --------------------------------------------------------
    MAIN MENU
	

   -------------------------------------------------------- */
   #news_container{
		height: 534px;
		overflow: auto;
		display: block;
		width: 920px;
   }
   
   #news_container p.sort{
   	background-image:url(../../img/backcheck-7.gif);
	padding: 10px 10px 20px 20px;
	margin-left: 0px;
   }
   
   #news_container .sort_link {
	   margin-right: 5px;
	   padding: 5px;
	   font-weight: bold;
   }
   
   #news_container a.sort_link {
	   border: 1px solid #2f7390;
	  /*color: #2f7390;*/
   }
   
   #news_container span.sort_link {
	   border: 1px solid #999;
	   background: #EEE;
   }
   
   #news_container a.moreinfo {
	  /*color:#2f7390;*/
  }
   #news_container p{
	   margin-left: 20px;
	   font-size: 90%;
   }
   #news_container div.news_entry{
	   background: url(../../img/news_bottom_bg_repeat.gif) repeat-x bottom;
	   border: 1px solid  #2f7390;
	   height: 94px;
		width: 430px;
		margin-right: 5px;
		float: left;
	   margin-bottom: 10px;
	   display: block;
	   padding-right: 15px;
   }
    div.news_entry p.title{
		margin-bottom: -10px;
		padding: 0px;
	}
   #news_container div.news_entry{
	   
   }
   
   #news_container p.news_date{
	   width: 100px;
	   display: block;
	   float: left;
	   
   }
   #news_container div.news_summary{
	   width: 300px;
	   display: block;
	   float: left;
	   border-left: 1px solid #ccc;
	   height: 79px;
	   padding-bottom: 15px;
   }
#globaltop	{position:absolute; left: 430px; bottom:0px; height:47px; font-size:11px;font-weight:normal; }
#globaltop #topnav{ margin: 0; padding: 0; margin-left:0px; margin-top: 23px; font-family: Arial, Helvetica, sans-serif;}
#globaltop #topnav li {list-style:none; float: left; font-size: 18px;}

#globaltop #topnav li a {text-transform: uppercase; color: #4c9ec4;	text-decoration: none;display: inline;height: 47px;padding: 10px 10px 5px 10px;background: url(../../img/menu_border.gif) left no-repeat;}

#globaltop #topnav li a:hover{
	color: #2e7390;	
}
#globaltop #topnav li a.on {color: #2e7390;}

#globaltop #topnav li.last a{padding: 10px 1px 5px 1px;}
}
#globaltop #topnav li a.noactive{cursor:default; opacity:0.99;-moz-opacity: 0.99; filter: alpha(opacity=99);}

#globaltop #topnav li#nav-gerr a{width:146px;}
#globaltop #topnav li#nav-products a{width:137px;}
#globaltop #topnav li#nav-services  a{width:129px;}
#globaltop #topnav li#nav-contact a{width:136px;}

#globaltop #topnav li#nav-gerr a{background-position:0 0;}
#globaltop #topnav li#nav-products a{background-position:-146px 0;}
#globaltop #topnav li#nav-services  a{background-position:-283px 0;}
#globaltop #topnav li#nav-contact a{background-position:-412px 0;}

#globaltop #topnav li#nav-gerr a:hover{background-position:0 -53px;}
#globaltop #topnav li#nav-products a:hover{background-position:-146px -53px;}
#globaltop #topnav li#nav-services  a:hover{background-position:-283px -53px;}
#globaltop #topnav li#nav-contact a:hover{background-position:-412px -53px;}

#globaltop.nav-gerr #topnav li#nav-gerr a{background-position:0 -53px;}
#globaltop.nav-products #topnav li#nav-products a{background-position:-146px -53px;}
#globaltop.nav-services #topnav li#nav-services  a{background-position:-283px -53px;}
#globaltop.nav-contact #topnav li#nav-contact a{background-position:-412px -53px;}


/*#globaltop.nav-home #topnav li#nav-home a{background-position:0 -32px;}*/

#basicForm,#meyerForm,#audioprecisionForm,#drawmerForm,#soundfieldForm,#clearcomForm,#hmeForm,#digicoForm,#soundscapeForm,#basic_form_plus{
	display: none;
}
#model_form label{
	display: block;
	width: 230px;
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding:0px;
}
#model_form input{
	width: 200px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding:0px;
}
#model_form select{
	width: 205px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding:0px;
}
#model_form textarea{
	width: 275px;
	height: 100px;
	margin-top: 0px;
	padding:0px;
}
#request_message{
	display: none;
}
#drawling{
	width:380px;
	position:absolute;
	border:1px dotted #fff;
	background:#ddd;
	text-align:left;
	padding:10px 0px 0px 10px;
	z-index:21;
}
#drawling a{
	border-top:1px dotted #fff;
	margin-top:10px;
	margin-left:-10px;
	display:block;
	padding:10px;
	background:#888;
	color:#fff;
	text-decoration:none;
}
#drawling a:hover{
	color:#000;
}
#overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:20;
}