/*  
Theme Name: HHE
Author URI: http://derekweathersbee.com
Version: 1
Author: Derek Weathersbee
Description: HHE theme is a two column WordPress theme with plenty of white space ... and it's widget ready.
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/

body {
background: url(images/body-bg.gif) top left repeat-x #f0f0f2;
text-align:center;
margin:0;
padding:0;
font-family: Proxima Nova, Century Gothic, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #444751;
line-height: 19px;
}

#domains {
background: #BDBEC5;
color: #005399;
height: 30px;
border-bottom: 10px solid #d0d0d8;
}

#domains span {
width: 986px;
margin: 0 auto;
text-align:left;
line-height: 30px;
display:block;
}

.thanks {
padding: 10px;
margin: 0 0 12px;
background: #005399;
color: #fff;
}

#schedule_appointment table {
width: 100%;
}

#schedule_appointment table td {
padding: 3px 0;
border-bottom: 1px solid #d8d8d8;
/*background: url(images/schedules-row-bg.gif) top left repeat-x #fff;*/
}

#schedule_appointment table th {
padding: 6px 0;
border-bottom: 1px solid #e2e2e2;
font-size: 14px;
}

.closed {
color: #999;
}

a {

color: #990000;
text-decoration:none;
}

a.button-link {
	display:inline-block;
	background: url(images/blue-button-bg.gif) bottom repeat-x;
	line-height:26px;
	color: #fff;
	font-weight:normal;
	padding: 0 10px;
	}
	
	a.button-link:hover {
		background: #990000;
	}

h1 {
font-size: 36px;
margin: 0 0 16px;
padding:0;
font-weight:normal;
line-height: 42px;
color: #992000;
}

h2 {
font-size: 18px;
margin: 0 0 12px;
padding:0;
font-weight:normal;
color: #005399;
}

h2 a {
color: #005399;	
}

h2 a:hover {
color: #990000;	
}

h4 {
font-size: 13px;
font-weight:bold;
margin: 0 0 12px;
padding:0;
}

p {
margin:0 0 14px;
padding:0;
}

blockquote p {
margin:0;
}

blockquote {
margin: 0 0 20px;
padding: 20px 18px 16px;
background: url(images/blue-blockquote-bg.gif) top left repeat-x #0070c1;
color: #fff;
font-size: 14px;
}

blockquote.testimonial {
color: #444751;
background: #d0d0d8;
}

ul.box, #right ul {
margin:0 0 14px;padding:0;	list-style:none;
}

ul.box li, #right li {
color: #444751;
background: url(images/blue-arrow.gif) 8px 8px no-repeat #d0d0d8;
background: url(images/blue-arrow.gif) 8px 8px no-repeat #e2e2e2;
font-size: 13px;
padding: 4px 24px;
margin: 0 0 6px;
}




#callout {
font-size: 13px;
}

#callout strong {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
}

#callout h2 {
margin: 10px 0 6px;
}

#callout h3 {
margin: 0 0 12px;
font-size: 13px;
}

#callout.profile {
color: #co272d !important;

}

img.floatleft {
border: 4px solid #fff;
float:left;
margin: 0 20px 20px 0;
}

.rounded {

/* -moz-border-radius:4px;
 -webkit-border-radius:4px;
 behavior:url(border-radius.htc);*/
}

.rounded-bottom {


 -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
 -webkit-border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  behavior:url(border-radius.htc);

}

/*
-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius

*/

a {
text-decoration:none;
}

#wrapper {
width: 986px;
overflow:hidden;
margin: 0 auto;
text-align:left;
position:relative;
border-top: 1px solid #fff;
}

#wrapper.home {
border-top:none;
}

#top-header {
height: 30px;
text-align:right;
float:right;
position:absolute;
right:45px;
top:0;

}

#top-header a {
color: #444751;
}

#top-header form {
margin:0;
padding:0 6px 6px 6px;
background: #d0d0d8;

}

#top-header input {
margin:0 0 0 4px;
padding:0 0 0 4px;
height: 22px;
width: 144px;
background: url(images/search-input-bg.gif) top left repeat-x;
border-bottom: 2px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-top: none;
color: #999;
}

#header {
margin: 0 auto;
height: 132px;
position:relative;
width: 1076px;
}

#nav {
position:absolute;
float:right;
top:66px;
right:45px;
list-style:none;
margin:0;
padding:0;
}

#nav li {
text-display:inline;
float:left;
margin:0;
padding:0;
}

#nav a {
display:block;
float:left;
height: 22px;
line-height: 22px;
background: url(images/nav-bg.gif) top left repeat-x;
border-bottom: 2px solid #c7cfd4;
border-left: 1px solid #c7cfd4;
border-right: 1px solid #c7cfd4;
color: #444751;
text-decoration:none;
font-size: 10px;
font-weight: bold;
padding: 0 8px;
margin: 0 0 0  14px;
letter-spacing: 1px;
}



#nav a#current {
background: url(images/nav-bg-current.gif) bottom left repeat-x;
border-top: 2px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: none;
color: #fff;
}



