/*CSS Document*/
/*Created for Unit Interactive by Angela Conlon on 08/01/07*/

* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	background: #fff;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-weight: normal;
}

p, li, dt, dd, label {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666;
}

a:link, a:visited {
	color: #759f1d;
	text-decoration: none;
	border-bottom: 1px dotted #759f1d;
}

a:hover {
	color: #0c4844;
	text-decoration: underline;
	border-bottom: none;
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #999;
}

cite {
	font-style: normal;
}

/*-------------------------------------------------- Header / Nav --------------------------------------------------*/
#header {
	margin: 0 auto;
	width: 961px;
	height: 67px;
	border-bottom: 1px solid #c6c8ca;
	position: relative;
	background: url(logo_404.gif) no-repeat left top;
}

#header h1 {
	font-size: 1.2em;
	color: #000;
	
}

#header h1 a {
	width: 171px;
	height: 42px;
	display: block;
	text-indent: -5555px;
	text-decoration: none;
	float: left;
	position: absolute;
	top: 12px;
	left: 15px;
}

#header p {
	position: absolute;
	top: 33px;
	right: 15px;
	text-align: right;
	font-weight: bold;
	font-size: 1.4em;
	color: #c6c8ca;
}

#header a:link, #header a:visited {
	padding: 0 5px;
	color: #0c4844;
	text-decoration: none;
	border: none;
}

#header a:hover {
	color: #759f1d;
}

#bodywork #header p a#work, #bodyservices #header p a#services, #bodyabout #header p a#about, #bodycontact #header p a#contact, #bodyblog #header p a#blog {
	color: #759f1d;
}

/*-------------------------------------------------- x --------------------------------------------------*/

/*-------Global--------*/
#outer {
	height: 178px;
	overflow: hidden; 
	position: relative;
}

#outer[id] {
	display: table; 
	position: static;}
		
#middle {
	position: absolute; 
	top: 50%;
}
		
#middle[id] {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
}
		
#inner {
	position: relative; 
	top: -50%
}

#inner[id] {
	position: static;
	#padding-top: 20px;
}


.bannerbox {
	width: 611px;
	height: 178px;
	background: #85b521 url(bg_bannerbox.gif) repeat-x top;
	border: 8px solid #c6c8ca;
	position: absolute;
	top: 107px;
	left: 310px;
}

/*-------Interior Only--------*/
#banner {
	margin: 0 auto;
	width: 961px;
	height: 230px;
	position: relative;
}

.oopsbannerimg {
	background: url(banner_oops.jpg) no-repeat bottom left;
}


#banner h2 {
	font-size: 79px;
	color: #c6c8ca;
	letter-spacing: -6px;
	position: absolute;
	top: 36px;
	left: 319px;
	z-index: 10;
	display: block;
	padding-right: 20px;
}

#banner h3 {
	padding: 0 40px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #fff;
	line-height: 1.4em;
}

#banner h3 a:link, #banner h3 a:visited {
	color: #badfdd;
	border-bottom: 1px dotted #badfdd;
}

#banner h3 a:hover {
	color: #0c4844;
	border: none;
	text-decoration: underline;
}

/*-------------------------------------------------- Content Wrapper --------------------------------------------------*/

/*-------no contact Only--------*/
#nocontactcontentwrapper {
	padding: 110px 0 0 0;
	border-top: 8px solid #c6c8ca;
}

/*-------Global--------*/
#contentcontainer {
	margin: 0 auto;
	width: 961px;
}

/*-------------------------------------------------- Interior Content --------------------------------------------------*/
.content {
	padding: 0 15px 80px 0;	
	width: 635px;
	float: right;
}

.content h3 {
	padding: 0 0 15px 0;
	font-size: 2.8em;
	color: #0f5b56;
	letter-spacing: -1px;
}

.content img {
	margin: 0 25px 0 0;
	border: 5px solid #c6c8ca;
	float: left;
}

.content p {
	padding: 0 0 15px 0;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #666;
}

.content p a:link, .content p a:visited, .content li a:link, .content li a:visited {
	color: #759f1d;
	text-decoration: none;
	border-bottom: 1px dotted #759f1d;
}

.content p a:hover, .content li a:hover {
	color: #0f5b56;
	text-decoration: underline;
	border-bottom: none;
}

