/* CSS Document */

/* Code By Ali Yasin Beceren - yasinbec@gmail.com */

* { margin:0; padding:0; }

html{height:100%;/* background-image:url(images/bg_bottom.gif); background-position:bottom; background-repeat:repeat-y;*/}

body{
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#F6F6F6;
}

a:link { color: #000000; text-decoration: none;}

a:visited {color: #000000; text-decoration: none;}

a:hover {color: #900; text-decoration:underline; cursor: pointer;}

a:active {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#bg{ width:auto; height:auto; min-height:100%; background-color:#FFF; background-image:url(images/bg-01.png); background-position:top; background-repeat:no-repeat; }

#bg2{ width:auto; height:auto; min-height:100%; background-color:#FFF; background-image:url(images/bg-02.png); background-position:top; background-repeat:no-repeat; }

#main{ width:800px; /*height:700px;*/ margin:0 auto;}

#header{ width:800px; height:100px;}

.logo{ width:200px; height:90px; float:left; text-align:center; padding-top:10px;}

.info{
	width:240px;
	height:80px;
	float:left;
	padding-left:360px;
	padding-top:15px;
	font-weight:normal;
}

#navi{ width:802px; height:39px;}

#banner{ width:800px; height:400px;}

#s3slider {
   width: 800px; /* important to be same as image width */
   height: 390px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 390px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 13px Arial, Helvetica, sans-serif;
   font-style:italic;
   padding-bottom:30px;
   padding-left:63px;
   padding-top:20px;
   width: 800px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}  

#mainbody{ width:900px; height:166px; margin:auto; margin-top:15px;}

#mainbody2{ width:850px; height:730px; margin:auto; margin-top:0px;}

#mainbody3{ width:850px; height:1350px; margin:auto; margin-top:0px;}

#mainbody4{ width:850px; height:500px; margin:auto; margin-top:0px;}

#mainbody5{ width:850px; height:950px; margin:auto; margin-top:0px;}

#btop{
	background:url(images/bodyc-04.png) no-repeat top;
	height:64px;
	padding-left:480px;
	font-family: Optima, Lucida, "MgOpen Cosmetica", "Lucida Sans Unicode", sans-serif;
}

#btop2{ background:url(images/fleet-03.png) no-repeat top; height:64px; padding-left:360px;}

#bmiddle{
	background:url(images/bodyc-05.png) repeat-y;
	height:630px;
	font-family: Optima, Lucida, "MgOpen Cosmetica", "Lucida Sans Unicode", sans-serif;
}

#bmiddle2{ background:url(images/bodyc-05.png) repeat-y; height:1266px;}

#bmiddle3{background:url(images/fleet-04.png) repeat-y top; height:640px; padding:0px 25px 0px 35px;}

#bmiddle4{background:url(images/bodyc-05.png) repeat-y top; height:416px; }

#bmiddle5{background:url(images/fleet-04.png) repeat-y top; height:850px; padding:0px 25px 0px 35px; text-align:center;}

.leftmiddle{ width:215px; float:left; padding:0 25px 0 40px; text-align:center; font-weight:normal;}

.rigthmiddle{ width:530px; float:left; padding:0 35px 0 5px; text-align:justify; font-weight:normal;}

#rigthmiddle{ width:530px; float:left; padding:10px 35px 0 5px; text-align:justify; font-weight:normal;}

#table{ text-align:center; margin:0 auto;}

#bbottom{ height:20px; width:850px; background:url(images/bodyc-06.png) no-repeat; float:none;}

#bbottom2{ height:25px; width:850px; background:url(images/fleet-05.png) no-repeat top; float:none;}

.c1{ width:255px; height:165px; float:left; background-image:url(images/mainc-02.png); background-repeat:no-repeat;}

.c2{ width:390px; height:165px; float:left; background-image:url(images/mainc-03.png); background-repeat:no-repeat;}

.c3{ width:255px; height:165px; float:left; background-image:url(images/mainc-01.png); background-repeat:no-repeat;}

.text{text-align:justify; /*height:140px;*/ font-weight:normal; padding-top:60px; padding-left:35px; padding-right:35px;}

.photo{text-align:center;}

#footer{text-align:center; margin-top:5px;  padding-top:20px; /*height:140px;*/  background:url(images/bgbottom.gif) repeat-x;}

#footer_menu{font-size:11px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;}

.company{ margin-top:2px; font-size:11px;}

.socialmedia{margin-top:10px;}

#bg #mainbody3 #bmiddle .rigthmiddle p strong {	font-size: 13px;}

#bg #mainbody2 #bmiddle .rigthmiddle p strong {	font-size: 13px;}

#errors{font-size:11px;	font-weight:normal;	margin:5px; padding:5px;}

/*.rigthmiddle tr, td { text-align:right; align:center;}*/

textarea {border: 1px solid #cac9b9; width:338px; font-family:Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif; font-size:12px;}

textarea:hover {border: 1px solid #f00;}

input {border: 1px solid #cac9b9; height:25px; font-family:Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif; font-size:12px;}

input:hover {border: 1px solid #f00;}

form {text-align:center;}

#test{ text-align:center;}

.sernav{margin-left:45px; text-align:left;}

.sernav li{ list-style: square;}

button { border: none; background: url('/forms/up.png') no-repeat top left; padding: 2px 8px;}

button:hover {border: none; background: url('/forms/down.png') no-repeat top left;  padding: 2px 8px;}