@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* FORMS */
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
textarea,  input { padding: .3em .4em .15em .4em; }
fieldset { border: none; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #666; outline: 1px solid #eee; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }


/* Tripoli Overrides--------------------------------------*/

p+ul { margin-top: -0.8em }

fieldset { border:none; }


/*end-----------------------------------------------------*/


html { font-size: 62.5%; font-family:Arial, Helvetica, sans-serif; }

body {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 1.2em; 
	line-height: 1.6em; 
	background:#fff;
		position:relative;
	 }


/*Site Text formating--------------------------------------*/

blockquote *:first-child { margin: .8em 0; }
 hr,  p,  ul,  ol,  dl,  pre,  blockquote,  address,  table,  form { margin-bottom: 1.6em;}
 p+p { margin-top: -.8em; }
 
 
/*headers----------------------------------------------------*/


h1.title {
text-indent:-9999px;
overflow:hidden;
margin:0;
padding:0;
font-size:1px;
float:left;
width:1px;
}

 h2 { font-size: 50px; margin: 0em 0 .75em; line-height:1em; }
 h3 { font-size: 1.7em; margin: 1.14em 0 .57em; padding:0; }
 h4 { font-size: 1.7em; margin: 1.14em 0 .57em;  }
 h5 { font-size: 1.7em; margin: 0px 0 35px; line-height:1.2em}
 h6 { font-size: 1em; margin: 0em; color:#333; line-height:1.2em; font-weight:600; }

h1, h2, h3, h4, h5 {
font-weight:300;
color:#333;
}

body#home div.sifrtext h3 {margin-top:0;}

.texthold h3, .textholdlast h3, .home_text h1 { margin-top:0em; line-height:1.3em; margin-bottom:30px;}

#sidebar h4 + h3,
#sidebar p + h3 {
margin-top:2em;
}

div#sidebar h4.top {margin-bottom:40px;}
div#sidebar h4 {margin:40px 0px 10px; }


h2.hide {
display:block;
overflow:hidden;
float:left;
text-indent:-999999px;
background: url(../img/design-text.gif) left no-repeat;
width:527px;
min-height:141px;
}

/*Site Text formating----------------------------------*/

p {
color:#333;
}

p strong {
color:#000;
}

p em{
font-size:.75em;
font-style:normal;
}

p.leadin {
font-size:14px;
}

p.accredit {
color:#b6cf33;
margin-top:-1.6em;
}

span.date {
font-size:.75em;
margin: 30px 0 0px;
line-height: 1.4em;
display:block; 
}

p.date {
font-size:.75em;
margin: 10px 0 40px;
line-height: 1.4em;
display:block; 
}

p.rss {
font-size:.75em;
margin:0;
line-height: 1.4em; 
}

p.datealt {
font-size:.75em;
color:#cdcc34;
margin-top:.0125em;
}

address {
color:#333;
font-size: 1.2em; 
line-height: 1.6em; 
background:#fff;
font-style:normal;
padding-top:20px;
}

dt, dd { font-size: 1em; line-height: 1.6em; color:#333; }

dd { padding-bottom:35px; }

dd.static {padding-bottom:10px;}

dd+dt {margin-top:27px;}

dt a, dt a.textlink { font-size: 1.2em; margin: 0em 0 0em; color:#cdcc34; display:block; }

dt a.textlink {color:#333; display:inline; font-size: 1em;}

dt{ margin-bottom:1em;}

dt a:hover {color:#cdcc34;}

dd img {float:left; display:block; overflow:hidden; padding:5px 10px 5px 0px; }

dd img.widthfull {float:none;  padding:20px 0px 20px 0px; }

ul.sidelinks {
padding:0;
margin:0;
}

ul.sidelinks li {
font-size:1em;
color:#333;
}

ul.sidelinks li a {
display:block;
}

/*links styles-----------------------------------------*/

a.read {
background: url(../img/arrow.gif) left no-repeat;
padding-left:15px;
display:block;
overflow:hidden;
}

a.feed {
background: url(../img/feed.gif) left no-repeat;
padding-left:15px;
}

a:link,
a:visited {
color:#cdcc34;
text-decoration:none;
}

a:hover,
a:active {
color:#6C6E6D;
}

div#sidebar a:link,
div#sidebar a:visited {
color:#c9d362;
text-decoration:none;
font-weight:600;
}

div#sidebar a:hover,
div#sidebar a:active {
color:#6C6E6D;
font-weight:600;
}


a.client {
float:right;
margin: 10px 10px 4px 0px;
padding:0;
}


a.oldlink:link,
a.oldlink:visited {
background: url(../img/recycle04.gif) right no-repeat;
float:right;
padding:14px 67px 10px 5px;
margin-top:8px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

a.oldlink:hover,
a.oldlink:active {
text-indent:0;
font-weight:bold;
}


div.hide_login {
background:#3d3d3d;
width:100%;
float:left;
padding:10px 0px;
}

div.login_link {
width:100%;
float:left;
}

form#login {
float:left;
margin:0;
padding:0;
width:980px;
}

form#login span.ftpheader {
float:left;
margin:0;
width:120px;
padding-left:15px;
padding-right:10px;
font-size:12px;
color:#fff;
}

form#login label {
float:left;
width:330px;
margin:0;
padding:0;
margin-right:10px;
}

form#login label span{
float:left;
width:19%;
margin:0;
padding:0;
color:#fff;
font-size:12px;
}

