﻿@import url(/assets/css/reset.css);

body {
	background:#fff  url(images/body-bg.jpg) top center no-repeat fixed;
	/*for summer:
	background:#2d2d1f  url(images/body-bg.jpg) top center no-repeat fixed;*/
		
}

/* layout */

#container
{
	margin: 0 auto; padding: 0 0 0 0;
	width: 1000px;
	background: url(images/container-bg.png) no-repeat 0 115px;
}

#header
{
	padding: 21px 20px 0px 20px;
	width: 960px;
	height: 115px;
}

	#header h1 {
		margin: 16px 0 0 1r0px;
		position: absolute;
	}

	#header h1 a
	{
		display: block;
		width: 263px; height: 73px;
		background: url(images/logo.gif) no-repeat;
	}
	#header h1 span { display: none; }
	
	.search {
		margin: -60px 140px 0 0;
		float: right;
		/*
		margin: 0 0 0 660px;
		position: absolute;
		top: 14px;
		*/
		width: 165px;
		height: 26px;
		background: url(images/search-bg.png) no-repeat 0 0;
	}
	
	.search input.field
	{
		padding: 7px 10px 0px 10px;
		width: 113px;
		float: left;
		height: 20px;
		border: 0;
		background: none;
	}
	.search input.button
	{
		margin: 7px 0 0 0;
		width: 16px;
		height: 14px;
		float: left;
		border: 0;
	}
	
	/* sm icons */
	#interact-nav {
		position: absolute;
		top: 15px;
		margin-left: 830px;
	}
	#interact-nav li { float: left; }
	#interact-nav li a
	{
		display: block;
		width: 26px; height: 26px;
		margin: 0 3px;
		background: url(images/sm-icons.gif) no-repeat;
	}
	#interact-nav li a span { display: none; }
	#interact-nav li a#facebook { background-position: -1px -1px; }
	#interact-nav li a#myspace { background-position: -31px -1px; }
	#interact-nav li a#twitter { background-position: -61px -1px; }
	#interact-nav li a#text { background-position: -91px -1px; }

#content
{
	width: 960px;
	min-height: 510px;
	padding: 0 20px 0px 20px;
	background: url(images/content-bg.gif) repeat-y 0 0;
}	
	#promo
	{
		width: 930px;
		height: 250px;
		background: #fff;
		padding: 0 15px 20px;
		position: relative;
		overflow: hidden;
	}
		#photo-gallery {
			top: -245px;
			left: 580px;
			position: relative;
		}
		
		#home-slideshow {
			position: absolute;
			z-index: 500;
		}
		
	#primary
	{
		background: #FFF;
		/* padding: 0 15px 10px 240px;*/
		padding: 0 5px 10px 15px;
		width: 720px;
		float: left;
		min-height: 500px;
	}

	#sidebar
	{
		background: #FFF;
		width: 200px;
		padding: 10px;
		float: left;
		text-align: center;
	}
		#sidebar .ad img { margin: 0 0 20px 0; }
	
#footer
{
	margin: 0 20px 40px 20px;
	padding: 40px 20px;
	width: 920px;
	background: #FFF;
	color: #CCC;
	font-size: 10px;
}
	#footer-logos { float: left; }
	
	#footer address
	{
		color: #999;
		white-space: pre;
		line-height: 130%;
		text-align: right;
	} 
	#footer address strong { font-weight: bold; }
	
	#footer .footer-links
	{
		clear: both;
		float: left;
		width: 45%;
		margin-top: 20px;
	}
	#footer .footer-links a
	{
		color: #CCC;
		text-decoration: none;
		text-transform: lowercase;
	}
	#footer .footer-links a:hover { color: #0066CB; }
	
	#footer .description
	{
		width: 50%;
		float: right;
		margin-top: 20px;
	}

/* generic styles */

.floatleft {
		float: left;
	}

.floatright {
		float: right;
	}

.clearboth {
		clear: both;
	}

.hide {
		display: none;
	}

.show {
		display: block;
	}

.message {
		text-align: left;
		border: 1px solid #ccc;
		padding: 5px 5px 5px 30px;
		font-size: 12px;
		margin: 5px 0;
	}

.good {
		border-color: #9c9;
		color: #060;
		font-weight: bold;
		background: url(/assets/images/cms/alertgood_icon.gif) #E2F9E3 left no-repeat;
	}

.alert {
		border-color: #D4B743;
		color: #C3A83E;
		font-weight: bold;
		background: url(/assets/images/cms/alert_icon.gif) #FBF7E6 left no-repeat;
	}

.bad {
		border-color: #c99;
		color: #fff !important;
		font-weight: bold;
		background: url(/assets/images/cms/alertbad_icon.gif) #c00 left no-repeat;
	}

.bad p {
		color: #fff;
	}

a.help {
		padding: 2px;
		color: #fff;
		text-decoration: none;
		background: #a50b1e;
	}

	/* ---------- =Clear Fix ---------- */
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.clearfix {
		display: inline-table;
	}

	/* Hides from IE-mac \*/
	* html .clearfix {
		height: 1%;
	}
	.clearfix {
		display: block;
	}
	/* End hide from IE-mac */



.layoutmenu
{
    position: absolute;   
    height: 23px;
    line-height: 23px;
    top: 0;
    left: 0;
    cursor: pointer;
}


/* homeslideshow */


#promo-slideshow{
	height:350px;	
}

/*  Two Colum Content */
div.content-right-col {
	margin-top: -30px;
	margin-bottom: 30px;
	float:right;
}	
div.content-right-col a.btn-purchase-online {
	background: transparent url(/assets/content/images/btn-order-online.gif) no-repeat;
	display: block;
	width: 169px;
	height: 41px;
	margin: 10px auto;
	text-indent: -9999px;
}

div.content-right-col a.btn-purchase-online:hover {
	background: transparent url(/assets/content/images/btn-order-online-over.gif) no-repeat;	
}


/* summer 
-------------------------------------------------------------------------------*/


.photoframe-blue{
	float:right;
	clear:both;
	margin-right:15px;
	width:250px;
	height:250px;
	background:url(images/bg-blueimageframe.gif) no-repeat;
}

.photoframe-blue img{
	position:relative;
	top:45px;
	left:56px;
}

