/* Superior Shuttles Styles css File */

body {
background: #FFFFFF;
margin: 0;
padding: 0;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.tbl1 {
width: 100%;
height: 126px;
background-image: url('images/bgtop.jpg');
background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding-top: 15px;
border-collapse: collapse;
}

.tbl2 {
width: 100%;
height: 70px;
background-image: url('images/bgtop2.jpg');
background-position: top left;
background-repeat: no-repeat;
margin: 0;
padding-top: 15px;
border-collapse: collapse;
}

#tbl2lft
{
 width: 161px;
 text-align: center;
 font-size: 0.8em;
 font-weight: bold;
 color: #FF0000;
 margin-left: 15px;
 margin-top: 10px;
}

#tbl2rt
{
width: inherit;
text-align: center;
color: #000000;
}

#tbl2rt h3
{
font-size:1.3em;
text-align: center;
}

.tbl2left
{
width: 291px;
height: 522px;
margin-left: 0;
margin-top: 0;
float: left;
border-collapse: collapse;
}

.tbl2left p
{
 font-size: 0.7em;
 font-weight: normal;
 text-align: left;
 color: #014F8F;
 margin-left: 15px;
 margin-top: 10px;
}

.navtbl
{
width: 100%;
height: 511px;
border-collapse: collapse;
}

.maindiv
{
width: 100%;
height: 511px;
background-image: url('images/bgmain.jpg');
background-position: top left;
background-repeat: no-repeat;

}

#navtbltd1{
width: 161px;
height: 511px;
vertical-align: top;
border-collapse: collapse;
}

#navtbltd2{
width: auto;
height: auto;
vertical-align: top;
border-collapse: collapse;
padding-left: 5px;
padding-right: 5px;
}

#navtbltd2 p{
font-size: 0.8em;
font-weight: normal;
text-align: justify;
color: #014F8F;
}

#navtbltd2 a:link, #navtbltd2 a:visited
 {
 text-decoration: none;
 background-color: none;
 }
 
 #navtbltd2 a:hover, #navtbltd2 a:active 
 {
 text-decoration: underline;
 color: #C91201;
 background-color: none;
 }

ul#mainnav {
 list-style-type: none;
 background-colour: transparent;
 font-size: 0.8em;
 display: block;
 margin-left: 0;
}

ul#mainnav li {
 text-decoration: none;
 text-align: left;
 margin-bottom: 15px;
}

ul#mainnav li a:link, ul#mainnav li a:visited 
{
 width: 115px;
 height: 30px;
 text-decoration: none;
 font-weight: bold;
 color: #000000;
 background: none;
}
 
ul#mainnav li a:hover,  ul#mainnav li a:active 
{
 width: 115px;
 height: 30px;
 text-decoration: none;
 font-weight: bold;
 color: #FFFFFF;
 background-image: url('images/navback.jpg');
 background-position: top left;
 background-repeat: no-repeat;
 }
 
 ul#mainnav ul
 {
 list-style-type: none;
 background-colour: transparent;
 display: block;
 }
 
 ul#mainnav ul li
  {
   font-size: 0.85em;
   margin-top: 0;

  
  }
  
 ul#mainnav ul li a:link, ul#mainnav ul li a:visited 
{
 text-decoration: none;
 font-weight: bold;
 color: #000000;
 background: none;
 margin-left: 0;
}

ul#mainnav ul li a:hover,  ul#mainnav ul li a:active 
{
 text-decoration: none;
 font-weight: bold;
 color: #FFFFFF;
 margin-left: 0;
 background-image: url('images/navback.jpg');

 }

.tbllft
{
 width: 139px;
 height: 511px;
 background-image: url('images/bglft2.jpg');
 background-position: top left;
 background-repeat: no-repeat;
 border-collapse: collapse;
}

#disp
{
 font-size: 0.7em;
 font-weight: normal;
 text-align: left;
 color: #014F8F;
}

.prodtbl
{
	width: 75%;
	height: 500px;
	margin-left: 0;
	margin-right: auto;
	margin-top: 10px;
}

.tblover h3 {
font-size: 1.5em;
font-weight: bold;
text-align: center;
color: #C91201;
margin-top: 15px;
}

.tblover p
{
font-size: 0.8em;
font-weight: normal;
text-align: justify;
color: #014F8F;
}

.tblovergall h3 {
font-size: 1.5em;
font-weight: bold;
text-align: center;
color: #C91201;
margin-top: 15px;
}

.tblovergall p
{
font-size: 0.8em;
font-weight: normal;
text-align: justify;
color: #014F8F;
}

#homeimg1
{
 width: 400px;
 height: 120px;
 z-index: 2;
 margin-left: 175px; 
}

