/*

This is Eric Meyer's CSS Reset. 

(http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)  It's pretty

harsh, but serves as a clear-all for browser-imposed CSS styles.  If you wish to

perform your own CSS reset, comment out this line.

*/



@import url("/css/reset.css");

a {

  color: #FFF;

}

p {

  padding: 0 0 13px 0;

}

th, td {

  padding: 5px;

}

label {

  clear: left;

  float: left;

  padding: 5px;

  text-align: right;

  width: 150px;

}

input {

  margin: 5px;

}

textarea {

  height: 150px;

  width: 550px;

  overflow: auto;

}



.center {

  margin: 0 auto;

  text-align: center;

}



#container {

    margin-left: auto;

    margin-right: auto;

    width:100%;

}



#footer {

    font-size:.7em;

	position:absolute;

	width:100%;

	bottom:0;

	left:0;

	display:block;

	color:#ccc;

	}





/* Some styles for 'cms/edit' */

/*

#edit_page_form {

  display: block;

  float: left;

}

.wmd-preview {

  border: thin solid;

  height: 190px;

  margin-left: 600px;

  overflow: auto;

  width: 550px;

}

*/



/* Styling for /login.php login form */

#login_form {

  margin: 0 auto;

  text-align: center;

  width: 350px;

}



body {

	background:url(../images/background.jpg) no-repeat top black;

	width:100%;

	color:white;

	font-family:Arial, Helvetica, sans-serif;

	font-size:.8em;

}

#main2 {

	position:absolute;

	top:0;

	width:100%;

	padding-bottom:80px;

}

#main {

	background: url(../images/headerrepeat.png) repeat-x top;

	width:100%;

	height:155px;

}



#line {

	background:url(../images/backgroundline.png ) repeat-x top;

	background-position:0px 0px;

	*background-position:0px -150px;

	height:100%;

	width:100%;

}



#logo:link, #logo:visited, #logo:active, #logo:hover {

	background:url(../images/gilbridelogo.png) no-repeat top;

	display:block;

	float:left;

	height:93px;

	margin-top:20PX;

	width:313px;

}



#topright {

	background:url(../images/topright.jpg) no-repeat top;

	float:right;

	margin-right:0;

	height: 32px;

	width:428px;

}



#topright ul {

	display:inline;

	}

	

#topright li {

	list-style-type:none;

	margin:0;

	padding:0;

	float:left;

	}

	



#socialnetworking {

	float:right;

	margin-right:0;

	height: 40px;

	margin-right:22px;

	margin-top:16px;

	width:308px;

}



#socialnetworking ul {

	display:inline;

	float:right;

	}

	

#socialnetworking li {

	list-style-type:none;

	margin-left:-5px;

	padding:0;

	float:left;

	}	



	

#topright a{overflow:hidden;display:block;padding-left:15px; }

a.topreservation:link, a.topreservation:active, a.topreservation:visited, a.topreservation:hover { background:url(../images/top_bookareservation.png) no-repeat top; height:15px; width:115px; margin-left:14px;  margin-top:10px; }

a.topfacebook:link, a.topfacebook:active, a.topfacebook:visited, a.topfacebook:hover { background:url(../images/top_facebook.png) no-repeat top; height:13px; width:115px;  margin-top:10px; }

a.topmailinglist:link, a.topmailinglist:active, a.topmailinglist:visited, a.topmailinglist:hover { background:url(../images/top_mailinglist.png) no-repeat top; height:14px; width:115px; margin-top:8px; }





#topwidth { 

	width:960px;

	text-align:right;

	}



#navigation {float:right; height:43px; margin-top:75px;width:641px;}



#navigation ul {

	display:inline;

	}

	

#navigation li {

	list-style-type:none;

	float:left;

	margin:0;

	padding:0;

	}

	

#navigation a{overflow:hidden;display:block;}

a.home:link, a.home:active, a.home:visited {background:url(../images/navigation.jpg) 0px 0px; height:42px;width:75px;}

a.home:hover {background:url(../images/navigation.jpg) 0 -43px;}

a.services:link, a.services:active, a.services:visited {background:url(../images/navigation.jpg) -75px 0px; height:42px;width:81px;}

a.services:hover {background:url(../images/navigation.jpg) -75px -43px;}

a.reservations:link, a.reservations:active, a.reservations:visited {background:url(../images/navigation.jpg) -156px 0px; height:42px;width:100px;}

a.reservations:hover {background:url(../images/navigation.jpg) -156px -43px;}

