/**********************************************
		CSS Authored by Podomani, Inc.
			     01/2009
***********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	background: #ffffff;
	font-family: Helvetica; 
	}
ol, ul {
	list-style: none;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
p{
	font-size:1em;
	color:#25211b;
	padding:5px;
	}
em {font-style:italic;}
				
/** ================ Construction ================ **/	
* {
   margin: 0;
	}
html, body {
	 height: 100%;
	 background:#155ab9 url(background.jpg) top left repeat-x;
	}
.wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -30px;
   background:#ffffff;
   border:#092a57 solid;
   border-width:0 1px;
   padding:0 1px;
   width:962px;
	}
.push {
   height: 30px;
	}


/** ================ Tagline ================ **/	
#tagline{
	width:962px;
	height:25px;
	background:#091a33; /** Tagline blue **/
	}
	#tagline p{
		color:#848d9a;
		font-size:14px;
		letter-spacing:19px;
		text-transform:uppercase;
		padding:4px 0 4px 45px;
		}

/** ================ Header ================ **/	
#sub-header{
	width:960px;
	height:129px;
	background: url(sub-header-brown-back.jpg) top left repeat-x;
	border:#999080 solid 1px;
	border-top:#cdc0a9 solid 1px;
	}
	.sub-logo{
		float:left;
		padding:9px 0 0 8px;
		}

#sub-right-header{
	margin:9px 0 7px 0;
	background: url(sub-tagline.jpg) top right no-repeat;
	height:68px;
	float:right;
	width:753px;
	}
	#sub-right-header h1{
		text-indent:-9999px;
		font-size:18px;
		font-weight:bold;
		}
		
	.nav-arrow{
		float:right;
		background:url(nav-arrow.jpg) top left no-repeat;
		height:45px;
		width:37px;
		}
	.sub-nav-arrow{
		float:right;
		background:url(sub-nav-arrow.jpg) top left no-repeat;
		height:45px;
		width:37px;
		}
	#nav{
		float:left;
		background:url(nav-back.jpg) top left repeat-x;
		height:47px;
		width:962px;
		position:relative;
		left:-1px;
		}
		#nav ul{
			padding:15px 10px 0 0;
			float:right;
			}
			#nav ul li{
				display:inline;
				color:#FFFFFF; 
				padding-left:4px;
				}
				#nav ul li a{
				text-decoration:none;
				letter-spacing:1px;
				font-size:16px;
				margin-top:0px;
				color:#FFFFFF;
				}
				#nav ul li a:hover{
				text-decoration:underline;
				}

.footerText{
	width:100%;
	text-align:center;
	font-size:12px;
	border-top:#999 dashed 1px;
	padding:8px 0;
	}






/** ================ Footer ================ **/
.footer{
	width:960px;
	height:30px;
	margin:auto;
	border:solid #bbbbbb;
	border-width:1px 1px 0 1px;
	background:#dddddd;
	}			
	.footer-left{
		float:left;
		}
	.footer-right{
		float:right;
		}
	.footer p{
		font-size:12px;
		color:#818181;
		padding-top:8px;
		}
	.footer a{
		font-size:12px;
		color:#818181;
		padding-top:8px;
		text-decoration:none;
		}
		.footer a:hover{
			text-decoration:underline;
			}
			
/** ======================= Store Home Page ============================== **/
#storeLeft {
	float:left;
	margin: 50px 0 0 75px;
	}
	
	
#storeRight {
	float:right;
	margin: 50px 75px 0 0;
	}
	

/** ======================= End Store Home Page  **/

	
/* CSS HACKS */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */