/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/

/**************************************/
/*              GLOBALS               */
/**************************************/

body {
	background: url(../imgs/layout/bg.gif) #111;
}

.container {
	width: 1042px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

h2 {
	font-size: 13px;
}
a, a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:link { color: #36c; }
a:visited { color: #99c; }
a:hover { color: #c33; }
a:active, a:focus { color: #000; }

.pushFix {
	/* push fix */
	padding-top: 1px;/*important*/
	margin-top: -1px;/*important*/
	padding-bottom: 1px;/*important*/
	margin-bottom: -1px;/*important*/
}


/**************************************/
/*              HEADER                */
/**************************************/

#header {
	position: relative;
	background: url(../imgs/layout/grassBG.jpg) 573px top no-repeat;
}
#header #logo {
	margin: 28px 0 0 58px;
}
#header > a {
	margin: 0;
	padding: 0;
}
#header #contact {
	position: absolute;
	top: 24px;
	left: 450px;
	z-index: 2;
	font-size: 10px;
}
#header #contact a, #header #contact a:link, #header #contact a:visited, #header #contact a:active, #header #contact a:hover {
	color: #000;
	text-decoration: none;
}
#header #contact a:hover {
	text-decoration: underline;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/

#header #nav {
	display: block;
	width: 564px;
	height: 72px;
	margin: 20px 0 0 9px;
	background: url(../imgs/layout/navBG.gif) repeat-x;
}
#header #nav #links {
	display: block;
	margin: 0 0 0 45px;
}
#header #nav a, #header #nav a:link, #header #nav a:active, #header #nav a:visited, #header #nav a:hover {
	font-size: 12px;
	line-height: 72px;
	padding: 0 21px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#header #nav a:hover, #header #nav a.selected, #header #nav a.true {
	color: #e9c851;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/


#main {
	background: url(../imgs/layout/containerBG.png) repeat-y top center;
	position: relative;
}

#main #content {
	background: url(../imgs/layout/mainBG.gif) repeat-x #f1f1f1;
	margin: 0 9px;
	
	/* push fix */
	padding-top: 1px;/*important*/
	margin-top: -1px;/*important*/
	padding-bottom: 1px;/*important*/
	margin-bottom: -1px;/*important*/
}
#main #content .text {
	display: block;
	width: 480px;
	margin: 20px 0 22px 60px;
}

#main #content #page {
	background: url(../imgs/layout/bottomBG.gif) bottom repeat-x #fff;
	margin: 0 425px 0 0;
	border-top: 1px solid #0169ae;
}
#main #content #page .text {
	display: block;
	width: 480px;
	margin: 7px 0 0 60px;
}

#main #content #page #bottomCallout {
	background: url(../imgs/layout/blogBG.png) no-repeat;
}
#main #content #page #bottomCallout .text h2 {
	font-size: 17px;
}
#main #content #page #bottomCallout .text {
	margin: 65px 0 30px 79px;
}
#main #content #page #bottomCallout .text p {
	padding: 17px 50px 0 24px;
	font-size: 10px;
	line-height: 13px;
}
#main #content #page #bottomCallout .text .title {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
}
#main #content #page #bottomCallout .text .title a, #main #content #page #bottomCallout .text .title a:link, #main #content #page #bottomCallout .text .title a:visited, #main #content #page #bottomCallout .text .title a:active, #main #content #page #bottomCallout .text .title a:hover {
	color: #000;
	text-decoration: none;
}
#main #content #page #bottomCallout .text .title a:hover {
	text-decoration: underline;
}
#main #content #page #bottomCallout .text .date {
	color: #4e4d4d;
}

