/*
	*****CSS Framework*****
	Developed by Matt Cordell of Alaress
*/
@import url("reset.css");

body { font-family: Arial, Helvetica, sans-serif; background: #dcdcdc; }
/*--------------------------------------------------------------
 Link styles 
--------------------------------------------------------------*/
a:link, a:visited, a:active	{ text-decoration: none; color: #0477bf; }
a:hover { text-decoration: underline; }

/*--------------------------------------------------------------
 Heading styles 
--------------------------------------------------------------*/
h1,h2,h3,h4 { font-weight: bold; margin-bottom: 0.5em; }
h1 {
		color:#fff;
		font-size:70%;
		font-weight:normal;
		position:absolute;
		right:0;
		top:2px;
}
#feature h2 {
	font-size: 42px;
	color: #fff;
	padding: 70px 0 0 315px;
	z-index: 2;
	position: relative;
	margin-bottom: 0;
}
#feature.subpage h2 {
	font-size: 36px;
	padding: 15px 0 0;
}
#feature h3 {
	font-size: 20px;
	color: #aadeff;
	padding: 0 0 0 315px;
	z-index: 2;
	position: relative;
	line-height: 1.3;
}
#content h3 {
	color: #1f9be8;
	font-size: 24px;
	border-bottom: 1px dashed #489dd1;
	padding-bottom: 0.2em;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.5em;	
}
h4 {
	font-size: 18px;
	color: #292929;
	border-bottom: 1px dashed #4f4f4f;
	padding-bottom: 0.4em;
}
.project h4, .project h4 a {
	color: #1f9be8;
	font-size: 16px;
	margin-bottom: 0;
	border: 0;
	padding: 0.5em 0 0;
}
.project h5 {
	color: #1f9be8;
	font-size: 12px;
	min-height: 32px;
	line-height: 1.4;
	margin: 0;
}
h5 {}

/*--------------------------------------------------------------
 Body Text styles 
--------------------------------------------------------------*/
p, ul {	line-height: 1.5;	margin: 1em 0; }
ul { margin-left: 1.5em; }
#content li { list-style: disc; padding: 0 0 1em 1em; }
ul.big li a {
	font-size: 14px;
}
p span { color: #3da90d; font-style: italic; }
img.border { border: 1px solid #c2c2c2; }
a.view-all {
	display: block;
	text-indent: -9999px;
	background: url(/img/view-all.gif) no-repeat;
	width: 209px;
	height: 30px;
	margin-top: 10px;
}
.box p { margin: 0; }
cite { font-weight: bold; color: #808080; }

p.more a {
	background: url(/img/more-button.gif) repeat-x;
	line-height: 29px;
	height: 29px;
	display: block;
	float: left;
	padding: 0 15px;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:120%;
}
p.more a:hover {
	background-position: 0 -29px;
	text-decoration: none;
}
p.more span {
	text-decoration: underline;
	color: #fff;
	font-style: normal;
}
p.address a { color: #56b906; }
/*--------------------------------------------------------------
 Core styles 
--------------------------------------------------------------*/
#header-outer {
	background: url(/img/bg-header.gif) repeat-x;
}
#header {
	height: 71px;
	width: 956px;
	position: relative;
	margin: 0 auto;
}
#feature-outer {
	background: #1f9be8 url(/img/bg-feature.gif) repeat-x;
}
#feature {
	height: 238px;
	width: 956px;
	position: relative;
	margin: 0 auto;
}
#feature-inner {
	height: 238px;
	width: 956px;
	}
