/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/
html {
	background-color:#d8e0c6;
	background-image:url(../images/common/body-bg.jpg);
}
body {
	/* For breathing room between content and viewport. */
	background: #d8e0c6;
	background-image:url(../images/common/body-bg.jpg);
	background-repeat:repeat-x;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	margin: 0;
	color: #1a0f26;
}

a {
	color:#5d8c3b;
}
a:link {
	text-decoration:underline;
}
a:visited {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration:underline;
}
h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}

h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	/* margin: 1em 0; */
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: 1px solid #000;
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

/* --------------------------------------------------------- */
body#page-home div#page {
/*	background-image:url(../images/home/divider.png);
	background-position:left bottom;
	background-repeat:no-repeat; */
	background-image:url(../images/home/page-bg.jpg);
	background-repeat:no-repeat;
}

div#page {
/*	background: #FFFFFF; */
	border:none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-top:0;
	padding-right:20px;
	padding-bottom:0;
	padding-left:20px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 940px; 
}
body#page-sub-common .what {
	background-image:url(../images/what-we-do/page-bg.jpg);
	background-repeat:no-repeat;
}
body#page-sub-common .contact {
	background-image:url(../images/contact-us/page-bg.jpg);
	background-repeat:no-repeat;
}
div#header { /* apply padding to page */
/*	background-color:#FFF;
	background-image:url(../images/common/header-bg.jpg); */
	background-repeat:repeat-x;
	height:100px;
	padding-bottom:10px;
}
	div#header div#header-content {
		margin:0 auto;
		padding-right:10px;
		padding-left:10px;
		width: 960px;
	}
	div#header div#logo { 
		background-color:#482e59;
		display:inline;
		float:left;
		margin-left:10px;
		width:170px;
	}
	div#logo a {
		display:block;
		height:100px;
	}
	div#header div#nav-main {
/*		background-color:#F80; */
		background-image:url(../images/common/nav-main-bg.jpg);
		background-repeat:no-repeat;
		display:inline;
		float:right;
		height:69px;
		width:550px;
	}
	ul#nav-main {
		float:right;
		height:69px;
		margin:0;
		padding:0;
		width:550px;
	}
	ul#nav-main li {
		display:inline;
		list-style:none;
/*		padding-right:20px; */
	}
	ul#nav-main li a{
		background:url(../images/common/nav-main-bg.jpg) no-repeat;
		float:left;
		height:0;
		overflow:hidden;
		padding-top:69px;
	}
		ul#nav-main li#nav-main-home a {
			background-position:-0px 0;
			width:90px;
		}
		ul#nav-main li#nav-main-home a:hover {
			background-position:0px -69px;
		}
		ul#nav-main li#nav-main-home a.current {
			background-position:-0px -138px;
		}
		ul#nav-main li#nav-main-featured-works a {
			background-position:-90px 0;
			width:133px;
		}
		ul#nav-main li#nav-main-featured-works a:hover {
			background-position:-90px -69px;
		}
		ul#nav-main li#nav-main-featured-works a.current {
			background-position:-90px -138px;
		}
		ul#nav-main li#nav-main-articles a {
			background-position:-223px 0;
			width:86px;
		}
		ul#nav-main li#nav-main-articles a:hover {
			background-position:-223px -69px;
		}
		ul#nav-main li#nav-main-articles a.current {
			background-position:-223px -138px;
		}
		ul#nav-main li#nav-main-what-we-do a{
			background-position:-309px 0;
			width:114px;
		}
		ul#nav-main li#nav-main-what-we-do a:hover {
			background-position:-309px -69px;
		}
		ul#nav-main li#nav-main-what-we-do a.current{
			background-position:-309px -138px;
		}
		ul#nav-main li#nav-main-contact a{
			background-position:-423px 0;
			width:121px;
		}
		ul#nav-main li#nav-main-contact a:hover {
			background-position:-423px -69px;
		}
		ul#nav-main li#nav-main-contact a.current {
			background-position:-423px -138px;
		}

div#main-feature {
/*	background-color:#999; */
/*	background-image:url(../images/common/home-feature-bg.jpg); */
	clear:both;
	height:360px;
	padding:0;
}
	div#main-feature p {
		-moz-border-radius:10px; 
		-webkit-border-radius:20px;
/*		background-image:url(../images/home/main-feature-p-bg.png); */
		display:inline-block;
		font-size:146.5%;
/*		margin-left:360px;
		margin-top:75px; */
		margin-top:55px;
		padding:20px;
		width:380px;
	}
	div#main-feature a:hover {
		color:#FFF;
		background-color:#5d8c3b;
	}
div#main-content {
	display: inline; /* Fix IE double margin float bug */
	float: left;
	font-size: 100%;
	margin: 10px 0;
	width: 540px;
}
	div#main-content a:hover {
/*		color:#FFF;
		background-color:#5d8c3b; */
	}
	div#main-content .classbg:hover {
		background-color:transparent;
	}
	div#main-content h3 a:hover {
		background-color:transparent;
	}
	div#main-content .featured-projects {
		background-image:url(../images/home/featured-header.gif);
		display:block;
		height:41px;
		margin-bottom:13px;
		width:380px;
	}
	.featured-projects:hover {
		background-position:bottom;
	}
	.featured-projects span {
		display:block;
		height:1px;
		overflow:hidden;
	}
	.home-featured {
		clear:both;
		line-height:146.5%;
		padding-bottom:20px;
		width:540px;		
	}
		.home-featured h5 a {
			color:#000;
			display:inline-block;
			float:right;
			font-size:100%;
			padding-top:0px;
			text-decoration:none;
			width:300px;
		}
		.home-featured h5 a:hover {
			text-decoration:underline;	
		}

		.home-featured span {
			display:block;
			float:left;
			height:150px;
/*			padding-right:10px; */
			width:230px;
		}
		.home-featured p {
			float:right;
			display:block;
			width:300px;
		}
 
