/* 
	Ahern & Sons Site Styles
	
	Table of Content
	
	1. Resets
	2. Base Styling/Page Contraints: Page controls
	3. Header
	4. Content
	5. Home Page Specific
	6. Footer
	7. Generic Classes
	
*/

/*mmmmm Resets mmmmm*/
@import url("reset.css");

/*mmmmm Base Styling / Page Constraints mmmmm*/
html {overflow: -moz-scrollbars-vertical;}
body {
	background-color:#000;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:100%;
}
a {
	color:#991414;
	text-decoration:underline;
}
a:hover {
	color:#000;
}
#wrapper {
	width:870px;
	background-color:#FFF;
	margin:0.7em auto;
	position:relative;
}
#header {
	background-color:#FFF;
	position:relative;
	height:118px;
	background:url(/images/header_bkg.png) repeat-x;
}
#content {
	margin-left:0.1em;
	width:866px;
}
/*mmmmm Header mmmmm*/
#nav {
	position:absolute;
	top:22px;
	left:342px;
}
#nav li {
	float:left;
}
#nav li a {
	float:left;
	text-indent:-9999px;
}
#nav .home a {
	background:url(/images/navigation/sub_home.png) no-repeat;
	height:55px;
	width:86px;
}
#nav .ourservices a {
	background:url(/images/navigation/sub_ourservices.png) no-repeat;
	height:55px;
	width:128px;
}
#nav .aboutus a {
	background:url(/images/navigation/sub_about.png) no-repeat;
	height:55px;
	width:104px;
}
#nav .qa a {
	background:url(/images/navigation/sub_qa.png) no-repeat;
	height:55px;
	width:84px;
}
#nav .contactus a {
	background:url(/images/navigation/sub_contact.png) no-repeat;
	height:55px;
	width:124px;
}
#nav .home a:hover, #nav .home a.on, 
#nav .ourservices a:hover, #nav .ourservices a.on,
#nav .aboutus a:hover, #nav .aboutus a.on,
#nav .qa a:hover,#nav .qa a.on,
#nav .contactus a:hover, #nav .contactus a.on {
	background-position:0 -55px;
}
#logo {
	position:absolute;
	top:0;
	left:-20px;
}
#callus-tag {
	background:#DDD url(/images/callus_bkg.png) no-repeat top left;
	height:19px;
	width:526px;
	position:absolute;
	left:342px;
	top:77px;
	border-bottom:10px solid #8E1010;
	padding:6px 0 0 0;
}
#callus-tag p {
	width:100%;
	letter-spacing:0.5px;
	font-family:"Arial Narrow", Arial, Helvetica;
	font-size:0.8em;
	text-align:center;
	line-height:1.2em;
}
#callus-tag img {
	left:36px;
	position:absolute;
	top:12px;
}
/*mmmmm Content mmmmm*/
h3.spout, h3.knob, h3.clipboard {
	width:286px;
	margin-bottom:0.4em;
	text-indent:-9999px;
}
h3 a {
	color:#000;
	text-decoration:none !important;
}
h3 a:hover {
	color:#A51111;
}
h3.spout a {
	background:url(/images/heading_spout.png) no-repeat;
	height:51px;
	display:block;
}
h3.spout a:hover {
	background-position:0 -51px;
}
h3.knob a {
	background:url(/images/heading_knob.png) no-repeat;
	height:44px;
	display:block;
	margin-top:0.35em;
}
h3.knob a:hover {
	background-position:0 -44px;
}
h3.clipboard a {
	background:url(/images/heading_clipboard.png) no-repeat;
	height:47px;
	display:block;
	margin-top:1.9em;
}
h3.clipboard a:hover {
	background-position:0 -47px;
}
#content form {
	position:relative;
}
#content form ul {
	width:500px;
}
#content form ul li {
	float:left;
	width:155px;
	*width:165px;
}
#content form ul li label {
	display:block;
	font-size:0.7em;
	margin-bottom:0.2em;
}
#content form ul li input {
	display:block;
	font-size:0.70em;
}
#content form p {
	padding-top:0.5em;
}
#content form p.floatRight {
	position:absolute;
	top:50px;
	right:30px;
	width:200px;
}
#content form p.floatRight label {
	display:inline;
}
#content form p.floatRight span {
	display:block;
	margin-top:1em;
}
#content form p label {
	font-size:0.85em;
	margin-bottom:0.2em;
	display:block;
}
#content form p select {
	font-size:0.85em;
}
#content form ul li input, 
#content form p textarea,
#content form p select {
	border:1px solid #CCC;
}
#content form p textarea {
	overflow:auto; /* IE */
	font-family:Arial, Helvetica, sans-serif;
	padding:0.2em;
	font-size:0.9em;
	width:250px;
	height:110px;
}
#content form #submit-button {
	background:#cbcbcb;
	padding:0.3em;
	border:1px solid #666;
	font-size:1em;
	cursor:pointer;
}
#left-column {
	float:left;
	width:288px;
	position:relative;
}
#left-column .photo {
	border:1px solid #2F2F2F;
	position:absolute;
	left:0;
	top:-4px;
}
#left-column .heading {
	margin:150px 0 10px 10px;
}
#left-column #left-nav {
	list-style:none;
	list-style-type:none;
}
#left-column #left-nav li {
	margin-bottom:5px;
	line-height:1.2em;
	font-size:0.8em;
}
#left-column .callus-star {
	margin-left:-19px;
	margin-top:0px;
	_position:absolute; /* IE6 */
	_left:0px; /* IE6 */
}
#left-column img.callus-starSpacer {display:none;}
#right-column {
	float:right;
	width:565px;
	position:relative;
	margin-top:50px;
}
#right-column .title {
	margin-bottom:0.2em;
	margin-top:1.7em;
	margin-left:-14px;
	_position:relative;
	_left:0;
}
#right-column p {
	margin-left:0.2em;
	margin-bottom:1.1em;
	font-size:0.8em;
	line-height:1.32em;
}
#right-column ul, #right-column ol {margin-left:25px; list-style:disc;}
#right-column li {font-size:0.8em; line-height:1.25em;}
#right-column .estimateForm ul, #right-column .estimateForm ol {margin-left:2px; list-style:none;}
#right-column .estimateForm li {font-size:1em; line-height:1em;}
#right-column form {
	margin-left:1px;
}
#right-column form p.floatRight {
	right:90px;
	line-height:1em;
}
#right-column .line-border {
	background-color:#911112;
	height:100px;
	left:-14px;
	position:absolute;
	text-indent:-9999px;
	top:0px;
	width:10px;
	z-index:100;
}
#right-column img.bio {border:2px solid #2F2F2F; float:left; margin:0 10px 10px 10px;}
#right-column hr {clear:both; text-align:center; margin:15px 0; height:1px; color:#a7a090; border:none; border-top:1px solid #a7a090;}
.feature {
	border:1px solid #840D0D;
	background:#434343 url(/images/feature_bkg.png) repeat-x bottom;
	width:229px;
/*	min-height:270px;*/
	padding:0.2em;
	margin:0;
	margin-left:14px;
}
.feature img {
	border:1px solid #969696;
	margin:2px 0 0 0;
	padding:0;
}
.feature p.headline {
	color:#FFF;
	width:128px;
	margin:0.4em 0 0 0;;
}
.feature p.headline span, .feature p.headline span a {
	display:block;
	color:#b5b5b5;
	margin-top:0.2em;
	font-size:10px;
	line-height:normal;
	text-decoration:none;
}
.feature p.headline span a:hover {text-decoration:underline;}
.feature blockquote {
	background:url(/images/blockquotes_topleft.png) left top no-repeat;
	font-family:"Times New Roman", Times, serif;
	color:#FFF;
	margin-top:0.7em;
	clear:both;
}
.feature blockquote div {
	padding:0 8px;
	text-indent:23px;
	line-height:1.1em;
/*	background:url(/images/blockquotes_bottomright.png) 105px bottom no-repeat;*/
}
.feature blockquote div img.quote {
	border:0;
	display:inline;
	float:none;
	margin:1px 0 0 5px;
}
.feature .name {
	text-align:right;
	font-style:italic;
	padding-right:12px;
	color:#CCCCCC;
	margin-top:4px;
	font-size:0.8em;
}
#left-nav li {
	float:left;
	width:256px;
	margin:0;
	padding:0;
}
#left-nav li a {
	display:block;
	margin:0; 
	padding:0;
	height:100%;
}
#left-nav li a span {
	padding:6px 30px 4px 32px;
	display:block;
	line-height:1.2em;
	background-color:#FFF;
}
#left-nav li a span.bottom {
	text-indent:-9999px;
	display:block;
	width:256px;
	height:6px;
	padding:0;
	margin:0;
	font-size:1px;
}
#left-nav li a:hover, 
#left-nav li a.on {
	background:#fff url(/images/navigation/sidebar/subnav_bkg.gif) repeat-y;
}
#left-nav li a:hover span, 
#left-nav li a.on span {
	background:url(/images/navigation/sidebar/subnav_top.gif) no-repeat top left;
}
#left-nav li a:hover span.bottom, 
#left-nav li a.on span.bottom {
	background:#fff url(/images/navigation/sidebar/subnav_bottom.gif) no-repeat bottom left;
}
/*mmmmm Home Page Specific mmmmm*/
#home #header {
	height:198px;
}
#home #logo {
	left:-20px;
	position:absolute;
	top:0;
}
#home #callus-tag {
	background:#DDD url(/images/callus_bkg.png) no-repeat top left;
	height:88px;
	width:526px;
	position:absolute;
	left:342px;
	top:110px;
	padding:0;
	border:none;
}
#home #callus-tag img {
	left:36px;
	position:absolute;
	top:12px;
}
#feature-intro {
	background:url(/images/feature-intro_bkg.png) repeat-y;
	height:188px;
	margin-left:0.1em;
	position:relative;
}
#feature-intro img {
	margin-top:17px;
}
#feature-intro p {
	color:#FFF;
	font-size:0.8em;
	line-height:1.25em;
	margin:8px 0 0 21px;
	width:455px;
}
#feature-intro a {color:#DDD; text-decoration:underline;}
#feature-intro a:hover {color:#FFF; text-decoration:underline;}

