body {
	background-color:#000000;
	margin:0;
	padding:0;}
	
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:100;}
	
a {
	text-decoration:none;
	border:none;
	outline:none;}
	
#wrapper {
	width: 1024px;
	height: 1000px;
	margin: 50px auto;
}



#nav {
	height:510px;
	width:130px;
	margin: 30px 0 0 0;
	position: absolute;
}

#content {
	width:880px;
	margin: 0 0 0 135px;
	height: 450px;
	position: absolute;
}

#logobar {
	margin-top:5px;}

#header-left {
	float: left;
}

#header-right {
	float:right;}

#header-right p {
	color:#FFFFFF;
	font-size:60%;
	font-family:Arial, Helvetica, sans-serif;
	margin:15px 0 3px 0;
	padding:0;
	text-align:right;
	text-transform:uppercase;}
	
#maincopy {
	font-family:Arial, Helvetica, sans-serif;
	width:600px;
	float: left;
	}	
	
#maincopy h1 {
	margin:3px 0 3px 0;
	padding:0;
	border-bottom:1px solid #fff;}


#maincopy h2.components {
	margin-top:50px;}


#maincopy h2{
	margin:0;
	color:#FFFFFF;
	border-bottom:1px solid #ffffff;
	font-size: 90%;
	padding: 0;
	clear: both;
	}	

#example a:hover {
	color:red;
	
	}	
	
ul li {
	text-decoration:none;
	font-size:60%;
	text-transform:uppercase;
}

li {
	color:#FFFFFF;
	text-decoration:none;
	list-style:none;
	text-transform:uppercase;
	font-size:80%;}
	
#logo li {
	margin-bottom:20px;
	padding-bottom:0;}

#nologo li {
	margin:0;
	font-size: 80%;
	}	



#maincopy p{
	font-size:72%;
	margin:3px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:lighter;
	
	}	

a.normred {
		color:red;
		font-weight:normal;}

#rightcopy {
	font-family:Arial, Helvetica, sans-serif;
	width:250px;
	float: right;
	margin: 0;
	padding: 0;
	}	
	


#rightcopy p{
	font-size:80%;
	margin:3px;
	color:#ffffff;
	
	}	
	
#rightcopy h1{
	margin:3px 0 3px 0;
	padding:0;
	border-bottom:1px solid #fff;
	
	}	

.Fsp.Reveal {
	text-decoration:none;
	color:red;
	}

h2 a {
	color:white;}

h2 a:hover {
	color:red;}
	

#maincopy h3 {
	font-size:80%;
	color:white;
	margin: 5px 0 0 0;
}


#portraits {
	float:left;
	  margin-right:6px; 
	  margin-top: 6px;}
	  
#portrait_text {
	width:375px;
	}	  

h4 {
	font-size:200%;
	color: #ED1C24;
	font-weight: bolder;
	margin: 0;
	padding: 0;
}

.red {
	color:#FF0000;}
	
#example6_sub {
	width:190px;
	margin: 0 10px 0 0;
	float: left;
	}
	
#example6_sub {
	width:190px;
	margin: 0 10px 0 0;
	float: left;
	}	
	
#example6_sub ul h3 {
	border-bottom:1px solid #fff;
	}	
	
	
#example6 ul li {
	font-size:70%;
	clear:both;
}


/*------------navigation--------------*/




#nav ul.navi
{
	positon:absolute;
	float:left;
	list-style-type: none;
	padding:0px;
	margin:0px;
	width:130px;	
}



#nav li {
    width:130px;
	height:19px;
	}

#nav li a {
	height:19px;}
	
#nav li a:hover {
	height:19px;}

#nav li a.home {
background: url("images/nav_home1.png");
text-indent:-9999px;
text-decoration:none;
display:block;

}

#nav li a.home:hover {
background: url("images/nav_home2.png");
text-indent:-9999px;
text-decoration:none;
display:block;

}

#nav li a.about {
background: url("images/nav_about1.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.about:hover {
background: url("images/nav_about2.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.contact {
background: url("images/nav_contact1.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.contact:hover {
background: url("images/nav_contact2.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.products {
background: url("images/nav_products1.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.products:hover {
background: url("images/nav_products2.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.service {
background: url("images/nav_service1.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.service:hover {
background: url("images/nav_service2.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.fitting {
background: url("images/nav_fitting1.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.fitting:hover {
background: url("images/nav_fitting2.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.events {
background: url("images/nav_events1.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.events:hover {
background: url("images/nav_events2.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.rentals {
background: url("images/nav_rentals1.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.rentals:hover {
background: url("images/nav_rentals2.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.club {
background: url("images/nav_club1.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.club:hover {
background: url("images/nav_club2.png");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.employ {
background: url("images/nav_employ1.jpg");
text-indent:-9999px;
text-decoration:none;
display:block;
}

#nav li a.employ:hover {
background: url("images/nav_employ2.jpg");
text-indent:-9999px;
text-decoration:none;
display:block;
}






#nav li.home :hover {
background: url("images/nav_home2.jpg");
}

#nav li.about a: hover {
background: url("images/nav_about1.jpg");
}

#nav li.home {
background: url("images/nav_home1.jpg");
width:135px;
text-indent:-9999px;
}