/*

=============================================================================================

Inspire Media, LLC
General Site Layout

Created by Inspire Media, LLC staff
http://www.inspiremediallc.com
Copyright (c) 2008

=============================================================================================

*/

body {background-color:#f1f1f1; font:11px Arial, Helvetica, sans-serif; color:#000; margin:0;}
ul {list-style: none;}

#container {background-color:#f1f1f1; margin:0;}

a {outline-style:none;} /* Removes dotted lines around links when active */
	a:link, a:visited {color:#002ef7; text-decoration:underline;}
	a:hover, a:focus, a:active {color:#002ef7; text-decoration:none;}

/* general selectors */
img {border:none;}
input, textarea {background:#fff; border:1px solid #ccc;}
p {line-height:18px;}

/* jump navigation / scrren reader text */
.access {display: none; text-indent:-9999px; overflow:hidden; height:0;}

#branding {text-indent:-9999px; overflow:hidden; margin:0; padding:0; float:left;}

.wrapper {margin:0 auto; width:1152px; position:relative;}

.blocker {position:absolute; top:-999px; overflow:hidden;}

.pageTitle {margin:0; padding:0;}

#header .wrapper {height:91px;}
#header {background:url(../images/bg_head.jpg) left top repeat-x; height:91px; color:#000; position:relative; z-index:100;}
	#header p {text-indent:-9999px; overflow:hidden; background:url(../images/im_logo.png) left top no-repeat; height:41px; width:326px; margin:0; position:absolute; top:20px; left:0;}
	#header p a {display:block; height:41px; width:326px;}
	#header h2 {text-indent:-9999px; overflow:hidden; margin:0;}
	
	#header #subNav {color:#000; position:absolute; bottom:27px; right:30px; margin:0; padding:5px 0 4px; font:13px Arial, Helvetica, sans-serif;}
	#header #subNav li {list-style:none; float:left; padding:0 4px; border-right:1px solid #777;}
	#header #subNav li.last {border:none;}
	#header #subNav li a {color:#000; text-decoration:underline; text-transform:lowercase;}
	#header #subNav li a:hover {color:#000; text-decoration:none;}

#header-stuff {background-color:#f1f1f1; width:1152px; padding:0; margin:5px auto; position:relative;}

#mainNav {position:absolute; top:0; right:30px; width:208px;}
	#mainNav li {float:left;}
	#mainNav a {display:block; height:40px; width:208px; text-indent:-9999px; overflow:hidden; text-decoration:none; padding:3px 0 10px 0;}
	#mainNav #aboutNav a {background:url(../images/nav/about.jpg) top left no-repeat;}
	#mainNav #aboutNav a:hover {background:url(../images/nav/over/about_ovr.jpg) top left no-repeat;}
	#mainNav #portfolioNav a {background:url(../images/nav/port.jpg) top left no-repeat;}
	#mainNav #portfolioNav a:hover {background:url(../images/nav/over/port_ovr.jpg) top left no-repeat;}
	#mainNav #servicesNav a {background:url(../images/nav/services.jpg) top left no-repeat;}
	#mainNav #servicesNav a:hover {background:url(../images/nav/over/services_ovr.jpg) top left no-repeat;}
	#mainNav #featuredNav a {background:url(../images/nav/featured.jpg) top left no-repeat;}
	#mainNav #featuredNav a:hover {background:url(../images/nav/over/featured_ovr.jpg) top left no-repeat;}
	#mainNav #quoteNav a {background:url(../images/nav/quote.jpg) top left no-repeat;}
	#mainNav #quoteNav a:hover {background:url(../images/nav/over/quote_ovr.jpg) top left no-repeat;}

#flashContainer {padding:4px; border:#000 1px solid; width:891px; height:252px;}
#flash {margin:0; padding:0;}

#content {background-color:#f1f1f1; width:1152px; padding:5px 0 15px 0; margin:5px auto; position:relative;}
#main-content {width:891px; float:left;}
#sub-content {width:210px; float:left; margin-left:25px;}
	#sub-content h2 {margin:0; padding:0 0 5px 0;}
	#sub-content h4 {margin:0; padding:0 0 5px 0;}

.x-tabs-item-body {margin:0 10px;}
.x-tabs-strip-wrap {background-color:#F1F1F1;}

#formsContainer {width:910px; height:50px;}
#client-login-form {float:left; border:none; display:inline;}
	#client-login-form legend {text-indent:-9999px; overflow:hidden; height:0;}
	#client-login-form span {color:#dd986e;}
	#client-login-form p {margin:0; padding:0; display:inline;}
	input {width:100px; display:inline; margin:0 5px; border:1px solid #999; background:#fff;}
	input:focus {border:1px solid #dd986e;}
	#client-login-submit {border:1px solid #002ef7; background:#002ef7; color:#fff; cursor:pointer; width:40px;}

#site-search-form {float:right; border:none; display:inline;}
	#site-search-form legend {text-indent:-9999px; overflow:hidden; height:0;}
	#site-search-form span {color:#dd986e;}
	#site-search-form p {margin:0; padding:0; display:inline;}
	input {width:100px; display:inline; margin:0 5px; border:1px solid #999; background:#fff;}
	input:focus {border:1px solid #dd986e;}
	.hidden-fields {position:absolute; left:-9999px; overflow:hidden; height:0;}
	#site-search-submit {border:1px solid #002ef7; background:#002ef7; color:#fff; cursor:pointer; width:50px;}

#home-container {position:relative; width:910px;;}
	#home-container img {display:inline;}
	#home-spacer {float:left; width:20px;}
	#home-welcome {position:relative; float:left; width:440px; height:170px; padding:0 15px 0 0; border-right:1px solid #989898;}
		#home-welcome p {position:absolute; top:0; left:44px; width:396px;}
		#home-welcome p img {display:block; padding-bottom:10px;}
	#home-services {position:relative; float:left; width:415px; height:170px; padding:0 15px; border-right:1px solid #989898;}
		#home-services p {position:absolute; top:0; left:63px; width:371px;}
		#home-services p img {display:block; padding-bottom:10px;}
		#home-services p a {display:block; padding:6px 0 0 0; text-decoration:none;}
	#home-why {position:relative; float:left; width:440px; height:250px; padding:15px 15px 0 0; border-right:1px solid #989898;}
		#home-why p {position:absolute; top:18px; left:44px; width:396px;}
		#home-why p img {display:block;}
		#home-why span {display:block; font-size:14px; color:#c2042d; padding:10px 0 0 0;}
	#home-contact {position:relative; float:left; width:415px; height:250px; padding:15px 15px 0 15px; border-right:1px solid #989898;}
		#home-contact p {position:absolute; top:15px; left:63px; width:367px;}
		#home-contact p img {display:block; padding-bottom:10px;}
		#contact-form input {width:250px;}
			#contact-form-submit {border:1px solid #002ef7; background:#002ef7; color:#fff; cursor:pointer; width:50px;}
		
.portfolio-project-list {border-bottom:#999 1px solid; margin-bottom:10px; padding-bottom:5px; width:850px; float:left;}
.portfolio-project-list .last {border-bottom:none;}
	.portfolio-project-list h3 {margin:0; padding:0;}
	.portfolio-project-list img {border:#999 1px solid; float:left; margin-right:5px;}
	.portfolio-project-list p {margin:0; padding:0;}
.portfolio-featured-image {border:#999 1px solid; margin-bottom:20px;}


#footer .wrapper {height:79px;}
	#footer {background:url(../images/bg_foot.jpg) left top repeat-x; height:79px; color:#000; position:relative;}
	#footer ul {font:11px Helvetica, Arial, sans-serif; position:absolute; top:15px; left:0; margin:0; padding:0;}
	#footer ul li {list-style:none; float:left; padding:0 8px; border-right:1px solid #777;}
	#footer ul li.first {padding:0 8px 0 0;}
	#footer ul li.last {border:none;}
	#footer ul li a {color:#000; text-decoration:underline; text-transform:lowercase;}
	#footer ul li a:hover {color:#000; text-decoration:none;}
	#footer h3 {margin:0; position:absolute; top:1px; right:11px; text-indent:-9999px; overflow:hidden;}
	#footer h3 a {display:block;}
	#footer #copyright {font:10px Helvetica, Arial, sans-serif; position:absolute; top:33px; left:0; margin:0; line-height:16px;}
	#footer #copyright span {display:block; color:#222;}
	#footer #copyright a {color:#000;}


/* HACKS */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */