@charset "UTF-8";

body{
margin:0;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
background:url(bg.gif) scroll repeat-x top center;
background-color:#444;
color:#6e6e6e;
}

img{
border:0;
}

h2{
clear:both;
font-size:12px;
color:#242424;
margin:5px 0 5px 5px;
padding:0px;
}

p{
margin:0px 0 0 5px;
text-align:justify;
}

a, a:link, a:visited{
color:#709a30;
font-weight:bold;
text-decoration:none;
}

a:hover, div#banner_home h1 a:hover{
text-decoration:underline;
}

a:active, a:focus {
outline:0;
moz-outline-style:0;
}
	  
em{
font-style:normal;
font-weight:bold;
color:#242424;
}

ul{
clear:both;
margin:0 0 0 10px;
padding:0;
list-style:none;
}

li.ch, div#why li, ul.check li{
background:url(li-icon.gif) no-repeat 0 5px;
padding:0 0 0 20px;
}

div#why ul li a{
	color:#000000;
	text-decoration:none;
}

div#why ul li a:hover{
	color:#709A30;
	text-decoration:none;
}

li.ex, div#why ul li.ex, ul.check li.ex{
background:url(icon_ex.png) center left no-repeat;
}

ul ul{
margin:15px 0 15px 10px;
}

form{
padding:0;
margin:0
}

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

.formfield{
border:1px solid #bcbcbc;
padding:4px 3px 3px 3px;
}

input.green100, input.grey100, input.green65, input.grey65{
background:url(button_green100.png) top center no-repeat;
color:#fff;
font-weight:bold;
border:0;
height:22px;
font-size:10px;
padding:0 0 1px 0;
}

input.green100{
background:url(button_green100.png) top center no-repeat;
width:100px;
}
input.grey100{
background:url(button_grey100.png) top center no-repeat;
width:100px;
}

input.green65{
background:url(button_green65.png) top center no-repeat;
width:65px;
}

input.grey65{
background:url(button_grey65.png) top center no-repeat;
width:65px;
}

input.pin{
position:absolute;
top:-999px;
}

div#container{
width:984px;
margin:0 auto 0 auto;
}

div#logo{
width:229px;
height:157px;
background:url(logo_bg.gif) no-repeat;
text-align:center;
}

div#logo img{
margin:25px 0 0 0;
}

div#nav{
width:755px;
height:48px;
padding:15px 0 0 0;
background:url(nav_bg.gif) no-repeat;
}

div#slider{
z-index:10;
position:relative;
height:3px;
margin:9px 0 0;
width:100px;
background:url(slider_bg.gif) repeat-x;
left:0;}

div#banner_home{
width:728px;
margin-top:15px;
height:110px;
}

div#banner_portfolio, div#banner_services, div#banner_about, div#banner_contact, div#banner_requestservices, div#banner_sustainable{
width:755px;
height:115px;
}

div#banner_portfolio{
background:url(banner_portfolio.gif) no-repeat;
}

div#banner_services{
background:url(banner_services.gif) no-repeat;
}

div#banner_about{
background:url(banner_about.gif) no-repeat;
}

div#banner_contact{
background:url(banner_contact.gif) no-repeat;
}

div#banner_requestservices{
background:url(banner_requestservices.gif) no-repeat;
}

div#banner_sustainable{
background:url(banner_sustainable.gif) no-repeat;
}

div#banner_home h1{
font-size:22px;
line-height:28px;
font-weight:normal;
color:#dbd0d0;
width:675px;
margin:78px 0 0 22px;
letter-spacing:-1px;
}

div#banner_portfolio h1, div#banner_services h1, div#banner_about h1, div#banner_contact h1, div#banner_requestservices h1, div#banner_sustainable h1{
font-size:22px;
line-height:28px;
font-weight:normal;
color:#dbd0d0;
width:675px;
margin:60px 0 0 20px;
letter-spacing:-1px;
}

div#banner_home a, div#banner_home a:link, div#banner_home a:visited, div#banner_requestservices a, div#banner_requestservices a:link, div#banner_requestservices a:visited, div#banner_sustainable a, div#banner_sustainable a:link, div#banner_sustainable a:visited{
color:#85b044;
font-weight:normal;
text-decoration:none;
}

