/*  GLOBALS  */

*			{ margin: 0; padding: 0; }
body 		{ font-family: Helvetica, Arial, sans-serif; font-size: 1.0em; line-height: 1.5em; color:#231f20; }
a:link 		{ color: #000; text-decoration: none; }
a:visited 	{ color: #000; text-decoration: none; }
a:hover 	{ color: #99cc99; text-decoration: none; }
a:active 	{ color: #99cc99; text-decoration: none; }
img			{ border: none; }
p			{ margin: 10px 0; font-size: 0.88em; line-height: 1.25em; }

/*  STRUCTURE  */

#bannerwrap 		{ width: 100%; background: url(../images/bg1.gif) top center repeat-x; }
	#banner 		{ width: 960px; height: 192px; margin: 0 auto; background: url(../images/banner.jpg) top right no-repeat; }
		#banner-left	{ width: 570px; height: 192px; float: left; }
			#logo		{ width: 466px; height: 107px; float: left; text-indent: -5000px; background: url(../images/logo.gif) top left no-repeat; margin: 21px 0 27px 21px; display: inline; }
			ul#navigate 				{ width: 536px; height: 37px; float:left; text-align: left; background: url(../images/navbase.gif) no-repeat; }
			ul#navigate li				{ list-style: none; float: left; }
				ul#navigate li a#nav-home				{ height: 37px; width: 89px; display: block; background: url(../images/nav-home.gif); }
				ul#navigate li a#nav-home:hover,
				ul#navigate li a#nav-home.current		{ background-position: 0 -37px; }
				ul#navigate li a#nav-about				{ height: 37px; width: 109px; display: block; background: url(../images/nav-about.gif); }
				ul#navigate li a#nav-about:hover,
				ul#navigate li a#nav-about.current		{ background-position: 0 -37px; }
				ul#navigate li a#nav-project			{ height: 37px; width: 123px; display: block; background: url(../images/nav-project.gif); }
				ul#navigate li a#nav-project:hover,
				ul#navigate li a#nav-project.current	{ background-position: 0 -37px; }
				ul#navigate li a#nav-client				{ height: 37px; width: 112px; display: block; background: url(../images/nav-client.gif); }
				ul#navigate li a#nav-client:hover,
				ul#navigate li a#nav-client.current		{ background-position: 0 -37px; }
				ul#navigate li a#nav-contact			{ height: 37px; width: 99px; display: block; background: url(../images/nav-contact.gif); }
				ul#navigate li a#nav-contact:hover,
				ul#navigate li a#nav-contact.current	{ background-position: 0 -37px; }
				li.divider								{ width: 1px; height: 37px; background: url(../images/divider.gif) center no-repeat; float: left; }
			
		#banner-right 	{ width: 390px; height: 192px; float: right; }

#contentwrap		{ width: 100%; background: #d9e8c2 url(../images/bg2.gif) top center repeat-x; }
	#content				{ width: 960px; margin: 0 auto; padding: 40px 0 0 0; }
	body#about #content,
	body#contact #content		{ width: 920px; padding: 40px 20px; }
	body#about #content	a,
	body#contact #content a		{ font-weight: bold; }
	body#about #content	p,
	body#contact #content p	{ margin: 20px 0; }
	
		#left				{ width: 520px; height: auto; float: left; padding: 0 0 0 20px; }
			
			body#projects #left		{ width: 520px; height: auto; float: left; padding: 0 0 20px 0; }
			body#projects #right	{ width: 390px; height: auto; float: left; padding: 0 0 0 20px; }
		
		#right				{ width: 390px; height: auto; float: right; padding: 0; }
		
		
		ul#servicelist	{ width: 520px; height: auto; text-size: 1.25em; padding: 0 0 15px 0; margin: 0; float: left; }
			ul#servicelist li			{ list-style: none; background: url(../images/bullet.gif) 0 12px no-repeat; padding: 5px 0 5px 20px; }
			
		ul#projectlist	{ width: 960px; height: auto; float: left; padding: 0; margin: 0; float: left; }
			ul#projectlist li			{ width: 960px; height: 210px; list-style: none; background: url(../images/list-bg.gif) top right no-repeat; margin-top: 30px; float: left; }
			ul#project list li.b		{ width: 960px; height: auto; list-style: none; background: url(../images/list-bg.gif) bottom right no-repeat; margin-top: 30px; float: left; }
			ul#projectlist li a			{ color:#666; font-size: .8em; }
			ul#projectlist li div.thumb	{ width: 300px; height: 210px; float: left; }
			ul#projectlist li div.desc	{ width: 500px; height: auto; padding: 20px 30px; float: left; }
			ul#projectlist li div.desc2	{ width: 580px; height: auto; padding: 20px 30px; float: left; }
		
		ul#featuredproject		{ width: 376px; padding: 7px; height: auto; background: #fff; float: left; color: #666; font-size: 0.75em; list-style: none; }
		ul#featuredproject li 	{ display: none; list-style: none; }
		ul#featuredproject li p	{ padding: 5px 10px; line-height: 1.5em; }
		
		img.insetRight			{ padding: 7px; height: auto; background: #fff; margin: 0 0 15px 15px; }
		
		.clientlist				{ width: 168px; height: 130px; float: left; margin: 0 0 0 20px;}
		
		#btnLearnMore			{ display: block; float: left; width: 126px; height: 28px; background: url(../images/btn-learnmore.gif) no-repeat 0 0; }
		#btnLearnMore:hover 	{ background-position: 0 -28px; }
		#btnLearnMore span		{ display: none; }
		
		#btnProjectList			{ display: block; float: left; width: 203px; height: 28px; background: url(../images/btn-projectlist.gif) no-repeat 0 0; margin-top: 20px; }
		#btnProjectList:hover 		{ background-position: 0 -28px; }
		#btnProjectList span		{ display: none; }
		

	#footerwrap			{ width: 100%; background: #fff; } 
		#footer				{ width: 960px; margin: 0 auto; font-size: 11px; line-height: 1.5em; }
			.footerdetails		{ padding: 10px 0 30px 20px; float: left; }
 
/*  TAGS  */

h1, h1 a			{ font-size: 21px; font-weight: bold; line-height: 24px; color:#4b4b4b; }
h2#footercontact	{ width: 70px; height: 14px; text-indent: -5000px; background:url(../images/footer-contact.gif) top left no-repeat; margin: 14px 0 0 20px; float: left;}
h3					{ font-size: 1.25em; }
h4					{ font-size: 0.66em; letter-spacing: 0.1em; font-weight: normal; text-transform: uppercase; float: left; }


/*  FORMS  */

.input250 		{ font: 12px Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #999999; height: 20px; width: 250px; background: #CCCCCC; padding-top: 5px; padding-left: 3px; }
.input200 		{ font: 12px Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #999999; height: 20px; width: 200px; background: #CCCCCC; padding-top: 5px; padding-left: 3px; }
.textarea250 	{ font: 12px Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #999999; height: 140px; width: 250px; padding-top: 5px; padding-left: 3px; background: #CCCCCC; }
.send			{ padding: 6px; width: 65px; }

/*  CUSTOM CLASSES  */

p.intro				{ line-height: 1.5em; }
div.clearBottom 	{ clear: both; padding: 20px 0; }


@media print {
.headernav {
display:block !important;
}
}