/*------------------------------------------------------
Title : Next Biofuels and Terminals
Author : Brian Yuen
URL : http://www.nextbt.com

Description : Global stylesheet

Created : Mon, Oct 1, 2007
Modified : Mon, Oct 1, 2007
------------------------------------------------------*/


/* DEFAULT SETTINGS FOR BROWSER COMPATIBILTY
-------------------------------------------------------*/
body,html,h1,h2,h3,h4,h5,h6,ul,ol,li,pre,form,p,blockquote,fieldset,input { 
	margin:0; 
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

:link,:visited { 
	text-decoration:none 
}

h1,h2,h3,h4,h5,h6,pre,code { 
	font-size:1em; 
}

a img,:link img,:visited img { 
	border:none 
}
/* END DEFAULT SETTINGS
-------------------------------------------------------*/

html, body {
	height: 100%;
}

body {
	background:#001300 url(../../toolkit/images/background.jpg) repeat-y center;

}

.container {
	width:680px;
	margin: 0px auto;
}

#nbtComingSoon {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-top:30px
}

/* HEADER
-------------------------------------------------------*/
.homeHeader {
	width:680px;
	height:180px;
	margin: 0px auto;
	background: url(../../toolkit/images/header_homepage.jpg) no-repeat center;
}

.businessHeader {
	width:680px;
	height:180px;
	margin: 0px auto;
	background: url(../../toolkit/images/header_business.jpg) no-repeat center;
}

.aboutHeader {
	width:680px;
	height:180px;
	margin: 0px auto;
	background: url(../../toolkit/images/header_about.jpg) no-repeat center;
}

.newsHeader {
	width:680px;
	height:180px;
	margin: 0px auto;
	background: url(../../toolkit/images/header_news.jpg) no-repeat center;
}

.title {
	font-size:32px;
	line-height:90%;
	font-weight:normal;
	padding:45px 0 0 110px;
	letter-spacing:-1px
}

.title a{
	color:#000
}

.tagline {
	font-size:12px;
	font-weight:normal;
	color:#666;
	padding:0 0 0 110px
}

.tagline a{
	color:#666
}

#backHome {
	width:300px;
	height:130px;
	float:left;
}

/* NAVIGATION
-------------------------------------------------------*/
.nav {
	margin:0 0 0 0;
	padding:10px 10px 0 0;
	height:32px;
	width:500px;
	font-size:20px;
	float:right;
	text-align:right;
}

.nav li {
	background: url(../../toolkit/images/nav_divider.gif) no-repeat left;
	padding:0 15px 4px 20px;
	display:inline;
	list-style-type: none;
}

.navItem a{
	color:#333;
	display:inline;
	list-style-type: none;
}

.navItem a:hover{
	color:#990000;
}

/* BODY
-------------------------------------------------------*/
.bodyContainer {
	width:680px
}

.mainColumn {
	float:left;
	width:400px;
	/*background-color:#ff6600;*/
}

.rightColumn {
	float:right;
	width:270px;
	/*background-color:#0F9;*/
}

.headline {
	font: 26px/100% serif;
	color:#003300;
	padding:0 0 20px 10px;
}

.smallHeadline {
	font: 20px/100% serif;
	color:#003300;
	padding:10px 10px 0 0px;
}

.servicesHeadline {
	font: 18px/100% serif;
	color:#990000;
	padding:0px 5px 0 10px;
}

p {
	font:14px/160% serif;
	padding:10px 0 0 10px;
}

p.contactdetails {
	margin: 20px 0;
	line-height: 16px;
}

h3 {
	font-size: 16px;
	margin: 35px 0 0 10px;
}

.services {
	font:14px/140% serif;
	padding:0px 0 20px 10px;
}

a .morePhotos {
	background: url(../../toolkit/images/button_morephotos.gif) no-repeat;
	width:101px;
	height:27px;
	display:block;
	margin:10px 10px 0 0;
	float:right;
	cursor:pointer
}

a:hover .morePhotos {
	background: url(../../toolkit/images/button_morephotos.gif) no-repeat;
	background-position:0% -27px;
	width:101px;
	height:27px;
	display:block	
}

a .contactUs {
	background: url(../../toolkit/images/button_contactus.gif) no-repeat;
	width:101px;
	height:27px;
	display:block;
	margin:10px 10px 0 0;
	float:right;
	cursor:pointer
}

