/* @override 
	http://www.childersmarketing.com/css/screen.css
*/

/*
----------------------------------
----------------------------------
 Body font size is 16px

Colors:

Light Blue - #2897ea;
Dark Blue - #08517c;
Burnt Orange - #bf660b;
Light Grey - #787979

----------------------------------
----------------------------------
*/


/* @group general */

	html {
	/*background:url(../images/body-bg.jpg) repeat-x center 0; */
	border-top: 8px solid #3780aa;
}
div#container, div#panel {
	width: 1234px;
	margin: 0 auto;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #787979;
}
/* @end general */
/* @group header */
	h1 {
	width: 550px;
	height: 55px;
	margin: 20px 0 0 30px;
	text-indent: -1000em;
	background: url(../images/h1.png) no-repeat;
}
ul#nav {
	margin:2px 0 0 652px;
	list-style: none;
}
ul#nav li {
	float: left;
}
ul#nav li a {
	height: 24px;
	display: block;
	margin-right: 22px;
	text-indent: -1000em;		
	background: url(../images/nav-sprite.png) no-repeat 0 8px;
}
ul#nav li#home a {
	width: 55px;
	background-position: left 8px;	
}
ul#nav li#home a:hover, ul#nav li#home.current a {
	background-position: left -16px;	
}
ul#nav li#about a {
	width: 61px;
	background-position:-78px 8px;	
}
ul#nav li#about a:hover, ul#nav li#about.current a {
	background-position:-78px -16px;	
}
ul#nav li#services a {
	width: 78px;
	background-position:-161px 8px;	
}
ul#nav li#services a:hover, ul#nav li#services.current a {
	background-position:-161px -16px;	
}
ul#nav li#clients a {
	width: 68px;
	background-position:-262px 8px;	
}
ul#nav li#clients a:hover, ul#nav li#clients.current a {
	background-position:-262px -16px;	
}
ul#nav li#portfolio a {
	width: 79px;
	margin-right: 12px;
	background-position:-350px 8px;	
}
ul#nav li#portfolio a:hover, ul#nav li#portfolio.current a {
	background-position:-350px -16px;	
}
ul#nav li#contact a {
	margin-right: 0;
	width: 121px;
	height: 39px;
	background: url(../images/nav-contact.png) no-repeat 0 -5px;	
}
ul#nav li#contact a:hover {
	background-position: left bottom;
}
/* @end header */
/* @group content */

	img#main-image {
	clear: left;
	width: 745px;
	float: left;
	margin-left: 12px;
	margin-top: 24px;
}
div#content {
	float: left;
	width: 452px;
	margin:46px 0 0 16px;
}

div#content p {
		font-size: .9em;
		margin-bottom: .6em;
		width: 430px;
}
div#content h2 {
	text-indent: -1000em;
	background: url(../images/main-h2.png) no-repeat;
	width: 142px;
	height: 31px;
	margin:.6em 0 24px;
}
 a.portfolio-btn {
	clear: left;
	display: block;
	margin-left: 330px;
	padding-top: 13px;
	text-align: center;
	width: 121px;
	height: 32px;
	text-decoration: none;
	background: url(../images/send-btn.png) no-repeat;
	font: 0.875em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#fff;
	font-weight:bold;
}
 a.portfolio-btn:hover {
	background-position: left bottom;
}
/* @end content */
/* @group panel */
	div#wrapper {
	clear: both;
	background: url(../images/panel-bg.png) repeat-x;
}
div#panel {
	padding-top: 18px;
	width: 1238px;
	height: 270px;
}

/* @group projects */

