/* --------------------------------------------- */ 
/*	Bristol Yacht Charter									       */
/*	Build start date: 21/05/2009                 */
/* --------------------------------------------- */

/* --------------------------------------------- */
/* KEY                                           */
/* --------------------------------------------- */
/* 1.	General Setup                              */
/* 2.	SkipLinks                                  */
/* 3.	Typography		                             */
/* 4.	Wrapper                                    */
/* 5.	Navigation                                 */
/* 6.	Footer		                                 */
/* --------------------------------------------- */


/* --------------------------------------------- */
/* 1. General Setup                              */

body { font: 100% arial, 'lucida grande',georgia, arial,helvetica,sans-serif; background: #000 url(/a/img/global/compass.gif) no-repeat 50% -90px; padding: 0; margin: 0; color: #FFF; }

.offScreen { position: absolute; left: -5000px; }

/* --------------------------------------------- */
/* 2. Skip Links	                               */

	#skipLinks,
	#styleSheetSwitcher { padding: 0; position: absolute; right: 0px; top: -500em; /* This needs a width, height and overflow hidden to stop IE5 MAC from doing horizontal scroll */ }

	#skipLinks a:active,
	#skipLinks a:focus { position: absolute; top: 500.25em; right: 0.25em; z-index: 5; white-space: nowrap; color: #000; background: #FFF; border: 2px solid red; padding: 3px; }

h1 { font-size: 1.666em; margin: 10px 0 0 0; }
p a, p a:Link, p a:visited {
	color:#FFF;
}
/* --------------------------------------------- */
/* 4. Wrapper                                    */

#identity { background: url(/a/img/global/logo.png) no-repeat 0 0; width: 734px; height: 150px; }
	#identity a { display: block; width: 734px; height: 150px; }

body#home h1 { width: 166px; height: 39px; background: transparent url(/a/img/home/welcome.png) no-repeat 0 0;}
body#contact h1 { width: 118px; height: 39px; background: transparent url(/a/img/contact/contact.png) no-repeat 0 0;}
body#about h1 { width: 185px; height: 39px; background: transparent url(/a/img/about/rexSaville.png) no-repeat 0 0;}
body#boat h1 { width: 171px; height: 39px; background: transparent url(/a/img/boat/theBoat.png) no-repeat 0 0;}
body#sailing h1 { width: 203px; height: 63px; background: transparent url(/a/img/sailing/theSailing.png) no-repeat 0 0; margin-bottom: -25px;}
body#bristolChannel h1 { width: 339px; height: 39px; background: transparent url(/a/img/bristolChannel/theBristolChannel.png) no-repeat 0 0;}

.wrapper { text-align: left; font-size: 0.75em; width: 960px; margin: 0 auto; }
.page { min-height: 768px; }

#window { position: relative; clear: both; }
#copyArea { position: absolute; top: 20px; left: 60px; width: 320px; font-size: 1.1em; line-height: 1.25em;}
#copyAreaSailing { position: absolute; top: 20px; left: 60px; width: 320px; font-size: 1.1em; line-height: 1.25em;}
#copyAreaSailingTable { position: absolute; top: 52px; left: 445px; width: 420px; font-size: 1.1em; line-height: 1.25em;} /* I know rubbish quick fixes */

h2 { font-size: 1.2em; margin: 0; font-weight: normal; }

table { border: 0; padding: 0; }
	table tr td { padding: 5px 10px 5px 0; }
body#home #copyArea { font-size: 1.25em; width: 280px; }
#navBox { margin-top: -20px; float: right; }
	ul#nav { list-style-type: none; margin: 0; padding: 8px 0; overflow: hidden;  width: 100%; }
		ul#nav li { margin:0; padding:0; position:relative; overflow:hidden; height: 22px; float: left; }
			ul#nav li a { height: 22px; display: block; padding: 0 10px; text-decoration: none; color: #597D94;}
				ul#nav li.active a,
				ul#nav li a:hover { color: #8FB7D0; }

#footer { clear: both; padding: 20px 0; overflow: hidden; color: #FFF; }
	#footer .innerWrapper { text-align: left; overflow: hidden; padding: 50px 10px 0 10px; font-size: 0.875em; color: #666;}
	
#usefulLinks { overflow: hidden; float: left; width: 500px; }
	#usefulLinks h4 { float: left; margin: 0 20px 0 0; padding: 0; font-size: 1em; }
	#usefulLinks ul { list-style-type: none; float: left; margin: 0; padding: 0; }
		#usefulLinks ul li { margin: 0; float: left; }
			#usefulLinks ul li a { padding: 0 10px; color: #aaa; text-decoration: none; }
				#usefulLinks ul li a:hover { color: #FFF; }

p#copyright { float: right; margin: 0; }

#galleryContainer { width: 960px; height: 446px; position: relative;}
#gallery { }
a#prev { background: url(/a/img/gallery/nav/leftArrow50.png) no-repeat 20px 50%; display: block; position: absolute; left: 0; top: 0; z-index: 9999; height: 472px; width: 300px;}
a#next { background: url(/a/img/gallery/nav/rightArrow50.png) no-repeat 249px 50%; display: block; position: absolute; right: 0; top: 0; z-index: 9999; height: 472px; width: 300px;}

a#prev:hover { background-image: url(/a/img/gallery/nav/leftArrow.png); border: 1px solid #f00;}
a#next:hover { background-image: url(/a/img/gallery/nav/rightArrow.png); border: 1px solid #f00; }

ul#contactdetails { list-style-type: none; margin: 0; padding: 0; }
	ul#contactdetails li { margin: 5px 0; font-weight: bold; }
		ul#contactdetails li a { color: #FFF; text-decoration: none; }
			ul#contactdetails li a:hover { color: #7fb2d3; }