/* Global Styles */

*{
	margin: 0px;
	padding: 0px;
	font-size:12px;
}

body{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	background-color:#FFFFFF;
}

img{
	display: block;
}

ul {
	padding-left:10px;
}

li {
	padding-top:5px;
	list-style:none;
}

a {
	color:#999999;
	text-decoration:none;
}

h1 {
	font-size:14px;
	font-weight:bold;
}

a:hover {
	color:#194f8b;
	text-decoration:none;
}

#page-backing{
	position: absolute;
	float: left;
	width: 100%;
	height: 420px;
	background-image: url(images/page_backing.gif);
	background-repeat: repeat-x;
}

#position-container{
	position: absolute;
	float: left;
	width: 940px;
	height: auto;
	left: 50%;
	top: 0px;
	margin: 0px 0px 0px -470px;
}

#content-container-index{
	position: relative;
	float: left;
	width: 940px;
	height: auto;
	background-image: url(images/main_page_backing_index.gif);
	background-repeat: no-repeat;
}

#content-container{
	position: relative;
	float: left;
	width: 940px;
	height: auto;
	background-image: url(images/main_page_backing.gif);
	background-repeat: no-repeat;
}


/* Page Header Banners */

#banner-about{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_about.gif);
}

#banner-booking{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_booking.gif);
}

#banner-charity{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_charity.gif);
}

#banner-contact{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_contact.gif);
}

#banner-corporate{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_corporate.gif);
}

#banner-diy{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_diy.gif);
}

#banner-environmental{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_environmental.gif);
}

#banner-featured{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_featured.gif);
}

#banner-makers{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_makers.gif);
}

#banner-manufacturing{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_manufacturing.gif);
}

#banner-news{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_news.gif);
}

#banner-office{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_office.gif);
}

#banner-pricing{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_pricing.gif);
}

#banner-product-info{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_product_info.gif);
}

#banner-product-list{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_product_list.gif);
}

#banner-scholarships{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_scholarships.gif);
}

#banner-school{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_school.gif);
}

#banner-services{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_services.gif);
}

#banner-team{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_team.gif);
}

#banner-testimonials{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_testimonials.gif);
}

#banner-tour{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_tour.gif);
}

#banner-welcome{
	position: relative;
	float: left;
	width: 940px;
	height: 80px;
	background-image: url(images/banner_welcome.gif);
}




/* Header Styles */

#header-container{
	position: relative;
	float: left;
	width: 940px;
	height: 178px;
}

#logo-container{
	position: relative;
	float: left;
	width: 940px;
	height: 100px;
	background-image: url(images/index-header.jpg);
	background-repeat: no-repeat;
}


/* Header Nav */

#nav-container{
	position: relative;
	float: left;
	width: 940px;
	height: 78px;
	left: 0px;
}

.menu {
	background-color:#333;
	border: 0 none;
	visibility: visible;
	text-decoration: none;
	text-align: center;
	display: none;
	font-size: 12px;
	color:#fff;
}

.nav-spacer{
	position: relative;
	float: left;
	display: block;
	width: 120px;
	left: 5px;
	height: 1px;
	margin: 0px;
	padding: 0px;
	background-color: #aaa;
}

a.menu_item {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 15px 0px 15px 0px;
	position: relative;
	float: left;
	width: 125px;
	left: 5px;
	border-bottom: 1px solid #aaa;
}

a.menu_item:hover{
	color:#f3c727;
}

.nav-item{
	position: relative;
	float: left;
	width: auto;
}

a.nav-home{
	position: relative;
	float: left;
	width: 145px;
	height: 78px;
	background-image: url(images/nav_home_off.gif);
}

a.nav-home:hover{
	background-image: url(images/nav_home_on.gif);
}

a.nav-company{
	position: relative;
	float: left;
	width: 130px;
	height: 78px;
	background-image: url(images/nav_company_off.gif);
}

a.nav-company:hover{
	background-image: url(images/nav_company_on.gif);
}

a.nav-products{
	position: relative;
	float: left;
	width: 130px;
	height: 78px;
	background-image: url(images/nav_products_off.gif);
}

a.nav-products:hover{
	background-image: url(images/nav_products_on.gif);
}

a.nav-services{
	position: relative;
	float: left;
	width: 130px;
	height: 78px;
	background-image: url(images/nav_services_off.gif);
}

a.nav-services:hover{
	background-image: url(images/nav_services_on.gif);
}

a.nav-community{
	position: relative;
	float: left;
	width: 130px;
	height: 78px;
	background-image: url(images/nav_community_off.gif);
}

a.nav-community:hover{
	background-image: url(images/nav_community_on.gif);
}

a.nav-contact{
	position: relative;
	float: left;
	width: 130px;
	height: 78px;
	background-image: url(images/nav_contact_off.gif);
}

a.nav-contact:hover{
	background-image: url(images/nav_contact_on.gif);
}

a.nav-tourgrade{
	position: relative;
	float: left;
	width: 145px;
	height: 78px;
	background-image: url(images/nav_tour_off.gif);
}

a.nav-tourgrade:hover{
	background-image: url(images/nav_tour_on.gif);
}

#company_menu{
	position: absolute;
	float: left;
	z-index: 1000;
	top: 175px;
	left: 50%;
	margin-left: -325px;
	width: 130px;
	padding: 0x 0px 0px 0px;
}

#services_menu{
	position: absolute;
	float: left;
	z-index: 1000;
	top: 175px;
	left: 50%;
	margin-left: -65px;
	width: 130px;
	padding: 0x 0px 0px 0px;
}

#community_menu{
	position: absolute;
	float: left;
	z-index: 1000;
	top: 175px;
	left: 50%;
	margin-left: 65px;
	width: 130px;
	padding: 0x 0px 0px 0px;
}


/* Index Page Styles */

#index-flash-container{
	position: relative;
	float: left;
	height: 201px;
	left:-40px;
	width: 1040px;
}

/*Column Page Styles*/
#column-container{
position:relative;
float:left;
width:950px;
height:auto;
top:65px;

}

#column-container-content{
position:relative;
float:left;
width:950px;
height:auto;
top:10px;
}

#left-column {
position:relative;
float:left;
width:540px;
margin-left:10px;
}

#right-column {
position:relative;
float:left;
width:400px;
}

#products-container{
position:relative;
float:left;
width:940px;
left:18px;
top:10px;
}

/*Featured HREF Styles */
#featured-nav{
	position: relative;
	float: left;
	height: auto;
	font-size: 13px;
	font-weight:bold;
	color: #000;
}

#featured-nav a{
	color:387FBF;
	text-decoration: none;
}

#featured-nav a:hover{
	color: #a4b326;
	text-decoration: none;
}

/* Footer Styles */

#footer-container{
	position:relative;
	float:left;
	top:auto;
	height: 60px;
	background-color:#333333;
}

#footer-nav{
	position: relative;
	float: left;
	width: 940px;
	height:auto;
	text-align: center;
	top: 23px;
	font-size: 11px;
	color: #fff;
}

#footer-nav a{
	color: #fff;
	text-decoration: none;
}

#footer-nav a:hover{
	color: #f3c727;
	text-decoration: none;
}