a.reviews:link, a.reviews:active, a.reviews:visited {background:url(../images/navigation.jpg) -256px 0px; height:42px;width:79px;}

a.reviews:hover {background:url(../images/navigation.jpg) -256px -43px;}

a.history:link, a.history:active, a.history:visited {background:url(../images/navigation.jpg) -335px 0px; height:42px;width:77px;}

a.history:hover {background:url(../images/navigation.jpg) -335px -43px;}

a.fleet:link, a.fleet:active, a.fleet:visited {background:url(../images/navigation.jpg) -412px 0px; height:42px;width:59px;}

a.fleet:hover {background:url(../images/navigation.jpg) -412px -43px;}

a.faq:link, a.faq:active, a.faq:visited {background:url(../images/navigation.jpg) -471px 0px; height:42px;width:47px;}

a.faq:hover {background:url(../images/navigation.jpg) -471px -43px;}

a.contactus:link, a.contactus:active, a.contactus:visited {background:url(../images/navigation.jpg) -518px 0px; height:42px;width:109px;}

a.contactus:hover {background:url(../images/navigation.jpg) -518px -43px;}



#contentpages {

	padding-top:165px;

	*padding-top:15px;

	width:930px;

	margin-left:15px;

	margin-bottom:10px;

}



#width { 

	width:960px;

	text-align:left;

	line-height:21px;

	display:block;

	}





.servicesbox {

	background:url(../images/servicesbox.png) no-repeat top;

	width:385px;

	height:140px;

	padding:20px 25px;

	margin-bottom:15px;

	margin-top:20px;

	margin-right:30px;

	float:left;

}



.servicesbox ul {

	display:block;

	width:180px;

}



.servicesbox li {

	margin-left:5px;

}



.clear {clear:both;}



.left {float:left;}

	

.right {float:right;}



h1 {

	font-size:1.2em;

	padding-bottom:20px;

}



.fleetbox {

	background:url(../images/fleetboxes.png) no-repeat top;

	margin-bottom:15px;

	width:890px;

	height:80px;

	padding:15px 20px;

	display:block

}



a.learnmore:link, a.learnmore:active, a.learnmore:visited {

	background:url(../images/button_learnmore.png) no-repeat bottom;

	background-position: 0px 0px;

	float:right;

	margin-top:47px;

	display:block;

	height:35px;

	width:120px;

}



a.learnmore:hover {

	background-position: 0px -35px;

}



.profilebox {

	background:url(../images/profilebox.png) no-repeat top;

	height:380px;

	width:880px;

	padding:25px 30px;

	display:block;

	position: relative;

}

#overlay {

  position: absolute;

  left: 28px;

  top: 63px;

}

.imageholder {

	float:left;

	margin:20px 30px 10px 0px;

}



#slideshow_button{

  position: absolute;

  left: 30px;

  top: 354px;

}

/************************************************************************************************* INDEX ***/



#front_page_slider {

  background: url(/images/rslider.png) no-repeat;

  height: 390px;

  width: 959px;

  clear: both;

}

/**********************pagination*/



/* reservations */

#pager_link_1 {

  background: url(/images/rotator_pager_reservations.png) no-repeat;

  width: 200px;

  height: 80px;

  display: block;

}

#pager_link_1.activeSlide {

  background: url(/images/rotator_pager_reservations_selected.png) no-repeat;

  width: 200px;

  height: 80px;

  display: block;

}

#button_printable {

  position: absolute;

  top: 30px;

  right: 0;

}

#reservations_h2 {

  position: relative;

}

/* specials */

#pager_link_2 {

  background: url(/images/rotator_pager_specials.png) no-repeat;

  width: 200px;

  height: 80px;

  display: block;

}

#pager_link_2.activeSlide {

  background: url(/images/rotator_pager_specials_selected.png) no-repeat;

  width: 200px;

  height: 80px;

  display: block;

}



/* mailing */

#pager_link_3 {

  background: url(/images/rotator_pager_mailing.png) no-repeat;

  width: 200px;

  height: 80px;

  display: block;

}

#pager_link_3.activeSlide {

  background: url(/images/rotator_pager_mailing_selected.png) no-repeat;

  width: 200px;

  height: 80px;

  display: block;

}



/* fleet */

#pager_link_4 {

  background: url(/images/rotator_pager_fleet.png) no-repeat;

  width: 200px;

  height: 80px;

  display: block;

}

#pager_link_4.activeSlide {

  background: url(/images/rotator_pager_fleet_selected.png) no-repeat;

  width: 200px;

  height: 80px;

  display: block;

}



