/* CSS Document */
html {  height:100%; margin:0px; padding:0px;  background-image: url(); background-repeat:repeat-x; background-position:top-right; background-color:#fff;}
body {  height:100%; margin:0px; padding-top:55px; background-image: url(); background-repeat:repeat-y; background-color:none;  background-position:bottom;  font-family:Arial, Helvetica, sans-serif; background-color:#fff;}

#container { margin-right:auto; margin-left:auto; padding:0px; width:966px;}

#logo { position:absolute; float:left; top:30px; width:141px; height:45; padding:0px;}

#nav { width: 966px; height:20px;  margin-bottom:0px; }
#nav-top { border:0px; border-style:solid; border-right:0px; border-color:#cdcdcd; float:right; background-color: #cdcdcd; margin-left:0px; margin-top:0px; margin-bottom:0px; width:966px;}

ul {list-style:none; margin:auto; padding:0px; }
ul.point {list-style: none;  padding:0px; font-size:11px;}
li {float:right; padding:1px; width:131px; text-transform: uppercase; border-color:#cdcdcd;}
li.main {background-image:url(images/menu-gray.jpg); background-repeat:repeat; float:right; padding:1px; background-color:#fff; width:154px; text-transform: uppercase; border-color:#cdcdcd; border-right-width:1px; border-right-style:solid;}
li.mid { float:left; list-style:none; text-transform: uppercase; background-color:a8c493;}
li.mid-text {list-style: disc; padding-left: 0px; text-align:left; color:#949494; float:right; text-transform:none; width:320px; background-color:a8c493;}
li.contact {padding-left: 0px; text-align:left; color:#949494; float:right; text-transform:none; width:320px; background-color:a8c493;}
li.bottom {background-image:url(images/menu-gray.jpg); text-align:center; background-repeat:repeat; padding:0px; float:right; height:23px; background-color:#fff; width:125px; text-transform: uppercase; border-color:#cdcdcd; border-left-width:1px; border-right-style:solid; border-right-width:1px;}

#mid {border-color:#666666; border-bottom-width:0px; border-bottom-style:solid; background-image:url(); background-repeat: no-repeat; width: 966px; min-height:400px; background-color: #fff; margin-bottom:0px; margin-top:0px; z-index:3; position:absolute; float:left;}
#mid-nav { background-image:url(images/mid-nav.png); background-repeat:no-repeat; float:left; width: 214px; height: 400px; z-index: 10; position:absolute;	}
#mid-sub { margin-top:0px; margin-left:0px; float:left; background-color:#bcbec0; border:0px; border-style:solid; border-color:#FFFFFF; width:966px; height:400px; z-index: 5; position:absolute;}
#mid-info { margin-top:10px; padding-left:10px;}
#mid-text {border:solid; border-color:#ababab; border-width:1px;  width:360px; padding:10px; text-align:left; background-color:#fff; min-height:360px; float:right;}
#mid-text-case { border:solid; border-color:#ababab; border-width:1px; width:450px; padding:10px; text-align:left; background-color:#fff; min-height:360px; float:right; font-size:11px;}
#mid-text-about {overflow:scroll; border:solid; border-color:#ababab; border-width:1px; width:450px; padding:10px; text-align:left; background-color:#fff; height:370px; float:right; font-size:11px;}
#mid-text-shif { border:solid; border-color:#ababab; border-width:1px; width:500px; padding:10px; text-align:left; background-color:#fff; min-height:360px; float:right; font-size:11px;}
#mid-text-andrew { border:solid; border-color:#ababab; border-width:1px; width:455px; padding:10px; text-align:left; background-color:#fff; min-height:360px; float:right; font-size:11px;}
#mid-text-port { border:solid; border-color:#ababab; border-left:none; border-width:1px; width:790px; padding:10px; text-align:left; background-color:#fff; min-height:360px; float:right; font-size:11px;}

#mid-img { width:0px; float:left; margin:0px; padding:0px;}

/*#bottom-sub {margin-top:377px; margin-left:214px; background-color:#8dab7d; width:752px; height:23px; z-index:4; position:absolute;} /*keeps Slider in place*/
#bottom-sub {margin-top:377px; margin-left:165px; background-color:#1a3c61; width:802px; height:23px; z-index:4; position:absolute;} /*keeps Slider in place*/
#bottom-text {	text-align:center; margin-top:3px;}	
#tagline { margin-top:0px; padding:3px;}
img { border:none;}

a:link { text-decoration:none; color:#fff; font-size:11px; }
a:visited { text-decoration:none; color:#fff; font-size:11px; font-weight:bold; }
a:hover { text-decoration:none; color:#fff; font-size:11px; }
a:active { text-decoration:none; color:#929292; font-size:11px; }

a.body:link { text-decoration:none; color:#1a3c61; font-size:11px; }
a.body:visited { text-decoration:none; color:#1a3c61; font-size:11px; font-weight:bold; }
a.body:hover { text-decoration:none; color:#1a3c61; font-size:11px; }
a.body:active { text-decoration:none; color:#929292; font-size:11px; }

h1 { text-align:center; letter-spacing:2px; padding-left:0px; padding-top:0px; margin:0px; font-size:12px; color:#666;}
h2 { text-align:left; padding-left:0px; padding-top:0px; font-size:13px; color:#fff; margin-top:0px; margin-bottom:0px;}
h3 { text-align:left; padding-left:0px; padding-top:0px; font-size:11px; color:#1a3c61; margin-top:0px; margin-bottom:0px;}
h4 { text-align:left; padding-left:0px; padding-top:0px; padding-bottom:25px; font-size:13px; color:#666; margin-top:0px; margin-bottom:0px;}
h5 { text-align:center; letter-spacing:2px; padding-left:0px; padding-top:0px; margin:0px; font-size:9px; color:#999999;}

p {font-size:11px; font-style:normal; text-decoration:none; line-height:15px; color:#666;}

#portrait { position:relative; top:10px; float:right; margin-right:10px; padding-left:10px; padding-bottom: 10px;}

label { padding:3px; font-size:11px; color:#666;}

#arrow-left { position:absolute; height:13px; width:15px; margin-left:15px;}
#arrow-right { position:right; height:13px; width:15px;  float:right; margin-right:15px; margin-top:-15px;}

#footer {text-align: left; margin-top: 415px; padding-top:0px; font-size:11px; color:#666666;}

/*slider css*/
#slider {
    width: 311px; /* important to be same as image width */
    height: 400px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1, #slider2 {
    width:311px; /* important to be same as image width */
    height: 400px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent, #slider1Content, #slider2Content {
    width: 311px;
    position: absolute;
	top: 0;
	margin-left: 0;
	left:0;

padding: 0px;
}
.sliderImage, .slider1Image, .slider2Image {
    float: left;
    position: relative;
	display: none;
	width:311px;
}


.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span, .slider2Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 12px;
}
.top {
	top: 0;
	left: 0;
	width:410px;
}
.bottom {
	bottom: 0;
    left: 0;
	width:311px;

}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}