@charset "UTF-8";
/* One Planet Corp Revised 2010 - Designed by Corey De Neire - brainyYack web and internet solutions */

body {font-family:myriad pro, verdana, tahoma, arial; margin:0px;/* background-image:url(../images/background.png);  */
background-repeat:no-repeat; background-position:top center; border-top:4px #30842a solid;}
img {border:none;}
a {color:#333333;}

div#wrapper {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
}
div#twitter {
	display:block;
	float:right;
	margin-right:15px;
	margin-top:25px;
	height:30px;
	width:20px;
	padding-bottom:10px;
	background:url(../images/twitter.png) no-repeat center;
}

div#facebook {
	display:block;
	float:right;
	margin-right:5px;
	margin-top:25px;
	height:30px;
	width:20px;
	padding-bottom:10px;
	background:url(../images/facebook.png) no-repeat center;
}


div#topper {
	width:100%;
	display:block;
	float:left;
	height:25px;
	background-color:#434442;
}

div#topper a {
	display:block;
	float:right;
	color:#ffffff;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	border-right:1px #ffffff dotted;
	text-decoration:none;
}

div#header {
	width:100%;
	display:block;
	float:left;
	height:100px;
}

div#header .logo {
	display:block;
	float:left;
	margin-top:20px;
	width:150px;
	height:68px;
	background:url(../images/logo.png) no-repeat center;
}

div#header .navbar {
	
	float:right;
	margin:50px 15px 10px 10px;
	
}

div#header .navbar a {
	
}

div#header .phone {
	display:block;
	float:right;
	margin-top:100px;
	width:200px;
	height:36px;
	
}

div#banner {
	display:block;
	float:left;
	width:100%;
}

div#banner .flash {
	height:300px;
	background:#ffffff;
	margin:10px;
	float:left;
	display:block;
	width:980px;
	border:1px #cccccc solid;
}

div#banner .content {
	float:left;
	min-height:550px;
	margin:10px;
	display:block;
	width:100%;
	border:1px #cccccc solid;
	background:#ffffff;
}

div#banner .content ul {
	margin:35px;
	padding:0px;
	font-size:14px;
	color:#555555;
	float:left;
	display:block;
	width:64%;
	margin-right:15px;
}

div#banner .content li {
	list-style:none;
	margin-top:15px;
}

div#banner .product {
	width:265px;
	float:left;
	display:block;
	margin:15px;
	padding:10px;
	border:1px #e2e2e2 solid;
	margin-left:0px;
	margin-bottom:0px;
}

div#banner .product img {
	float:left;
	height:120px;
	width:120px;
	display:block;
}

div#banner .product ul {
	float:left;
	margin:10px;
	padding:0px;
	width:120px;
}

div#banner .product li {
	list-style:none;
}

div#banner .product h2 {
	font-size:16px;
	color:#000000;
	font-weight:100;
	margin:0px;
	padding:0px;
}

div#banner .content h1 {
	font-size:24px;
	color:#000000;
	padding:0px;
	margin:0px;
	font-weight:100;
}

div#banner .content2 {
	float:left;
	min-height:400px;
	margin:10px;
	display:block;
	width:100%;
	border:1px #cccccc solid;
	background:#ffffff;
}

div#banner .content2 ul {
	margin:35px;
	padding:0px;
	font-size:14px;
	color:#555555;
	float:left;
	display:block;
	width:93%;
	margin-right:15px;
}

div#banner .content2 li {
	list-style:none;
	margin-top:15px;
}

div#banner .content2 h1 {
	font-size:24px;
	color:#000000;
	padding:0px;
	margin:0px;
	font-weight:100;
}

div#banner .content3 {
	float:left;
	min-height:400px;
	margin:10px;
	display:block;
	width:98%;
	background:#ffffff;
}

div#banner .content3 ul {
	margin:0px;
	padding:22px;
	font-size:14px;
	color:#555555;
	float:left;
	display:block;
	width:45%;
	border-right:1px #e2e2e2 solid;
}