form#login label span.name {
width:13%;
}

form#login label input{
float:left;
width:255px;
background:#717171;
border:#717171;
margin:0;
padding-top:2px;
padding-bottom:4px;
}

form#login div.logsubmit {
float:left;
width:60px;
}

form#login div.logsubmit input {
float:left;
width:55px;
padding:1px 0px;
background:#656b49;
color:#d1e667;
border:1px solid #656b49;
}

form#login div.logsubmit input:hover {
background:#656b49;
border:1px solid #333;
}

/*Lists----------------------------------------------*/

ul.crumbs {
padding:5px 0px 0px 33px;
background: #fff url(../img/leap-tree.gif) top left no-repeat;
width:290px;
float:left;
}

div.newshold ul.crumbs,
div.newsholdlast ul.crumbs {
width:372px;
padding:5px 0px 0px 33px;
margin:15px 0px 0px;
}

div.articlehold ul.crumbs {
width:617px;
padding:5px 0px 0px 33px;
margin:15px 0px 0px;
}

ul.crumbs li {
float:left;
display:inline;
color:#cdcc34;
background:#fff;
font-size:.85em;
line-height:1.75em;
}

ul.crumbs li a {
padding:2px 3px;
}

ul.crumbs li.date, ul.crumbs li.title {
color:#333;
background:#fff;
padding-left:3px;
}

ul.crumbs li.right {
color:#333;
background:#fff;
padding-right:3px;
float:right;
}

ul.crumbs li.right a.read {
display:inline;
background: url(../img/arrow.gif) left no-repeat;
padding-left:15px;
margin-left:10px;
font-size:12px;
}

ul.crumbs li.title {
display:block;
width:100%;
float:left;
overflow:hidden;
line-height:.85em;
}

ul.crumbs li.servicelist {
font-size:1.2em;
}

p+ul.crumbs {margin-top:40px;}


ul.change {
float:left;
width:100%;
padding:0;
margin:0 0 15px;
color:#333;
}

ul.change li {
margin-bottom:2px;
}

ul.change li span {
padding-bottom:10px;
padding-right:5px;
float:left;
}

ul.archive_menu {
padding:7px 0px;
margin:0;
width:650px;
float:left;
border-bottom:1px solid #e7e7e7;
}

ul.archive_menu li{
float:left;
display:block;
margin-right:5px;
}

ul.archive_menu li.right,
ul.archive_menu li.rightlive {
float:right;
margin-left:2px;
margin-right:0;
padding:0;
}

ul.archive_menu li a:link,
ul.archive_menu li a:visited {
color:#b6cf33; 
background:#fff;
}

ul.archive_menu li a:hover,
ul.archive_menu li a:active {
color:#333;
background:#fff;
}


ul.archive_menu li.rightlive a:link,
ul.archive_menu li.rightlive a:visited,
ul.archive_menu li.live a:link,
ul.archive_menu li.live a:visited {
color:#333;
background:#fff;
}

/*treehugger twitter list---------*/


ul#twitter_update_list {
padding:0;
margin:0;
}

ul#twitter_update_list li {
font-size:1em;
padding-bottom:.5em;
margin-bottom:.5em;
color:#333;
}

ul#twitter_update_list li a {
display:block;
overflow:hidden;
font-size:75%;
padding-top:.25em;
}

ul#twitter_update_list li span a {
display:inline;
overflow:hidden;
padding:0;
margin:0;
}


/*footer images list---------*/

ul.eco {
float:left;
margin:0px 0px 20px;
padding:20px 0px 40px;
width:650px;
border-bottom:1px solid #e7e7e7;
}

