/*
Theme Name: Astroff Consultants Website
Description: Wordpress theme built for Astroff Consultants
Version: 1.0
Author: Dan Gallo of Parade Creative
Author URI: http://paradecreative.com
Tags: legal, classic

	This theme was designed by Parade Creative
	http://www.paradecreative.com
	Built by Dan Gallo.


*/

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	background: white;
	color: #333;
	text-align: center;
	}
a {color: #b5121b;}
span.bigger{font-size: 120%;}
span.headerPhone {font-size:13px; line-height: 12px;}
span.header-space {line-height: 8px;}
.caps {text-transform: uppercase;}
#contentPost p {margin-bottom: 10px; margin-top: 10px;}

#header {position: relative; width: 100%; height: 149px; overflow: hidden;}
#header div {display: inline; float: left; height: 100%;}
#header div.big {width: 570px;}
#header div.small {width: 209px; text-align: left;}
#headerRight {text-align: right !important; font-size: 11px; font-family: "Times New Roman", serif; color: black;}
#headerRight div {margin-top: 23px; margin-right: 15px; width: 185px;}
#headerRight a {color: black; text-decoration: none;}
#headerRight a:hover {color: #b5121b;}

#logo {position: relative; margin-top: 18px; left: 29px; border: 0;}

#banner {position: relative; top: 23px; height: 77px !important; width: 100%; text-align: center;}
#banner img {position: relative; width: 126px; height: 75px; border: 1px solid #979494; margin-left: 11px;}
#banner img:first-child {margin-left: 0;}
#slogan {position: relative; top: 41px; width: 100%;}
#slogan img {position: relative; float: right; left: -13px;}

#containerBotImage, #containerTopImage {margin: 0; padding: 0;}
#content {position: relative; background-image: url('images/background.gif'); background-repeat: no-repeat; width: 988px; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c;}
	
#footer {font-family: Arial; position: relative; font-size: 9px; text-transform: uppercase; color: #313335; width: 990px; margin-top: 6px;}
#footer a {color: #313335; text-decoration: none;}
#footer a:hover {color: #b5121b;}
#footer .dot {font-weight: 900; color: black; font-size: 10px; word-spacing: 10px; margin-right: 10px; margin-left: 10px;}
#footer div {display: inline;}
.footerPart {position: absolute;}
.footerPart a:hover {color: #b5121b !important;}

#navTop {position: relative; margin-top: 15px; width: 100%; font-family: Verdana; font-size: 11px; text-transform: uppercase; background-color: #b5121b;}
#navTop ul {position: relative; height: 2em; overflow: hidden; padding: 0; list-style-type: none; list-style-image: none; margin:0; display: block;}  
#navTop ul li {position: relative; top: 0.4em; display: inline; margin-top: 0.7em; border-right: 1px solid #d98489;}  
#navTop ul li a {padding: 0.6em 9px 0.6em 9px;  background-color: transparent; text-decoration:none; color: white;}
#navTop ul li a:hover {background-color: black;}
#navTop .list-last a {border: 0 !important;}
#navTop img {border: 0;}
#navTop .list-last {border: 0 !important;}
#navTop .list-last a {padding-right: 0;}
#navTop .list-first a {padding-left: 0;}

#navBot {position: relative; width: 100%; height: 20px; margin-top: 6px; font-family: Verdana; font-size: 11px; text-transform: uppercase;  z-index:300; font-weight: bold;}
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background: transparent;}
#dropmenu a {display:block; padding:0.25em 0.5em; color: #b5121b; text-decoration:none; background: transparent;}
#dropmenu a:hover {color:#000;}
#dropmenu li {float: left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid black;  border-right:1px solid black; }
#dropmenu li ul {border-top:1px solid black; width: 15.2em; text-align: left;}
#dropmenu li ul a {padding: 0.6em 0.5em; width:14em; height:auto; float:left;  border-bottom:1px solid black; background-color: #838080; font-family: Arial; font-size: 1em; color: white; text-transform: none;}
#dropmenu li ul a:hover {background-color: #adabab;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

#topMenu li.current_page_item a,  #topMenu li.current_page_ancestor a{background-color: black !important;}
#dropmenu  li.current_page_item > a, #dropmenu li.current_page_ancestor > a {color: black !important;}
#dropmenu li ul li.current_page_item a {background-color: #adabab !important;}

#contentMid {
	width: 546px; 
	border: 1px solid #d9d9d9;
	background-image:url('images/contentBack.jpg');
	background-repeat:no-repeat;
	background-position: bottom right;
	margin: 0;
	padding: 0;
}

#containerTable {vertical-align: top;}
#row {}

.contentNarrow {width: 156px; border: 1px solid #d9d9d9; color: black; }
.contentNarrow {padding: 15px; height: 411px; top: 0px;}
#testimonialContainer {padding: 4px; width: 148px;}
.err {color: red;}

#contentRight {text-align: center; font-size: 11px;}
#contentRight form {text-align: left; margin-top: 0px; color: #5b5959;} /*margin top 5px*/ 
#contentRight form .inputText {border: 1px solid #d9d9d9; width: 145px; margin-bottom: 10px; font-size: 12px;padding: 3px;}
#contentRight form .inputSelect {width: 150px; margin-bottom; 10px; border: 1px solid #d9d9d9;}
#contentRight form .inputRadio {width: auto; margin:0; border: 0;}
#contentRight form .inputSubmit {width: auto; background-color: #f0eeee;}
#contentRight form .inputComments {border: 1px solid #d9d9d9;}
#contentRight form textarea {width: 100%;}
#contentRight form select {width: 150px;  margin-bottom: 10px;}

#contentLeft {text-align: right; margin-right: 0px; font-family:Geneva,Arial,Helvetica,sans-serif;} /*14px cell spacing, 23 px from sides*/
#contentLeft .testimonial {display: none; visibility: hidden;}
#contentLeft .text {font-size: 14px;}
#contentLeft .info {font-size: 12px;}
#contentLeft .info a {color: #b5121b;}
#contentLeft .info a:hover {color: black;} /* left height: 411px mid height:431px */

#contentMid .bioImage {float: left; margin-right: 15px;}
#contentPost {text-align: left; padding: 20px 40px; font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 12px; color: black; z-index: 1;}
#contentPost .parentLinks {list-style-type: none; list-style-image: none; margin:0; padding:0; text-align: center;}
#contentPost .parentLinks li {margin-top: 0px; margin-bottom: 10px;}
#contentPost .parentLinks .header {font-weight: bold;}
#contentPost table {width: 100%; margin: 0px;}
#contentPost table .alignRight {text-align: right;}


hr.testimonials {border: 0; height: 1px; background-color: #999;}