/* ======================================================================= */
/* == Red Cab Co.  Master CSS file                                      == */
/* == Author: Kevin Leebroderick -- XHtML,CSS,Graphics                  == */
/* == Author URL:www.leebroderickweb.com                                == */
/* ======================================================================= */

/*-------- Defaults ------------------------------------------*/
*{margin:0; padding:0;}
html,body{margin:0; padding:0;}

body { 
margin:0 auto;
font: 1em Verdana, Arial, Helvetica, sans-serif; 
text-align: center; /* For IE */
min-width: 760px;
max-width: 1180px;
color:#333333;
background:#730918;
}

#header,#navigation,#content,#errorcontent, #column,#footer { overflow:hidden; display:inline-block; }

/* safari and opera need this */
#header,#footer {width:100%;}
#navigation,#content,#column {float:left}


/*-------- Container ---------------------------------------*/
div#container {
background-color:#FFFFFF;
border: 1px solid;
width:95%;
margin: 0 auto 20px;
margin-top:20px;
text-align: left; /* For IE */
}

/*------Header-------------------------------------------------*/

div#header h1 {
position: absolute;
font-size: 0px;
left: -1000px;
}

div#header img { border:0; padding:0; margin: 0 0 -3px 0; }


/*------Navigation-----------------------------------------------*/
div#navigation {width:20%; }

#navigation ul { margin: 0 10px; }
#navigation li { list-style:none; border-bottom: 1px solid #000000; }
#navigation li a { 
display: block;
border: 0;
color: #000000;
font-size: 1em;
font-weight: bold;
border-left: 20px solid #bbbbbb;
text-decoration: none;
text-align: right;
}

#navigation a:link, a:visited { color: #000000; }
#navigation a:hover { border-color: #730918; color: #730918; } 

#navigation h2 { 
margin:0 20px;
padding: 3px;
display:block;
font: 1.2em Broadway, Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #730918;
text-align:center;
}

/*------Subnav------------------------------------------------*/
div#subnav { margin:0; padding:0; } 
#subnav ul { margin:0 20px; }

#subnav li { list-style:none; padding:0; }

#subnav li a { 
display:block; 
font-size:.8em; 
font-weight: normal;
border-left:0;
}

#subnav a:link { background: url(cogs/navgreybullet.gif) no-repeat 0 50%; color:#000000; }
#subnav a:visited { background: url(cogs/navgreybullet.gif) no-repeat 0 50%; color:#000000; }
#subnav a:hover { background: url(cogs/navredbullet.gif) no-repeat 0 50%; color:#730918; }

/*------topofpage-----------------------------------------------*/
#topOfPageAnchor { top: 0; left: 0; height: 0; width: 0; }

/*------Content------------------------------------------------*/
div#content {width:55%; border: 1px solid; }

#content h1 { 
display:block; 
font: 2.5em Broadway, Verdana, Arial, Helvetica, sans-serif;  
color: #FFFFFF; 
background: #730918; 
padding: 5px 10px; 
}

#content h2 { 
clear:both;
display:block;
font: 1.5em Broadway, Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #730918;
padding: 5px 10px;
margin-bottom:10px;
}

#content img { float:right; margin:10px; border: 1px solid; }

#content h3 { padding:5px 10px; font-size:1.2em; }
#content h4 { padding:5px 10px; font-size:1em; }
#content h5 { padding:5px 10px; }
#content p { margin:0 10px 10px 10px; line-height:1.4em; }
#content ul { margin:0 0 10px; font-size:.9em; }
#content li { list-style:none;  background: url(cogs/bullet.gif) 10px 50% no-repeat; padding: 0 10px 3px 30px; }

#content .nobullet { margin:0 0 10px 0; padding:0; font-size: 1em; }
#content .nobullet li { list-style-type:none; background: url(cogs/nobullet) no-repeat; padding:0 10px; margin:0; } 

#content a:link {color:#000000; text-decoration: none; border-bottom:1px dashed; }
#content a:visited {color:#000000; text-decoration: none; border-bottom:1px dashed; }
#content a:hover {color:#730918; text-decoration: none; border-bottom:1px solid; }

#content .return {text-align:right; font-size:.8em;}
#content .return a:link { color:#666666; text-decoration: underline; border-bottom:0; }
#content .return a:visited { color:#666666; text-decoration: underline; border-bottom:0; }
#content .return a:hover { color:#730918; text-decoration: underline; border-bottom:0; }

.clear {clear:both;}

/*------tabcontonet-------------------------------------------------*/
/*-----tabcontonet CSS has been adapted from Dynamic Drive DHTML (http://www.dynamicdrive.com)---*/
#content .shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-weight:bold;
list-style-type: none;
text-align: center;
}

#content .shadetabs li{
display: inline;
margin: 0;
padding: 0;
}

#content .shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: #FFFFFF url(cogs/shade.gif) top left repeat-x;
}

#content .shadetabs li a:visited{
color: #2d2b2b;
}

#content .shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

#content .shadetabs li.selected{
position: relative;
top: 1px;
}

#content .shadetabs li.selected a{ /*selected main tab style */
background: #d9d9d9;
border-bottom-color: #d9d9d9;
}

#content .shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

#content .tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width:100%;
margin-bottom: 1em;
}

#content .tabcontent{
display:none;
}

@media print {
  .tabcontent {
  display:block!important;
  }
}

#content table {
width:100%;
margin-top:-2px;
}

#content th {
background: #d9d9d9;
}

#content td {
padding: 2px 0 2px 15px;
border-top:1px solid #666666;
}

#content .city { border-top:0; text-align:right; padding-right:5px; font-size:.9em; }
#content .price {border-top:0; }

#content .small { font-size:.8em;}
#content .small li { background: url(cogs/none); padding:0 10px 3px; }
/*------Column-------------------------------------------------*/
div#column {width:23.9%;}

#column h2 { font-size:.8em; }
#column p { font-size:.8em; }
#column img {margin-bottom: -3px; }


.frame { width: 80%; margin: 0 auto 20px; border: 1px solid; overflow:hidden; }
.frame h2 { padding:2px 5px; display: block; color:#FFFFFF; background: #730918; }
.frame p { padding:2px 5px 0 5px; }

.frame ul { margin:0; padding:0; font-size:.8em; }

.frame li { 
list-style:none; 
border-top: 1px solid; 
padding:3px;
 }

.frame li a { display:block; text-decoration:none; text-align:right; }

.frame a:link { background: url(cogs/greyplaneicon.gif) no-repeat 3px 50%; color:#000000; }
.frame a:visited { background: url(cogs/greyplaneicon.gif) no-repeat 3px 50%; color:#000000; }
.frame a:hover { background: url(cogs/redplaneicon.gif) no-repeat 3px 50%; color:#730918; }

.adframe { width: 80%; margin: 0 auto 20px; border: 1px solid; overflow:hidden; }
.adframe h2 { padding:2px 5px; display: block; color:#FFFFFF; background: #730918; }
.adframe p { padding:2px 5px 0 5px; }

.adframe ul { margin:0; padding:0; font-size:.8em; }

.adframe li { list-style:none; padding:3px; }

.adframe a:link { color:#000000; }
.adframe a:visited { color:#000000; }
.adframe a:hover { color:#730918; }

/*------Footer------------------------------------------------*/
div#footer {clear:left; width:100%; font-size:.8em;}
div#footer p {padding:15px 0 15px 300px;}
div#footer a:link{ color:#000000; text-decoration: none; border-bottom: none; }
div#footer a:hover { text-decoration: underline; }
