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

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;}

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

#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:17px 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;}

/* = 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;}

/* ---------------------------- */
.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;}

/* --------------------- */
.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;}