/* 
	concord computer solutions
*/

/* --------------- GLOBAL ---------------- */

/* :focus { -moz-outline-style: none; } */
	
.clear 			{ clear:both; }

.clearafter:after, .clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

label, button, input[type="submit"]{cursor:pointer;}

.clearafter, .clear {display:inline-block;}
  /* Hide from IE Mac \*/
.clearafter, .clear {display:block;}
 /* End hide from IE Mac */

* html .clearafter, * html .clear{height: 1px;}
  
body{font-size:12px;padding:0;margin:0;font-family:Arial;background:#000 url(/images/structure/bg.gif) repeat-x;}
 
h1, h2, h3, h4, h5, h6, ul, li, ol, table, td, form{padding:0;margin:0;}
 
p{padding:0;margin:0;font-size:12px;}

a{text-decoration:none;overflow:hidden;}
	a:hover{}

.error{font-size:10px;font-weight:bold;color:red;text-align:left;padding:10px 0 0 10px;text-transform:uppercase;}

/* -------------- MAIN SITE ---------------- */

#wrap{width:960px;margin-left: auto; margin-right: auto; text-align: center;}
	#header{width:960px;height:137px;}
		#logo{width:298px;float:left;}
			#logo a{width:298px;height:134px;display:block;text-indent:-99999em;background:url(../images/structure/logo.png) no-repeat;}
				
		#header_right{float:right;width:600px;}
			#header_contact{float:right;height:107px;color:#fff;font-weight:bold;}
				#header_phone{margin:8px 0 0 0;padding:0 5px 0 0;height:36px;width:172px;text-indent:-99999em;display:block;background:url(../images/headers/local.png) no-repeat;}
				#header_address a{padding:0 5px 0 0;height:43px;width:169px;text-indent:-99999em;display:block;background:url(../images/headers/address.png) no-repeat;}
			#header_nav{height:30px;position:absolute;display:block;top:100px;margin-left:480px;}
				ul#nav{}
					ul#nav li.nav_li{float:left;width:auto;list-style-type:none;}
						ul#nav li.nav_li a{text-decoration:none;color:#fff;font-weight:bold;}
							ul#nav li.nav_li a:hover{color:#ffba00;}
						a.btn_hardware{width:83px;height:27px;text-indent:-99999em;display:block;background:url(../images/buttons/btn_hardware.png) no-repeat;}
							a.btn_hardware:hover{background-position: 0 -27px;}
						a.btn_websites{width:83px;height:27px;text-indent:-99999em;display:block;background:url(../images/buttons/btn_websites.png) no-repeat;}
							a.btn_websites:hover{background-position: 0 -27px;}
						a.btn_services{width:78px;height:27px;text-indent:-99999em;display:block;background:url(../images/buttons/btn_services.png) no-repeat;}
							a.btn_services:hover{background-position: 0 -27px;}
						a.btn_contactus{width:89px;height:27px;text-indent:-99999em;display:block;background:url(../images/buttons/btn_contactus.png) no-repeat;}
							a.btn_contactus:hover{background-position: 0 -27px;}
						a.btn_aboutus{width:78px;height:27px;text-indent:-99999em;display:block;background:url(../images/buttons/btn_aboutus.png) no-repeat;}
							a.btn_aboutus:hover{background-position: 0 -27px;}
						a.btn_home{width:61px;height:27px;text-indent:-99999em;display:block;background:url(../images/buttons/btn_home.png) no-repeat;}
							a.btn_home:hover{background-position: 0 -27px;}
					ul.subnav{margin:0 0 0 11px;text-align:left;display:none;z-index:99999;position:absolute;background:#31516f;border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;}
						ul.subnav li.subnav_li{list-style-type:none;border-bottom:1px solid #fff;}
							ul.subnav li.subnav_li a{display:block;width:120px;padding:2px 4px;}
								ul.subnav li.subnav_li a:hover{background:#000;}
									
	#body{width:960px;background:url(../images/structure/content_bg.gif) repeat-y;border-top:3px solid #fff;}
		#body_left{width:173px;float:left;color:#fff;}
			.rightnav_content_l{background:url(../images/structure/nav_bg.gif) repeat-x;width:167px;margin:0 0 0 3px;padding:10px 0;}
				
			#leftnav_curve{margin:0 -5px 0 0;padding:17px 0 0 0;}
				#leftnav_curve_bg{padding:2px 0;margin:0 0 0 5px;background:#fff url(../images/structure/leftnav_curve_bg.gif) repeat-y;}
				#leftnav_curve ul{padding:7px 0 7px 10px;text-align:left;}
					#leftnav_curve li{list-style-type:none;font-size:12px;padding:0 20px 6px 0;}
						#leftnav_curve a{color:#2f4b66;}
							#leftnav_curve a:hover{color:#000;text-decoration:underline;font-weight:bold;}
						a.leftnavselected{color:#000;text-decoration:underline;font-weight:bold;}
							
			.btn_ecall{margin:0 0 0 11px;}
				.btn_ecall a{margin-bottom:5px;text-indent:-99999em;background:url(../images/buttons/btn_ecall.png) no-repeat;height:50px;width:144px;display:block;}		
			.btn_bluebox{margin:0 0 0 11px;}
				.btn_bluebox a{margin-bottom:5px;text-indent:-99999em;background:url(../images/buttons/btn_bluebox.png) no-repeat;height:50px;width:144px;display:block;}		
			.btn_discount{margin:0 0 0 11px;}
				.btn_discount a{margin-bottom:5px;text-indent:-99999em;background:url(../images/buttons/btn_discounts.gif) no-repeat;height:50px;width:144px;display:block;}		
			.btn_classes{margin:0 0 0 11px;}
				.btn_classes a{margin-bottom:5px;text-indent:-99999em;background:url(../images/buttons/btn_classes.gif) no-repeat;height:50px;width:144px;display:block;}		
			.btn_websites{margin:0 0 0 11px;}
				.btn_websites a{margin-bottom:5px;text-indent:-99999em;background:url(../images/buttons/btn_websites.gif) no-repeat;height:50px;width:144px;display:block;}		
					
			#rewardsHeader{width:595px;float:left;padding:10px;}
				.rewardsRight{width:113px;float:left;text-align:left;}
				.rewardsLeft{width:326px;float:left;text-align:left;padding-left:10px;}
				.rewardsLog{width:146px;float:left;text-align:right;}
					.rewardsLog a{margin-bottom:5px;text-indent:-99999em;background:url(../images/buttons/btn_rewards.gif) no-repeat;height:24px;width:146px;display:block;}
			#rewardsContent{text-align:left;float:left;padding:10px;width:595px;}
			#rewardsTable{width:595px;}
				#rewardsTable span{padding:3px;}
				.rewardsTable_title{font-weight:bold;}
					.rewardsTable_title td{border-top:1px solid #000;border-right:1px solid #000;}
				.rewardsTable_data{border-bottom:1px solid #000;}
					.rewardsTable_data td{border-top:1px solid #000;border-right:1px solid #000;}
					.rewardsTable_bottom td{height:1px;border-top:1px solid #000;}
						
		#body_center{width:615px;float:left;background:#fff;}
				
			h2{border-top:2px solid #000;border-bottom:2px solid #000;width:605px;text-align:left;font-size:23px;padding:0 0 0 10px;}
			h3{font-size:22px;color:#2f4b66;text-align:left;padding:12px 0 12px 10px;}
			h4{text-align:left;font-size:15px;color:#2f4b66;padding:5px 0 5px 10px;}
				
	#regcontent{text-align:left;padding:10px;width:595px;}
		#regcontent ul{margin:5px 0 0 0;position:relative;left:40px;}
			#regcontent li{width:500px;padding:0 0 5px 0;}
				#regcontent a{font-weight:bold;color:#2d4a64;text-decoration:underline;}
					#regcontent a:hover{color:#000;}
						
/* ---------------------------- NEW ARTICLES ---------------------------------------------- */

		h4.header_newsarticle{margin:10px 0 0 242px;text-indent:-99999em;background:url(../images/headers/news-article.gif) no-repeat;height:15px;width:121px;display:block;}
		#news_articles{width:575px;text-align:justify;padding:0 20px;line-height:20px;}
		#news_articles2{width:585px;text-align:justify;padding:15px 10px;line-height:20px;}
			#news_articles a{color:#2d4a64;font-weight:bold;}
				#news_articles a:hover{color:#000;text-decoration:underline;}
				#news_articles img{padding:0 5px 0 0;}
				#news_articles2 img{padding:0 5px 0 0;}
				b.na_bold{font-size:17px;}
					
		h4.header_latestwebsites{margin:10px 0 0 252px;text-indent:-99999em;background:url(../images/headers/latest-websites.gif) no-repeat;height:16px;width:101px;display:block;}
		#hp_websites{width:600px;margin:0 0 10px 0;}
			.hp_ws{width:190px;float:left;font-weight:bold;color:#303030;padding:0 0 0 10px;}
				.hp_ws img{border:1px solid #000;}
					
/* ---------------------------- CASE STUDIES ---------------------------------------------- */

			#case-study{width:615px;}
				#case-image{float:left;width:386px;padding:3px;}
				#case-solutions{float:left;width:195px;text-align:left;padding:0 10px;color:#2d4a64;}
					#case-solutions h5{font-size:18px;font-weight:bold;}
					#case-solution-box{background:#dbdbdb;padding:5px 10px;}
						#case-solution-box ul{margin:0 0 0 15px;font-size:14px;}
							#case-solution-box li{font-weight:bold;line-height:20px;}
				#case-website{margin:3px 10px;}
					#case-website a{color:#2d4a64;font-weight:bold;}
						#case-website a:hover{color:#000;text-decoration:underline;}
			#case-overview{width:595px;text-align:left;padding:0 0 20px 10px;}
				#case-overview h5{font-size:16px;color:#2d4a64;padding:5px 0;}
					
/* ---------------------------- CLIENTS ---------------------------------------------- */

			#clients{width:615px;padding:20px 0;text-align:left;}
				.clients-left{float:left;width:290px;}
				.clients-right{float:left;width:290px;}
				#clients ul{margin:0 0 0 20px;}
					#clients li{list-style-type:none;padding:0 0 10px 0;font-weight:bold;}
						#clients li img{border:3px solid #2d4a64;}
					#clients a{font-weight:bold;color:#2d4a64;font-size:11px;}
						#clients a:hover{text-decoration:underline;color:#000;}
						
/* ---------------------------- BLUEBOX ---------------------------------------------- */		

			#bluebox{text-align:left;padding:10px;width:595px;}
				#bluebox ul{margin:5px 0 0 0;position:relative;left:40px;}
					#bluebox li{width:500px;padding:0 0 5px 0;}
					#bluebox img{padding:0 20px 0 0;}
				#bluebox a{font-weight:bold;color:#2d4a64;text-decoration:underline;}
					#bluebox a:hover{color:#000;}

/* ---------------------------- ECALL ---------------------------------------------- */		

			#ecall{text-align:left;padding:10px;width:615px;}
				#ecall ul{margin:5px 0 0 0;position:relative;left:40px;}
					#ecall li{}
					#ecall img{padding:0 20px 0 0;}

/* ---------------------------- FLASH ---------------------------------------------- */		
			
			#flashanimation{width:615px;padding:10px;text-align:left;}
				.flashanimation_box{width:615px;padding:10px 0;}
					.flashanimation_left{width:230px;float:left;}
						.flashanimation_left b{font-size:14px;}
						.flashanimation_left a{font-weight:bold;color:#2d4a64;}
							.flashanimation_left a:hover{color:#000;tetxt-decoration:underline;}
					.flashanimation_right{width:370px;float:left;}
			
/* ---------------------------- SERVICES ---------------------------------------------- */		

		.services{width:615px;margin:10px 0;}
			.services_bg{float:left;width:151px;height:128px;margin:0 2px 0 0;background:url(../images/structure/service_bg.gif) no-repeat;}
				.service_copy{color:#fff;font-weight:bold;font-size:26px;padding:10px;}
				.services a{color:#fff;}

/* ---------------------------- CONTACT US ---------------------------------------------- */		

		#contactus{width:590px;text-align:left;padding:10px;}
			#contactus_left{width:285px;float:left;font-size:13px;}
				.contactus_split{width:235px;padding:2px 0 3px 0;}
					.contactus_split_left{float:left;width:70px;}
					.contactus_split_right{float:left;width:150px;}
				.contactus_split2{width:260px;color:#fff;border-top:2px solid #000;font-weight:bold;}
					.contactus_split_left2{float:left;width:136px;padding:5px;border-left:2px solid #000;border-bottom:2px solid #000;background:#2d4a64;}
					.contactus_split_right2{float:left;width:100px;padding:5px;border-right:2px solid #000;border-bottom:2px solid #000;background:#2d4a64;}
			#contactus_right{width:300px;float:left;font-size:13px;}
				.form_box{width:280px;}
					.form_left{float:left;width:140px;}
					.form_right{float:left;width:140px;}
					
/* ---------------------------- LOCATION ---------------------------------------------- */		

		#location{width:604px;text-align:left;padding:10px;}
			#location_left{width:240px;float:left;font-size:13px;}
				.location_split{padding:2px 0 3px 0;}
				#location_left a{color:#000;font-weight:bold;}
			#location_right{width:350px;float:right;font-size:13px;}

/* ---------------------------- FEATURES ---------------------------------------------- */		

		#features{width:595px;text-align:left;padding:10px;}
			#features a{font-weight:bold;color:#2d4a64;text-decoration:underline;}
				#features a:hover{text-decoration:none;}
			#features img{padding:0 10px 0 0;}
			
/* ---------------------------- USEFUL INFORMATION ---------------------------------------------- */		
		
		.info{width:615px;padding:10px;text-align:left;}
			.info_title{font-size:18px;}
			.info ul{margin:0 0 20px 0;}
				.info li{list-style-type:none;}
					.info a{font-weight:bold;color:#2d4a64;font-size:13px;}
						.info a:hover{text-decoration:underline;color:#000;}
			.info_left{float:left;width:275px;padding:0 10px 0 0;}
				.info_left ul{margin:5px 0 0 20px;}
					.info_left li{list-style-type:disc;line-height:20px;}
			.info_right{float:left;width:305px;}
				.info_right img{border:1px solid #000;}

/* ---------------------------- USEFUL INFORMATION ---------------------------------------------- */		

			.staff_box{width:615px;text-align:left;}
				.staff_sec{float:left;width:280px;padding:10px;}
					.staff_left{float:left;width:125px;}
					.staff_right{float:left;width:125px;}
					
/* ---------------------------- SERVICES ---------------------------------------------- */		

			ul.sitemap{float:left;width:260px;padding:0 0 20px 0;}

/* ---------------------------- FOOTER ---------------------------------------------- */		
		#body_right{width:172px;float:left;color:#fff;}
			.rightnav_content_r{background:url(../images/structure/nav_bg.gif) repeat-x;width:166px;margin:0 0 20px 3px;}
				.rightnav_content_r a{color:#fff;}
				.rightnav_content_r h5{padding:5px;width:75px;height:18px;text-indent:-99999em;display:block;background:url(../images/headers/login.png) 5px 5px no-repeat;}
				.rightnav_content_r form{text-align:left;padding:0 0 0 4px;}
					.login_btn{position:absolute;margin:1px 0 0 5px;}
				.ln_link{padding:15px 0 0 0;}
				
				#forgotpass{}
					#forgotpass a{font-size:11px;text-decoration:underline;}
						#forgotpass a:hover{}
			
		#content_footer{display:block;background:url(../images/structure/footer_bg.gif) repeat-x;height:11px;width:960px;}
		
	#footer{width:960px;color:#fff;}
		#footer_nav{width:960px;padding:7px 0 0 0;}
			#footer_nav a{color:#fff;}
				#footer_nav a:hover{text-decoration:underline;}
		#footer_phone{width:960px;padding:7px 0 0 0;}
		#footer_links{width:960px;}
			#footer_left{float:left;width:400px;text-align:left;}
			#footer_right{float:right;width:400px;text-align:right;padding:15px 0 0 0;}

/* ------------------- FORMS ---------------------------- */

.input{margin:1px 1px 3px 1px;padding:3px 3px 3px 2px;border:1px solid #1d2f3e;font-weight:bold;}
.width1{width:95px;}
.width2{width:120px;}
.width3{width:260px;height:120px;}
.width4{width:267px;}
.required{background:#ffb2b2;}

label.overlabel{
  position:absolute;
  font-weight:normal;
  font-size:13px;
  color:#858585;
  margin:2px 0 0 4px;
  padding:2px;
}

label.overlabel-apply{
  position:absolute;
  font-weight:normal;
  font-size:13px;  
  font-weight:bold;
  color:#858585;
  margin:2px 0 0 4px;
  padding:2px;
}

.height1{height:55px;}