@charset "utf-8";

/*------------- [ LAYOUT ] -------------*/

body { background: #292F33 url(../images/body_bg.png) left top repeat-x; }

#inner_bg { background: url(../images/header_bg.jpg) center top no-repeat; }
	#top { height: 20px; background: #343C41; }
	
	.badge {
		position:absolute;
		top:245px;
		left: -25px; }
		
	.rule13 {
		position:absolute;
		bottom:-33px;
		left: 70px;
	}
	
	#header { width: 960px; margin: 0px auto; position:relative; }
		/*#logo { padding: 26px 0px 0px 18px; height: 68px; }*/
		#logo { padding: 26px 0px 0px 18px; height: 99px; }
		
		#remote-support { position:absolute; top:5px; right:0px; width:300px; height:50px;}
		#remote-support a { display:block; width:200px; height:45px; margin-left:25px;}
		
		/*#title { width: 580px; height: 30px; margin: 30px 0px 0px 15px; font-size: 24px; line-height: 1.1; }*/
		#title { width: 580px; height: 30px; margin: 0px 0px 0px 15px; font-size: 24px; line-height: 1.1; }
			#title em { padding: 0px 4px; /*background: #FFC01C; color: #333;  */ font-weight: bold; }
		
		#intro { width: 580px; height: 30px; margin: 15px 0px 92px 20px; font-size: 14px; line-height: 1.1; color:#FFF;}
		
		
		/*#trust{ width: 300px; float: right; display: inline; margin: 30px 8px 0px 0px; }*/
		#trust{ width: 300px; float: right; display: inline; margin: 45px 8px 0px 0px; }
			#trust h1 { margin: 9px 0px 0px 10px; padding: 3px 0px 3px 26px; background: url(../images/bookmark.gif) left 4px no-repeat; font-size: 18px; color:#CFE7FF; }
			#trust h1 strong {color:#4AB3EB; }
			#trust p { margin: 2px 0px 0px 36px; padding: 5px 2px; font-size: 14px; color:#CCC; }
			
			
			
			#trust span { width: 170px; float: left; margin: 15px 0px 0px 20px; padding: 0px 0px 0px 20px; background: url(../images/highlighted_name.png) left 1px no-repeat; font-size: 12px; }
				#trust span a:hover { }
		
				
		#menu_title { width: 150px; height: 29px; margin: 35px 0px 0px 57px; background: url(../images/menu_title_2.gif) no-repeat; }
	
	#container { width: 960px; margin: 0px auto; background: url(../images/container_bg.png) 8px top repeat-y; }
		#menu_bg { background: url(../images/menu_bg.png) 8px bottom no-repeat; }
			#menu {	width: 214px; float: left; display: inline; margin: 0px 0px 0px 8px; }
				#menu_comment { height: 15px; background: url(../images/menu_comment.gif) no-repeat; }
				
				#menu ol { margin: 25px 18px 25px 18px; }
					#menu li { padding: 2px 0px; list-style: none; color: #FFFFFF; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #353D42; }
					#menu .last { border-width: 1px 0px 1px 0px; }
						#menu li a, .inactive { display: block; padding: 8px 2px; line-height: 1.0; }
						#menu li a:hover { background:#353D42; }
						.active { background: #434E54; }
							#menu li a .link_title { font-size: 16px; display: block; }
							#menu li a .link_description { margin: 0px 0px 0px 17px; display: block; color: #EDC847; font-size: 10px; }
			
			#content_container { width: 716px; float: left; display: inline; margin: 0px 0px 0px 14px; padding: 40px 0px 20px 0px; }
				#content { height: 350px; overflow: hidden; }
					.section { height: 350px; margin: 0px 0px 20px 0px; }
	
	#bottom { height: 15px; background: #141618; }
	
	#contactus { border-top: 1px #707E89 solid; background: url(../images/contentblock_bg.png) #444D53 center repeat; }
		#contactus_container { width: 960px; margin: 0px auto; }
			#phone { width: 176px; float: left; display: inline; margin: 80px 40px 0px 14px; border: 3px #212629 solid; background: url(../images/phone_bg.png) #343C41 top no-repeat; }
				#phone h1 { margin: 12px 0px 0px 12px; font-size: 20px; font-weight: bold; }
				#phone ul { margin: 20px 0px 12px 0px; }
					#phone li { margin: 10px 0px 0px 24px; padding: 0px 0px 0px 15px; background: url(../images/block_mark.gif) left center no-repeat; font-size: 12px; }
				
			#form_container { width: 490px; float: left; display: inline; margin: 15px 0px 0px 0px; }
				#contactus_form { margin: 0px 0px 15px 0px; }
					#form_left { width: 214px; float: left; display: inline; margin: 0px 0px 0px 14px; border-left: 4px #F3AF1C solid; padding: 0px 0px 4px 0px; }
						#form_left label, #form_left input, #form_left select { margin-left: 16px; }
					#form_right { width: 248px; float: right; display: inline; padding: 0px 0px 0px 0px; }
			
			#location { width: 182px; float: left; display: inline; margin: 80px 0px 0px 34px; }
				#location h1 { margin: 0px 0px 10px 0px; border-bottom: 3px #F3AF1C solid; font-size: 20px; font-weight: bold; }
				#location p { color: #AFB9BE; font-size: 13px;}
				#location span { display: block; margin: 15px 0px 0px 0px; font-size: 12px; font-style: italic; }
	
	#footer { margin: 0px; padding: 10px 0px 10px 0px; background: url(../images/footer_bg.jpg) #444D53 center repeat; border-top: 1px #707E89 solid; /* background: #292F33;*/ }
		#footer_container { width: 960px; margin: 0px auto; position:relative; }
			#footer_container ul { float: right; padding: 2px 10px 2px 10px; }
			#footer_container .last { border-left: 1px #2FB900 dashed; }
				#footer_container ul li { padding: 0px 0px 0px 18px; background: url(../images/footer_mark.gif) left 3px no-repeat; color: #AFB9BE; line-height: 1.3; font-size: 12px; }
				#footer_container ul .mail { background: url(../images/footer_mail.png) left 3px no-repeat; font-weight: bold; }
				#footer_container ul .copyright { background: url(../images/footer_copyright.png) left 4px no-repeat; font-weight: bold; }
				#footer_container ul li a:hover { color: #AFB9BE; }
		.clear { clear: both; }