@import "reset.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic);

html, body { margin: 0; padding: 0; height: 100%; font-family: Helvetica, Arial, Verdana, sans-serif; line-height: 20px;}

h1 {font-size:36px; font-family: 'Open Sans Condensed', sans-serif;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:16px;}
h5 {font-size:13px;}

p, h1, h2, h3, h4 { margin-bottom: 15px; }
h5 {margin-bottom: 10px;}

h1,h2,h3,h4,h5,h6,strong {font-weight:bold; }
h1,h2,h3 {color:#630c10;}
body, h4, h5, h5 a {color: #ffffff;}

#footer h3, #leftColumn h4, .sidebarHeader h4, #rightColumn h4 {color:#fff; text-shadow:1px 1px 7px #00506E;}


/*********************/
/*   GLOBAL LAYOUT   */
/*********************/
body { background:#fff; }

#container {background:url("images/house-in-hand-bg.png") no-repeat -10px 200px #630c10; position: relative; width: 1024px; margin: 50px auto 0; background-color:#630c10; text-align:left; height: auto; }

/*#innerContainer { position:absolute; top:200px; left:10px; z-index:2;}*/

#sidenav { float:left; width:205px;}
	#sidenav ul {margin:30px 0 0 30px; color:#e8c25f; list-style:none;}
	#sidenav ul li{}	
	#sidenav ul li ul {margin: 0;}
	#sidenav ul li ul li {margin: 3px 13px;}

#content {float:left; width:744px; margin:0 60px 0 15px;}

.banner {background:url("images/header-bg.png") no-repeat #fff; width:756px; height:130px; position:relative;}
	.logo {background: url("images/hsh-logo.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 146px; margin: -47px 0 0 15px; width: 489px;}
        .topnav {letter-spacing: -1px; display: block; float: left; font-size: 12px; font-weight: 600; color:#c6c7c8; left: 192px; line-height: 1em; position: absolute; text-align:left; top: 90px; width: 375px;}	
		.topnav div {float:left; background: url("images/bullet.png") no-repeat scroll 0 2px transparent; padding:0 0 0 10px; margin:0 5px 0 0; }
		.topnav div.noBullet {background:none;}
	.headerImage {background: url(images/header-image.png) no-repeat; float: right; display: block; height: 166px; margin: -46px 0; width: 229px;}

.pageHeading {background: url(images/title-tagline-banner.png) no-repeat; width:762px; height:193px; position:relative; margin:30px 0;}
	.pageHeading .content {text-align:right; padding:30px 40px 0;}
	.pageHeading .content p { font-family: 'Open Sans Condensed' san serif; font-style:italic; color:#75747b; font-size:16px; margin-top:10px;}
	
.contentBlock { padding:0 10px 10px 0; width: 757px;}
.profile {border-bottom: 1px solid #E0E0E0; height: 100%; margin: 0 0 20px; overflow: hidden; }
	 .summaryBody {overflow:hidden; _overflow:visible; zoom:1;}
	.contentBlock, .summaryBody {color:#fff; font-size:12px; text-align:right;}
		.contentBlock .summaryBodyLeft { text-align:left;}
		.contentBlock .summaryBody ul {list-style-type:disc; list-style-position:inside;}
	.contentBlock .img {float:left; margin-right: 10px;}
	.contentBlock .img img{display:block;}
	.contentBlock .imgExt { float:right; margin-left: 10px; margin-top:10px;}

p.quote { font-style: italic;}
p.nameClient {font-weight: bold;}

div.fb-like {overflow:visible; margin-top:10px; margin-bottom:10px;}
div.fb-form {margin-left:320px;}

form#contact_form {margin-left: 10px;}
	
#footer { margin: 0 auto; padding: 20px 10px; width: 1024px;}
    #footer .social-media {float:left; margin:5px 20px 0 0; width:210px}

	ul.social {margin: 0 15px;; list-style:none;}
	ul.social li {display: block; float: left;}
	ul.social li a {display: block; height: 30px; margin: 0 10px 0 0; text-indent: -10000px; width: 25px;}
	ul.social li a.facebook  {background: url(images/ico-fb.png) no-repeat scroll transparent;}
	ul.social li a.twitter  {background:  url(images/ico-twitter.png) no-repeat scroll transparent;}
	ul.social li a.linkedin  {background:  url(images/ico-linked-in.png) no-repeat scroll transparent;}
	
	#footer .contact-us {color:#666; font-size: 11px; line-height:22px; float:left; margin:0 0 10px 30px; width:520px; text-align:center;}
	#footer .footer-summary p {font-size: 11px;}
	#footer .privacy {color:#666; font-size:11px; line-height:13px; float:right; text-align:right; margin:0 0 0 10px; width:200px}
	#footer .privacy a:link, #footer .privacy a:visited, #footer .privacy a:active {color:#333;}
	#footer .privacy a:hover {color:#cbaa54;}
	
	#footer p {margin:0; padding:0;}
	#footer a:link, #footer a:visited, #footer a:active {color:#cbaa54;}
	#footer a:hover {color:#333;}

/*********************/
/*      LINKS        */
/*********************/	
	
a:link, a:visited, a:active {
    color:#e8c25f;         
    font-weight: normal;
    text-decoration: none;
}

a.nav:link, a.nav:visited, a.nav:active {
    color:#e8c25f; 
    font-size:13px;
    font-weight: 600;
    text-decoration: none;
}
a.nav:hover {
    color: #c6c7c8;
    font-weight: 600;
    text-decoration: none;
}

a.navsel:link, a.navsel:visited, a.navsel:active {   
    
    color:#c6c7c8;
    font-size:13px;
    font-weight: 600;
    text-decoration: none;
}

/*********************/
/*      MISC         */
/*********************/

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}

.hidden {display:none;}

/*********************/
/*      FORMS        */
/*********************/

.contact_form td {
    /*color: black;    
    font-size: 0.8em;*/
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
}

.contactformbutton input[type="submit"], 
.contactformbutton input[type="reset"] {
    background-color: #F0EFEF;
    border: 1px solid #8F7777;
    color: #645555;     
    font-weight: bold;
    outline-style: none;
    outline-width: 0;
    padding: 2px 5px;
    vertical-align: middle;
}

 
.contactformbutton input, .contactformbutton textarea, .contactformbutton select { border: 1px solid #999; }
.contactformbutton input[type="radio"] { border: none; }
.contactformbutton input:focus, .contactformbutton textarea:focus { border: 1px dashed #999; }
.contactformbutton input.error, .contactformbutton textarea.error { border: 1px dashed #F93; }


form.contactme label {
	display: inline-block;
	width:120px;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
	color: #666;
}