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

/*Reset*/

* {
	margin:0;
	padding: 0px;
}

/*Base*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #000000;
	font-weight: normal;
}
h2 {
	font-weight:400;
	font-size: 18px;
	color: #33b0ee;
	font-style: normal;
	}
h3 {
	font-weight:400;
	font-size: 16px;
	margin-bottom: 10px;
	}
p {
	line-height: 1.8em;	
}
a {
	text-decoration:none;
	color: #FFF;
}
a:hover {
	text-decoration:underline;
	color: #FFF;
}

ul {
	list-style: none;
}
li {
	padding:2px;
	}
/*Structure*/

#outer_wrap {
	width:100%;
	height:auto;
	padding-top: 3px;
	overflow: visible;
	padding-bottom: 15px;
	}
#inner_wrap {
	width:960px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: visible;
	}
/*top_wrap*/

#top_wrap {
	float: left;
	margin-bottom: 15px;
	}

/*logo*/
#logo {
	width:300px;
	margin-right:20px;
	float:left;
	margin-top: 20px;
	}
.logo_img{
	text-indent: -9999px;
	background-image: url(../base_images/logo.jpg);
	height: 123px;
	width: 276px;
	background-repeat: no-repeat;
}
/*Menu*/
#menu {
	float:left;
	width:600px; position: relative; top:75px;
	}
.menu_block {
	float:left;
	width:150px;
	}
.blue {
	color:#40b6ee;
	}
.blue a{
	color:#40b6ee;
	}
	/*new dropdown menu*/
#menu-container { display:block; position:relative;  width:700px; margin:0px auto 0px; font-size:11px; }
#navi { float: left; height: 30px; }
#navi li { float: left; position: relative; }
#navi li a { display: block; padding: 5px 5px 5px 10px; line-height: 3px;border: 1px solid #ffffff;font-size: 12px;}
#menu a:hover {text-decoration: none; color: #999999;}
#navi li ul { display: none; position: absolute; top: 30px; left: 0; width: 140px; background: black; padding: 2px;}
#navi li:hover ul { display: block; }
#navi li ul li { float: none; z-index: 100;}
#navi li ul li a { display: inline-block; }
#navi li ul li a { display: block; }
.menu {display: block; background: #000000; float: left; width:150px; cursor:pointer;font-size: 12px; color: #ffffff;}

	
/*header*/

#header {
	padding-top:5px;
	padding-bottom:5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	clear: both;
	width:960px;
	height:280px;
}

#header #imgwrap {
	width:960px;
	height:280px;
	}

#header #imgwrap img{
	width:960px;
	height:280px;
	top:  0; 
    left: 0 
	}
/*footer*/
#footer{
	width:960px;
	margin-top: 25px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	float: left;
	margin-bottom: 15px;
}
.footer_blocks {
	float:left;
	width:220px;
}
#footer_menu {
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	float: left;
	clear: both;
	width: 960px;
	margin-top: 15px;
}
#footer_menu li{
	display:inline;
	padding-right: 15px;
}
#footer_menu_left {
	float:left
	}
#footer_menu_right {
	float:right;
	text-align: right;
	}
/*Main*/
#main_wrap {
	margin-top:15px;
	min-height:500px;
}
#left {
	float:left;
	width: 180px;
	}
#content {
	float:left;
	width: 500px;
	padding-right: 20px;
	padding-left: 20px;
	}
#content ul {
	margin-top: 10px;
	margin-bottom: 10px;
	}
#content li img {
	padding-bottom:10px;
	}
.port_header{
	font-weight:400;
	font-size: 16px;
	color: #000;
	font-style: normal;
	}
.port_details{
	color: #000;
	font-style: normal;
	}
.spacer{
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-top: 20px;
	}
#content_btm {
	width:500px;
	clear:both;
	margin-top:15px;
	margin-bottom: 15px;
	font-style: normal;
	}
#content_lft {
	float:left;
	}
#content_right {
	float:right;
	}
#right {
	float:left;
	width: 210px;
	padding-right: 10px;
	}
#contact_form td {
		font-size: 12px;
		padding: 5px;
	}