div#banner_divider_home{
width:984px;
height:10px;
background:url(banner_divider01.gif) no-repeat;
}

div#featured_project{
width:674px;
background:#fff url(divider_grey01.gif) top left no-repeat;
padding:10px;
text-align:justify;
}

div#featured_project_inner{
width:725px;
background:#fff url(divider_grey01.gif) top left no-repeat;
padding:10px;
text-align:justify;
margin:5px 0 10px 0px;
}

div#project{
width:674px;
background:#fff url(divider_grey01.gif) top left no-repeat;
padding:10px 10px 40px 10px;
margin:0 0 5px 0;
}

div#featured_project b, div.featured_projects b, div.work b{
color:#242424;
}

div#featured_project p{
clear:both;
margin:0 0 10px 0px;
}

div#featured_project_lc{
clear:both;
width:209px;
}

div#featured_project_launch{
width:450px;
clear:right;
float:right;
margin:25px 0 0 0;
}

div#featured_project_launch input{
float:left;
margin:0 5px 0 0;
}

div.featured_projects{
width:265px;
background-color:#fff;
float:right;
margin-bottom:5px;
padding:10px;
}

div#left_column{
float:left;
width:694px;
}

div#left_column_inner{
float:left;
width:230px;
}

div#right_column{
float:right;
width:285px;
}

div#main_post{
width:440px;
margin:5px 0 0 0;
background:#fff url(divider_grey02.gif) top center no-repeat;
padding:10px;
}

div#sub_post{
width:440px;
background-color:#fff;
margin:5px 0 0 0;
padding:10px;
}

div#contact_methods{
width:440px;
background:#dbd0d0 url(mc_bg01.gif) top center no-repeat;
margin:5px 0 5px 0;
padding:10px;
}

div#contact_methods p, ul.mycontacts p{
height:40px;
width:165px;
line-height:26px;
font-weight:bold;
color:#242424;
float:left;
margin:0 0 0 10px;
}

ul.mycontacts{
margin:5px 0 0 0;
padding:0;
}

ul.mycontacts p{
height:30px;
line-height:20px
}

div#contact_methods ul{
clear:none;
float:left;
width:210px;
}

div#why{
width:209px;
background:#dbd0d0 url(lc_bg01.gif) top center no-repeat;
margin:5px 0 0 0;
padding:10px;
color:#242424;
}

div#why ul{
line-height:23px;
margin:0px;
}

div#contact1{
width:209px;
height:316px;
background:#dbd0d0 url(lc_bg01.gif) top center no-repeat;
margin:5px 0 0 0;
padding:10px;
}

div#contact2{
width:265px;
height:316px;
background:#dbd0d0 url(rc_bg01.gif) top center no-repeat;
margin:5px 0 0 0;
padding:10px;
}

div#contact1 label, div#contact1 input.formfield, div#contact2 label, div#contact2 input.formfield{
padding:0 0 0 5px;
color:#242424;
font-size:12px;
font-weight:bold;
}

div#mainform{
width:445px;
float:right;
}

div.formcol{
width:215px;
}

div.formcol input{
margin-bottom:10px;
width:175px;
}

label.checkbox{
font-weight:bold;
font-size:11px;
vertical-align:bottom;
color:#242424;
}

input.checkbox{
vertical-align:top;
}

div#contact1 input.formfield{
padding:0;
border:0px;
background-color:#dbd0d0;
width:135px;
margin:10px 0 0 0;
}

div#contact1 textarea, textarea#comment2, textarea#quickoview{
margin:10px 0 18px 0;
width:203px;
height:75px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#242424;
overflow:auto;
}

textarea#comment2, textarea#quickoview{
width:420px;
}

div#contact2 input.formfield{
padding:0;
border:0px;
background-color:#dbd0d0;
width:180px;
margin:10px 0 0 0;
}

div#contact2 textarea{
margin:10px 0 18px 0;
width:259px;
height:75px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#242424;
overflow:auto;
}

div#services_overview{
width:265px;
background:#dbd0d0 url(rc_bg01.gif) top center no-repeat;
padding:10px;
margin:0 0 5px 0;
}

