/* Body and Wrapper */ 

body { 
	background-color:#FFFFFF;
	font-family:Verdana, sans-serif;
	font-size:10pt;
	letter-spacing:1px;
	height:100%;
}

div#wrapper {
min-height:100% !important;
height:100%;
width:1024px;
margin: 0 auto -100px auto;
}


/* Font Controls and General Typography */

@font-face {  
	  font-family: "Orator";  
	  src: url("OratorStd.eot" ); /* IE */  
	  src: local("Orator Std"), url("OratorStd.ttf") format("truetype"); /* non-IE */  
	  font-style:all;
	}  

.orator { font-family:Orator; color:#294e2b; text-decoration:none; }

h1, h2 { 
	font-size: 1em; 
	font-weight:bold; 
	padding-top:1em;
	color:#005500;
}

p { 
	word-spacing: 1px; 
	line-height: 2em;
	padding-bottom:5px;
}

.wide {
	line-height:2.5em;
}

.big {
	font-size:120%;
}

.small {
	font-size:90%;
	line-height:0.7em;
	font-weight:normal;
}

.emph, .bold {
	font-weight:bold;
}

.ital, .italic {
	font-style:italic;
}



/* Splash Page Controls (Including Links) */

body.splash div#wrapper {
	width:1024px;
	margin:0 auto;
	height:100%;
}

body.splash div#content {
	position:absolute;
	top:50%;
	height:350px;
	margin-top:-175px;
}	

body.splash div#splash_logo {
	float:left;
	width:420px;
}

body.splash div.splash_nav {
	float:left;
	position:relative;
	width:500px;
	height:350px;
	text-align:left;
	top:-50px;
	background:none;
}

body.splash div.splash_nav.webmo { background: #FFFFFF url('img/webmo.jpg') -5px -20px no-repeat; }

body.splash div.splash_nav.wrimo { background: #FFFFFF url('img/wrimo.jpg') 5px -20px no-repeat; }

body.splash div.splash_nav.tramo { background: #FFFFFF url('img/tramo.jpg') -10px -20px no-repeat; }

body.splash div.splash_nav.engmo { background: #FFFFFF url('img/engmo.jpg') -10px -20px no-repeat; }

body.splash div.splash_nav a {
	display:block;
	margin-bottom:5em;
	color:#294e2b;
	left:130px;
	position:relative;
	font-size: 12pt;
}

/* Header, Topbar, Bottombar, and Footer */


div#header {
position:relative;
top:10px;
left:0;
}

div#header img {
padding:10px;
}

div#header p {
	position:relative;
	top:-27px;
	padding-left:15px;
	font-size:11pt;
}

div#topbar {
background:transparent url('img/navbar_top.jpg') 0 0 no-repeat;
height:55px;
position:relative;
top:-50px;
}


div#bottombar {
background:transparent url('img/navbar.jpg') 0 0 no-repeat;
height:55px;
}

div#footer {
clear:both;
height:100px;
margin: 85px auto 0px auto;
position:relative;
width:1110px;
}

div#footer img {
	position:relative;
	float:left;
	left:600px;
	top:-85px;
}

div#topbar a {
	margin: 25px 10px 0 10px;
	color:#377A2B;
	text-decoration:none;
	display:block;
	float:left;
	font-size:100%;
}

div#bottombar a {
	margin: 25px 10px 0 20px;
	color:#26571D;
	text-decoration:none;
	display:block;
	float:left;
	font-size:100%;
	position:relative;
	left:-360px;
}


div#smallprint a, div#smallprint span {
	float:left;
	position:relative;
	display:block;
	margin: 10px 20px 0 20px;
	font-size:90%;
	left:-360px;
}

div#bottombar a:hover, div#topbar a:hover, div#smallprint a:hover {
	text-decoration:underline;
}

/* Content and Text Divs */

div.push { height:100px; clear:both; position:relative; float:left;}


div.text { 
	margin:0 auto;
	position:relative;
	top:-35px;
	max-width:950px;
	font-size:9pt;
}

div#content { margin-bottom: 50px; }

.text a {
	color:#006600;
	font-weight:bold;
	text-decoration:underline;
}

.text a:visited {
	color:#003300;
	text-decoration:underline;
}

