@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/* Reset Starts */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#999999;
	font-family:Myriad, Arial, Helvetica, sans-serif; }
	
body { line-height:1; background:url(../img/generic/background.jpg) no-repeat top center #222222;}
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none; }


/* remember to define focus styles! */
:focus { outline:0; -moz-outline-style:none; }
img a:active { border:none; outline:none; ie-dummy: expression(this.hideFocus=true); }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }


/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0;  }
table .submit, .createAccountTable
{
	border-collapse:separate;
}

* {margin:0; padding:0;}



/*  Typographic Styles */
p, li, h1, h2, h3, h4, h5 {font-family:Myriad, Arial, Helvetica, sans-serif; color:#FFFFFF;}

p, li {font-size:13px; line-height:17px; margin-bottom:10px;}
h1	{
	font-size:48px;
	font-weight:bold;
	line-height:38px;
	margin-bottom:40px;
}
h2	{
	font-size:32px;
	font-weight:lighter;
	line-height:36px;
	margin-bottom:10px;
}
h3	{
	font-size:20px;
	font-weight:normal;
	line-height:22px;
	margin-bottom:10px;
}
h4	{
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	text-transform:uppercase;
	color:#8cc63f;
}
h5	{font-size:11px; font-weight:bold; line-height:15px; margin-bottom:0px; text-transform:uppercase; color:#333333;}

a { text-decoration:none;}
a:hover {color:#8cc63f;}

.green {
	color:#8cc63f;
	font-weight: normal;
}

ul.genlist li { background:url(../img/generic/bullet.gif) no-repeat 0 50%; padding-left:12px;}

/********************** Main Div Styles Start Here ********************/


#wrap		{width:940px; margin:0 auto;}
#nav 		{width:940px; position:relative; height:109px; }
#content	{width:940px; position:relative; }

#logo { width:152px; height:68px; position:absolute; top:23px; right:0px;}	

#textArea {
	position:relative;
	width:940px;
	border-bottom:1px solid #666666;
	overflow:auto;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#textArea-internal {
	float:right;
	width:749px;
	display:block;
}

.textArea-left {width:427px; float:left; margin-top:10px;}
.textArea-right {width:277px; float:right; margin-top:10px; background:#333333; padding:15px; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; }


.floatLeft {float:left; margin:0 20px 20px 0;}
.floatRight {float:right; margin:0 0 20px 20px;}

/* Banner Area */

#banner328, #banner430, #banner466 { position:relative; width:940px; border-bottom:1px solid #666666;}

#banner328	{ height:288px; padding-top:40px;  }
#banner430	{ height:408px; padding-top:22px; }
#banner466	{ height:466px;}


/* Telephone Panel */

#telephone {width:940px; position:relative; padding:20px 0; text-align:right; clear:both;}

#socialmedia { position:absolute; top:25px; left:0;}
#socialmedia ul li { display:inline; margin-right:5px;}

ul#socialmedia-contact {margin-top:10px;}
ul#socialmedia-contact li {display:inline; margin-right:5px;}

/* Navigation Styles */

#nav ul { position:absolute; left:-8px; top:75px;} /* -8 value to compensate for the padding */
#nav ul li {
	display:inline;
	margin-right:10px;
	font-weight: bold;
}
#nav ul li a {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:14px;
	padding:8px;
	letter-spacing:0.1em;
	font-weight: normal;
	}
	
#nav ul li a.active, #nav ul li a:hover {
	color:#8cc63f;
	font-weight: normal;
}


/* subnav styles */

#subnav {
	width:143px;
	float:left;
	margin-right:20px;
}

#subnav ul {
	width:143px;
}
#subnav ul li {
	margin-bottom:10px;
}
#subnav ul li a {
	background:url(../img/generic/sub-back.jpg) 0 0 no-repeat;
	display:block;
	width:135px;
	height:14px;
	color:#FFFFFF;
	padding:8px 0 8px 8px;
	text-transform:uppercase;
	font-weight: bold;
}
	
#subnav ul li a.active, #subnav ul li a:hover {
	background:url(../img/generic/sub-back.jpg) 0 100% no-repeat;
	color:#333333;
	font-weight: bold;
}

ul.bannerList {display:block; height:175px; width:940px;}
ul.bannerList li { display:inline; float:left; margin-right:13px; height:175px;}
ul.bannerList li.end {margin-right:0px;}



/* Footer Styles */

#footer-wrap {width:940px; position:relative; margin:0 auto; padding-top:20px;} /* Needed to hold all elements in a 940px width */

#footer-wrap div p, #footer-wrap div a {color:#000000; font-size:11px; line-height:14px; font-weight:normal;}
#footer-wrap div a:hover {text-decoration:underline;}

#footer-contact 	{ width:200px; float:left; margin-right:10px;}
#footer-address 	{ width:220px; float:left; margin-right:10px;} 
#footer-newsletter 	{ width:220px; float:left; margin-right:10px;}
#footer-services 	{ width:220px; float:left; margin-right:10px;} 



/* Process Page Styles */

#process {width:940px; height:177px; position:relative;}