.content ul {
	padding: 0 0 15px 20px;
}
.content ol {
	padding: 0 0 15px 30px;
}
.content li {
	padding: 0 30px 0 0;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #666;
	list-style: none;
}

li.listfloat {
	float: left;
}

ul.normal {
	list-style: square !important;
}

.normal li {
	padding: 3px 0;
	list-style: square !important;
}

h3.contentdivider {
	margin-top: 30px;
	padding-top: 40px;
	border-top: 1px solid #c6c8ca;
}

ul.contentdivider {
	padding-bottom: 60px;
	border-bottom: 1px solid #c6c8ca;
}

.ctatop {
	padding: 20px;
	background: #eaeaea;
}

.ctavalues {
	margin: 600px 0 50px;
	padding: 20px;
	background: #eaeaea;
}

.staffPhoto {
	float: left;
	border: 9px solid #eaeaea;
}


/*-------------------------------------------------- Office Photos --------------------------------------------------*/
img.officePhoto {
	margin-bottom: 20px;
}

.nextCaption {
	margin-top: 286px;
}
.thirdCaption {
	margin-top: 683px;
}
.fifthCaption {
	margin-top: 286px;
}
.sixthCaption {
	margin-top: 286px;
}


/*-------------------------------------------------- Portfolio Content --------------------------------------------------*/
.section {
	width: 250px;
	float: left;
}

.section h4 {
	padding: 5px 0 10px 0;
	font-size: 2em;
	color: #0f5b56;
	letter-spacing: -1px;
	text-align: right;
}

.clients {
	position: absolute;
	top: 250px;
	left: 0;
	z-index: 9;
	width: 250px;
	background: #fff;
}

.clients h4 {
	padding: 5px 0 10px 0;
	font-size: 2em;
	color: #0f5b56;
	letter-spacing: -1px;
	text-align: right;
}

.clients p {
	padding: 10px 0 7px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
	text-align: right;
}

.clients ul {
	padding: 10px;
}

.clients li {
	padding: 0 0 7px 0;
	font-size: 1.2em;
	color: #666;
	list-style: none;
	text-align: right;
}

.clientlist {
	padding: 5px 0 0;
	color: #759f1d;
	text-decoration: none;
	border-bottom: 1px dotted #759f1d;	
}

.clientlist:hover {
	color: #0c4844;
	border-bottom: 1px solid #0c4844;
	clear: left;
}

.dhtmlgoodies_question{	/* Styling question */
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	float: right;
	position:relative;
	background: #fff;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	position:relative;
}

.portfolioitem {
	padding: 0 15px 50px 0;	
	width: 635px;
	float: right;
}

.portfolioitem h3 {
	padding: 0 0 15px 0;
	font-size: 2.8em;
	color: #0f5b56;
	letter-spacing: -1px;
}

.portfolioitem img {
	margin: 0 25px 0 0;
	border: 5px solid #c6c8ca;
	float: left;
}

.portfolioitem a:link img, .portfolioitem a:visited img {
	border: 5px solid #c6c8ca;
	text-decoration: none;
}

.portfolioitem a:hover img {
	border: 5px solid #85b521;
	text-decoration: none;
}

.portfolioitem p {
	padding: 0 0 15px 0;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #666;
	width: 415px;
	float: right;
}

div.portfoliodivider {
	margin-top: 30px;
	padding-top: 40px;
	border-top: 1px solid #c6c8ca;
	clear: both;
}

p.floatright {
	width: 415px;
	float: right;
}

/*-------------------------------------------------- Footer --------------------------------------------------*/
/*-------Home Only--------*/
#homefooter {
	margin: 0 auto;
	padding: 80px 30px 40px 15px;
	width: 916px;
	position: relative;
}

#homefooter p {
	font-size: 1.1em;
}

/*-------Interior Only--------*/
#footer {
	margin: 0 auto;
	padding: 235px 30px 40px 15px;
	width: 916px;
	position: relative;
}
#noFormFooter {
	margin: 0 auto;
	padding: 80px 30px 40px 15px;
	width: 916px;
	position: relative;
}
#heyUnitFooter {
	margin: 0 auto;
	padding: 295px 30px 40px 15px;
	width: 916px;
	position: relative;
}

#footer p, #noFormFooter p, #heyUnitFooter p {
	font-size: 1.1em;
}

