@charset "utf-8";
/* CSS Document */

body {
-x-system-font:none;
color:#000000;
font-family:"Tahoma",Arial,Helvetica,sans-serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
text-align:left;
position:relative;
}

.main-holder {
min-height:100%;
position:relative;
width:100%;
}

body a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display:inline-block;}
/* Hide from IE Mac \*/
.clearfix { display:block;}
/* End hide from IE Mac */

li {
list-style: none;
}

a {
color:#000000;
text-decoration: none;
}
a:visited {
color:#000000;
text-decoration: none;
}

a:focus {
outline: none;
}

img {
	border: none;
	display: block;
	text-decoration: none;
}

* {
border:0 none;
margin:0;
padding:0;
}

html, div, map, dt, isindex, form {
display:block;
}

#header {
	background:transparent url(../images/header.jpg) no-repeat scroll 50% 0;
	height:398px;
	position:relative;
}


#header .main {
height:398px;
}
#text {
position:relative;
}
.main {
margin:0 auto;
padding:0 5px;
position:relative;
width:950px;
}

.navigation {
	left:45px;
	position:absolute;
	top:5px;
}

.navigation li {
	float: left;
	margin-right: 54px;
}
.navigation a {
	display: block;
	overflow: hidden;
	height: 78px;
	text-indent: -9999px;
}
.navigation a.about {
	background: url(../images/about.png) no-repeat;
	width: 177px;
}
.navigation a.portfolio {
	background: url(../images/portfolio.png) no-repeat;
	width: 334px;
}
.navigation a.contact {
	background: url(../images/contact.png) no-repeat;
	width: 219px;
}
.navigation a:hover, .main-nav li.active a {background-position: 0 100%;}


#trans {
	background:transparent url(../images/white.jpg) no-repeat scroll 50% 0;
	height:288px;
}

#sky {
	background:transparent url(../images/sky.jpg) no-repeat scroll 50% 0;
	height:496px;
}

#about {
 	background:transparent url(../images/about.jpg) no-repeat scroll 50% 0;
	height:472px;
}

#tunnel {
	background:transparent url(../images/ground.jpg) no-repeat scroll 50% 0;
	height:300px;
}

#holder{
	background:transparent url(../images/holder.jpg) repeat-y scroll 50% 0;
}

#portfolio{
	position: relative;
	background-color:#ffcc66;
	width: 860px;
	display:block;
	margin:auto;
}

.portfolio-item { 
	width: 200px; 
	float:left;
	display: block; 
	margin: 0 20px 20px 0px; 
	position: relative;
}

.portfolio-item a:hover { 
	border: none; background: none;
}

.last { 
	margin-right: 0;
}

.portfolio-item img {
	border:5px #846c50; 
	margin: 10px 0 10px 0;
}

.portfolio-item h4 {
	margin: 0 0 5px 0;
}

#under {
	background:transparent url(../images/under.jpg) no-repeat scroll 50% 0;
	height:300px;
}

#contact {
	background:transparent url(../images/contact.jpg) no-repeat scroll 50% 0;
	height:864px;
}

#copy {
	background:transparent url(../images/copy.png) no-repeat scroll 50% 0;
	height:20px;
	font-size:9px;
	padding-right:5px;
}

form {
	width:500px;
	
	}
	
label {
	display: block;
	font-weight:bold;
	color:#ffffff;
	}
	
.textInput {
	width:250px;
	}
	
.checkbox {
	float: left;
	margin-bottom: 8px;
	margin-left: 30px;
}

.checkbox label{
	display:inline;
}

.clearit {
	clear:both;
	}
	
select {
	margin: 5px 0 8px 30px;
	}