#step1 a { 
	width:177px; 
	height:177px; 
	display:block; 
	background:url(../img/about/step1.gif) 0 0 no-repeat; 
	text-indent:-999px; 
	margin-right:14px; 
	float:left;
	overflow:hidden;}
	
#step1 a:hover, #step1 a.active {background:url(../img/about/step1.gif) 0 100% no-repeat;}	
	
#step2 a { 
	width:177px; 
	height:177px; 
	display:block; 
	background:url(../img/about/step2.gif) 0 0 no-repeat; 
	text-indent:-999px; 
	margin-right:14px;
	float:left;
	overflow:hidden;}

#step2 a:hover, #step2 a.active {background:url(../img/about/step2.gif) 0 100% no-repeat;}	
	
#step3 a { 
	width:176px; 
	height:177px; 
	display:block; 
	background:url(../img/about/step3.gif) 0 0 no-repeat; 
	text-indent:-999px; 
	margin-right:14px;
	float:left;
	overflow:hidden;}
	
#step3 a:hover, #step3 a.active {background:url(../img/about/step3.gif) 0 100% no-repeat;}	
	
#step4 a { 
	width:177px; 
	height:177px; 
	display:block; 
	background:url(../img/about/step4.gif) 0 0 no-repeat; 
	text-indent:-999px; 
	margin-right:14px;
	float:left;
	overflow:hidden;}
	
#step4 a:hover, #step4 a.active {background:url(../img/about/step4.gif) 0 100% no-repeat;}	
	
#step5 a { 
	width:177px; 
	height:177px; 
	display:block; 
	background:url(../img/about/step5.gif) 0 0 no-repeat; 
	text-indent:-999px;
	float:left;
	overflow:hidden;}
	
#step5 a:hover, #step5 a.active {background:url(../img/about/step5.gif) 0 100% no-repeat;}		




/* Who We Are Page Styles */

#staffPanel {width:940px; height:177px; position:relative;}

#andrew a { 
	width:177px; 
	height:177px; 
	display:block; 
	background:url(../img/about/andrew.jpg) 0 100% no-repeat; 
	text-indent:-999px; 
	margin-right:14px; 
	float:left;
	overflow:hidden;}
	
#andrew a:hover {background:url(../img/about/andrew.jpg) 0 50% no-repeat;}	
#andrew a.active {background:url(../img/about/andrew.jpg) 0 50% no-repeat;}
	
#paul a { 
	width:177px; 
	height:177px; 
	display:block; 
	background:url(../img/about/paul.jpg) 0 100% no-repeat; 
	text-indent:-999px; 
	margin-right:14px;
	float:left;
	overflow:hidden;}

#paul a:hover {background:url(../img/about/paul.jpg) 0 50% no-repeat;}	
#paul a.active {background:url(../img/about/paul.jpg) 0 50% no-repeat;}	
	
#staff1 { 
	width:177px; 
	height:177px; 
	display:block; 
	background:url(../img/about/rich.jpg) 0 0 no-repeat; 
	margin-right:14px;
	float:left;
	overflow:hidden;}

	
#staff2 { 
	width:177px; 
	height:177px; 
	display:block; 
	background:url(../img/about/emma.jpg) 0 0 no-repeat;
	margin-right:14px;
	float:left;
	overflow:hidden;}
	
#staff3 { 
	width:176px; 
	height:177px; 
	display:block; 
	background:url(../img/about/alex.jpg) 0 0 no-repeat; 
	float:left;
	overflow:hidden;}






/* Contact Us Page Styles */

#contact-head { width:940px; position:relative; border-bottom:1px solid #666666; padding:40px 0 0 0;}

#contact-left { width:540px; float:left; margin:20px 0;}

#contact-right { width:302px; float:right; margin:20px 0;}

#theBarn {width:540px; height:404px; background:url(../img/contact/aka_barn.jpg) no-repeat top;}

.formfield, .formfield2, .formfield3 {
	padding:8px 2px; 
	color:#333333; 
	background:#ffffff;
	margin:5px 0 20px 0;
	font-size:14px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;}

.formfield { width:536px;}
.formfield2 { width:300px;}
.formfield3 { width:260px;}

#contactForm div {width:260px; float:left;}

.submitBtn { 
	border:none; 
	background:url(../img/contact/send.jpg) no-repeat; 
	width:80px; 
	text-align:center; 
	padding:10px; 
	display:block; 
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;}
	
	
	
	
/* Portfolio Page Styles */

#gallery { width:700px; height:410px; position:absolute; top:22px; left:0px; overflow:visible;}
#description { width:210px; height:380px; position:absolute; top:22px; left:700px; background:#231F20; padding:15px;}
	
#projects {position:relative; width:940px; border-bottom:1px solid #666666; padding:20px 0; overflow:auto;}

#description h3 {margin-bottom:10px;}

.newsitem {width:100%; padding:10px 0; border-bottom:1px solid #666666;}

div.newsitem.end {border-bottom:none;}

#newsLeft { float:left; width:630px;}

#newsright { float:right; width:250px; }