div#projects, div#expertise, div#contact-box {
	float: left;
}
div#projects {
	width: 303px;
	margin-left: 28px;
	padding:0 10px 0 28px;
	background: url(../images/projects-bg.png) no-repeat;
}
div#projects h3, div#expertise h3 {
	width: 242px;
	height: 35px;
	text-indent: -1000em;
	margin-top: 1em;
	background: url(../images/projects-h3.png) no-repeat;
}
div#projects p {
	font-size: .9em;
	line-height: 1.6em;

}
div#subscribe {
	margin-top: 24px;
	padding: 0px 0 0 12px;
	width: 247px;
	height: 39px;
	background: url(../images/subscribe-box.png) no-repeat;
}
div#subscribe p{
	font-size: .8em;
	color: #a7a7a7;
	margin: 9px 0 0 0;
	width: 80px;
	float: left;
}
div#subscribe a#e-mail, div#subscribe a#rss {
	text-decoration: none;
	color: #a7a7a7;
	font-size: .8em;
	display: block;
	float: left;
	height: 28px;
	width: 48px;
	padding-left: 38px;
	margin-top: 11px;
	background: url(../images/subscribe-email.png) no-repeat;
}
div#subscribe a#e-mail:hover, div#subscribe a#rss:hover {
	color: #666;
}
div#subscribe a#rss {
	width: 28px;
	padding-left: 28px;
	background: url(../images/subscribe-rss.png) no-repeat;
}

/* @end */

/* @group expertise */

div#expertise {
	padding-left: 48px;
	width: 272px;
	background: url(../images/expertise-shadow.png) no-repeat 0px center;
}
div#expertise h3 {
	width: 213px;
	background-image: url(../images/expertise-h3.png);
}
div#expertise ul {
	margin-left: 0em;
}
div#expertise ul li {
	width: 130px;
	float: left;
	font-size: 1.15em;
	list-style: none;
	line-height: 1.6em;
}
div#expertise ul li a {
	color: #787979;
	text-decoration: none;
}
div#expertise ul li a:hover {
	color: #666;
	text-decoration: underline;
}
div#expertise  a.portfolio-btn {
	clear: left;
	margin: 165px 18px 0 150px;
}

/* @end */

/* @group contact form */

div#contact-box {
	width: 536px;	
	background: url(../images/expertise-shadow.png) no-repeat 16px center;
}
div#contact-box fieldset{
	background: url(../images/form-bg.png) no-repeat 38px 0;
	padding:16px 0 0 82px;
	color: #bf660b;
	font-size: .9em;
}
div#name-field, div#email-field {
	float: left;
	width: 210px;
	margin-right: 22px;
}
div#name-field input, div#email-field input {
	width: 202px;
	border: 0 solid #999;
	background: url(../images/form-name-box.png) no-repeat top left;
	padding: 8px;
	color: #555;
}
div#email-field {
	margin-right: 0em;
}
div#message-field {
	clear: left;
	margin-top: 64px;
}
div#message-field textarea {
	background:transparent url(../images/form-help-box.png) no-repeat top left;	
	border: solid 0 #fff;	
	padding: 8px;
	height: 98px;
	width: 430px;
	color: #555;	
}

input#submit {
	font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0em;
	margin:0 0 0 336px;
	width: 121px;
	border: none;
	height: 45px;
	cursor:pointer;
	background:#999;
	color:#fff;
	font-weight:bold;
	background: url(../images/send-btn.png) no-repeat left top;
}
input#submit:hover {
	background-position:left bottom;
	}

/* @end */
/* @end panel */
/* @group footer */
div#footer {
	clear: left;
	height: 228px;
	width: 1234px;
	margin: 0em auto;
	color: #fff;
	font-size: .9em;
}
div#footer-news, div#footer-contact, div#footer-copy {
	font-size: 1.1em;	
	padding-top: 88px;	
	float: left;
}
div#footer-news {
	width: 260px;
	margin:0 36px 0 84px;

}
div#footer h4{
	text-indent: -1000em;
	background: url(../images/footer-news.png) no-repeat;
	margin-bottom: 1em;
	height: 18px;
}
div#footer-contact, div#footer-copy {
	width: 386px;
	height: 158px;
	background: url(../images/footer-shadow.png) no-repeat 0 64px;
	padding-left: 64px;	
}
div#footer-contact h4 {
	background-image: url(../images/footer-contact.png);
}
div#footer-contact p {
	width: 172px;
	float: left;
	margin-top: 0em;
}
div#footer-contact a {
	color: #fff;
	text-decoration: none;
}
div#footer-contact a:hover {
	text-decoration: underline;
	color: #fa5;
}
div#footer-copy {
	width: 245px;
	padding-left: 72px;
}	
div#footer-copy h4 {
	background-image: url(../images/footer-copyright.png);
}
/* @end footer */
/* @group sub styles */
	body.sub div#content {
	width: 950px;
	padding:0;
	margin: 0em;
	clear: left;
}
body.sub div#content p {
	width: auto;
}
body.sub div#content h3 {
	margin-top: 0em;
}