div#sidebar {
	display: inline; /* Fix IE double margin float bug */
	float: right;
	font-size: 100%;
	margin-top:10px;
	width: 300px;
}
	div#sidebar h5 a {
		color:#000;
		display:inline-block;
		font-size:100%;
		padding-top:7px;
		text-decoration:none;
	}
	div#sidebar h5 a:hover {
		text-decoration:underline;
	}
	div#sidebar p {
		line-height:146.5%;
	}
	div#sidebar .featured-articles {
		background-image:url(../images/home/sidebar-header.gif);
		display:block;
		height:41px;
		margin-bottom:13px;
		width:220px;
	}
	.featured-articles:hover {
		background-position:bottom;
	}
	.featured-articles span {
		display:block;
		height:1px;
		overflow:hidden;
	}
	
div#divider-footer {
	clear:both;
}
div#divider-footer hr {
	display:none;
}

div#footer {
	background-color:#d8e0c6;
	background-image:url(../images/common/footer-bg.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	height:300px;
	margin-top:36px;
	padding-top:23px;
}
	div#footer a {
		color:#fff;
		text-decoration:none;
	}
	div#footer a:hover {
		text-decoration:underline;
	}
	div#footer div#footer-content {
		background-color:#482e59;
		margin:0 auto;
		padding-right:10px;
		padding-left:10px;
		width:940px;
	}	
	div#footer-help {
		display:inline;
		float:left;
		width:540px;	
	}
	div#footer-help h3 {
		padding-bottom:10px;	
	}
	
	div#footer-help form p.left input, div#footer-help form textarea {
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		padding:5px;
		border:none;
	}
	div#footer-help form p.left input {
		width:210px;
	}
	div#footer-help form textarea {
		width:288px;
	}
	div#footer-help form p.left {
		float:left;
	}
	div#footer-help form p.right {
		float:right;
	}

	div#sitemap {
		float:right;
		font-size:85%;
		margin-top:12px;
		width:300px;
	}
	div#copyright {
		clear:both;
		font-size:85%;
		margin-left:640px;
		width:300px;
	}
div#extra2 {
	display:none;
}
div#extra1 {
	height:25px;
}
/*
 *
 * HOMEPAGE CLASSES
 *
 */

/*
 * SUBPAGES STRUCTURE
 *
 */
body#page-sub-common div#main-content, 
body#page-sub-works div#main-content, 
body#page-sub-works-all div#main-content,
body#page-sub-what-we-do div#main-content {
	line-height:146.5%;
}
body#page-sub-works-all div#main-content {
	width:940px;
}
	body#page-sub-works-all div#sub-feature {
		height:50px;
	}

div#sub-feature {
	float:left;
	height:200px;
	padding-top:89px;
	width:700px;
}
	div#sub-feature h2 {
		margin-bottom:5px;
	}
	div#sub-feature p {
		font-size:146.5%;
		width:380px;
	}

.featured-works {
	clear:both;
	display:inline-block;
	padding-bottom:15px;
	width:460px;
}
	.featured-works h5 a {
		color:#000;
		display:inline-block;
		float:right;
		font-size:100%;
		padding-top:0px;
		text-decoration:none;
		width:215px;
	}
	.featured-works h5 a:hover {
		text-decoration:underline;	
	}

	.featured-works span {
		display:block;
		float:left;
		height:150px;
		width:230px;
	}
	.featured-works p {
		display:block;
		float:right;
		width:215px;
	}
.featured-articles h5 a {	
	color:#000;
	text-decoration:none;
}
	.featured-articles h5 a:hover {
		text-decoration:underline;
	}
div#sidebar2 {
/*	background-color:#696; */
	display: inline; /* Fix IE double margin float bug */
	float: right;
	font-size: 93%;
	width: 220px;
/*	margin: 0 30px 0 0; */
}
	div#sidebar2 h3 {
		padding-bottom:8px;
	}
	div#sidebar2 a {
		color:#89b967;
		font-weight:bold;
		text-decoration:none;
	}
	div#sidebar2 a:hover {
		text-decoration:underline;
	}
	div#sidebar2 a.current {
		color:#5d8c3b;
	}
	div#sidebar2 ul {
		margin:0;
		padding:0;
	}
	div#sidebar2 li {
		list-style:none;
		line-height:160%;
	}
div#sidebar3 {
	display: inline; /* Fix IE double margin float bug */
	float: right;
	font-size: 93%;
	width: 320px;
/*	margin: 0 30px 0 0; */
}
.col2a {
	display:inline;
	float:left;
	width:460px;
}
.col2b {
	display:inline;
	float:right;
	width:460px;
}
.col4 {
/*	background-color:#060; */
	float:left;
	margin:0;
	margin-right:20px;
	padding:0;
	width:140px;
}
	.col4 li {
		font-size:77%;
		list-style:none;
		margin-bottom:6px;
	}
	.col4 li h5 {
		font-size:116%;
		margin-bottom:5px;
	}
	.col4_last {
		margin-right:0;
		width:140px;
	}
.clear {
	clear:both;
}