#homeimg2
{
 width: 400px;
 height: 120px;
 z-index: 2;
 margin-left: 187px; 
}

ul#features1
{
list-style-type: none;
margin-top: 7px;
background: transparent;
}

ul#features1 li
{
font-size: 0.7em;
font-weight: normal;
text-align: left;
color: #014F8F;
}

ul#features2
{
list-style-type: none;
margin-top: 7px;
background: transparent;
}

ul#features2 li
{
font-size: 0.8em;
font-weight: normal;
text-align: left;
color: #014F8F;
}

.optxwrp
{
 width: 100%;
 height: auto;
 padding-left: 150px;
}

.optxtra
{
font-size: 0.8em;
font-weight: normal;
text-align: center;
color: #014F8F;
margin-top: -10px;
}

.optx
{
width: 20%;
height: 130px;
float: left;
z-index: 2;
margin-top: 5px;
padding-left: 5px;
}

#navtbltd2 #opthdln
{
 font-weight: bold;
 text-align: center;
}

.abtimg1
{
width: 131px;
height: 123px;
float: left;
margin-right: 10px;
}

.abtimg2
{
width: 167px;
height: 123px;
float: right;
margin-left: 10px;
}

.abtimg2 p
{
 margin-top: 15px;
 padding-left: 10px;
 padding-right: 10px;
}


.abtimg3
{
width: 23%;
height: 123px;
z-index: 2;
padding-left: 10px;
}

.prodtbl
{
width: 650px;
height: auto;
margin-left: 40px;
border-collapse: collapse;
}

.shutprod1
{
width: 140px;
height: auto;
float: left;
margin-top: 0;
/*padding-left: 30px;*/
}

.shutprod2
{
width: 140px;
height: auto;
float: left;
margin-top: 0;
/*padding-left: 30px;*/}

.shutprod3
{
width: 140px;
height: auto;
margin-top: 0;
float: left;
/*padding-left: 30px;*/}

.shutprod4
{
width:140px;
height: auto;
float: left;
z-index: 2;
margin-top: 0;
/*padding-left: 30px;*/
}

.shutprod1 img, .shutprod2 img, .shutprod3 img, .shutprod4 img
{
 border: solid 2px #014F8F;
}

.optx
{
width: 20%;
height: 130px;
float: left;
z-index: 2;
margin-top: 0;
padding-left: 0;
}


.gallery
{
 width: auto;
 height: auto;
 margin-left: 0;
 border-collapse: collapse;
}

.gallpic1
{
 width: 400px;
 height: 300px;
 margin-left: 0;
 border: 2px solid #014F8F;
}
 
 .gallpic1 img
{
  border: 1px solid red;
}
 
.gallpic2
{
 width: 100px;
 height: auto;
 border: 2px solid #000000;
 background-color: #CCCCCC;

}

.test
{
 width: 98%;
 height: auto;
 background: transparent;
 margin-left: 10px;
 border-bottom: 1px solid #014F8F;
}

#navtbltd2 .test p
{
font-size: 0.7em;
font-weight: normal;
text-align: justify;
color: #014F8F;
margin-bottom: 5px;
margin-top: 5px;
}

.quoteswrap
{
 width:100%;
 height: auto;
 float: left;
 background: transparent;
}

.testquotes
{
 width: 50%;
 height: auto;
 float: left;
 background: transparent;
 margin-left: 10px;
 margin-bottom: 7px;
 padding-bottom: 3px;
}

.testquotesimg
{
 width: 45%;
 height: auto;
 float: right;
 background: transparent;
 margin-left: 10px;
 margin-bottom: 7px;
 padding-bottom: 3px;
 text-align: center;
}

.testquotesimg img
{
 padding-left: 85px;
}

.testquotes p
{
font-size: 0.7em;
font-weight: normal;
text-align: justify;
color: #014F8F;
}

.tbl2mid
{
width: 312px;
height: 522px;
margin-left: 0;
margin-top: 0;
float: left;
background-image: url('images/bkgrndleft2.jpg');
background-position: top left;
background-repeat: no-repeat;
position: relative;
z-index: 1;
border-collapse: collapse;
}

 #brochlnk a:link, .brochlnk a:visited
 {
 text-decoration: none;
 background-color: none;
 }
 
 #brochlnk a:hover, .brochlnk a:active 
 {
 text-decoration: underline;
 color: #C91201;
 background-color: none;
 }

.footer {
  width: 100%;
  height: 61px;
  float: left;
  background-image: url('images/bgbottom.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  border-collapse: collapse;
  margin-top: 0;
  }
 
.footer p
 {
  font-size: 0.7em;
  font-weight: normal;
  text-align: center;
  color: #014F8F;
  margin-top: 10px;
 }