h2#sub-h2 {
	font-family: "ITC Avant Garde Gothic Std", Helvetica, Arial, sans-serif;
	margin: 32px 0 0 24px;
	color: #fff;
	padding: 0 0 0 13px;
	text-align: center;	
	background: url(../images/h2-sprite.png) no-repeat left bottom;
	float: left;
	clear: both;
}

h2#sub-h2 span {
	text-align: left;
	display: block;
	padding: 15px 60px 13px 36px;
  background: url(../images/h2-sprite.png) no-repeat right top;
}

body.sub div#content p.offer {
	font: 1.813em/1.105em Arial, Helvetica, sans-serif;
	color: #2897ea;
	margin:.8em 0 .3em 0;
	width: 824px;
	padding-left: 56px;
	
}
body.sub div#content p.peruse {
	font: bold 1em/1.3em Arial, Helvetica, sans-serif;
	color: #08517c;
	margin-top: 0em;
	margin-bottom: 5em;
	width: auto;
	padding-left: 56px;
}
h3#web-h3, h3#print-h3, div#consulting h3 {
	text-indent: -1000em;
	width: 165px;
	height: 36px;
	padding-bottom: 0em;
	background: url(../images/web-sub-h3.png) no-repeat;
}
body.sub div#content p.summary {
	font: bold .9em/1.3em Arial, Helvetica, sans-serif;
	margin-left: 20px;
}
div#first-web, div#web-print, div#consulting {
	padding-top: 18px;
	width: 894px;
	height: 307px;
	padding-left: 56px;
	background: url(../images/web-print-bg.jpg) no-repeat;
}
div#web-print {
	height: 298px;
}
div#first-web {
	padding-top: 0em;
	height: 272px;
	background-position: bottom;
}
div#web-print a.portfolio-btn {
	margin-top: 24px;
}
div#first-web a.portfolio-btn {
	margin-top: 10px;
}
div#consulting a.portfolio-btn {
	margin-top: 36px;
}
div.content-wrap {
	float: left;	
	width: 488px;
}
div#consulting {
	background: url(../images/consulting-bg.jpg) no-repeat;
}
div#content div#web-print p, div#content div#consulting p, div#content div#first-web p {
	font-size: .8em;
	margin-left: 20px;
	color: #08517c;
}
h3#print-h3 {
	background: url(../images/print-sub-h3.png) no-repeat;
}
div#consulting h3 {
	background: url(../images/consulting-sub-h3.png) no-repeat;
}
.sub a.portfolio-btn {
	margin-left: 384px;
}
.sub div#content img {
	margin-left: 56px;
	width: 304px;
	float: left;
	display: block;
}
.sub div#content img#consulting-img {
	width: 237px;
	margin-left: 102px;	
}
div#expertise-sub {
	float: left;
	width: 180px;
	margin: 145px 0 36px 41px; 
}
div#expertise-sub h3 {
	margin-bottom: 28px;
	text-indent: -1000em;
	width: 122px;
	height: 74px;
	background: url(../images/areas-h3.png) no-repeat;
}
div#expertise-sub ul {
	color: #08517c;
	font-size: 1em;
	margin-left: 0em;
	margin-bottom: 5em;
	list-style: none;	
}
div#expertise-sub ul li {
	line-height: 1.7em;
}
div#expertise-sub address {
	font-size: .8em;
	color: #08517c;
}
div#expertise-sub address span {
	font-weight: bold;
	font-size: 1.1em;
}
div#expertise-sub p {
	color: #08517c;
}
div#expertise-sub a {
	color: #08517c;
	text-decoration: none;
}
div#expertise-sub a[href*="mailto"] {
	text-decoration: underline;
}
.sub div#wrapper {
	border-top: 1px solid #000;
	padding-top: 12px;
	clear: both;
}
.sub div#panel {
		height: 257px;
		color: #a7a7a7;
}
.sub div#projects {
	background-image: none;
	font-size: .9em;
	width: 248px;
}
.sub div#projects h3 {
	background-image: url(../images/subscribe-sub.png);
}
.sub div#projects p#feeds {
	width: 208px;
}
.sub div#expertise {
	padding-left: 60px;
	width: 272px;
}
.sub div#expertise h3 {
	width: 300px;
	background-image: url(../images/quote-sub.png);
}
.sub fieldset{
	padding-top:0;
	background-image: none;
}
/* @end sub styles */
/* @group client styles */
body div#content p.intro {
	margin: 1em 32px;
	  font-weight: 700;
	  color: #707070;
	  padding: 0.36em 0;
}
#experience, #team {
		margin-top: 24px;
}
div#client-list {
  padding: 0 34px;
  height: 760px;
}
div#client-list h3 {
	font-family: Arial, Helvetica, sans-serif;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0.3em;
	color: #08517c;
}
div#client-list p {
  margin-left: 0;
}
#client-list div {
	margin-top: 8px;
	  float: left;
	  width: 280px;
	}