#contactWrapper a {
	color:#003300
}

#contactWrapper a:hover {
	color:#003300;
	text-decoration:underline
}

a:hover .contactUs {
	background: url(../../toolkit/images/button_contactus.gif) no-repeat;
	background-position:0% -27px;
	width:101px;
	height:27px;
	display:block	
}

.address1 {
	float:left;
	width:210px;
	font-size:12px;
	margin:10px 0 0 10px;
}

.address2 {
	float:right;
	width:120px;
	font-size:12px;
	margin:24px 0 0 0;
	padding:0 10px 0 0	
}

.emailButton {
	background: url(../../toolkit/images/button_email.png) no-repeat;
	width: 253px;
	height:45px;
	font-size:20px;
	color:#333;
	text-align:center;
	padding:12px 0 0 0;
	display:block
}

/* ACCOMMODATIONS
-------------------------------------------------------*/
.accommContainer {
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	height:auto;
	min-height:18em;
	width:375px;
	border:1px solid #ccc;
}

.accommHeader {
	font-size:20px;
	padding:7px 0 0 10px;
	height:40px;
	width:365px;
	color:#666;
	background: url(../../toolkit/images/background_accom.jpg) repeat-x;
}

.accommList1 {
	padding:0 0 0 20px;
	list-style-image: url(../../toolkit/images/bullet.gif);
	float:left;
	font-size:14px;
	padding:0 0 10px 10px;
	line-height:120%;
	width:100%;
	margin:10px 0 0 10px
	/*list-style-position: inside;
	text-indent: -20px;*/
}

.accommList1 li{
	padding:0 0 10px 0;
	margin:0 0 0 20px;
}

.accommList2 {
	padding:0 0 0 20px;
	list-style-image: url(../../toolkit/images/bullet.gif);
	float:right;
	font-size:11px;
	padding:0 10px 10px 15px;
	line-height:120%;
	width:160px;
	/*list-style-position: inside;
	text-indent: -20px;*/
}

.accommList2 li{
	padding:0 0 10px 0;
}


.leftList {
	float:left;
	width:185px;
	display:block
}

.rightList {
	float:right;
	width:185px;
	display:block
}

.clear {
   clear: both;
   height: 1px;
   margin-top: -1px;
   font-size: 1px;
   line-height: 1px;
}


/* CONTACT
-------------------------------------------------------*/
#map {
	height:250px;
	float:inherit;
	margin:10px 10px 30px 0
}

#contactWrapper {
	background: url(../../toolkit/images/backgnd_contact.jpg) no-repeat;
	width:245px;
	height:131px;
	padding:10px;
	margin:10px 0 0 0
}

#form_box {
	float:left;
	width: 375px;
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	font-size:0.8em;
	margin:0 0 0 10px;
	padding:0 0 10px 0
}
 
#form_box div {
	padding: 5px 0 0 5px
}
 
#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
}
 
 
#log {
	color:#990000;
	width: 590px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../../toolkit/images/spinner.gif) no-repeat center;
}

.formText {
	font-size:18px
}

input, textarea {
	font-family: georgia, "Times New Roman", Times, serif;
	border: 1px solid #999;
	font-size:18px;
	padding:3px;
	margin:0 0 0 5px
}

.icon {
	padding:0 20px 30px 0;
	float:left
}

.contact{
	font-size:11px;
	line-height:120%;
	padding:10px 0 0 0
}

.txtareaWidth {
	width:350px
}

.addyHeadline {
	font: 18px/100% serif;
	color:#990000;
	padding:15px 10px 0 0px;
}

#contactAll a {
	color:#003300
}

/* PHOTOS
-------------------------------------------------------*/
.photoGrid li{
	width:680px;
	list-style-type: none;
	display:inline;
}

img.thumbs {
	border:solid 1px silver;
  	padding:5px;
  	margin:16px
}

a:hover .thumbs {
	border:solid 1px #990000;
}
	
/* THANK YOU
-------------------------------------------------------*/
.thanks {
	font-size:22px;
	text-align:center;
	padding-top:30px
}

.return {
	font-size:12px;
	text-align:center;
}

.return a {
	color:#990000
}