/* CSS Styles */

@import url('reset.css');

body {
	background:#000;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
}

/** Basic Styles **/

#sidebar ul li, #content ul li {
	list-style-image:url('../img/ul_bullet.gif');
	margin-left:16px;
	line-height:16px;
}

/** Containers **/

#wrapper {
	border:1px solid #F00;
	width:1024px;
	margin:0 auto;
	position:relative;
}

#header {
	width:100%;
	height:155px;
	background:#F00;
	position:relative;
}

/** Subheader **/

#subheader {
	position:relative;
	width:100%;
	height:65px;
	background:#F00 url('../img/subheader_gallery.jpg') top left no-repeat;
}

#subheader h1 {
	position:absolute;
	left:40px;
	top:6px;
}

#subheader p {
	position:absolute;
	left:264px;
	top:20px;
	margin-right:10px;
	font-style:italic;
}
	
/** Menu **/

#menu {
	position:absolute;
	top:121px;
	right:11px;
	z-index:20;
}

#menu li {
	float:left;
	margin-left:6px;
}

/** Sidebar elements / Subheader **/

#sidebar {
	background:#8c9ca5 url('../img/sidebar_bg.jpg') top left no-repeat;
	float:left;
	width:331px;
	border-right:1px solid red;
}

#sidebar h1, #sidebar p, #sidebar ul, #sidebar ol {
	margin-left:40px;
	margin-right:22px;
}
#sidebar h1 {
	margin-top:29px;
	margin-bottom:22px;
}
#sidebar p {
	color:#333;
	margin-top:15px;
	margin-bottom:15px;
	line-height:15px;
}

#sidebar p.emphasis {
	color:#c33;
	font-weight:bold;
	font-style:italic;
}

#sidebar a, #sidebar a:visited {
	color:#c03;
}

/** Content elements **/

#content h2, #content form {
	margin-left:40px;
	margin-right:22px;
}

#content h2 {
	margin-top:29px;
	margin-bottom:22px;
}

#content {
	position:relative;
	float:right;
	width:692px;
}

#brand-logos {
	position:absolute;
	bottom:0;
	left:0;
}

img#about-bikes {
	position:absolute;
	bottom:0;
	left:0;
}

/** Sidebar and content height definitions **/

.home-content, .about-content, .workshop-content, .contact-content, .bike-content {
	height:567px;
}

#content.contact-content {
	background:url('../img/contact_bg.jpg') top left no-repeat;
}

#content.about-content {
	background:url('../img/about_bg.jpg') top left no-repeat;
}

#content.workshop-content {
	background:url('../img/workshop_bg.jpg') top left no-repeat;
}

#content.bike-content {
	background:url('../img/gallery_bg.jpg') bottom right no-repeat;
	text-align:center;
}

#content.bike-content img {
	border:1px solid #AD1216;
}

#content.bike-content img#main-img {
	margin-top:50px;
}

/** Misc content styles **/

#content.about-content ul li, #content.about-content p {
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
}

#content.about-content ul {
	margin-top:26px;
	margin-left:39px;
}

#content.about-content p#about-slogan {
	position:absolute;
	left:39px;
	bottom:195px;
	font-style:italic;
}

#bike-details p {
	clear:both;
}

#bike-details p span {
	float:right;
}

#bike-details p#price {
	font-weight:bold;
}

#bike-details p#price span {
	font-size:14px;
	color:#c03;
}

/** Gallery / For Sale styles **/

#gallery-container {
	background:url('../img/gallery_bg.jpg') center left no-repeat;
	padding:5px 33px 5px 38px;	
}

#gallery-container:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

#gallery-container {
	display:inline-block;
}

#gallery-container {
	display:block;
}

#gallery-container a, #gallery-container a:visited {
	color:#c03;
}

#gallery-container p.pagination {
	padding:5px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	margin-top:10px;
	clear:both;
	font-weight:bold;
}

#gallery-container div.gallery-img {
	float:left;
	margin:10px 14px 10px 0;
	width:224px;
	height:204px;
	background:#8c9ca5 url('../img/gallery_img_box.jpg') top left no-repeat;
	position:relative;
}

#gallery-container div.gallery-img img {
	position:absolute;
	top:7px;
	left:6px;
	border:1px solid #AD1216;
}

#gallery-container div.gallery-img div.details {
	position:absolute;
	left:7px;
	top:173px;
}

#gallery-container div.gallery-img div.details span {
	color:#FFF;
	font-weight:bold;
	display:inline-block;
	width:55px;
}

#gallery-container div.gallery-img a.hidden,
#gallery-container div.sales-img a.hidden {
	display:none;
}

#gallery-container div.sales-img {
	float:left;
	margin:10px 14px 10px 0;
	width:300px;
	height:273px;
	background:#8c9ca5 url('../img/forsale_img_box.jpg') top left no-repeat;
	position:relative;
}

#gallery-container div.sales-img img {
	position:absolute;
	top:9px;
	left:7px;
	border:1px solid #AD1216;
}

#gallery-container div.sales-img div.details {
	position:absolute;
	left:8px;
	top:225px;
	line-height:14px;
}

#gallery-container div.sales-img div.price {
	position:absolute;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	bottom:7px;
	right:10px;
}

#gallery-container div.sales-img div.details span {
	color:#FFF;
	font-weight:bold;
	display:inline-block;
	width:60px;
}

#main-img {
	margin-top:40px;
}

img.bike-img {
	border:1px solid #FFF;
	background:#a7b6be;
	padding:7px;
}

#bike-thumbs {
	margin-top:50px;
}

/** Footer **/

#footer {
	clear:both;
	height:45px;
	background:#F00;
	color:#FFF;
}

/** Form Styles **/

form.boxed {	
	margin:11px 0;
}
form.boxed fieldset {
	border: none;
}
form.boxed fieldset legend {
	display:none;
}
form.boxed fieldset ol li label {
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	width:120px;
}
form.boxed fieldset ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
form.boxed fieldset ol li {
 	list-style: none !important;
 	padding:4px;
	margin: 0;
}
form.boxed fieldset ol li span {
	color:#FFF;
}
form.boxed fieldset ol li.buttons {
	padding:0;
}
form.boxed fieldset ol li.buttons input {
	margin-top:5px;
}