/* General
--------------------------------------------------------------------------------------------------- */

* { margin:0; padding:0; }
html { 
	background: #fff url(../gfx/bg.gif) repeat; 
}
body {
	font:12px/1 Arial, Helvetica, Arial, Sans-Serif;
	text-align: left;
	color:#AAABA9;
	background: #fff url(../gfx/bg-top.gif) repeat-x 0 0;
	width: 100%
}
.center { 
	text-align: center; 
}
ul { 
	list-style: none; 
}

a img { border: none; text-decoration: none; outline: none; }

#wdn { clear: both; float: right; width: 420px; }
#wdn p { text-align: left;  padding: 0 0 20px 0; }

/* Easy-Peasy Clearing 
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* Layout
--------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 1001px; position: relative;
	background:#fff url(../gfx/bg-top.gif) repeat-x 0 0;
}
#header {
	height: 233px;
	background: url(../gfx/bg-header.gif) no-repeat 0 0;
	position: relative;
}
#contentarea {
	padding: 0 19px 0 0;
}
#primary {
	float: left;
	width: 527px;
	padding: 20px 0;
}
#secondary {
	float: right;
	width: 426px;
	padding: 0 0 40px 0;
	background: url(../gfx/bg-sidebar.gif) no-repeat 0 0;
}
* html #secondary {
	background-position: 2px 0;
}
#footer {
	clear: both;
	padding: 17px 0 0 0;
	background: url(../gfx/bg-foot.gif) repeat-x 0 0;
}
/* Header
--------------------------------------------------------------------------------------------------- */
#header h1 {
	text-indent: -9999px;
}
#logo {
	position: absolute;
	width: 332px;
	height: 103px;
	top: 60px;
	left: 200px;
}
#logo a {
	width: 332px;
	height: 103px;
	display: block;
	text-indent: -9999px;
}
/* Navigation
--------------------------------------------------------------------------------------------------- */
#navmenu {
	padding: 0;
	margin: 0;
	position: absolute;
	right: 23px;
	top: 40px;
}
* html #navmenu { top:40px;  right: 22px; }
#navmenu li {
	width: 416px;
	height: 29px;
	line-height: 29px;
	margin: 0;
	padding: 0;
}
#navmenu li a {
	display: block;
	width: 416px;
	height: 29px;
	line-height: 29px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#navmenu li.home a {
	background: url(../gfx/nav/home.gif) no-repeat -420px 0;
}
#navmenu li.home a:hover,
body#default #navmenu li.home a  {
	background-position: 0 0;
}
#navmenu li.about a {
	background: url(../gfx/nav/about.gif) no-repeat -420px 0;
}
#navmenu li.about a:hover,
body#about #navmenu li.about a {
	background-position: 0 0;
}
#navmenu li.services a {
	background: url(../gfx/nav/services.gif) no-repeat -420px 0;
}
#navmenu li.services a:hover,
body#services #navmenu li.services a { 
	background-position: 0 0;
}
#navmenu li.portfolio a {
	background: url(../gfx/nav/portfolio.gif) no-repeat -420px 0;
}
#navmenu li.portfolio a:hover,
body#work #navmenu li.portfolio a,
body#clients #navmenu li.portfolio a {
	background-position: 0 0;
}
#navmenu li.contact a {
	background: url(../gfx/nav/contact.gif) no-repeat -420px 0;
}
#navmenu li.contact a:hover,
body#contact #navmenu li.contact a {
	background-position: 0 0;
}
/* Headings
--------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font: 13px/1.2em Helvetica, Arial, Sans-Serif;
	color:#474944;
	margin: 0 0 4px 0;
}
.attention { color: red; !important }
h2 { font-size: 16px; line-height: 1.3em; margin: 0 0 8px 0; }

h2.month {
	border-top: 1px solid #474944;
	padding: 3px 0 0 0;
	text-align: right;
}
/* Primary Content
--------------------------------------------------------------------------------------------------- */
#primary dl dt {
	float: left;
	width: 200px;
	clear: right;
	height:60px;
	line-height: 60px;
	text-indent: -9999px;
}
#primary dl dd {
	float: right;
	width: 313px;
}
#primary dl dt#who {
	background: url(../gfx/h/whoweare.gif) no-repeat 0 5px
}
#primary dl dt#news {
	background: url(../gfx/h/news-articles.gif) no-repeat 0 5px;

}
#primary p {
	margin: 0 0 15px 0;
	line-height: 1.7em;
}
#primary p.update {
	padding: 9px;
	margin:15px 0;
	border:1px solid #999;
	background: #eee;
	color:#474944;
}
#primary blockquote {
	color: #A4A5A4;
	padding:0 20px;
	font-size: 14px;
	font-family: Helvetica, Arial, Sans-Serif;
	border-left: 1px solid #474944;
}
#primary blockquote p {
	line-height: 1.2em;
}
#primary dd.who p {
	text-align: justify;
}
#primary p.more {
	padding: 0 0 5px 0;
	font-size: 14px;
}
#primary dl.about dt {
	background: url(../gfx/h/aboutus.gif) no-repeat 0 5px
}
#primary dl.clients dt {
	background: url(../gfx/h/portfolio.gif) no-repeat 0 5px
}
#primary dl.work dt {
	background: url(../gfx/h/portfolio.gif) no-repeat 0 5px
}
#primary dl.services dt {
	background: url(../gfx/h/designservices.gif) no-repeat 0 5px
}
#primary dl.contact dt {
	background: url(../gfx/h/getintouch.gif) no-repeat 0 5px
}
#primary dl.article dt {
	background: url(../gfx/h/news-articles.gif) no-repeat 0 5px
}
#primary dl.faq dt {
	background: url(../gfx/h/faqs.gif) no-repeat 0 5px
}
#primary dl.links dt {
	background: url(../gfx/h/links.gif) no-repeat 0 5px
}
#primary dl.article dd,
#primary dl.work dd,
#primary dl.sign-up dd {
	float: left;
	clear: left;
	width: 500px;
	margin: -15px 0 0 36px;
}
* html #primary dl.article dd,
* html #primary dl.work dd,
* html #primary dl.sign-up dd {
	margin-left: 18px;
}
#primary dl.work div.project {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 0 0;
}
#primary dl.work img {
	float: left;
	margin-right: 15px;
}
#primary dl.work div.project img  {
	float: right;
	margin-right: 0;
}
#primary p.readon {
	margin-top:-9px;
	padding: 3px 0 0 0;
	text-align: right;
	border-top: 1px dotted #ccc;
}
#primary p img { 
	border: 1px solid #474944;
	padding: 8px;
	background: #eee;
}
body#work #primary p img {
	border: none;
	padding: 0;
	background:#fff;
}
* html #primary dl.article dd {
	float: none;
	margin-left: 20px;
}
body.internal #primary ul {
	margin: 0 0 15px 20px;
}
body.internal #primary li {
	margin: 0 0 8px 0;
	line-height: 1.4em;
	list-style: square;
}
#primary ul.newslist li {
	border-bottom: 1px dotted #ccc;
	padding: 0 0 4px 0;
	margin-bottom: 15px;
	list-style: none;
}
#primary ul.newslist li p.more  {
	margin: 0;
	padding: 0;
	text-align: right;
	color:#C4DDF3;
}
#secondary .moreinfo p { 
	line-height: 1.4em; 
	margin: 0 0 10px 0; 
	padding: 8px;
	border: 1px solid #999;
	background:#eee;
	color:#474944;
}
#secondary .moreinfo {
	border-left: 1px solid #474944;
	padding: 15px 0 15px 15px;
}

