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

html body {
	
	background-color:#FFFFFF;
	font-family: sans-serif;
	
}
	

	
	
a:link {color: #999999; text-decoration:none;}  
a:visited {color:#999999; text-decoration:none;}  
a:hover {color: #CCCCCC; text-decoration:none;}  
a:active {color:#CCCCCC; text-decoration:none;}  



	
.header {

	font-family: 'QuicksandLight', sans-serif;
	font-size: 25px;
	color: #CCCCCC;
	list-style:none;
	margin:0px;

}


.active {

background-color: #CCCCCC; color:#999;

}

	
ul li {
	
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	
	}
	
#topline {

	position: relative;
	padding-bottom: 60px;

}

#bottomline  {

	position: relative;
	padding: 25px 0px;
	clear: both;
	vertical-align:bottom;
	

}	


.line {

	width: 1350px;
	height: 0.5px;
	background-color:#e1e1e0;
	position: relative;
	
	
	}
	

/* MAKE SURE IMAGES ARE NO WIDER THAN 963 PX AND NO HIGHER THAN 618 PX */ 	
	
#bodydiv {
	
	width: 1350px;
	height: 880px;
	position: relative;
	padding:0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
	background-image:url('../img/bodybg.png');

	
	}
	

#logo {

	width: 34px;
	height: 271px;
	position: relative;
	float: left;
	top: -25px;

	
	}
		


#nav {
		
	width: 50px;
	height: 26px;
	position: relative;
	
	}

	
	
#navhover {
		
	position: absolute;
	top:10px;
	
	
	}
	

.menu {

	font-family: 'QuicksandLight', sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align:left;
	color: #CCCCCC;
	list-style:none;
	margin:0px;

}


#menudiv {


	position:relative;
	z-index: 1;
	margin:0px;
	width:200px;
	height:200px;
	float:left;
	clear:both;
	margin-top: 130px;
	left: 6px;

}



#contactform {

	position: relative;
	float: right;

}
	

/* nav hover classes */

#nav1 {

	font-family: 'QuicksandLight', sans-serif;
	font-size: 26px;
	color: #CCCCCC;
	position:absolute;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity = 0);
	
	}


#nav2 {


	font-family: 'QuicksandLight', sans-serif;
	font-size: 26px;
	color: #CCCCCC;
	position:absolute;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity = 0);
	
	
	}


#nav3 {

	font-family: 'QuicksandLight', sans-serif;
	font-size: 26px;
	color: #CCCCCC;
	position:absolute;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity = 0);
	
	}
	

#detaildiv {

position: absolute;
width: 800px;
top: 850px;
text-align: left;

}


#detaildivcontact {

position: absolute;
width: 800px;
top: 620px;
text-align: left;

}

.contact {
	
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 9px;
	letter-spacing:1.5px;
	color:#ccc;
	
}


/* FRONT PAGE ELEMENTS */

#frontbodydiv {
	
	width: 1350px;
	height: 646px;
	position: relative;
	padding:0px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
	background-image:url('../img/frontbodybg.png');
	
	
	}


#frontpage {

	position: absolute;
	top: 250px;
	left: 450px; 
}


#logofront {

	width: 271px;
	height:34px;
	position: relative;
	float: right;
	
	}
	
	
#frontnav {
		
	width: 140px;
	height: 25px;
	position: relative;
	float:left;
	
	}
	
	
#frontnavhover {
		
	position: relative;
	float:left;
	clear:both;
	left: 120px;
	text-align: center;
	
	}
	

.frontcontact {
	
	width: 411px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 9px;
	letter-spacing:1.5px;
	text-align: center;
	color:#ccc;
	
}

#nav1front {

	font-family: 'QuicksandLight', sans-serif;
	font-size: 26px;
	color: #CCCCCC;
	position:absolute;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity = 0);
	text-align: center;
	margin-left:auto;
	
	}


#nav2front {


	font-family: 'QuicksandLight', sans-serif;
	font-size: 26px;
	color: #CCCCCC;
	position:absolute;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity = 0);
	text-align: center;
	margin-left:auto;
	
	}


#nav3front {

	font-family: 'QuicksandLight', sans-serif;
	font-size: 26px;
	color: #CCCCCC;
	position:absolute;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity = 0);
	text-align: center;
	margin-left:auto;
	
	}