/*
light brown: #95816a;
dark brown: #54493c;
green:
dark green:
*/

body,html{
font-size:12px;
height:100%;
background:#fff url('bg.jpg');
}

em{font-style:italic;}strong{font-weight:bold;}

a{cursor:pointer;color:inherit !important;color:#95816a;}

.underline{text-decoration:underline;}

.all{
overflow:hidden;
color:#95816a;position:Relative;
width:100%;
height:100%;
}

.viewport{
width:100%;
height:100%;
overflow:hidden;
position:relative;
}

.board{
	width:5500px;
	height:9000px;
	position:relative;
	padding-left:150px;
	padding-top:110px;
	color: #333;
}

.sector{
position:relative;
float:left;
width:1300px;
height:780px;
}

.core{
	position:absolute;
	width:1000px;
	height:560px;
	margin:-280px 0px 0px -500px;
	left:50%;
	top:50%;
}

.inactive{
background:0;
}

.copy{
display:block;
}

.copy h2{
text-transform:uppercase;
font-size:14px;
font-family:'arial black';
margin-bottom:10px;}

.copy p, p.copy,.copy ul li{
	font-size:14px;
	line-height:29px;
	text-align:left;
	font-family:"Century Gothic";
}

.copy_head p, p.copy,.copy ul li{
	font-size:11px;
	line-height:29px;
	text-align:left;
	font-family:"Century Gothic";
}

.copy ul li{
list-style:disc;
margin-left:3em;}

.button180:hover{
color:#54493c;
}

.green180{
color:#f0e7de;
display:block;
height:42px;
line-height:42px;
width:180px;
font-family:'Arial Black';
font-size:18px;
text-decoration:none;
text-align:center;
background:transparent url(green180.png) center center no-repeat;
margin:0px 0px;
}

.sidebarcontainer{
width:200px;
z-index:20;
}

.sidebar-buttons{
width:180px;
padding-top:0px;
margin:0px auto
}

.sidebar-top{
background:url(bulletlist-top.gif);
height:10px;
overflow:hidden;
z-index:21;
}

.sidebar-mid{
background:#e9ddd0;
height:330px;
}

.sidebar-bot{
background:url(bulletlist-bot.gif);
height:10px;
overflow:hidden;
z-index:21;
}

.sidebar-content{
position:absolute;
top:0px;
left:0px;
padding:8px 0px;
font-family:'Arial';
font-size:14px;
z-index:25;
}

.sidebar-content .green180{margin-bottom:4px;}


.button180{
color:#95816a;
display:block;
height:42px;
width:180px;
font-family:'Arial Black';
font-size:12px;
text-decoration:none;
text-align:center;
background:transparent url(hilite180w.png) center center no-repeat;
padding-top:16px;
}

.connectwindow{
float: left; margin-left:300px; background: url(background_connect.png) top left no-repeat;width: 728px;height: 452px;}

.sidebarbuttonbox .green180{
}

.green180:hover{
color:#54493c;
}


/*=======NAV=========*/

.navcontainer{
position:absolute;
width:290px;
left:200px;
top:200px;
text-align:right;
}

.navcontainercontainer{
position:absolute;
left:50%;
top:50%;
width:250px;
height:640px;
margin:-640px 690px 0px -470px;
}

.relative{
position:relative;
width:100%;
height:100%;
}

.navlist li{
	color:#707070;
	font-family:"Century Gothic";
	font-size:13px;
	float:right;
}


.navlist li.smallish{
	color:#98af58;
	font-size:11px;
	float:right;
	font-family:"Century Gothic";
	padding-right:14px;
	padding-top: 5px;
	line-height:14px;
}

.navlist a{
text-decoration:none;
color:#95816a;
}


.navlist a:hover{
color:#54493c;
}

a.smallish{
	color:#95816a;
	text-decoration:none;
	font-size:11px;
	font-family:"Gotham Light";
}

a.smallish:hover{
color:#54493c;
text-decoration:underline;
}

.navlist a.bigscrollink{
	padding-right:14px;
	display:block;
	width:232px;
	height:43px;
	line-height:43px;
	font-family: "Gotham Light";
	font-weight: bold;
	color: #690;
}

.navlist .active{
background:url(hilite232w.png) right center no-repeat;

}


.navlist .smallish .active{
background:0;
}

.logoimg{
	width:194px;
	height:85px;
	display:block;
	float:right;
	padding-right:0px;
	margin-top:30px;
	margin-bottom:5px;
}

/*=====================
home
=====================*/

.homematrix{
float:right;
}

.cars,.planes{
width:600px;
}

.cartable{
width:600px;
height:240px;
}

.cartable td,.planetable td{
width:60px;height:60px;
}


.carscontainer,.planescontainer{
	float:right;
	position:relative;
	margin-top:0px;
	background-image: url(cobble_bg_r.gif);
}

.onlinecontainer{
	float:left;
	position:relative;
	margin-top:6px;
}

.shoescontainer{
	float:right;
	position:relative;
	margin-top:6px;
}

.acar,.aplane{
position:absolute;
}

.thinkgreen{
	text-align:center;
	float:right;
	font-family:"gotham light";
	font-size:18px;
	color:#97b249;
	margin-top:-12px;
}


.thebusinessconferencingplan{
	margin-top:5px;
	font-size:20px;
	float:right;
	color:#333;
	text-align:center;
	width:660px;
	font-family:"Gotham Light";
}


.meetingequalscontainer{
float:right;
margin-top: 5px;
margin-right:4px;
position:relative;
}
.meetingequals{
float:left;
font-family:'arial black';
color:#78a22f;
font-size:37px;
}

.startingat{
padding-left:3px;
text-align:left;
display: block;
font-family:'arial black';
position:absolute;
text-transform:uppercase;
top:-14px;right:0px;
word-spacing:0px;
font-size:14px;
display:none;
white-space:nowrap;}

/*=====================
   whythinkgreen
=====================*/

.wordtree{
	position:relative;
	width:100px;
	height:100px;
	right:0px;
	bottom:0px;
}


.wordtree .bubble1,
.wordtree .bubble2{
position:absolute;
font-family:'arial';
width:275px;
height:121px;
line-height:22px;
padding:15px 0px 0px 15px;
}

.wordtree .bubble1{

position:absolute;
left:62px;
top:0px;
}

.wordtree .bubble2{
position:absolute;
left:355px;
top:38px;
}


.wordtree ul{
float:left;

}
.wordtree h3{font-weight:bold;}

.wordtree h2 a{font-size:16px;color:#78a22f;text-decoration:underline;font-weight:bold;text-transform:uppercase;}

/*=====================
   savetheplanet
=====================*/
.footprintcalc{
position:relative;
float:right;
width:640px;
}

.footprintcalc .right,
.footprintcalc .left{
height:400px;
}

.calccontainer{
position:absolute;
bottom:125px;
left:-300px;
width:1900px;
height:200px;

}
.calcvp{
width:100%;
height:100%;
position:relative;
overflow:hidden;
}
.calcboard{
background:url(grid250.gif);
position:relative;
width:40000px;
}

.calcboard .inputbox{
float:right;
width:1900px;
height:200px;
margin-right:150px;
padding-left:740px;
font-size:16px;
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
text-transform:uppercase;
color:#78a22f;
float:right;
}

.calcboard .inputbox .imgdiv{
display:block;
float:left;
height:26px;
width:26px;
background-repeat:no-repeat;
background-position:center center;
}

.calcboard .inputbox input{
height:25px;
width:75px;
float:left;
background: #e9ddd0;
border:none;
border-top:#b1a69c solid 2px;
border-left:#cbc0b5 solid 1px;
margin-right:10px;
font-family:'Arial Black';
color:#a68f76;
font-size:14px; 
text-align:center;
}

.calcboard .treebox{
float:right;

}

.calcboard .atree{
float:left;
height:100px;
width:81px;
margin:0px;3px;
}

.calcboard .finalbox{
float:right;
height:170px;
width:340px;
padding:15px;
margin-left:740px;
margin-right:30px;
background: transparent url(box370x200.png) no-repeat top left;
}

.darkgreen{
color:#4b6b12;
}

.lightgreen{

}


.calcbutton,.igoogle{
cursor:pointer;
margin-right:10px;
}

.sub{
font-size:80%;
vertical-align:sub;}

.formcontainer{
position:relative;width:620px;float:right;margin-right:40px;margin-top:0px;}

.formheader{
margin-top:44px;height:48px;font-family:'Arial Black';line-height:14px;}

.inputcontainer{
margin-bottom:10px;
}



input,textarea{
border:0;
border-left:#c8bbad solid 2px;
border-top:#b1a69c solid 2px;
background-color:#e9ddd0;
}

.inputcontainer input{
height:28px;
width:186px;
}

.jqmWindow input{
width:186px;
height:14px;
margin-bottom:7px;
padding:1px 7px;
}

.jqmWindow textarea{
width:186px;
height:56px;
margin-bottom:7px;
padding:1px 7px;
}

.inputcontainer select{
border:0;
height:28px;
width:186px;
border:#b1a69c solid 1px;
background-color:#e9ddd0;}

.inputcontainer label{
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color:#78a22f;
font-size:14px;
font-weight:bold;
display:block;
margin-top:1px;}

.formcolumn{
width:200px;
float:left;
margin-right:20px;
}

.formbutton{
display:block;
background:url(hilite200w.png) right center no-repeat;
padding-right:14px;
text-decoration:none;
text-transform:uppercase;
color:#95816a;
display:block;
width:186px;
height:42px;
line-height:42px;
text-align:center;
font-family: 'arial black';
font-size: 13px;
margin-bottom:14px;
cursor:pointer;
}

#funfacts{
positon:fixed;
left:50%;
width:600px;
margin-left:-300px;
display:none;
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color:#78a22f;
font-size:14px;
line-height:16px;
top:35%;
padding:20px 40px;
}

#funfacts li{
list-style-image: url(listimg.gif);
list-style-type: circle;
margin:15px 0px 15px 15px;
}

.jqmWindow{
border:#7fa63a solid 1px;
position:fixed;
left:50%;
display:none;
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color:#78a22f;
font-size:14px;
line-height:16px;
padding:20px 30px;
background:#e0cfbd url('bgpattern.jpg');
}

.jqmWindow label{
float:left;
}

.jqmWindow input,.jqmWindow textarea{
float:right;
}

#loginscreen{
width:350px;
margin-left:-175px;
}