/*-------no contact Only--------*/
#nocontactfooter {
	margin: 0 auto;
	padding: 0 30px 40px 15px;
	width: 916px;
	position: relative;
}

#oopsfooter p {
	font-size: 1.1em;
}

/*-------Global--------*/
.footerleft {
	float: left;
}

.footerright {
	float: right;
	text-align: right;
}

/*-------------------------------------------------- Contact Box --------------------------------------------------*/
/*-------Home Only--------*/
.homecontactbox {
	width: 611px;
	height: 48px;
	background: #85b521 url(bg_contactbox.gif) repeat-x top;
	border: 8px solid #c6c8ca;
	position: absolute;
	top: -40px;
	left: 310px;
}

.homecontactbox h3 {
	padding: 12px 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #fff;
	line-height: 1.2em;
	text-align: center;
}

.homecontactbox h3 a:link, .homecontactbox h3 a:visited {
	color: #fff;
	border: none;
}

.homecontactbox h3 a:hover {
	color: #0c4844;
	text-decoration: none;
}

/*-------Interior Only--------*/
.contactbox {
	padding: 12px 10px;
	width: 591px;
	background: #0c4844;
	border: 8px solid #c6c8ca;
	position: absolute;
	top: -40px;
	left: 310px;
}

.contactbox h3 {
	padding: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #fff;
	line-height: 1.2em;
}
.contactbox h4 {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #fff;
	line-height: 1.2em;
}

.contactbox p {
	position: absolute;
	top: 50px;
	left: -300px;
	width: 265px;
	font-size: 1.2em;
	line-height:1.2em;
}

p.badgeCopy {
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	width:524px;
	margin-top: 5px;
}

#shady { /*keeps the bots at bay*/
	position: absolute;
	left: -9999px;
	display: none;
}

#required {
	text-align: right;
	font-size: 1.8em;
	top: 19px;
	left: 290px;
}

#emailval {
	position: relative;
	font-size: 0.8em;
	font-style: normal;
	left: 0;
}

.contactbox form li.fullwidth {
	width:524px;
}

.contactbox form li label {
	color: #fff;
	font-size:1.4em;
}

.contactbox form li input {
	padding: 2px;
	margin: 2px 0 0 0;
	width: 250px;
	height: 16px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
}

.contactbox form li textarea {
	padding: 2px;
	margin: 2px 0 0 0;
	width: 450px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	clear: both;
}

.contactbox form li input#button {
	width: 55px;
	height: 19px;
	border: none;
	font-size: 12px;
	position: absolute;
	left: 198px;
	top: 49px;
	.left: 200px;
	.top: 36px;
	_left: 472px;
	_top: -32px;
	background: #c6c8ca;
	color: #0f5b56;
}

.contactbox form li input#button:hover {
	background: #759f1d;
	color: #fff;
}
#badge {
	margin-right: 5px;
	height: 15px;
	width: 15px;
	vertical-align: baseline;
}
.contactbox form li.badge {
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
	padding: 3px 0 7px;
	margin-bottom: 10px;
}


/*-------------------------------------------------- Blog Column --------------------------------------------------*/

#columncontent .delLinks {
	border-top: 1px solid #ccc;
	padding-top:10px;
	display:block;
}
#columncontent .delLinks p {
	padding-bottom: 3px;
	font-size: 1.0em;
}
#columncontent .delicious-posts ul {
	padding: 0;
}
.delicious-post {
	font-size: 1.2em;
	line-height: 1.3em;
}
.delicious-post a {
	border-bottom: none;
	font-weight: bold;
}
#columncontent .delicious-post p {
	font-size: 1.0em;
	line-height: 1.2em;
	padding-bottom: 15px;
}
#categories, #archives {
	margin: 19px 0;
}
#categories ul, #archives ul {
	padding: 0;
}
#categories li {
	float: left;
	width: 115px;
}
#categories li a {
	border-bottom: none;
	font-weight: bold;
}
#archives {
	padding: 20px 20px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#archives li {
	margin-bottom: 10px;
}
#archives li a { 
	font-weight: bold;
	line-height: 1.5em;
}
.rss {
	position: absolute;
	top: -90px;
	right: 0;
	text-align: right;
}
.rss img {
	border: none;
}


/*---------- Clear Fix for divs with items floated inside them---------- */
.clearfix:after, h6:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix, h6 {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, h6 {display:block;}
/* End hide from IE Mac */