body#work ul.eco {
width:975px;
padding-top:0;
}

ul.eco li, ul.eco li.last {
float:left;
padding:0px 23px 0px 0px;
margin:0;
}

ul.eco li.last {
padding-right:0;
}

ul.eco li a,
ul.eco li.last a {
display:block;
text-indent:-9999px;
}

ul.eco li a.good:link,
ul.eco li a.good:visited {
background: url(../img/foot-ge.gif) bottom left no-repeat;
width:112px;
height:33px;
}

ul.eco li a.good:hover,
ul.eco li a.good:active {
background: url(../img/foot-ge.gif) top left no-repeat;
height:33px;
}

ul.eco li a.carbon:link,
ul.eco li a.carbon:visited {
background: url(../img/foot-carbon.gif) bottom left no-repeat;
width:84px;
height:33px;
}

ul.eco li a.carbon:hover,
ul.eco li a.carbon:active {
background: url(../img/foot-carbon.gif) top left no-repeat;
height:33px;
}

ul.eco li a.ethical:link,
ul.eco li a.ethical:visited {
background: url(../img/foot-ethical.gif) bottom left no-repeat;
width:72px;
height:33px;
}

ul.eco li a.ethical:hover,
ul.eco li a.ethical:active {
background: url(../img/foot-ethical.gif) top left no-repeat;
height:33px;
}

ul.eco li a.ethaward:link,
ul.eco li a.ethaward:visited {
background: url(../img/foot-ethaward.gif) bottom left no-repeat;
width:48px;
height:66px;
}

ul.eco li a.ethaward:hover,
ul.eco li a.ethaward:active {
background: url(../img/foot-ethaward.gif) top left no-repeat;

}

ul.eco li a.award:link,
ul.eco li a.award:visited {
background: url(../img/foot-awards.gif) bottom left no-repeat;
width:125px;
height:49px;

}

ul.eco li a.award:hover,
ul.eco li a.award:active {
background: url(../img/foot-awards.gif) top left no-repeat;

}

ul.eco li a.reg:link,
ul.eco li a.reg:visited {
background: url(../img/foot-reg.gif) bottom left no-repeat;
width:79px;
height:47px;

}

ul.eco li a.reg:hover,
ul.eco li a.reg:active {
background: url(../img/foot-reg.gif) top left no-repeat;

}

ul.eco li a.ten:link,
ul.eco li a.ten:visited {
background: url(../img/foot-tenten.gif) bottom left no-repeat;
width:90px;
height:33px;

}

ul.eco li a.ten:hover,
ul.eco li a.ten:active {
background: url(../img/foot-tenten.gif) top left no-repeat;

}


/*Sitemap styles----------*/

ul#sitemap {
float:left;
width:500px;
}

ul#sitemap li {
font-size:1.6em;
padding:3px 0px;
margin-bottom:10px;
width:500px;
}

ul#sitemap li.sub, ul#sitemap li.subsub {
font-size:1.2em;
padding:5px 0px 5px 10px;
margin:0px 10px;
background:#fff ;
}

ul#sitemap li.subsub {
padding:1px 0px 1px 30px;
font-size:1em;
}


/*misc styles-------------------------------------------*/


img.logo {
float:left;
display:block;
overflow:hidden;
padding:0;
margin:0;
padding-right:25px;
}

img.mainpic {
float:left;
display:block;
overflow:hidden;
padding-right:45px;
margin:0;
}

img.cow {
float:left;
display:block;
overflow:hidden;
margin:0;
padding-bottom:20px;
}

img.sidetext {
padding:20px 0px;
}

img.full{
padding: 10px 0px 45px;
border-bottom:1px solid #e7e7e7;
margin-bottom:35px;
}

img.border, img.testimonial {
float:left;
display:block;
overflow:hidden;
padding:4px;
background:#f7f7f7;
margin:0px 40px 40px 0px;
}

img.testimonial {
padding:0px;
background:#fff;
margin-bottom:0px;
}

img.news_fullwidth {
margin-bottom:25px;
}

/*cycle css-----------------------------*/

#s4, #s5{ float:left; width:366px; }


