@charset "UTF-8";
/* Sunset Cycles
** CSS base styles for all pages
** Created by Jessica Greenwalt
** www.jgreenwalt.com
** Updated: November 11, 2011 */

html {
	background:#02182F url(../img/background.png) top left repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:100%;}

#center {
	margin:0 auto;
	width:940px;}

#container {
	background:transparent url(../img/content_bg.png) top left repeat-y;
	width:940px;
	float:left;}

#header {
	background:transparent url(../img/header_bg.png) top left no-repeat;
	height:192px;
	position:relative;
	z-index:20;}

.special_banner {
	background:url(../img/banner_special.png) top left no-repeat;
	height:29px;
	width:269px;
	color:#f6d600;
	font-weight:bold;
	position:absolute;
	right:36px;
	top:10px;
	padding-top:6px;
	}

#header .shop_info {
	text-align:right;
	font-weight:bold;
	color:#FFF6B9;
	margin-right:52px;
	margin-top:50px;
	float:right;
	}
#header .shop_info p {margin-bottom:.2em;}

#header a#logo_link {
	display:block;
	width:279px;
	height:160px;
	position:absolute;
	top:15px;
	left:27px;}

#top_navigation {
	text-align:right;
	list-style:none;
	font-weight:bold;
	font-size:110%;
	width:550px;
	float:right;
	margin:27px 52px 0 0;}
#top_navigation li {
	display:inline;
	margin-left:1em;}
#top_navigation a {
	color:#FFF;
	text-decoration:none;}
#top_navigation a:hover {color:#F6D600;}

/* = Headings 
---------------------------------- */
h2 {
	color:#0E3f75;
	font-size:150%;
	margin-top:31px;
	margin-bottom:1em;}
h3 {
	color:#5B7fA6;
	margin-top:-1em;
	margin-bottom:1em;
	font-size:117%;}
h4 {
	color:#5B7fA6;
	font-size:117%;
	margin:1.5em 0 .5em 0;}

/* = Gear Headings */
#page_heading {
	background:url(../img/heading_gears_1.png) top left no-repeat;
	width:902px;
	height:84px;
	margin:-13px 0 10px 19px;
	color:#5b7fa6;
}
*+html #page_heading {margin-left:0;}
#page_heading h1 {
	padding-top:40px;
	font-size:220%;}

/* = Links  ---------------- */
a {color:#0E3f75;}
a:hover {color:#5B7fA6;}

#footer a {color:#F6D600;}
#footer a:hover {color:#5B7fA6;}

/* = Photo Bar  ---------------- */
#photo_bar {
	height:297px;
	margin:-13px 0 10px 19px;
	position:relative;
	z-index:10;
	overflow:hidden;}
#slideshow1,
#slideshow2,
#slideshow3 {float:left;}

#slideshow1,
#slideshow2 {
	width:301px;
	height:297px;}
#slideshow3 {
	width:300px;
	height:297px;}

/* = Content Containers
---------------------------------- */
/* Columns */
.col1 {
	float:left;
	text-align:left;
	width:400px;
	margin:0 0 40px 55px;}

.col1 p {
	margin-bottom:1em;
	line-height:1.4em;}

.col2 {
	float:right;
	margin:0 32px 40px 0;}

/* Full Pages */
.full_page h2 {
	margin-top:20px;
}
.full_page .row {
	float:left;
	text-align:left;
	width:830px;
	margin:0 0 40px 0;}
.full_page .row h3 {
	margin:0 0 1em 0;}
.full_page .row h3 em {
	font-weight:normal;}
.full_page .row img {
	margin:0 20px 20px 0;
}
.full_page img.right_img {
	margin-left:20px;
}

/* = Facebook Like Box
---------------------------------- */
.fb-like-box {
	background:#fff;
	margin:10px 0 0 6px;
	}

/* --------------------- */
.callout_blue,
.callout_yellow {
	width:405px;
	text-align:left;}

.callout_blue {background:url(../img/blue_box_repeat.gif) top left repeat-y;}
.callout_yellow {background:url(../img/yellow_box_repeat.gif) top left repeat-y;}

.blue_bottom,
.yellow_bottom {padding:0 25px 60px 25px;}

.blue_bottom {background:url(../img/blue_box_bottom.gif) bottom left no-repeat;}
.yellow_bottom {background:url(../img/yellow_box_bottom.gif) bottom left no-repeat;}

.callout_blue {margin-bottom:20px;}
.callout_blue h3 {
	margin-top:-15px;
	color:#FFF;
	font-size:150%;
	text-align:center;}
.callout_blue h4 {
	color:#F5D500;
	font-size:110%;
	margin-bottom:.5em;}
.callout_blue .featured_photo,
.callout_yellow .featured_photo{
	position:relative;
	top:-14px;
	left:-10px;}
.callout_blue p,
.callout_blue ul {
	line-height:1.4em;
	color:#FFF;
	margin-bottom:1em;}
.callout_blue ul {
	margin-left:30px;}

.callout_yellow h3 {
	margin-top:-15px;
	color:#0E3f75;
	font-size:150%;
	text-align:center;}
.callout_yellow p,
.callout_yellow ul {
	line-height:1.4em;
	color:#0D3E74;
	list-style:none;
	margin-bottom:1em;}
.callout_yellow ul li {margin-bottom:.5em;}

/* Footer -------------------- */
#footer {
	background:url(../img/footer_bg.png) bottom left no-repeat;
	clear:both;
	height:107px;
	color:#FFF;}
#footer .contact {
	float:left;
	text-align:left;
	margin:50px 0 0 55px;}
#footer .copyright {
	float:right;
	text-align:right;
	margin:50px 55px 0 0;}

/* Special Classes -------------------- */
.yellow {color:#F6D600;}