#client-list div h4 {
  margin-bottom: 1em;
  font-size: 120%;
  color: #598b30;
}
#client-list div ul {
		list-style: none;
		margin-bottom: 2em;
		color: #555;
		margin-left: 0em;
	}
#client-list div ul li {
  font-size: 110%;
  line-height: 1.46em;
}

#about-us #experience {
  float: left;
  width: 260px;
  padding-right: 32px;
  padding-bottom: 42px;
}
#about-us #experience h4 {
	font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 0.81em 32px;
  font-size: 140%;
  font-weight: 300;
  color: #08517c;
}
#about-us #experience p {
  border: 0;
  font-weight: 300;
  margin-left: 32px;
  margin-bottom: 1em;
}
#about-us #team {
  float: left;
  width: 548px;
  border-left: 1px solid #e1e1e1;
  padding: 0 32px;
  margin-bottom: 24px;
}
#about-us #team h4 {
  font-size: 140%;
  font-weight: 300;
  margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
  color: #08517c;
}
#about-us #team dl {
  border-top: 1px solid #e6e6e6;
  padding: 1em 0 1em;

}
#about-us #team dt {
  font-size: 100%;
  font-weight: 300;
  color: #08517c;
}
#about-us #team dd {
  font-size: 90%;
  padding: 0.2em;
  
}
#about-us #team p {
  margin-left: 0;
  line-height: 1.46em;
  border: 0;
  font-weight: 300;
  margin-bottom: 1em;
  color: #707070;
}
/* @end */
/* @group contact page styles */
	#contact-page div#contact-box {
		background-image: none;
	}
/* @end contact page styles */
/* @group Portfolio Code */
div#portfolioo ul {
  list-style: none;
  height: 5870px;
	margin-left: 0;
}
div#portfolioo li {
  height: 460px;
}
div#portfolioo li.column {
  float: left;
  width: 400px;
  padding: 0 30px;
}
div#portfolioo h3 {
	font-family: Arial, Helvetica, sans-serif;	
  text-align: left;
  margin-bottom: 1em;
  font-size: 160%;
  margin-left: 0 32px 0 0;
  font-weight: 300;
  padding: 0 0 0.3em;
  color: #08517c;
  border-bottom: 1px solid #e6e6e6
}
div#portfolioo li.border {
  border-right: 1px solid #dedede;
}
div#portfolioo li.column ul li h4, #services-content ul li h4 {
  font-size: 140%;
  font-weight: 300;
  line-height: 1.26em;
  color: #08517c;
	font-family: Arial, Helvetica, sans-serif;
}
div#portfolioo li.column ul li h4 span {
  text-transform: uppercase;
  display: block;
  text-align: left;
  font-weight: 700;
  font-size: 70%;
  padding-top: 0.06em;
  border-top: 1px solid #d6d6d6;
  margin-bottom: 1.4em;
  color: #a1a1a1;
}
div#portfolioo li.column p {
 margin-left: 0;
 font-weight: 300;
 border: 0;
 font-size: 120%;
  color: #737373;
}
div#portfolioo li.column ul {
  list-style: none;
}
div#portfolioo li.column ul li {
  margin-bottom: 24px;
}
div#portfolioo li.column img {
  border: 3px solid #fff;
	margin: 0;
	float: none;
	width: auto;
}

/* @end */



/* @group misc */
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }
/* @end misc */