#logo {
width: 320px;
height: 132px;
display:block;
background: url(images/HHE-logo.gif) no-repeat;
position:absolute;
top:0;
left:0;
}

#logo span {
display:none;
}



#facts {
margin: 16px auto 16px;
			width: 986px;
			height: 96px;
			background: url(images/facts-bg.gif) no-repeat top left;
	
			overflow:hidden;

}

#facts #f-one {
float:left;
width: 144px;
}

#facts #f-two {
float:left;
width: 588px;
line-height: 22px;
padding: 15px 0 0;
}

#facts #f-three {
float:right;
width: 214px;
width: 169px;
padding: 28px 0 0;
}

#case-study-2 {
float:right;
			width: 260px;
			height: 295px;

}

#footer {
clear:both;
background:url(images/footer-bg.gif) top left repeat-x;
text-align:left;
height: 102px;
}

#footer-logo {
width: 235px;
height: 12px;
display:block;
position:absolute;
top: 30px;
left:0;
background: url(images/footer-logo.gif) no-repeat;
}

#footer-int {
width: 986px;
margin: 0 auto;

position:relative;
}

#footer ul {
position:absolute;
top:30px;
right:0;
list-style:none;
margin:0;
padding:0;
}

#footer li {
display:inline;
float:left;
margin:0;
padding:0;
}

#footer ul a {
text-transform:uppercase;
color: #b3b3b3;
font-size: 10px;
padding: 0;
margin: 0 0 0 12px;
}

	.carousel_container {
				width: 986px;
				height: 366px;
				margin: 0 auto 12px;
				border: none;
				background:url(images/flash-bg.gif) top left no-repeat;
			}
			
	#headline {
	text-align:center;
	height: 26px;
	padding-top: 36px;
	}
			
			#main-content {
			width: 986px;
			margin:0 auto 14px;
			overflow:hidden;
			}
		
		
		
		
		
		
		#bottom {
		border-top: 1px solid #ccc;
		width: 986px;
		overflow:hidden;
		
		margin: 0 auto;
		text-align:left;
		}
		
		
		
		#dna {
		
		}
		
		
		#home-blurbs {
		padding: 26px 0;
		overflow:hidden;
		color: #55768c;
		}
		
		#home-blurbs h2 {
		font-size: 16px;
		margin: 0 0 14px;
		padding:0;
		font-weight:normal;
		}
		
		#home-blurbs  a.more {
display:inline-block;
height: 22px;
line-height: 22px;
background: url(images/nav-bg.gif) top left repeat-x;
border-bottom: 2px solid #c7cfd4;
border-left: 1px solid #c7cfd4;
border-right: 1px solid #c7cfd4;
color: #444751;
text-decoration:none;
font-size: 10px;
font-weight: bold;
padding: 0 8px;
margin: 0;
text-transform:uppercase;
}
		
		#home-blurbs div {
		width: 292px;
		display:block;
		}
		
		#one {
		float:left;
		margin: 0 55px 0 0;
		
		}
		
		#two {
		float:left;
		}
		
		#three {
		float:right;
		}
		
		
		#links {
		position:relative;
		}
		
		a.show-hide {
		position:absolute;
		display:block;
		top: 20px; right: 0;
	width: 48px;
	height: 132px;
		background: url(images/show.png) top left no-repeat #000;
		}
		
		a.show-hide:hover { 
		background: url(images/show-hover.png) top left no-repeat #000;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		#left {
float:left;
width: 300px;
border-top:3px solid #666;
line-height: 18px;
padding: 22px 0 20px;

}

#left ul {
margin:0;
padding:0;
list-style:none;
}

#left ul li {
margin:0 0 16px;
padding:0 0 6px;
border-bottom: 2px solid #fff;
}



#left .thumb img {
display:block;
background: url(images/side-image-bg.gif) top left repeat-x #dfe6ec;
border: 2px solid #cbd1d6;
padding: 8px;
margin: 0 0 10px;
}

#right {
width: 622px;
float:right;
padding: 20px 0 40px;
}

#right .section {
padding: 0 0 6px;
margin: 0 0 20px;
border-bottom:2px solid #fff;
}








/* CONTACT FORM /////////////////////////////////*/



div.error-message {
padding: 10px;
color: #fff;
background: #c0272d;
margin: 0 0 14px;
}

div.success-message {
padding: 10px;
color: #005399;
background: #fff;
margin: 0 0 14px;
}





#request-form {
margin:0;
padding:0;
}

#request-form span {

width: 608px;
background: #dcdcdf;
border:1px solid #999;
padding: 6px;
display:block;
overflow:visible;
}

#request-form span.required {

border:1px solid #c0272d;;

}


#request-form span input, #request-form span textarea {
background:  url(images/input-bg.gif) top right repeat-y #fff;
border: 1px solid #fff;
margin:0;
padding:0;
}

#request-form span input {
width: 606px;
height: 28px;

}

#request-form span textarea {
width: 606px;
height: 180px;

}