/* 
	Concord Computer Solutions
	tlee 2008
*/

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

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

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

.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:georgia;color:#fff;background:#c2a171 url(../images/structure/bg.gif) repeat-x;}
 
h1, h2, h3, h4, h5, h6, ul, li, ol, form, p{padding:0;margin:0;}
 
a{text-decoration:underline;}
	a:hover{color:#fff;}


/* -------------- MAIN SITE ---------------- */
#container{width:960px;}

#wrap{width:960px;text-align:left;}

#header{width:960px;background: url(../images/structure/headerbg.gif) no-repeat;height:124px;width:960px;}
	#logo{float:left;position:relative;top:23px;left:24px;width:526px;}
		#logo a{background: url(../images/structure/logo.gif) no-repeat;height:71px;width:476px;display:block;overflow:hidden;text-indent:-9999em;}
	#rightHeader{float:right;position:relative;top:11px;right:14px;text-align:right;height:55px;width:270px;display:block;overflow:hidden;}
		#rightHeader h3{color:#fff0d5;font-weight:bold;}
		.calltoday{color:#fff0d5;font-size:14px;font-weight:bold;}
	#nav{width:747px;height:38px;background:#000;float:right;}
		#nav ul{}
			#nav ul li{list-style-type:none;}
			#nav li.mainnav{float:left;list-style-type:none;font-size:12px;height:38px;}
				#nav li.Sep{width:1px;height:38px;background:url(../images/structure/navSep.png) no-repeat;}
					#nav li.Home{width:82px;}
						#nav li.Home a.mainnava{background:url(../images/structure/navhomeUp.gif) no-repeat;width:82px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.Home a.mainnava:hover{background:url(../images/structure/navhomeOver.gif) no-repeat;width:82px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.Home a.select{background:url(../images/structure/navhomeOver.gif) no-repeat;width:82px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
					#nav li.News{width:153px;}
						#nav li.News a.mainnava{background:url(../images/structure/navNewsUp.gif) no-repeat;width:153px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.News a.mainnava:hover{background:url(../images/structure/navNewsOver.gif) no-repeat;width:153px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.News a.select{background:url(../images/structure/navNewsOver.gif) no-repeat;width:153px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
					#nav li.Testimonials{width:136px;}
						#nav li.Testimonials a.mainnava{background:url(../images/structure/navTestUp.gif) no-repeat;width:136px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.Testimonials a.mainnava:hover{background:url(../images/structure/navTestOver.gif) no-repeat;width:136px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.Testimonials a.select{background:url(../images/structure/navTestOver.gif) no-repeat;width:136px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
					#nav li.About{width:118px;}
						#nav li.About a.mainnava{background:url(../images/structure/navaboutUp.gif) no-repeat;width:118px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.About a.mainnava:hover{background:url(../images/structure/navaboutOver.gif) no-repeat;width:118px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.About a.select{background:url(../images/structure/navaboutOver.gif) no-repeat;width:118px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
					#nav li.Services{width:103px;}
						#nav li.Services a.mainnava{background:url(../images/structure/navservicesUp.gif) no-repeat;width:103px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.Services a.mainnava:hover{background:url(../images/structure/navservicesOver.gif) no-repeat;width:103px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.Services a.select{background:url(../images/structure/navservicesOver.gif) no-repeat;width:103px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
					#nav li.Contact{width:99px;}
						#nav li.Contact a.mainnava{background:url(../images/structure/navcontactUp.gif) no-repeat;width:99px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.Contact a.mainnava:hover{background:url(../images/structure/navcontactOver.gif) no-repeat;width:99px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
							#nav li.Contact a.select{background:url(../images/structure/navcontactOver.gif) no-repeat;width:99px;height:38px;display:block;overflow:hidden;text-indent:-9999em;}
					#nav a.mainnava{text-decoration:none;height:38px;}
						#nav a.mainnava:hover{text-decoration:none;background:url(../images/structure/navOver.gif) no-repeat bottom center;height:38px;display:block;}

			ul.subnav{display:none;z-index:99999;position:absolute;background:#323231;border-top:1px solid #000;}
				ul.subnav li.subli{border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;list-style-type:none;}
					ul.subnav li.subli a.suba{color:#fff0d5;text-decoration:none;padding:3px;width:250px;display:block;}
						ul.subnav li.subli a.suba:hover{color:#fff0d5;background:#4d0000;padding:3px;}			

#content{width:960px;float:left;background:url(../images/structure/contentBG.gif) repeat-y;padding-bottom:34px;line-height:19px;}

#content ul{margin-left:40px;}

	#contentLeft{width:213px;float:left;background:#000;position:relative;top:-38px;}
		#contentLeft a{color:#fff;}
		#leftPic{background: url(../images/structure/leftPic.gif) no-repeat;height:184px;width:189px;position:relative;margin-top:11px;left:13px;padding-bottom:10px;float:left;}
		.workshops{background: url(../images/structure/workshops.gif) no-repeat;height:25px;width:213px;float:left;}
		#calendarMini{position:relative;left:5px;float:left;width:213px;}
			.hp-calendar{width:95%}
				.hp-calendar-month{color:#fff0d5;padding-left:40px;}
					.hp-arrowLeft{float:left;background: url(../images/structure/arrowLeft.gif) no-repeat;height:16px;width:11px;display:block;overflow:hidden;text-indent:-9999em;}
					.hp-arrowRight{float:left;background: url(../images/structure/arrowRight.gif) no-repeat;height:16px;width:11px;display:block;overflow:hidden;text-indent:-9999em;}
					.hp-calendar-month span{float:left;width:100px;text-align:center;}
				.hp-calendar-week{color:#fff0d5;}
				.hp-calendar-day{color:#510000;background:#fff0d5;}
				.hp-calendar-day-none{background:#510000;}
				.hp-calender-box{}
				.hp-calender-box-selected{background:#ae915f;color:#000;text-decoration:none;}
					.hp-cal-thumbexpand{background:#fff0d5;color:#510000;}
						.hp-cal-thumbnail span{background:#fff0d5;}
				.printerlink a.printlink{color:#fff0d5;}
					.printerlink a.printlink:hover{color:#fff0d5;}
					
			#test_wrap{}
				#test_wrap h2{margin-left:-20px;}		
					
					
	#contentRight{width:727px;float:left;position:relative;left:10px;color:#510000;}
		#contentCap{background: url(../images/structure/contentCap.gif) no-repeat;height:41px;width:747px;float:left;position:relative;left:-10px;}
		
		#content h2{color:#510000;font-family:georgia;padding:0 0 10px 20px;}
		#contentRight a{color:#510000;}
			#contentRight a:hover{color:#000;}
		
		#contentHome{color:#000;font-size:23px;text-align:center;width:727px;height:98px;float:left;}
		#contentPage{padding:0 20px;}
		.featureDisplay{width:311px;float:left;}
			.Service{background: url(../images/structure/services.gif) no-repeat;height:23px;width:122px;display:block;position:relative;left:91px;}
			.Med{margin:25px 0 0 25px;}
				.Mediation{background: url(../images/structure/mediation.gif) no-repeat;height:14px;width:94px;display:block;}
			.Career{margin:18px 0 0 25px;}
				.CareerCoach{background: url(../images/structure/CareerCoaching.gif) no-repeat;height:15px;width:150px;display:block;}
			.Life{margin:18px 0 0 25px;}
				.LifeCoach{background: url(../images/structure/LifeCoaching.gif) no-repeat;height:15px;width:126px;display:block;}
			.Org{margin:18px 0 0 25px;}
				.OrgManagement{background: url(../images/structure/OrgManagement.gif) no-repeat;height:15px;width:256px;display:block;}
					.moreBtn{margin-top:2px;}
						.moreBtn a{background: url(../images/structure/moreBtn.png) no-repeat;height:14px;width:44px;display:block;overflow:hidden;text-indent:-9999em;}
							.moreBtn a:hover{}
							
							.hp_service_title{font-weight:bold;font-family:georgia;font-size:18px;color:#000;}
							
		.mainPic{width:416px;float:left;margin-top:43px;}
		#test_wrap h2{color:#510000;}
		.calendar{border:0px;}
			.calendar-month{color:#fff0d5;border:0px;color:#510000;padding-left:209px;}
				.arrowLeft{float:left;background: url(../images/structure/arrowLeftBig.gif) no-repeat;height:56px;width:40px;display:block;overflow:hidden;text-indent:-9999em;}
				.arrowRight{float:left;background: url(../images/structure/arrowRightBig.gif) no-repeat;height:56px;width:40px;display:block;overflow:hidden;text-indent:-9999em;}
				.calendar-month span{float:left;width:200px;text-align:center;position:relative;top:12px;}
			.calendar-week{text-align:center;color:#fff0d5;border:0px;color:#510000;}
			.calendar-day{background:#ebcf9e;border:1px solid #fff0d5;}
				.calendar-day-none{background:#510000;}
			.calender-box{color:#510000;border-right:1px solid #fff0d5;border-bottom:1px solid #fff0d5;}
			.calendar-span{position:relative;left:1px;}
			.calendar-link{background:#ae915f;}
				.calendar-link a{color:#000;}
					.calendar-link a:hover{background:#fff0d5;color:#510000;}

#footer{width:960px;background:#000;color:#fff0d5;padding-bottom:5px;}
	#footerCap{background: url(../images/structure/footerCap.gif) no-repeat top center;height:11px;width:960px;display:block;float:left;padding-bottom:8px;}
	#footerLeft{width:400px;float:left;margin-left:15px;text-align:left;padding:5px 0 5px 0;}
	#footerRight{width:500px;float:right;text-align:right;margin-right:15px;padding:5px 0 0 0;}
		#footerRight a{color:#fff0d5;text-decoration:none;}
		#footerRight a:hover{text-decoration:none;}
	#footerNav{width:400px;text-align:left;background:#000;padding:0 0 10px 0;}
		#footerNav a{color:#fff0d5;text-decoration:none;}
			#footerNav a:hover{text-decoration:none;}