@charset "utf-8";
/* CSS Document */

html { background-color: #000000; }
body{ margin: 0 auto; text-align: left; background-color: #000000; }

p {
	line-height: 18px;
	margin-bottom: 15px;
}
a:link, a:visited {
	color: #7e1e27;
	text-decoration: underline;
}

a:hover, a:visited:hover {
	color: #50080f;
text-decoration: underline;
}
h1, h2, h3 { font-family: Arial; }

h1 { color: #000000; font-size: 28px; line-height: 28px; font-weight: normal; }

h1.red { color: #8e252f; font-size: 28px; line-height: 28px; font-weight: normal; }

.red { color: #8e252f; font-size: 28px; line-height: 28px; font-weight: normal;}

h2 { color: #001547; font-size: 24px; font-family: arial; line-height: 24px; font-weight: normal;}

h2.red { color: #ce4753; font-size: 24px; font-weight: normal; font-family: arial; line-height: 24px; }

h3 {  color: #8e252f; font-size: 18px; font-family: arial; line-height: 18px; }

h3.white { color: #ffffff; font-weight: normal; font-size: 18px; font-family: arial; line-height: 18px;  }

h3.white a, h3.white a:visited {color: #754f01; text-decoration: underline; }
h3.white a:hover, h3.white a:visited:hover {color: #754f01; text-decoration: underline; }

#header_home { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/waikiki.jpg') no-repeat center top;
margin-top: 25px;
}

#header_suv { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_fleet4.jpg') no-repeat center top;
margin-top: 25px;
}

#header_rates { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_rates.jpg') no-repeat center top;
margin-top: 25px;
}

#header_contact { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_contact.jpg') no-repeat center top;
margin-top: 25px;
}

#header_about { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_about.jpg') no-repeat center top;
margin-top: 25px;
}

#header_car { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_fleet3.jpg') no-repeat center top;
margin-top: 25px;
}

#header_limo{ width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_fleet2.jpg') no-repeat center top;
margin-top: 25px;
}


#header_fleet { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_fleet.jpg') no-repeat center top;
margin-top: 25px;
}

#header_terms { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_terms.jpg') no-repeat center top;
margin-top: 25px;
}

#header_reservations { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_reservations.jpg') no-repeat center top;
margin-top: 25px;
}

#header_photos { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_photos.jpg') no-repeat center top;
margin-top: 25px;
}

#header_packages { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_packages.jpg') no-repeat center top;
margin-top: 25px;
}

#header_tours { width: 100%;
height: 412px;
z-index: 1;
background: url('/images/site/arthurs_tours.jpg') no-repeat center top;
margin-top: 25px;
}




#navframe {  height: 125px; width: 990px; z-index: 25; position: relative; top: -15px; margin: 0 auto; background: url('/images/site/arthurslimousine.png') no-repeat center top;}

#navframe #topinfo .logolink { position: absolute; 
		top: 25px; 
		left: 25px; 
		width: 189px; 
		height: 58px; 
		
		 z-index: 26; }

#navframe #topinfo { width: 975px;  margin: 0 auto; }



#navframe #topinfo #copy {text-align: right; padding-right: 18px; padding-top: 4px; }

.red { color: #ce4753; font-size: 24px; font-weight: normal; font-family: arial;  }

.social {  position: relative; top: 3px; padding-left: 10px;}
#navframe #topinfo #navbar {   position: relative; left: 230px; top: 29px; height: 36px; width: 700px;  }

#navbar2 { height: 36px; width: 975px;}
#navbar2 #nav_wrapper {
		width: 685px;
		margin-left: 235px;
margin-top: 29px;
		text-align: left;
		height: 36px;}

			 

#vehicle_wrap { width: 975px; margin: 0 auto; position: relative; top: -80px; z-index: 7; }

#vehicle_wrap #vehicle {  position: absolute; top: -150px; left: 625px;  }

#wrapper {  width: 975px; margin: 0 auto; z-index: 2; position: relative; top:-90px; border: 1px solid #d1d1d1;  }

#container4 {
    float:left;
    width:100%;
    background: #ffffff;
    overflow:hidden;
    position:relative;
	border: 1px solid #d1d1d1; 
	z-index: 2;
	
}


#container3 {
    float:left;
    width:100%;
    background: #d79723;
    overflow:hidden;
    position:relative;
	border: 1px solid #d1d1d1; 
	z-index: 2;
}


#container2 {
    float:left;
    width:100%;
    position:relative;
    right:240px;
	z-index: 4;
	background-color: #ffffff;
}
#container1 {
    float:left;
    width:100%;
    background: url('/images/site/right_divide.gif') no-repeat right top #ffffff;
    position:relative;
    right:495px;
	z-index: 3;
	
}
#col1 {
    float:left;
    width:204px;
    position:relative;
    left:77%;
    overflow:hidden;
	padding-top: 20px;
	
}

#col1 #col1_divider { background: url('/images/site/right_bottom.gif') no-repeat center bottom; }
#col2 {
    float:left;
   width: 44%;
    position:relative;
    left:82%;
    overflow:hidden;
	padding-top: 20px;
}
#col2 ul, #col4 ul { list-style-type: disc; margin-left: 25px; margin-top: 10px; }
#col2 ul li, #col4 ul li { list-style-type: disc; margin-left: 25px; margin-top: 10px; }

#col2 ol, #col4 ol { list-style-type: decimal; margin-left: 25px; margin-top: 10px; }
#col2 ol li, #col4 ol li { list-style-type: decimal; margin-left: 25px; margin-top: 10px; }
#col3 {
    float:left;
    width:200px;
    position:relative;
    left:88%;
    overflow:hidden;
	padding-top: 55px;
}



.sep { padding-top: 5px; padding-bottom: 12px; text-align: center;}

.right_pic { text-align: center; }

#col4 {
    float:left;
    position:relative;
    overflow:hidden;
	padding-top: 20px;
	padding-left: 15px; padding-right: 15px;
	padding-bottom: 10px;
	
}


#page-content					{float: left; width: 428px; line-height: 1.5;}
#page-content ul li				{list-style: inside disc; list-style-position: outside; margin: .1em 0em .1em 2em;}

.fieldtext {
	color: #333333;
	font-family: Arial, Tahoma, Verdana;

padding-top: 6px;
padding-bottom: 6px;
}

.field1 {
	background: #FBFBFB;
	color: #666666;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	padding: 6px;
	width: 400px;
	border: 1px solid #CCCCCC;
}
.field2 {
	background: #FBFBFB;
	color: #666666;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	padding: 6px;
	width: 195px;
	border: 1px solid #CCCCCC;
}
.field3 {
	background: #FBFBFB;
	color: #666666;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	padding: 6px;
	width: 380px;
	border: 1px solid #CCCCCC;
}

.field4 {
	background: #FBFBFB;
	color: #666666;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	padding: 6px;
	width: 195px;
	border: 1px solid #CCCCCC;
}

#btn_submit { padding: 5px; } 
#footer { width: 975px; margin: 0 auto; background-color: #000000; position: relative; top: -80px;  }

#footer .copyright {  color: #ffffff; font-size: 12px; position: relative; top: 10px; text-align: center; font-family: arial;}

#footer a:link, #footer a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#footer a:hover, #footer a:visited:hover {
	color: #ffffff;
text-decoration: underline;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.clear {
	clear: both;
	display: inline-block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}