/* Recent Projects
--------------------------------------------------------------------------------------------------- */
#recentprojects {
	padding: 0 0 0 28px;
	width: 400px;
}
#recentprojects dt {
	float: right;
	width: 145px;
	height: 165px;
	display: block;
	line-height: 165px;
	text-indent: -9999px;
	background: url(../gfx/h/recentprojects.gif) no-repeat 0px 105px;
}
#recentprojects dd {
	float: left;
	width:125px;
}
#recentprojects dd.clear {
	float: none;
	width: 400px;
	clear: both;
	height: 1px;
}
* html #recentprojects dt { 
	float: none; 
	width: 400px;
	background-position: 280px 105px;
}
#recentprojects img {
	width: 125px;
	overflow: hidden;
	height: 100px;
}
#secondary p.more {
	clear: both;
	padding: 8px 0 15px 37px;
}
#recentprojects a img {
	text-decoration: none;
	border: none;
	outline: none;
}

/* Subnavigation
--------------------------------------------------------------------------------------------------- */
#subnav {
	background: url(../gfx/h-line.gif) repeat-x 0 0;
	border-left: 1px solid #474944;
	padding: 30px 0 0 0;
	clear: left;
}
#subnav dt {
	float: left;
	width: 133px;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
	background: url(../gfx/h/subnav.gif) no-repeat 15px 5px;
}
#subnav dd {
	float: right;
	width: 282px;
}
#subnav dd ul {
	padding: 0;
	margin: 0;
}
#subnav dd ul li {
	margin: 0;
	line-height:1.2em;
	padding: 8px 10px 8px 0;
	border-bottom: 1px solid #dedede;
}
#subnav dd ul li.current a {
	color:#84AD2C;
}