.text a:hover {
	color:#009900;
	text-decoration:none;
	font-weight:bold;
}


/* Contact Div */

div.contact {
	float:right;
	right:100px;
	position:relative;
	top:30px;
	z-index:5;
}

div.contact a { position:relative; top:-20px; font-size:13pt; color:#377A2B;}

div.contact a:hover { text-decoration:underline; }


/* LINKS (General) */

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

a img { border: none; }


/* LISTS */

ul, ol {
	width:350px;
	list-style-position:inside;
	background:url('img/ul-body.jpg') #FFFFFF repeat-y 40px 0;
}

ul.normal, ol.normal {
background:none !important;
width:100%;
}

ul.normal li, ol.normal li {
background:none !important;
padding-bottom:10px;
}

ul.long, ol.long {
	width:500px;
	list-style-position:inside;
	background:url('img/ul-body-long.jpg') #FFFFFF repeat-y 40px 0;
}

li.first {
	background:url('img/ul-top.jpg') transparent no-repeat 0 0;
	padding-top:10px;
}

li {
	background:url('img/ul-body.jpg') transparent repeat-y 0 0;
	padding:5px 5px 5px 15px;
}

li.last {
	background:url('img/ul-bottom.jpg') #FFFFFF no-repeat 0 0;
	padding-bottom:25px;
}

ul.long li.first {
	background:url('img/ul-top-long.jpg') transparent no-repeat 0 0;
	padding-top:10px;
}

ul.long li {
	background:url('img/ul-body-long.jpg') transparent repeat-y 0 0;
	padding:10px 15px 10px 15px;
}

ul.long li.last {
	background:url('img/ul-bottom-long.jpg') #FFFFFF no-repeat 0 0;
	padding-bottom:40px;
}


/* General Layout */

.clear {
	margin:0;
	padding:0;
	clear:both;
	display:block;
	height:1px;
	overflow:hidden;
}


.invis {
	display:none;
}

.hidden_label {
position:absolute;
left:-9999px;
}

.right {
float:right;
}

.left {
float: left;
}

.center {
margin:0 auto;
display:block;
text-align:center;
}

.border {
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px #008811 solid;
}

.border img {
padding:5px;
}

/* PORTFOLIO */

.portfolio {
width:180px;
max-width:180px;
border:#CAFCCA 1px solid;
position:relative;
float:left;
margin:25px;
text-align:center;
}

.portfolio hr {
color:#999999;
width:75%;
margin:10px auto;
}

.portfolio img {
border:0;
}

.normal {
width:180px;
}

.popup {
background-color:#E8FFE5;
border-bottom:#006633 1px solid;
border-left:#006633 1px solid;
border-right:#006633 1px solid;
width:160px;
height:0px;
display:none;
padding:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomright:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}

#middle_column .portfolio a {
text-decoration:none;
}

.clickdown { 
	display:none; 
	background-color:#FFFFFF;
	width:100%;
	border:#006633 1px solid;
	position:relative;
	padding:10px 0 10px 10px;
}

.expand {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:5px;
background-color:#E8FFE5;
border: #006633 1px solid;
padding:0px 20px 10px 10px;
max-width:300px;
}

/* FORMS */

form {
	padding-left:10px;
}

form div.begin {
	background:url('img/ul-top-long.jpg') #FFFFFF no-repeat 2px 0;
	position:relative;
	top:12px;
}

form div.end {
	background:url('img/ul-bottom-long.jpg') #FFFFFF no-repeat 2px -80px;
	height:50px;
	position:relative;
	top:-12px;
}

fieldset {
	border: none;
	background:url('img/ul-body-long.jpg') transparent repeat-y 0 0;
	padding: 0 20px;
}

label {
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 2em;
	display: block;
}

input.submit {
	margin: 0 0 1em 5em;
}

input.text {
	color: #005500;
	background-color: #FFFFFF;
	border: 1px solid #005500;
}

textarea {
	color:#005500;
	background-color:#FFFFFF;
	border:1px solid #005500;
	font-family:"Verdana", sans-serif;
	font-size:8pt;
}

/* ALERT BOX */

div.alert_box {
	background-color:#DFFFDF;
	border: #005500 solid 1px;
	padding: 0 15px;
	width: 550px;
	margin-top:25px;
}