#nav a{

  float: left;

  margin-right: 48px;

}

/*except the last one*/

#pager_link_4 {

  margin-right: 0 !important;

}

#nav {

  position: absolute;

  top: 295px;

}





#front_page_slider {

  position: relative;

}

.slideshow {

  position: absolute;

  top: 80px;

  right: 28px;

}

/******************end pagination*/







/************************************************************************************************* FAQ ***/



.faq_box{

  background: url(/images/faq_bkg.png) repeat-y;

  *background: #000;

  margin-bottom: 30px;

}



.faq_box h1{

  font-size: 20px;

  padding: 20px;

  font-weight: normal;

}

.faq_box p{

  color: #CCC;

  padding: 20px;

  padding-top: 0px;

}







/************************************************************************************************* REVIEWS ***/



.review {

  margin-bottom: 20px;

}



.review_top {

  background: url(/images/review_top.png) no-repeat;

  width: 924px;

  height: 17px;

}

.review_middle {

  background: url(/images/review_middle.png) repeat-y;

  width: 924px;

  height: auto !important;

}

.review_bottom {

  background: url(/images/review_bottom.png) no-repeat;

  width: 924px;

  height: 35px;

}



.review_middle p {

  background: url(/images/review_left.png) no-repeat;

  width: 890px;

  min-height: 33px;

  height: auto !important;

  margin-left: 20px;

  color: #CCC;

  font-size: 14px;

  font-style: italic;

}



.review_middle p span {

  width: 830px;

  display: block;

  margin-left: 45px;

  padding-top: 5px;

}

.review_middle h2 {

  background: url(/images/review_right.png) no-repeat;

  width: 890px;

  min-height: 33px;

  height: auto !important;

  padding-left: 65px;

  font-size: 12px;

  font-weight: normal;

  color: #BDBDBD;

}





/************************************************************************************************* CONTACT ***/



#contact_us {

  background: url(/images/contact_bkg.png) repeat-y;

  width: 930px;

  color: #CCC;

}



#contact_us table {

  margin-left: 50px;

  margin-top: 30px;

  float:left;

}

#contact_us input[type=text] {

  margin: 0;

  background: url(/images/input_bkg.png) no-repeat;

  border: none;

  padding: 8px;

  width: 233px;

}

#contact_us textarea {

  background: url(/images/textarea_bkg.png) no-repeat;

  padding: 8px;

  width: 490px;

  height: 120px;

  border: none;

  overflow: auto;

}

#contact_location {

  float: right;

  background: url(/images/contact_location.png) no-repeat;

  width: 205px;

  height: 280px;

  margin-right: 40px;

  margin-top: 20px;

  position: relative;

}

#location {

  position: absolute;

  top: 47px;

  left: 27px;

}

#phone {

  position: absolute;

  top: 122px;

  left: 27px;

}

#fax {

  position: absolute;

  top: 185px;

  left: 27px;

}

/************************************************************************************************* RESERVATIONS ***/



#reservations input[type=text] {

  margin: 0;

  background: url(/images/input_bkg.png) no-repeat;

  border: none;

  padding: 8px;

  width: 233px;

}

#reservations select {

  padding: 3px;

  margin-left: 2px;

}

#reservations {

  background: url(/images/contact_bkg.png) repeat-y;

  width: 930px;

  color: #CCC;

}



#reservations table {

  width: 822px;

  margin: 20px auto;

}

#reservations textarea {

  background: url(/images/textarea_comments.jpg) no-repeat;

  width: 803px;

  padding: 8px;

  height: 117px;

  border: none;

  overflow: auto;

}



/************************************************************************************************* ADMIN ***/



#admin_nav {

  width: 247px;

  min-height: 350px;

  background: url(/images/contact_bkg.png) repeat-y;

  border: 1px solid #333;

  color: #CCC;

  float: left;

}

#admin_nav a {

  text-align: center;

  display: block;

  width: 220px;

  margin: auto;

  padding: 3px 0;

  color: #CCC !important;

  text-decoration: none;

  background: #232323;

  border: 1px solid #292929;

}

.admin_btn {

  text-align: center;

  display: block;

  width: 220px;

  padding: 3px 0;

  color: #CCC !important;

  text-decoration: none;

  background: #292929;

  border: 1px solid #393939;

  margin: 4px;

}

#admin_box {

  color: #CCC;

  background: url(/images/contact_bkg.png) repeat-y;

  width: 640px;

  padding: 13px;

  min-height: 324px;

  float: right;

  border: 1px solid #333;

}

#admin_box a {

  color: #CCC !important;

}