#storeContainer {
	position: absolute;
	bottom: 0;
	right: 9px;
	background: url(../imgs/layout/trans31BG.png) repeat;
	height: 100%;
	width: 460px;
	z-index: 2;
}
#storeContainer #storeInnerContainer {
	position: absolute;
	bottom: 0;
	left: 30px;
	width: 400px;
	padding-top: 6px;
	background: url(../imgs/layout/shopTopBG.png) no-repeat top;
}
#storeContainer #storeInnerContainer #store {
	background: url(../imgs/layout/storeBG.png) repeat-y;
	height: 565px;
}
#storeContainer #comingSoon {
	background: #FFf;
	color: #000;
	height: 566px;
	position: absolute;
	z-index: 3;
	font-size: 25px;
	font-weight: bold;
	line-height: 140px;
	bottom: 0;
	left: 35px;
	width: 390px;
	opacity: 0.75;
	filter: alpha(opacity = 75);
	text-align: center;
}
#storeContainer #storeInnerContainer #store #storeLogo {
	margin: 22px 0 15px 28px;
}
#storeContainer #storeInnerContainer #store #deal {
	margin: 0 30px 26px 28px;
}
#storeContainer #storeInnerContainer #store #deal  h3 {
	color: #ebcd60;
	font-size: 22px;
	line-height: 22px;
}
#storeContainer #storeInnerContainer #store #deal #product {
	margin: 0 15px 0 0;
}
#storeContainer #storeInnerContainer #store #deal .title {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
#storeContainer #storeInnerContainer #store #deal .price {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	color: #f3bc00;
}
#storeContainer #storeInnerContainer #store #deal input[type="image"] {
	margin: -5px 0 0;
	padding: 0;
}
#storeContainer #storeInnerContainer #store #moreProductsContainer {
	position: absolute;
	bottom: 0;
	width: 390px;
	left: 5px;
	background: url(../imgs/layout/storeBottomBG.gif) repeat-x bottom;
}
#storeContainer #storeInnerContainer #store #moreProductsContainer #moreProducts {
	margin: 0 3px;
}
#storeContainer #storeInnerContainer #store #moreProductsContainer #moreProducts hr {
	height: 4px;
	background: url(../imgs/layout/yellowHR.gif) repeat-x;
	color: Transparent;
	padding: 0;
	margin: 0 0 31px 0;
	border: none;
	outline: none;
}
#storeContainer #storeInnerContainer #store #moreProductsContainer #moreProducts .product {
	float: left;
	width: 76px;
	height: 81px;
	background: url(../imgs/layout/seperator.gif) no-repeat right center;
	text-align: center;
	color: #4f8a62;
	font-size: 8px;
	line-height: 10px;
	font-weight: bold;
}
#storeContainer #storeInnerContainer #store #moreProductsContainer #moreProducts .product.last {
	background: none;
}
#storeContainer #storeInnerContainer #store #moreProductsContainer #moreProducts #shopAllProducts {
	margin: 38px 24px 24px 0;
	float: right;
}

#rightSide {
	position: absolute;
	bottom: 0;
	right: 9px;
	background: url(../imgs/layout/rightBG.png) left repeat-y;
	height: 100%;
	width: 469px;
	z-index: 2;
}
#rightSide #rightContainer {
	background: #fff;
	height: 100%;
	margin-left: 9px;
}
#rightSide #rightContainer #greenHeader {
	background: #3EB331;
	height: 148px;
}
#rightSide #rightContainer .text {
	padding: 19px 30px 63px 45px;
	background: #fff;
}

#rightSide #rightContainer.index {
	background: none;
}
#rightSide #rightContainer.index #greenHeader {
	background: none;
}
#rightSide #rightContainer.index .text {
	height: 428px;
	padding-bottom: 0;
}

/**************************************/
/*               FOOTER               */
/**************************************/

#footer {
	height: 78px;
	background: url(../imgs/layout/footerBG.png) no-repeat;
	font-size: 10px;
	line-height: 13px;
	color: #fff;
	position: relative;
}
#footer #contact {
	position: absolute;
	top: 16px;
	left: 62px;
	z-index: 2;
}
#footer #contact a, #footer #contact a:link, #footer #contact a:visited, #footer #contact a:active, #footer #contact a:hover {
	text-decoration: none;
	color: #FFF;
	padding: 0;
}
#footer #contact a:hover {
	text-decoration: underline;
}
#copyright {
	margin: 0 auto;
	color: #FFF;
	width: 200px;
	text-align: center;
}
#footer #seals {
	position: absolute;
	top: 5px;
	right: 10px;
	text-align: right;
}
#footer #seals > img {
	margin-right: 5px;
}