/* Intesting Links
--------------------------------------------------------------------------------------------------- */
#ilinks {
	background: url(../gfx/h-line.gif) repeat-x 0 0;
	border-left: 1px solid #474944;
	padding: 30px 0 0 0;
	clear: left;
}
#ilinks dt {
	float: left;
	width: 133px;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
	background: url(../gfx/h/interestinglinks.gif) no-repeat 15px 5px;
}
#ilinks dd {
	float: right;
	width: 282px;
}
#ilinks dd ul {
	padding: 0;
	margin: 0;
}
#ilinks dd ul li {
	margin: 0;
	line-height:1.2em;
	padding: 8px 10px 8px 0;
	border-bottom: 1px solid #dedede;
}

/* Quick Links
--------------------------------------------------------------------------------------------------- */
#quicklinks {
	position: absolute;
	right: 210px;
	top: 240px;
	text-align: right;
	z-index: 100;
}

#quicklinks dt {
	display: none;
}
#quicklinks li {
	margin: 0 0 10px 0;
}
#quicklinks a {
	color:#71746B;
	text-decoration: none;
}
#quicklinks a:hover {
	color:#84AD2C;
}
body#links #quicklinks li.links a,
body#faq #quicklinks li.faq a,
body#quote #quicklinks li.quote a,
body#contact #quicklinks li.rfp a {
	color: #ccc;
}


/* Genaral Links
--------------------------------------------------------------------------------------------------- */
a {
	color:#11AFB9;
}
a:hover {
	color:#04767D;
}
#primary dd.who p a { text-decoration: none; }

#primary dd.who p a strong { color:#666; text-decoration: none;}
#primary dd.who p a:hover strong { color:#ccc; }

#primary p strong { font-weight: bold; }
p.more a {
	color:#04767D;
	text-decoration: none;
}
p.more a:hover {
	color:#11AFB9;
}
#primary h3 { font-size: 14px; }
#primary h3 a {
	color:#999;
	text-decoration: none;
}
#primary h3 a:hover {
	color:#84AD2C;
}
#primary p.readon a {
	color:#C4DDF3;
	text-decoration: none;
}
#primary p.readon a:hover {
	color:#84AD2C;
}
#secondary a {
	text-decoration: none;
}

/* Forms
--------------------------------------------------------------------------------------------------- */
form {
	margin:0; padding:0;
}
form legend  {
	display: none;
}
form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
form input,
form select,
form label {
	display: block;
	width: 65%;

	margin-bottom: 10px;
}
form label {
	text-align: left;
	width: 60%;

	color: #71746B;
}
html>body form label { 	padding-right: 5px; }
form label.message {
	text-align: left;
}
form textarea#message {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	float: none;
	background: #eeeeee;
}
form input.checkbox {
	width: 10%;
	float: left;
}
form h3  {
	margin-top: 30px;
}
form br {
	display: none;
}
#primary ul.zemError {
	border: 1px solid #B0D450;
	background: #DEEEB3;
	padding: 8px;
	margin 15px;
}
#primary ul.zemError li {
	list-style: none;
	margin: 0 0 5px 0;
}