.pics { height: 366px; width: 364px; padding:0; margin:0; overflow: hidden; padding-bottom:15px; }
.pics img { height: 360px; width: 360px; padding: 3px 2px;  background-color: #f7f7f7; top:0; left:0 }

.nav, .navb { background:#f7f7f7 url(../img/garrow.gif) bottom left no-repeat; font-size:11px;}
.nav, .navb { margin: 0; width: 316px; padding:15px 25px; margin-bottom:30px;}
#nav a, #navb a { margin: 0px 3px; padding: 3px 0px; text-decoration:none; color:#333; }
#nav a.activeSlide, #navb a.activeSlide { background: #f7f7f7; color:#cdcc34; }
#nav a:focus, #navb a:focus { outline: none; }
#nav1 a, #navb a { margin: 0px 3px; padding: 3px 0px; text-decoration:none; color:#333; }
#nav1 a.activeSlide, #navb a.activeSlide { background: #f7f7f7; color:#cdcc34; }
#nav1 a:focus, #navb a:focus { outline: none; }
#nav2 a, #navb a { margin: 0px 3px; padding: 3px 0px; text-decoration:none; color:#333; }
#nav2 a.activeSlide, #navb a.activeSlide { background: #f7f7f7; color:#cdcc34; }
#nav2 a:focus, #navb a:focus { outline: none; }
#nav3 a, #navb a { margin: 0px 3px; padding: 3px 0px; text-decoration:none; color:#333; }
#nav3 a.activeSlide, #navb a.activeSlide { background: #f7f7f7; color:#cdcc34; }
#nav3 a:focus, #navb a:focus { outline: none; }
#nav4 a, #navb a { margin: 0px 3px; padding: 3px 0px; text-decoration:none; color:#333; }
#nav4 a.activeSlide, #navb a.activeSlide { background: #f7f7f7; color:#cdcc34; }
#nav4 a:focus, #navb a:focus { outline: none; }
.output { 
text-align: right; 
float:left; 
width: 275px;  
position:absolute;
}

.output p {
position:relative;
top:-64px;
left:80px;
margin:0;
padding:0;
font-size:11px;
}




.output1 { 
text-align: right; 
float:left; 
width: 275px;  
position:absolute;
}

.output1 p {
position:relative;
top:-64px;
left:80px;
margin:0;
padding:0;
font-size:11px;
}

.output2 { 
text-align: right; 
float:left; 
width: 275px;  
position:absolute;
}

.output2 p {
position:relative;
top:-64px;
left:80px;
margin:0;
padding:0;
font-size:11px;
}

.output3 { 
text-align: right; 
float:left; 
width: 275px;  
position:absolute;
}

.output3 p {
position:relative;
top:-64px;
left:80px;
margin:0;
padding:0;
font-size:11px;
}

.output4 { 
text-align: right; 
float:left; 
width: 275px;  
position:absolute;
}

.output4 p {
position:relative;
top:-64px;
left:80px;
margin:0;
padding:0;
font-size:11px;
}
/*cycle css end-------------------------------------*/


/*main divs structure----------------------------------*/

#wrap {
	width:975px;
	margin:0 auto;
	padding:0;
	/*padding-top:55px;*/
/*	position:relative;*/		
}

#container {
margin:0;
padding:0;
width:975px;
float:left;
background: #fff url(../img/side-bg.gif) right repeat-y;
}

#masthead {
width:694px;
float:left;
margin-top:26px;
margin-bottom:55px;
}

body#home div#masthead {
margin-bottom:0px;
}



#contentmain {
width:650px;
float:left;
padding-right:45px;
}

#sidebar {
width:200px;
float:right;
padding:1px 40px 0px 40px;
}


/*work page fullwidth-------------------------------------*/

.fullwidth {
float:left;
width:975px;
border-top: 1px solid  #e7e7e7;
padding:30px 0px 0px;
}

body#work div#masthead {
width:975px;
margin-bottom:30px;
}

body#work #container {
background: #fff;
}


.ghold, .ghold_right {
margin-right:40px;
margin-bottom:30px;
float:left;
width:366px;
height:410px;
background:#f7f7f7;
}

.ghold_alt {
margin-right:40px;
margin-bottom:30px;
float:left;
width:366px;
background:#fff;
}

.texthold, .textholdalt, .newshold, .articlehold, .flashhold {
float:left;
width:650px;
margin-right:45px;
margin-bottom:80px;
}

.textholdalt {
margin-bottom:27px;
}

.home_text {
border-bottom: 1px solid #e7e7e7;
float:left;
width:650px;
margin-right:45px;
padding-bottom:30px;
margin-bottom:50px;
}

.flashhold {
margin-bottom:55px;
}

.articlehold {
margin-bottom:5px;
}

div.textholdlast,
div.newsholdlast,
div.headhold {
float:left;
width:650px;
}

