/* Express layout         */
/* Stylesheet created by: */
/* Tim Marsolais of       */
/* Technology-Works       */
/* Copyright 2004-2005	  */
/* All rights reserved	  */

/* general styles */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 1.3em;
	background: #fff;
	}
	
/* body.homePage */

body.homePage {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	background: #fff;
	}

#wrap {
	position: relative;
	width: 760px;
	margin: 5px auto;
	text-align: left;
	background: #fff;
	}
	
body.homePage #wrap{
	background: url(images/bg_vps_portrait.jpg) top left no-repeat;
	}
	
.error { margin: 10px; padding: 10px; background: #fcc; border: 1px solid #f33; color: #f33; }
.errorText { padding: 3px 3px 3px 3px; color: #f33; }	
.success { margin: 10px; padding: 10px; background: #ffc; border: 1px solid #363; color: #363; }	
.bold { font-weight: bold; }
.italic { font-style: italic; }
.note { font-size: 11px; color:#888; }
.return { margin: 5px; text-align:right; clear:both;}
.green { color: #007646; }

a:link, a:visited, a:hover { color: #900; }
h3 { font-size: 18px; color: #007646; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

/* header styles */

#header {
	height: 100px;
	margin: 0;
	padding: 0 20px 0 20px;
	background: url(images/bg_tree_sm.jpg) top right no-repeat;
	}

body.homePage #header {
	height: 40px;
	background: none;
	}
	
#busName {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 20px;
	left: 45px;
	background: url(images/bg_portrait.jpg) top left no-repeat;
	}
	
body.homePage #busName {
	position: absolute;
	width: 2px;
	height: 2px;
	top: 0;
	left: 0;
	}
	
#busName h1 {
	display: none;
	}
	
#tagLine {
	margin: 0 0 0 30px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	}
	
body.homePage #tagLine {
	font-size: 16px;
	}

/* navigation styles */
	
#nav     { color: #fff; font-size: 13px; background-color: #007646; margin: 0 auto; padding-left: 10px; position: absolute; top: 100px; width: 750px; height: 30px }
	
body.homePage #nav {
	width: 730px;
	top: 520px;
	padding-left: 30;
	}
	
#nav ul {
	margin: 5px 0 0 0;
	padding: 1px 0 0 40px;
	list-style-type: none;
	}
	
#nav li {
	display: inline;
	margin: 0px;
	padding: 0 10px;
	}
	
#nav a:link, #nav a:visited, #nav a:hover {
	color: #fff;
	text-decoration: none;
	}
	
#trail {
	position: absolute;
	height: 20px;
	width: 720px;
	top: 134px;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
	font-size: 10px;
	}

/* content styles */

#content {
	margin: 30px 0 0 0; 
	padding: 5px 25px 2px 110px;
	text-align: left;
	}
	
body.homePage #content {
	height: 490px;
	background: url(images/bg_tree.jpg) 250px 80px no-repeat;
	}
	
body.homePage #content h2 {
	display: none;
	}
	
#inner {
	margin: 0;
	padding: 0;
	}
	
#content h2 {
	position: absolute;
	top: 53px;
	left: 140px;
	color: #666;
	font-size: 22px;
	}
	
/* homepage styles */

#leadText {
	margin-left: 90px;
	font-size: 14px;
	color: #900;
	line-height: 1.4em;
	}

#leftSection {
	position: absolute;
	top: 190px;
	left: 40px;
	width: 185px;
	}

#rightSection {
	position: absolute;
	top: 40px;
	right: 0px;
	width: 200px;
	}
	
#rightSection ul, #leftSection ul {
	margin: 0;
	padding: 0;
	}
	
#leftSection li {
	margin: 5px 0 5px 5px;
	padding: 0;
	}
	
#rightSection li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}
	
#images01 {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0px;
	width: 40px;
	height: 430px;
	background: url(images/bg_vps.jpg) top left no-repeat;
	}
	
body.homePage #images01 {
	position: absolute;
	top: 390px;
	left: 280px;
	width: 100px;
	height: 120px;
	background: url(images/bg_food.jpg) top left no-repeat;
	}
	
body.homePage #images02 {
	position: absolute;
	top: 325px;
	right: 105px;
	width: 220px;
	height: 170px;
	background: url(images/bg_community.gif) top left no-repeat;
	}
	
body.homePage #images03 {
	position: absolute;
	top: 415px;
	right: 10px;
	width: 83px;
	height: 95px;
	background: url(images/bg_bicycle.jpg) top left no-repeat;
	}
	
body.homePage #images04 {
	display:none;
	}
	
/* serices page */

.question {
	margin-left: 25px;
	color: #222;
	font-style: italic;
	}

.response {
	margin: 5px 0 15px 25px;
	}
	
.FTLImage {
	width:400px;
	float:right;
	margin: 0 0 10px 10px;
	padding:0;
	border: 1px solid #ccc;
	text-align:center;
	font-size: 10px;
	color: #333;
	}
	
.WYTImage {
	width:400px;
	float:left;
	margin: 0 0 10px 10px;
	padding:0;
	border: 1px solid #ccc;
	text-align:center;
	font-size: 10px;
	color: #333;
	}
	
/* education styles */

.buyNow {
	width: 350px; 
	float: right;
	margin: 0 0 5px 5px;
	}
	
/* form styles */

input, text, textarea, checkbox, select {
	font-size: 12px;
	font-family: Arial, helvetica, san-serif;
	}

form.large {
	width: 450px;
	float: right;
	border: 1px solid #aaa;
	border-bottom: 2px solid #aaa;
	background: #eee;
	}

form.large .formQuestion {
	margin: 0;
	padding: 10px;
	}
	
form.large .formQuestion span.bold {
	display: block;
	width: 150px;
	float:left;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
	}
	
form.large .formHeader {
	padding: 4px;
	background-color: #007646;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}
	
form.large .errorText {
	padding: 3px 3px 3px 160px;
	color: #f33;
	}
	
form.large .formSubmit {
	margin: 0;
	padding: 6px;
	text-align: center;
	background: #ddd;
	border-top: 1px solid #363;
	}
	
li form.large {
	border: none;
	}	
	
/* contact styles */

img.sentMail {
	margin: 20px 0 0 20px;
	padding: 0;
	text-align: center;
	border: 1px solid #333;
	}
	
ul.contactInfo {
	margin: 0;
	padding: 0;
	}
	
ul.contactInfo li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

/* footer styles */

#footer {
	width: 760px;
	margin: 0;
	padding: 5px 0 3px 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.4em;
	border-top: 8px solid #007646;
	}

body.homePage #footer {
	border-top: none;
	}


/* tworks footer styles */

#tworks {
	margin: 8px 10% 5px 22%;
	padding: 4px 0 0 30px;
	height: 25px;
	background: url(images/tw_cog_trans.gif) top left no-repeat;
	text-align: left;
	vertical-align: middle;
	letter-spacing: .4em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

#tworks a {
	font-weight: bold;
}