div#banner .content3 li {
	list-style:none;
	margin-top:15px;
}

div#banner .content3 h1 {
	font-size:24px;
	color:#000000;
	padding:0px;
	margin:0px;
	font-weight:100;
}

div#banner .content3 h2 {
	font-size:18px;
	color:#000000;
	padding:0px;
	margin:0px;
	font-weight:100;
}

div#banner .icons {
	margin:25px;
	margin-top:0px;
	float:left;
	display:block;
	width:96%
	
}

div#banner .icons ul {
	padding:0px;
	color:#666666;
	font-size:18px;
	width:200px;
	float:left;
	display:block;
	margin:20px;
	margin-top:0px;
}

div#banner .icons li {
	list-style:none;
	padding-top:5px;
}

div#banner .icons img {
border:2px #e2e2e2 solid;
}

div#banner .icons a {
font-size:12px;
color:#999999;
}
	
div#banner .righty {
	width:25%;
	margin:35px;
	margin-left:15px;
	float:left;
	display:block;
	padding:0px;
}

div#banner .righty a {
	width:90%;
	margin:10px;
	float:left;
	display:block;
	text-align:left;
	text-decoration:none;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
	border-bottom:1px #e2e2e2 solid;
}
	

div#drop {
	background:url(../images/drop.png) no-repeat center;
	height:20px;
	width:1000px;
	float:left;
	display:block;
}

div#content {
	width:100%;
	display:block;
	float:left;
	font-size:14px;
	color:#666666;
	
}

div#content .subbox1 ul {
	float:left;
	display:block;
	width:30%;
	padding:10px;
	border-right:1px #cccccc dotted;
	margin:0px;
	margin-top:15px;
}

div#content .subbox1 li {
	list-style:none;
	margin-top:10px;
}

div#content .subbox2 ul {
	float:right;
	display:block;
	width:29%;
	margin:10px;
	padding:15px;
	background:#ffffff;
	border:1px #eeeeee solid;
}

div#content .subbox2 li {
	list-style:none;
	margin-top:10px;
}

div#content .subbox3 ul {
	float:left;
	display:block;
	width:62%;
	margin:10px;
	height:30px;
		padding:8px;
		background:#ffffff;
	border:1px #eeeeee solid;
}

div#content .subbox3 li {
	list-style:none;
	margin-top:10px;
}

div#footer {
	width:100%;
	float:left;
	display:block;
	position:static;
	bottom:0px;
	height:100px;
	border-top:1px #d2d2d2 solid;
	margin-top:25px;
	background:url(../images/foot_bg.png) center repeat-x;
}

div#footer .copyright {
	margin:25px;
	margin-left:0px;
	float:left;
	display:block;
	width:331px;
	height:22px;
	background:url(../images/copyright.png) no-repeat center;
}
	#banner #wrapper .content ul li div .more {
	color: #008000;
}


/* MENU */
ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding: 0;}

ul.dropdown {position: relative; z-index: 400; float: left;font-size:14px;}