div#what_you_can_do{
width:265px;
height:600px;
background:#dbd0d0 url(rc_bg01.gif) top center no-repeat;
padding:10px 10px 20px 10px;
}

div#what_you_can_do ul{
margin-left:0;
}

div#what_you_can_do ul ul{
margin-left:10px;
}

div#services_overview ul, div#contact_methods ul{
list-style-type:none;
list-style-image:none;
margin:0;
padding:10px 5px 0 5px;
}

div#services_overview li, div#contact_methods li, div#contactform li{
clear:both;
}

div#services_overview h2, div#services_overview p{
clear:none;
margin:0;
}

div#services_overview p{
margin:0 0 10px 0;
word-spacing:-1.5px;
}

div#mail_rss, div#easychoice{
width:265px;
height:127px;
margin:5px 0 0 0;
background:#dbd0d0 url(rc_bg01.gif) top center no-repeat;
padding:10px;
color:#242424;
}

div.left_white_col{
width:209px;
padding:10px;
float:left;
clear:left;
background-color:#fff;
margin:0 0 5px 0;
}

div.availableservices{
width:674px;
height:155px;
margin:0 0 5px 0;
padding:10px;
background-color:#fff;
clear:both;
}

div.availableservice{
float:left;
width:210px;
height:155px;
}

div.works{
width:674px;
height:175px;
margin:0 0 5px 0;
padding:10px;
background-color:#fff;
clear:both;
}

div.work{
float:left;
width:210px;
height:175px;
}

div.works p, div.works h2, div.availableservices p, h2.why{
clear:none;
float:right;
width:435px;
margin:0 0 10px 0;
}

h2.service{
margin:0 0 0 -25px;
padding:5px 0 0 0;
text-indent:35px;
height:25px;
}

ul.plus li{
background:url(plus.gif) 4px 4px no-repeat;
padding:0 0 0 20px;
}

div.works input, div.availableservices input{
margin:0 0 0 5px;
}

div#contactform{
width:674px;
height:455px;
background:#fff url(divider_grey03.gif) top left no-repeat;
padding:10px;
margin:0 0 5px 0;
}

div#contactinfo{
clear:both;
float:left;
width:209px;
}

div#servicesform{
width:430px;
height:600px;
background:#dbd0d0 url(mc_bg02.gif) top center no-repeat;
margin:0 0 5px 0;
padding:15px;
}

img.header{
margin:15px 0 20px 5px;
float:left;
}

div#footer{
width:974px;
height:50px;
clear:both;
background-color:#242424;
color:#fff;
padding:10px 5px 0 5px;
margin:10px 0 0 0px;
}

div#footer a, div#footer a:link, div#footer a:hover, div#footer a:visited{
color:#dbd0d0;
font-weight:normal;
}


/*-------------my changes---------------*/

.mainstory{
	width:450px;
	clear:right;
	float:right;
	margin:0px 0 0 0px;
	padding:5px 0px 0 0px;
}

.mainstory_inner{
	width:722px;
	clear:right;
	float:right;
	margin:0px 0 0 0px;
	padding:5px 0px 0 0px;
}

div#right_column ul li{
	float:left;
	margin:0 0 8px;
	padding:5px 0;
	position:relative;
	width:250px;
}

div#right_column ul li span img{
	float:left;
	margin-right:5px;
	border:1px solid #444444;
}

.banner{
	float:left;
	margin-right:5px;
}

h1{
	clear:both;
	color:#242424;
	font-size:16px;
	margin:5px 0 5px 5px;
	padding:0;
}

h3{
	clear:both;
	color:#333333;
	font-size:14px;
	margin:5px 0 5px 5px;
	padding:0;
}

ul.topnavigation{
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:12px;
	font-weight:bold;
	height:48px;
}

ul.topnavigation li{
	list-style:none;
	line-height:48px;
	display:block;
	float:left;
	padding-left:15px;
	padding-right:15px;
}

ul.topnavigation li a{
	color:#333333;
	text-decoration:none;
}

ul.topnavigation li a:hover{
	color:#333333;
	text-decoration:none;
}

.download{
	position:absolute;
	right:10px;
	top:15px;
}