#feature-intro .feature-image {
	background:none;
	position:absolute;
	bottom:0;
	right:20px;
/*	width:104px;
	height:298px;*/
}
#home #right-column form {
	margin-left:0;
}
#home #content form p.floatRight {
	right:15px;
}
/* content section */
#home #content {
	padding:5px 0 20px;
}
#home #content #left-column {
	float:left;
	width:320px;
}
#home #content #right-column {
	float:right;
	width:500px;
}
#home #content p {
	font-size:0.8em;
	line-height:1.25em;
	padding-right:1.5em;
}
/* navigation */
#home .home a {
	background:url(/images/navigation/homepage/home.png) no-repeat;
	height:88px;
	width:86px;
}
#home .ourservices a {
	background:url(/images/navigation/homepage/ourservices.png) no-repeat;
	width:128px;
	height:88px;	
}
#home .aboutus a {
	background:url(/images/navigation/homepage/about.png) no-repeat;
	width:104px;
	height:88px;
}
#home .qa a {
	background:url(/images/navigation/homepage/qa.png) no-repeat;
	height:88px;
	width:84px;
}
#home .contactus a {
	background:url(/images/navigation/homepage/contactus.png) no-repeat;
	width:124px;
	height:88px;
}
#home .home a:hover, #home .home a.on,
#home .ourservices a:hover, #home .ourservices a.on,
#home .aboutus a:hover, #home .aboutus a.on,
#home .qa a:hover, #home .qa a.on,
#home .contactus a:hover, #home .contactus a.on {
	background-position:0 -88px;
}

/*mmmmm Footer mmmmm*/
#footer {
	background-color:#000000;
	bottom:-75px;
	height:55px;
	left:0;
	margin-bottom:1em;
	position:absolute;
	width:100%;
}
#footer ul {
	margin-top:0.4em;
	text-align:center;
}
#footer ul a {
	color:#B9B9B9;
	font-size:0.7em;
	padding:0 0.8em;
	border-right:1px solid #B9B9B9;
}
#footer ul li {
	display:inline;
}
#footer ul li a.last {
	border-right:none;
}

/*mmmmm Generic Classes mmmmm*/
ul.bullets {
	list-style-type:disc;
	margin-left:30px;
	font-size:0.8em;
}
ul.bullets li {
	margin-bottom:0.8em;
	line-height:1.2em;
	padding-right:0.6em;
	width:290px;
}
.clearLeft {
	clear:left;
}
.clearBoth {
	clear:both;
}
.floatRight {
	float:right;
}
.smallText {
	font-size:x-small;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

#homeHistory a {color:black; text-decoration:none;}
#homeHistory a:hover {color:black; text-decoration:underline;}
homeHistory b, homeHistory strong {}