ul.dropdown li {float: left; line-height: 20px; vertical-align: middle; zoom: 1; padding: 0; background:none; color: #000;}

ul.dropdown li.hover, ul.dropdown li:hover {position: relative; z-index: 599; cursor: default;}

ul.dropdown li:hover > a.dir { color: #333;}

ul.dropdown li:hover > ul {visibility: visible;}

ul.dropdown ul li:hover > a.dir {color: #fff;}

ul.dropdown li a {display: block; padding: 0 20px; color:#666; height:20px; text-decoration:none; line-height:20px;font-family:myriad pro, verdana, tahoma, arial;font-style:normal; border-right:1px solid #bbb;}

ul.dropdown li.last a {border:none;}

ul.dropdown li ul li a {color: #fff;height:auto; line-height:17px;}

ul.dropdown li.dir {padding: 0;}
ul.dropdown ul ul {top: 1px; left: 99%;}
ul.dropdown ul {visibility:hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 150px; background: #75af10;} /* drop background normal state */
/* ul.dropdown ul#lastOne {left: auto; right: 0;} */
ul.dropdown ul li {float: none;background-color: transparent; color: #fff; filter: none; margin:0;}
ul.dropdown ul li.hover, ul.dropdown ul li:hover {background:#444;}
ul.dropdown ul a {padding: 3px 5px 3px 8px; width: 150px; border-top:1px solid #fff;border-right:none;}  /* Especially for IE */ 
ul.dropdown ul a:hover {background-color: #666;}
ul.dropdown ul a.open {background-color: #75af10; color: #fff;}	/* This class is for ie6 specifically. Gets called via JavaScript */
ul.dropdown ul a:hover {background:#5a8c03;color: #fff; text-decoration: none;} /* drop backgound hover */
ul.dropdown ul a:active {color: #fff;}
ul.dropdown a.open {background-color: #666; color: #fff;}

ul.dropdown a:hover {color: #fff; text-decoration: none !important;background:#eee;color:#222;} /* top level hover */
ul.dropdown a:active {color: #fff;}
ul.dropdown *.dir {padding-right: 20px; background-image: none;}

#featured{width:978px; position:relative;  border:1px solid #414141; height:300px; background:#fff;	font-family:Arial;}
#featured h1 {display:block; width:50px; height:300px; margin:0; padding:0; float:left; background: url(../images/fader-h1.png) left top no-repeat #414141; text-indent:-99999em;}
#featured ul.ui-tabs-nav{ float:left; list-style:none; padding:0; margin:0; width:200px; background:#414141;}
#featured ul.ui-tabs-nav li{padding:0; font-size:12px; color:#666; text-align:center; height:49px; line-height:49px; border-bottom:1px solid #fff;}
#featured ul.ui-tabs-nav li.last{ border-bottom:none; height:50px; line-height:50px;}
#featured li.ui-tabs-nav-item a{display:block; height:49px;	color:#fff; background:#414141;	line-height:49px; text-decoration:none;}
#featured li.ui-tabs-nav-item a:hover{background:#777;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#666;}
#featured .ui-tabs-panel{width:728px; height:300px;position:relative;}
#featured .ui-tabs-hide{display:none;}
.ui-tabs-panel {float:right;}
.shadow { width:980px; height:20px; background:url(../images/bottom-shadow.png) 0 0 no-repeat;}

/* text positioning for each content box */
#featured h2 {font-size:22px;}
#featured p {font-size:16px;}
#featured h2, #featured p { position:absolute;padding:0;margin:0;color:#222;}
#content-1 h2 {top:240px;left:320px;}
#content-1 p {top:268px;left:350px;color:#fff;}
#content-2 h2 {top:130px;left:50px; color:#fff;}
#content-3 h2 {top:200px;right:20px;color:#fff;}
#content-3 p {top:240px;right:20px;color:#fff;}
#content-4 h2 {top:170px;left:30px;color:#fff;}
#content-4 p {top:210px;left:50px;color:#fff;}
#content-5 h2 {top:190px;left:30px;}
#content-5 p {top:230px;left:30px;color:#222;}
#content-6 h2 {top:200px;right:20px;color:#fff;}
#content-6 p {top:240px;right:20px;color:#fff;}

/* background images assigned to each content box */
#content-1, #content-1, #content-1, #content-1, #content-1, #content-1 {width:728px; height:300px; background:#fff; background-position:top left;}
#content-1  {background:url(../images/1.jpg);}
#content-2  { background:url(../images/2.jpg);}
#content-3  { background:url(../images/6.jpg);}
#content-4  { background:url(../images/4.jpg);}
#content-5  { background:url(../images/5.jpg);}
#content-6  { background:url(../images/3.jpg);}

a {outline:none;}