div.textholdlast, div.newsholdlast {
border-bottom: none;
margin-bottom:0px;
}

div.headhold {
margin:0;
padding-bottom:20px;
}

div.newsholdlast {
padding-bottom:40px;
}

.sifrhold {
width:405px;
float:right;
}


body#testimonials div.texthold, body#contact div.texthold {
border-bottom: 1px solid #e7e7e7;
margin-bottom:40px;
padding-bottom:15px;
}


.newshold {
border-bottom: 1px solid #e7e7e7;
margin-bottom:40px;
padding-bottom:40px;
}

.articletext {
float:right;
width:300px;
padding:0;
padding-bottom:40px;
}

.textleft, .textright {
width:290px;
float:left;
margin:0 0 25px;
padding:0;
}

.textleft {
margin-right:70px;
}

.projectfoot {
width:639px;
padding-left:11px;
float:left;
border-bottom:1px solid #e7e7e7;
}


.sifrtext {
float:left;
width:240px;
}


/*Menu styles------------------------------*/

ul#menu {
float:left;
width:500px;	
margin:0;
padding:18px 0px;
font-size:15px;
clear:right;	
}


/*full width Menu styles------------------------------*/

body#work ul#menu {
width:830px;
}

ul#menu li {
display:inline;
color:#cdcc34; 
background:#fff;
float:left;	
}

ul#menu li.right {
float:right;
}

ul#menu li a {
padding:0px 5px;	
}

ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:active { color:#cdcc34; background:#fff; }

ul#menu li a:hover { color:#333; background:#fff; }
ul#menu li.live a:link,
ul#menu li.live a:visited { color:#333; background:#fff; }


/*sub menu styles--------*/

ul#submenu {
float:left;
width:650px;	
margin:0;
margin-top:25px;
padding:30px 0px;
font-size:12px;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;		
}

ul#submenu li {
display:inline;
color:#cdcc34; 
background:#fff;
float:left;
margin-right:5px;	
}

/*ul#submenu li a, ul.projectsubmenu li a {
padding:0px 5px;	
}*/

ul#submenu li a:link,
ul#submenu li a:visited,
ul#submenu li a:active { color:#b6cf33; background:#fff; }

ul#submenu li a:hover { color:#333; background:#fff; }
ul#submenu li.live a:link,
ul#submenu li.live a:visited { color:#333; background:#fff; }



/*Footer styles--------------------------------------*/


#foot {
float:left;
width:650px;
margin:10px 45px 0px 0px;
padding-bottom:80px;
border-top: 1px solid  #e7e7e7;
padding-top:20px;
}

#foot p {
float:left;
width:290px;
font-size:.85em;
}

#foot a.footlinks {
float:right;
padding-left:15px;
font-size:1.2em;
}

/*fullwidth Footer style--------------*/

body#work div#foot {
width:975px;
margin-top:0px;
}



/*Contact styles-------------------------------------*/

body#contact div#masthead {
width:650px;
padding-bottom:25px;
margin-bottom:40px;
border-bottom: 1px solid #e7e7e7;
}

body#contact div.textholdlast form#contact {
background:#F7F7F7;
float:left;
width:600px;
padding-left:50px;
padding-top:20px;
margin:0px 0px 40px;
}

form#contact fieldset {
margin-left:0;
width:300px;
float:left;
margin:0;
padding:0;
}

fieldset.text {
float:right;
}

fieldset.address label,
fieldset.text label {
float:left;
width:100%;
margin:10px 0px;
padding:0;
}

fieldset.text label {
margin-bottom:0;
}

fieldset.address label span,
fieldset.text label span {
float:left;
width:100%;
font-weight:300;
}

fieldset.address input {
float:left;
width:75%;
border: 1px solid #ddd8b8;
border-top:1px solid #666;
color:#111;
background-color:#fffdff;
}


fieldset.text label span {
float:left;
width:100%;
}

fieldset.text textarea  {
font-family:Arial, Helvetica, sans-serif;
float:left;
width:80%;
border: 1px solid #ddd8b8;
border-top:1px solid #666;
color:#111;
background-color:#fff;
min-height:155px;
}

/*submit button-----------*/

form#contact div.submit {
margin-bottom:30px;
width:300px;
float:right;
padding-top:15px;
}


form#contact div.submit input {
border:none;
padding:0.5em 0.5em 0.5em 0em;
float:left;
color:#cdcc34;
background-color:#f7f7f7;
font-weight:600;
}

form#contact div.submit input:hover {
background-color:#f7f7f7;
color:#666;
}