/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	font-size: 100.01%;/* fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	background: #666;
}

/***** Begin laying out the wrappers *****/

#wrapper {
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	width: 700px;
	text-align: left;
	position: relative;/*set for the positioning of the nav*/
}


/***** Ends the wrappers *****/

/***** Begin laying out the headers *****/

#banner { /* this is the detail header image for each page */
	margin: 0 auto;
	width: 700px;
	height: 51px;
	text-align: center;
	background-image: url(images/topbg.jpg);
	background-repeat: repeat-x;
}

#navbanner { /* navigation buttons */
	margin: 0 auto;
	position: relative;
	text-align: center;
	background: #000;
}

/******* declarations for top image *****/


#topimage { /*home pge images */
	position: relative;
	width: 700px;
	height: 269px;
	background-color: #FFF;
	background-image: url(images/romantique_limo_hme.jpg);
	background-repeat: no-repeat;
}

#topimage2 { /*home pge images */
	position: relative;
	width: 700px;
	height: 269px;
	background-color: #FFF;
	background-image: url(images/sitemapback.jpg);
	background-repeat: no-repeat;
}
body.fleet #topimage { /*home pge images for fleet page */
	position: relative;
	width: 700px;
	height: 269px;
	background-color: #FFF;
	background-image: url(images/fleet_header.jpg);
	background-repeat: no-repeat;
}

body.contact #topimage { /*home pge images for fleet page */
	position: relative;
	width: 700px;
	height: 269px;
	background-color: #FFF;
	background-image: url(images/contact_header.jpg);
	background-repeat: no-repeat;
}

#photo-banner { /* banner with 3 smaller images */
	position: relative;
	width: 700px;
	text-align: center;
	clear: both;
}
/******* Begins content layout ***********/

#contentwrapper {
	background-color: #fff;
	padding: 0 0 0 0;
	width: 700px;
}

#logo { /*romantique logo on left */
	float: left;
	display: inline;
	width: 207px;
	height: 94px;
	margin-top: 265px;
	margin-left: 35px;
	background-color: #FFF;
	background-image: url(images/romantique_limousine_logo.gif);
	background-repeat: no-repeat;
}

#licenses {/* DOT license numbers */
	float: left;
	width: 100px;
	height: 79px;
	margin-top:265px;
	margin-left: 0px;
	padding-top: 15px;
	font-size: 65%;
	text-align: center;
	background-color: #FFF;
}

#licensesHme {/* DOT license numbers */
	float: left;
	width: 125px;
	height: 79px;
	margin-top:265px;
	margin-left: 0px;
	padding-top: 5px;
	font-size: 0.8em;
	text-align: center;
	background-color: #FFF;
	color: #87122B;
}

#openingPara { /* opening comments for each page sits top right next to topimage*/
	float: right;
	width: 260px;
	padding-top: 65px;
	padding-right: 30px;
	text-align: left;
	color: #666;
}

#openingPara ul, li, a {
	font-size: 95%;
	text-align: left;
	color: #666;
	list-style: disc inside;
} 

h1 {
	background: #000;
	font-size: 100%;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 125%;
	color: #FFF;
	Text-align: center;
	padding: 5px 0 5px 0;
}

p { 
	font-size: 90%;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
	color: #666;
}

.imgPad { /* gives v space and  h space to fleet images */
	padding: 10px 5px 10px 5px;
}

/* anchor links on fleet page */ 
#openingPara a {
	text-align: left;
	color: #666;
	text-decoration: underline;
}

#openingPara a:visited {
	color: #5F3A4C;
	text-decoration: none;
}

#openingPara a:hover {
	color: #87122B;
	text-decoration: none;
}

#openingPara a:active {
	color: #000;
}   /* end anchors on fleet pg */


/************ END TOP OF PAGE ITEMS *****************/

/********* BEGIN BOTTOM OF PAGE ITEMS UNDER 3 IMAGE BANNER ************/

#detailContent { /* WRAPPER FOR BOTTOM CONTENT */
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	position: relative;
	clear: both;
	width: 700px;
	background-color: #FFF;	
	text-align: center;
}

#detailContent h2 {
	font-family: Georgia;
	font-weight: normal;
	font-size: 125%; 
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	color: #87122B;
}

#detailContent p {
	text-align: left;
	color: #666;
}


#detailContent ul, li {
	text-align: left;
	font-size: 90%;
	color: #666;
	padding-left: 10px;
}

#detailContent ul {
	padding-bottom: 10px;
}

/* floats text either right or left on fleet images */

.right-element { 
	float: right;
	display: inline;
	padding: 10px 20px 10px 5px;
}

.left-element {
	float: left;
	display: inline;
	padding: 10px 5px 10px 20px;
}

/*end floats on fleet images */

.smalltext {
	font-size: 75%
}



 #border { /* puts a 1 px border around the table  in the detailContent Area*/
	margin: 5px 10px 10px 5px;
	background-color: #FFF;
	border: 1px solid #87122B;
	color: #666;
}

/* puts a bottom rule on the table cells
1px rule on bottom of each cell */
.bottomrule {
  margin-left:12px;
  margin-right: 12px;
  border-bottom : 1px solid #666;
}


.red {
	color: #87122B;
}
/****** Ends the content layout ********/


/***** footers *****/

#footer {
	/*height: 34px;*/
	clear: both;
	background-color: #87122B;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
   background-position: -1px 0;
	height: 52px;
}

#footer.creditcards {
	float: right;
	text-align: right;
}

#footer p {
	font-size: 70%;
	text-align: center;
	padding: 4px 23px 25px 0;
	color: #FFF;
	margin: 0 13px;
	
}

/* links on bottom and the email
link that shows where to mail */
.bottomlinks, .email {
	color: #FFF;
	text-align: center;
	padding-bottom: 10px;
}

.bottomlinks {
	font-size:80%;
	font-variant: small-caps;
}

.bottomlinks a, .email a {
	text-decoration: underline;
	color: #fff;
}

.bottomlinks a:visited, .email a:visited {
	text-decoration: none;
	color: #000;
}

.bottomlinks a:hover, .email a:hover {
	text-decoration: none;
	color: #CCC;
}




/***** Ends the footers ********/