@charset "utf-8";
/* CSS Document */
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

#header{
position:relative;
margin:auto;
width:100%;
height:119px;
background-image:url(../images/headerbg.png);
background-repeat:repeat-x;
}

#headarea{
position:relative;
margin:auto;
height:87px;
width:1006px;
}

#mainarea{
position:relative;
margin:auto;
height:auto;
width:1006px;
}

#logo{
float:left;
margin:auto;
height:119px;
width:299px;
}

#headfont{
float:right;
margin:auto;
height:47px;
width:238px;
padding-top:40px
}

#toparea{
float:left;
margin:auto;
margin-top:15px;
height:222px;
width:1006px;

}

#sidenav{
float:left;
margin:auto;
height:222px;
width:340px;
background-color:#000000;

}

#sidenavborder{
float:left;
margin:auto;
height:200px;
width:340px;
border-bottom:1px solid #563400;
}

#banner{
float:left;
margin:auto;
height:222px;
width:658px;
margin-left:8px;
background-color:#000000;
}

#middlecontent{
float:left;
margin:auto;
margin-top:5px;
height:auto;
width:1006px;

}

#middlecontent2{
float:left;
margin:auto;
margin-top:5px;
height:auto;
width:1006px;
background-color:#000000;
}

#midtop{
float:left;
margin:auto;
height:86px;
width:1006px;
background-color:#000000;
}

#midsec1{
float:left;
margin:auto;
height:79px;
width:286px;
padding-top:7px;
padding-left:15px;
}

#midsec2{
float:left;
margin:auto;
height:79px;
width:286px;
padding-top:7px;
padding-left:15px;
}

#midsec3{
float:left;
margin:auto;
height:79px;
width:389px;
padding-top:7px;
padding-left:15px;
}

#boxarea{
float:left;
margin:auto;
height:145px;
width:1006px;
}

#contact{
float:left;
margin:auto;
margin-top:10px;
height:348px;
width:550px;
}

#leftside{
float:left;
margin:auto;
height:auto;
width:340px;
}

#leftside2{
float:left;
margin:auto;
margin-top:10px;
height:auto;
width:200px;
}

#leftside3{
float:left;
margin:auto;
height:auto;
width:240px;
margin-bottom:10px;
}


#image{
float:left;
margin:auto;
margin-top:10px;
height:270px;
width:340px;
margin-left:10px;
}



#image2{
float:left;
margin:auto;
margin-top:10px;
height:auto;
width:340px;
margin-left:10px;
}

#image3{
float:left;
margin:auto;
margin-top:10px;
height:auto;
width:340px;
margin-right:10px;
}

#image4{
float:left;
margin:auto;
margin-top:10px;
height:auto;
width:340px;
margin-right:10px;
}

#image5{
float:left;
margin:auto;
margin-top:10px;
height:auto;
width:240px;

}


#portborder{
float:left;
height:auto;
width:796px;
margin:auto;
}

#porttable{
float:left;
height:auto;
width:550px;
}


#specail{
float:left;
margin:auto;
height:auto;
width:648px;
margin-top:10px;
margin-left:8px;
}
#specail2{
float:left;
margin:auto;
height:auto;
width:648px;
margin-top:10px;
margin-right:8px;
}

#specail3{
float:left;
margin:auto;
height:auto;
width:548px;
margin-top:10px;
margin-right:8px;
}

#specail4{
float:left;
margin:auto;
height:auto;
width:748px;
margin-top:10px;
margin-right:8px;
}

#map{
float:left;
margin:auto;
margin-top:10px;
height:348px;
width:456px;
}

#logos{
float:left;
margin:auto;
margin-top:2px;
height:53px;
width:280px;
}

#logos2{
float:left;
margin:auto;
margin-top:27px;
height:90px;
width:250px;
}

#logos3{
float:left;
margin:auto;

height:150px;
width:480px;
}

#port1{
float:left;
width:247px;
height:200px;
margin:auto;
margin-right:6px;
background-color:#000000;
}

#port2{
float:left;
width:247px;
height:200px;
margin:auto;
background-color:#000000;
}

#sectortxt{
float:left;
height:430px;
width:1006px;
margin:auto;

padding-top:15px;
background-image:url(../images/WORKMAN1.jpg);
background-repeat:no-repeat;
background-position:90% 50%;

}

#footerbg{
position:relative;
margin:auto;
margin-top:20px;
height:58px;
width:auto;
background-image:url(../images/grey.jpg);
background-repeat:repeat-x;

}


#footer{
position:relative;
margin:auto;
height:58px;
width:1006px;
background-image:url(../images/foot.jpg);
background-repeat:no-repeat;
}

#footarea{
position:relative;
margin:auto;
height:141px;
width:1006px;
padding-top:20px;
background-color:#000000;
}

#footleft{
float:left;
margin:auto;
height:auto;
background-color:#000000;
}

#footright{
float:right;
margin:auto;
height:auto;
width:230px;
text-align:right;
background-color:#000000;
}

#footright2{
float:right;
margin:auto;
height:auto;
width:230px;
text-align:right;
background-color:#000000;
}


* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 400px;
    padding: 50px;
    background: white; 
    padding-bottom:100px;
    font: 14px/2.8 Georgia, Serif;
}

#focus-stealer      { position: absolute; left: -9999px; }


#flyout {float:left; padding:0; margin:20px 0 0 0; list-style:none; position:relative; width:340px;}
#flyout ul {padding:0; margin:0; list-style:none; width:340px; height:auto; background:url(../images/trans.gif); position:absolute; left:-9999px; top:0; }
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin-bottom:1px;}
#flyout li a {display:block; float:left; width:340px; height:24px; background:#000; color:#FFF; line-height:24px; font-family:arial, sans-serif; font-size:1em; text-decoration:none; text-indent:10px; margin-top:-1px;}
#flyout li a.fly {background:#000 url(../images/right-arrow.gif) no-repeat right center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; background-color:#000; color:#fff;}
#flyout li:hover > a {background-color:#c40; color:#fff;}

#flyout ul li a {background:#000;}
#flyout ul li a.fly {background:#000 url(../images/right-arrow.gif) no-repeat right center;}
#flyout ul ul li a {background:#000;}
#flyout ul ul li a.fly {background:#000 url(../images/right-arrow.gif) no-repeat right center;}
#flyout ul ul ul li a {background:#000;}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {background-color:#000; color:#fff;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:340px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a {background-color:#e60; color:#fff;}
#flyout ul ul li:hover > a {background-color:#e60; color:#fff;}

.main_content {
	float: left;
	height: 780px;
	width: 100%;
	background-color: #000000;
}
.admin_nav {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 1030px;
}