body
{  
    font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	/*--background-image:url('images/site_01.png')--*/
background: #55575c url("images/bg.jpg");
	-webkit-box-shadow: inset 0 0 300px rgba(0,0,0,0.5);
	   -moz-box-shadow: inset 0 0 300px rgba(0,0,0,0.5);
			box-shadow: inset 0 0 300px rgba(0,0,0,0.5);

	
} 

#about
{
  display: block;
  width: 220px;
  height: 51px;
  background: url("images/about.png") no-repeat 0 0;

}

#about:hover
{ 
  background-position: -110px 0px;
}

#about span
{
  position: absolute;
  top: -999em;
}

#port
{
  display: block;
  width: 250px;
  height: 51px;
  background: url("images/port.png") no-repeat 0 0;

}

#port:hover
{ 
  background-position: -125px 0px;
}

#port span
{
  position: absolute;
  top: -999em;
}

#contact
{
  display: block;
  width: 230px;
  height: 51px;
  background: url("images/contact.png") no-repeat 0 0;

}

#contact:hover
{ 
  background-position: -115px 0px;
}

#contact span
{
  position: absolute;
  top: -999em;
}

#Table_01 {
margin: auto;
left:0; right:0;
top:0; bottom:0;
position: absolute;
	width:1600px;
	height:1200px;
}

#site-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:24px;
	height:1200px;
}

#site-02_ {
	position:absolute;
	left:24px;
	top:0px;
	width:9px;
	height:1200px;
}

#site-03_ {
	position:absolute;
	left:33px;
	top:0px;
	width:1567px;
	height:18px;
}

#site-04_ {
	position:absolute;
	left:33px;
	top:21px;
	width:274px;
	height:1182px;
}

#site-05_ {
	position:absolute;
	left:307px;
	top:18px;
	width:990px;
	height:34px;
}

#site-06_ {
	position:absolute;
	left:1297px;
	top:18px;
	width:303px;
	height:1182px;
}

#site-07_ {
	position:absolute;
	left:307px;
	top:52px;
	width:446px;
	height:87px;
}

#site-08_ {
	position:absolute;
	left:753px;
	top:52px;
	width:86px;
	height:48px;
}

#site-09_ {
	position:absolute;
	left:839px;
	top:52px;
	width:458px;
	height:87px;
}

#site-10_ {
	position:absolute;
	left:753px;
	top:100px;
	width:86px;
	height:39px;
}

#site-11_ {
	position:absolute;
	left:307px;
	top:139px;
	width:320px;
	height:51px;
}

#site-12_ {
	position:absolute;
	left:627px;
	top:139px;
	width:110px;
	height:51px;
}

#site-13_ {
	position:absolute;
	left:737px;
	top:139px;
	width:125px;
	height:51px;
}

#site-14_ {
	position:absolute;
	left:862px;
	top:139px;
	width:115px;
	height:51px;
}

#site-15_ {
	position:absolute;
	left:977px;
	top:139px;
	width:320px;
	height:51px;
}

#site-16_ {
	position:absolute;
	left:307px;
	top:190px;
	width:990px;
	height:90px;
}

#site-17_ {
	position:absolute;
	left:307px;
	top:280px;
	width:99px;
	height:818px;
}

#site-18_ {
	position:absolute;
	left:406px;
	top:280px;
	width:796px;
	height:130px;
	background-color: #FFFFFF;
}

#site-18_1 {
	position:absolute;
	left:406px;
	top:280px;
	width:796px;
	height:150px;
	background-color: #FFFFFF;
}

#site-19_ {
	position:absolute;
	left:1202px;
	top:280px;
	width:95px;
	height:818px;
}

#site-20_ {
	position:absolute;
	left:406px;
	top:467px;
	width:796px;
	height:36px;
	background-color: #FFFFFF;
}

#site-21_ {
	position:absolute;
	left:403px;
	top:426px;
	width:800px;
	height:646px;
	background-color:white;
}

#site-21_form {
	position:absolute;
	left:405px;
	top:379px;
	width:800px;
	height:690px;
	background-color:white;
}


#site-22_ {
	position:absolute;
	left:406px;
	top:1061px;
	width:796px;
	height:37px;
}

#site-23_ {
	position:absolute;
	left:307px;
	top:1098px;
	width:990px;
	height:11px;
}

#site-24_ {
	position:absolute;
	left:307px;
	top:1109px;
	width:394px;
	height:91px;
}

#site-25_ {
	position:absolute;
	left:701px;
	top:1109px;
	width:227px;
	height:22px;
	color: #ffffff;
	background-color: #423F3F;
}

#site-26_ {
	position:absolute;
	left:928px;
	top:1109px;
	width:369px;
	height:91px;
}

#site-27_ {
	position:absolute;
	left:701px;
	top:1131px;
	width:227px;
	height:69px;
	
	}
	

}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

h1 {
	text-align: center;
	font-weight: normal;
	font-size: 2.5em;
}
h1 small {
	display: block;
	font-size: 0.7em;
	color: #999;
}
img {border: none;}

.gallery {
	width: 708px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
.gallery li a.thumb {
	width: 204px;
	height: 182px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}
.gallery li a.thumb:hover {
	background: #333;
}
.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

/*--form style--*/


input, textarea { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}

.form label { 
	margin-left: 12px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 10px 14px;
	background: #617798;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	}
#form-div { 
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
background-color:#F5F5F5;
padding:15px;
}

#wrapper { 
margin:30px auto;
width:500px;
}

</style>