#contactscreen{
width:330px;
margin-left:-165px;
}

#loginscreen{top:40%;}
#contactscreen{top:32%;}

#loginscreen .utilitylinks{
float:left;
font-size:10px;
text-transform:uppercase;
padding-top:7px;
line-height:18px;
}

#loginscreen .utilitylinks a{
color:#95816a;
text-decoration:none;
}

#loginscreen .utilitylinks a:hover{
color:#54493c;
}

.close-x{
display:block;
background:url(close-x.png);
height:42px;
width:42px;
position:absolute;
top:-15px;
right:-15px;
text-decoration:none;
}

#contactscreen label{
display:block;
width:125px;
text-align:right;
}

.sidebar-content .ratescontainer{padding:0px 8px;}

.rates{width:100%;margin-top:5px;}
.rates .deadspace{width:8px;}

.rates th,.rates td{font-family:'Arial Black',Arial,sans-serif;color:#97836c;text-align:center;}

.sidebar-content .rates th,
.sidebar-content .rates td{padding:3px 0;font-size: 13px;height:14px;line-height:16px;}

.wordtree .rates th,
.wordtree .rates td{padding:0px 0;font-size: 11px;height:14px;line-height:16px;overflow:hidden;}

.wordtree .rates th{font-size:13px;}

.rates .dark{background:#e2cfbb;}

.sidebar-content .fineprint{
margin-top:8px;
font-size:10px;
text-align:left;
}
.sidebar-content .fineprint p{
margin:1em 0;
}

.wordtree .fineprint{
font-family:'Lucida Grande',Arial,sans-serif;
left:375px;
top:8px;
position:absolute;
font-size:10px;
text-align:left;
}

.sidebar-content .fineprint2{
margin-top:8px;
font-size:12px;
text-align:left;
}
.sidebar-content .fineprint2 p{
margin:1em 0;
}

.wordtree .fineprint2{
font-family:'Lucida Grande',Arial,sans-serif;
left:375px;
top:8px;
position:absolute;
font-size:12px;
text-align:left;
}


.z7footwear {
	font-family: "Gotham Light";
}
.small_subhead {
	font-size: 14px;
}
