/* ------------------------------------------
project:	Crew
author:		Chris Peak, feelingpeaky.com
date:		19/09/2006
------------------------------------------ */

html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; background:  url("../img/e_bg.png") 50% 0 no-repeat; color: #430100; }
body, input, textarea, select, option { font: 13px/20px "Trebuchet MS",Arial,Helvetica,sans-serif; }

/* ELEMENTS
-------------------------------------*/
form { display: inline; }
img { border: 0px; }
hr { border: none; color: #f3f3f3; background: #f3f3f3; height: 1px; margin: 6px 0 10px !important; margin: -3px 0 4px; }

p {
	margin: 0 0 20px;
	padding: 0;
	font-size: 110%;
	line-height: 130%;
}
p:hover a { text-decoration: underline; }

/* ANCHORS
-------------------------------------*/
a {	color: #D63035; text-decoration: none; }
a:hover { color: #430100; text-decoration: underline; }

/* HEADERS
-------------------------------------*/
h1 { margin: 0 0 10px; padding: 0; font: normal 22px Arial,Helvetica,sans-serif; color: #430100; }
h2 { margin: 0; padding: 0; font: bold 12px "Trebuchet MS",Arial,Helvetica,sans-serif; color: #05a0c6; text-transform: uppercase; }

/* LAYOUT
-------------------------------------*/
#root {
	width: 718px;
	margin: 0 auto;
}
/* #header {background: #430100;}*/
 #header {background: #ffffff;}
 #logo { width: 718px; height: 177px; margin: 0px; background: url(../img/logo3.gif) no-repeat; }
  #logo a {
	display: block;
	width: 718px;
	height: 177px;
	text-indent: -10001px;
	border: 0;
} 
 #logo h1 {
 margin:0px;
 }
 #nav { list-style: none; height: 42px; margin: 0; padding: 0px 0 0 15px; border-top: 1px solid #66C7C3; border-bottom: 4px solid #ffffff; background: #66C7C3; }
  #nav li { float: left; }
   #nav li a { float: left; padding: 18px 12px 0; background:  url("../img/e_bg_nav.gif") 100% 13px no-repeat; color: #fff; text-transform: lowercase; }
   #nav li.first a { background: none; }
   #nav li a:hover { padding: 0 12px 18px; background-position: 100% 3px; text-decoration: none; } 
   #nav li.current a { padding: 0 12px 18px; background-position: 100% 3px; text-decoration: none; } 
 #content {
	position: relative;
	padding: 25px 330px 25px 25px;
	background-color: #FFFFFF;
}
  #side { position: absolute; right: 0; top: 35px; width: 124px; padding: 8px 0 0 22px; background:  url("../img/e_bg_side.jpg") 0 0 no-repeat; }
   #side strong { display: block; color: #fff; text-transform: lowercase; }
   #side ul { list-style: none; margin: 18px 0 0; padding: 0; }
    #side ul li { padding: 3px 0 3px 20px; border-bottom: 1px solid #eaeaea; font: 11px normal Arial,Helvetica,sans-serif; } 
     #side ul li a { color: #333333; }
     #side ul li a:hover { color: #71cdde; }
     #side ul li.current a { color: #71cdde; }
 #footer { padding: 5px 25px 20px; border-top: 1px solid #e6ebde; }
  #footer p { position: relative; color: #a8b2af; }
   #footer p a { color: #a8b2af; }
   #footer p a:hover { color: #333; }
   #footer p span { position: absolute; right: 0; top: 0; } 

/* ELEMENTS
-------------------------------------*/
h1.home { }
 h1.home span { display: block; padding-left: 20px; }

#front { position: absolute; right: 25px; top: 60px; }

ul.photos { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.photos li { display: inline; } 
  ul.photos li img { padding: 5px; } 

ul.faqs { list-style-type: square; color: #98ca45; font-size: 110%;}
 ul.faqs li { color: #98ca45; }

ol.ordered { color: #333333; }
 ol.ordered li { color: #333333; margin-bottom: 10px; font-size: 110%;}

ul.bullets { list-style-type: square; color: #333333; }
 ul.bullets li { color: #333333; margin-bottom: 10px; font-size: 110%; }.quotes {
	font-style: italic;
	color: #FAA61D;
}