/* 
Project : Cruising 4 Life
Author : Christopher Thrower
Date : Thursday, 26 March 2009
*/

body {
	background: #161b21 url('images/bg.jpg') repeat-x; 
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
}

/* Development */
div#Register {
	background: #262C34;
	border-bottom: #383E45 1px solid;
	text-align: center;
	padding: 5px;
	font-size: 11px;
	color: #fff;
}

/* General Styles */
div#wrapper {
	width: 745px; 
	margin: 0 auto;
}

th { 
	text-align: left; 
	padding: 5px 0;
}

td {
	padding: 5px;
}

form {
	margin: 0;
}

h1 {
	font-size: 16px; 
	color: #666;
	padding: 0 0 5px 0;
	border-bottom: #ddd 1px solid;
	margin: 5px 0 0 0;
}

h2 {
	font-size: 14px; 
	color: #666;
	padding: 0 0 5px 0;
	border-bottom: #ddd 1px solid;
	margin: 5px 0 0 0;
}

h3 {
	font-size: 14px; 
	color: #666;
	padding: 0 0 5px 0;
	font-weight: normal;
	border-bottom: #ddd 1px solid;
	margin: 5px 0 5px 0;
}

h4 {
	font-size: 12px; 
	color: #666;
	padding: 0 0 5px 0;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

h5 {
	font-size: 12px; 
	color: #666;
	padding: 0 0 5px 0;
	font-weight: normal;
	margin: 5px 0 5px 0;
}

h6 {
	font-size: 10px; 
	color: #666;
	padding: 0 0 5px 0;
	font-weight: bold;
	margin: 0;
}

p {
	padding: 0 10px 0 5px;
	margin: 5px 0 10px 0;
}

a { 
	text-decoration: none;
	color: #666;
}		a:hover { text-decoration: underline; color: #333; }

.button {
	background: #888; 
	border: #333 1px solid;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
}

.imageLeft {
	height: 170px;
	padding: 10px;
	border-bottom: #ddd 1px solid; 
}		.imageLeft img { margin-right: 5px; padding: 2px; border: #ddd 1px solid; width: 150px; height: 150px; }

.imageRight {
	height: 170px;
	padding: 10px;
	border-bottom: #ddd 1px solid; 
}		.imageRight img { margin-left: 5px; padding: 2px; border: #ddd 1px solid; width: 150px; height: 150px; }

.contactInput { background: #dadada; padding: 2px; border: #888 1px solid; width: 250px; }
.contactTextarea { background: #dadada; padding: 2px; border: #888 1px solid; width: 250px; font-size: 12px; }

/* Header Styles */
div#header {
	height: 40px; 
	padding: 10px;
}

div#logo {
	background: url('images/logo.jpg') no-repeat;
	width: 190px;
	height: 38px;
	float: left;
}		#logo span { display: none; }
		#logo a { display: block; width: 190px; height: 38px; }
		
div#colourChanger { 
	width: 128px;
	height: 31px;
	float: right;
}		#changeColour, #changeColour ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}		#changeColour a { background: url('images/colourchanger.jpg') no-repeat; display: block; width: 114px; height: 17px; color: #fff; text-decoration: none; padding: 7px; font-size: 14px; }
					#changeColour a:hover { background: url('images/colourchanger_hover.jpg') no-repeat; color: #333; }
				#changeColour li { float: left; width: 10em; }
				#changeColour li ul { 
					position: absolute;
					background: #87898c;
					width: 128px;
					margin: -9px 0 0 0;
					padding-top: 10px;	
					left: -999em; 
					z-index: 100;
				}		#changeColour li ul li a { background: #87898c; padding: 5px 10px; color: #fff; width: 108px; }
							#changeColour li ul li a:hover { background: #9a9b9c; }
						#changeColour li:hover ul, #changeColour li.sfhover ul { left: auto; }
	
/* Navigation Styles */
.nav {
	width: 222px;
	list-style: none outside;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 14px;
	z-index: 100;
}		.nav ul {
			margin: 0;
			padding: 0;
			list-style: none outside;
			float: right;
		}		.nav ul li { height: 33px; position: relative; display: inline; }
					.nav li a { background: url('images/nav.jpg') no-repeat; margin-bottom: 1px; display: block; width: 202px; height: 13px; padding: 10px; text-decoration: none; color: #e4e4e4; }
						.nav li a:hover { background: #474747; color: #888; }
						* html .nav ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
						display: inline-block; }
					.nav ul li ul { background: #4d4c4c; position: absolute; visibility: hidden; display: none; left: 0; width: 190px; }
					.nav ul li ul li ul { top: 0; right: 0; }
						.nav ul li ul li { padding: 5px; float: left; width: 160px; border-bottom: #666 1px solid;  }
							.nav ul li ul li a { background: url('images/nav.jpg') no-repeat; margin-bottom: 1px; display: block; width: 202px; height: 13px; padding: 10px; text-decoration: none; color: #e4e4e4;} 
						.ddshadow{ position: absolute; left: 0; top: 0; display: none;}
							.loginbutton span { display: none; }
								.downarrow { display: none; }
								.rightarrow { display: none; }
									.dropdown, .dropdown ul { 
										position: absolute;
										left: 0;
										top: 0;
										visibility: hidden;
										z-index: 100;
										background: #fff;
										border-top: #fff 1px solid;
										border-right: #fff 1px solid;
										border-left: #fff 1px solid;
										margin-top: -1px;
									}		
/* Slideshow Styles */
div#slideshow {
	height: 164px;
	position: relative;
	float: left;
	border-left: #fff 1px solid;
}		#slideshow img
			{ display: none; position: absolute; top: 0;	left: 0; border: 0; }

/* Content Styles */
div#top {
	background: url('images/topseperator.jpg') bottom repeat-x;
	height: 175px;
}

div#content {
	background: #fff url('images/content.jpg') repeat-y;
	width: 741px;
	overflow: hidden;
	border: #fff 1px solid;
	clear: both;
	padding-bottom: 10px;
}		div#left { width: 222px; float: left; clear: left; }
			.leftHeaders { background: url('images/leftheaders.jpg') no-repeat; width: 208px; height: 17px; color: #fff; font-weight: bold; font-size: 13px; padding: 8px; }
				.login { background: #c8c8c8; padding: 10px; }
					.loginInput { background: #dadada; padding: 2px; border: #888 1px solid; width: 120px; }
		div#right { width: 490px; float: right; margin-right: 15px; }

div#poll {
	padding: 10px;
}

div#forumPosts {
	padding: 5px; 
}

/* General Styles */
div#footer {
	padding: 10px;
}