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

body {
	background:url(../images/background.jpg) repeat-x;
	margin-top:0px;
	margin-bottom:0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	}

h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-bottom:0px;
	}

p {
	text-align:left;
	}

a {
	color:#0066FF;
	text-decoration:underline;
	}

a:hover {
	color:#FF6600;
	text-decoration:none;
	}
	

/********box********/
#wrappermain {
	width:940px;
	margin-left:auto;
	margin-left:auto;
	background:transparent url(../images/background.png) left top repeat-y;
	}


	
#wrapper {
	width:900px;
	margin-left:20px;
	margin-left:20px;
	}

#validation {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	}
	
#banner {
	background:url(../images/banner.jpg) no-repeat;
	width:900px;
	height:200px;
	margin-bottom:2px;
	}
	
#menu {
	width:900px;
	height:30px;
	background:url(../images/banner2.jpg) repeat-x;
	padding-top:10px;
	margin-bottom:2px;
	color:#FFFFFF;
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	}

#menu ul {
	display:block;
	margin-top:0px;;
	}

#menu li {
	display:inline;
	padding-left:30px;
	padding-right:30px;
}

#menu a {
	text-decoration:none;
	color: #00FFFF;
}

#menu a:hover {
	text-decoration:none;
	color:#FFA100;
	}

#box1, #box2, #box3, #box4, #box5 {
	cursor:pointer;
	}
	
#box1 {
	width:178px;
	height:150px;
	float:left;
	margin-left:1px;
	}
	
#box2 {
	width:178px;
	height:150px;
	margin-left:2px;
	float:left;	
	}

#box3{
	width:178px;
	height:150px;
	margin-left:2px;
	float:left;
	}

#box4 {
	width:178px;
	height:150px;
	margin-left:2px;
	margin-right:2px;
	float:left;
	} 

#box5 {
	width:178px;
	height:150px;
	float:left;
	}

#box5 a:hover img, #box4 a:hover img, #box3 a:hover img, #box2 a:hover img, #box1 a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	border:none;
}
#box5 a img, #box4 a img, #box3 a img, #box2 a img, #box1 a img{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}

#content {
	width:880px;
	margin-top:4px;
	background: #CCCCCC;
	padding:10px 10px 10px 10px;
	}

#col1 {
	width:250px;
	height:300px;
	background-color:#FFFFFF;
	float:left;
	}

#col1r1 h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#FFFFFF;
	}

#col1r1 {
	width:240px;
	height:30px;
	padding-left:10px;
	padding-top:10px;
	background:url(../images/banner2.jpg) repeat-x;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	}

#col1r2 {
	width:230px;
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
	}

#col2, #col3 {
	width:305px;
	height:300px;
	margin-left:10px;
	float:left;
	background-color:#FFFFFF;
	}

#col3a {
	width:305px;
	margin-left:10px;
	float:left;
	background-color:#FFFFFF;
	}

#col2r1, #col3r1 {
	width:295px;
	height:30px;
	padding-left:10px;
	padding-top:10px;
	background:url(../images/banner2.jpg) repeat-x;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	}


#col3r2 {
	width:285px;
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
	}

#col2r2 {
	width:285px;
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
	}

#col1a {
	width:565px;
	background-color:#FFFFFF;
	float:left;
	}

#col1a h2{
	font:bold 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
	
#col1ar1 {
	width:555px;
	height:30px;
	padding-left:10px;
	padding-top:10px;
	background:url(../images/banner2.jpg) repeat-x;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	}

#col1ar2 {
	width:525px;
	background-color:#FFFFFF;
	padding:20px 20px 10px 20px;
	}
		
#footer {
	width:900px;
	margin-top:4px;
	}

#footer1 {
	width:250px;
	height:40px;
	background:url(../images/footer.jpg) repeat-x;
	float:left;
	padding-top:10px;
	text-align:center;
	color:#FFFFFF;
	}

#footer2 {
	width:620px;
	height:40px;
	margin-left:10px;
	background-color: #666666;
	float:left;
	color:#FFFFFF;
	text-align:right;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	padding:10px 10px 0px 10px;
	}

#footer2 ul {
	display:block;
	margin-top:0px;
	}

#footer2 li {
	display:inline;
	padding-left:5px;
	padding-right:5px;
}

#footer2 a {
	text-decoration:none;
	color: #00FFFF;
}

#footer2 a:hover {
	text-decoration:none;
	color:#FFA100;
	}		

/************classes**************/

.clear {
	clear:both;
	}

.gmap {
	width:250px;
	border:0px;
	margin-left:auto;
	margin-right:auto;
	}

.port1, .port2 {
	width:200px;
	height:200px;
	margin-left:40px;
	border: solid 1px #999999;
	float:left;
	}

.port2 {
	margin-top:40px;
	}

.port1 img, .port2 img {
	border:none;
	}