#feature.subpage {
	height: 75px;
}
#content-outer {
	background: #fff url(/img/bg-content.gif) repeat-x;
}
#content {
	width: 956px;
	margin: 0 auto;
	padding: 20px 0 15px;
}
#home-left {
	width: 468px;
	float: left;
	margin-right: 20px;
}
#home-right {
	width: 468px;
	float: left;
}
.box {
	background: #f5f2e7;
	padding: 15px;
	margin-bottom: 20px;
	display: inline-block;
	width: 438px;
}
.box .left {
	width: 209px;
	float: left;
}
.box .right {
	width: 209px;
	float: right;
}
#footer {
	width: 956px;
	margin: 0 auto;
	padding: 5px 0;
}
#image {
	width: 845px;
	height: 238px;
	position: absolute;
	top: 0;
	left: -235px;
	background: url(/img/feature-djc.png) no-repeat;
	z-index: 0;
}
#left {
	float: left;
	width: 712px;
	margin-right: 20px;
}
#right {
	float: left;
	width: 224px;
}
/*--------------------------------------------------------------
 Service styles 
--------------------------------------------------------------*/
.service {
	background: url(/img/bg-service.gif) repeat-x bottom;
	float: left;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.service p, .service ul {
	padding: 0 10px 0 165px;
	line-height: 2;
}
#content .service li {
	padding: 0;
}
.service img {
	float: left;
}
/*--------------------------------------------------------------
 Portfolio styles 
--------------------------------------------------------------*/
.project {
	float: left;
	width: 224px;
	padding: 0 10px 25px 0;
	border-right: 1px dashed #7f7f7f;
	margin-right: 9px;
}
.project.last {
	padding-right: 0;
	border-right: 0;
	margin-right: 0;
}
/*--------------------------------------------------------------
 Subnav styles 
--------------------------------------------------------------*/
#subnav {
	margin: 0 0 30px 0;
	list-style: none;
}
#subnav li {
	list-style: none;
	padding: 0;
}
#subnav a {
	color: #656256;
	background: url(/img/bg-subnav.gif) repeat-x;
	display: block;
	line-height: 40px;
	height: 40px;
	text-indent: 20px;
}
#subnav a:hover {
	background-position: 0 -40px;
	text-decoration: none;
}
#subnav li a.current {
	background-position: 0 -80px;
}
/*--------------------------------------------------------------
 Quick Form styles 
--------------------------------------------------------------*/
#quick-form .head {
	background: #cbe5eb url(/img/contact-head.jpg) no-repeat;
	padding: 150px 10px 10px;
}
#quick-form fieldset,
#quick-form legend							{ position: relative; }
.head p {
	margin: 0;
}
#quick-form form {
	background: #bedae2;
	padding: 10px 10px 0;
}
#quick-form fieldset {
	padding-bottom: 10px;
}
#quick-form label {
	display: block;
	margin-bottom: 0.4em;
}
#quick-form .input_text {
		border:0;
}
.input_text {
	padding: 7px;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	width: 190px;
	font-size: 12px;
}
#contactForm {
	width: 451px;
}
.input_text:focus {
	background:#FDFDE2;
	border: 1px solid #D0C73D;
}

/*--------------------------------------------------------------
 Header styles 
--------------------------------------------------------------*/
#logo {
	position: absolute;
	top: 14px;
	left: 0;
}
#header h3 {
	text-indent: -9999px;
	height: 12px;
	width: 179px;
	background: url(/img/header-number-new.gif) no-repeat;
	position: absolute;
	top: 16px;
	right: 0;
}
#nav {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}
#nav li {
	float: left;
	margin-left: 5px;
	padding: 0;
}
#nav li a {
	display: block;
	width: 96px;
	height: 29px;
	text-indent: -9999px;
	background-position: 0 -29px;
}
#nav li a:hover {
	background-position: 0 -58px;
}
#nav li a.current {
	background-position: 0 0;
}
#home a { background-image: url(/img/nav/home.gif); }
#services a { background-image: url(/img/nav/services.gif); }
#portfolio a { background-image: url(/img/nav/portfolio.gif); }
#about a { background-image: url(/img/nav/about.gif); }
#contact a { background-image: url(/img/nav/contact.gif); }

/*--------------------------------------------------------------
 Footer styles 
--------------------------------------------------------------*/
#footer p {
	color: #818080;
	font-size: 11px;
	float: left;
}
#footer ul {
	float: right;
}
#footer li {
	float: left;
	font-size: 11px;
	margin-left: 10px;
	padding-left: 11px;
	background: url(/img/footer-div.gif) no-repeat 0 3px;
}
#footer li.first {
	margin: 0;
	padding: 0;
	background: 0;
}
#footer a {
	color: #818080;
}
	
/*--------------------------------------------------------------
 Misc styles 
--------------------------------------------------------------*/
.float-fix {
	clear: both;
	font-size: 0;
	overflow: hidden;
}