/* ***************************************************************************** Start Global */
body.graphic {
}
body {
	background-color: #ffffff;
	
	color:#524a3d;
}
/* Global Typeface */
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height:18px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

h1 {
	font-size:36px;
	font-size:2.25rem;
	line-height:42px;
	line-height:2.33rem;
	margin-bottom:0.5625em;
}

h2 {
	font-size:30px;
	font-size:1.875rem;
	line-height:36px;
	line-height:2rem;
	margin-bottom:0.64em;
}

h3 {
	font-size:18px;
	font-size:1rem;
	line-height:30px;
	line-height:1.22rem;
	margin-bottom:0.75em;
}

h4 {
	font-size: 18px;
	font-size:1.125rem;
	line-height:24px;
	line-height:1.33rem;
	margin-bottom:0.9em;
}

h5 {
	font-size:16px;
	font-size:1rem;
	line-height:20px;
	line-height:1.11rem;
	margin-bottom:1.125em;
}

h6 {
	font-size:14px;
	font-size:0.875rem;
	line-height:18px;
	line-height:1rem;
	margin:0 0 1.125em;
}

a, a:visited {
	color:#ae0000;
	text-decoration: none;
}

a:hover {
	color:#000;
	text-decoration: none;
}



button, button:focus, select:focus {
	outline: none;
}

button, select, label, input[type=checkbox] {
	cursor: pointer;
}

a.button, input.button {
	cursor: pointer;
	color: #FFFFFF;
	background-color: #ae0000;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;	
}

a.button {
	display: inline-block;
	text-decoration: none;
	padding: 10px 30px;
}

input.button {
	margin: 0;
	border: 0;
	height: 35px;
	padding: 0px 30px 0px 30px;
}

button:hover, a.button:hover, input.button:hover {
	background-color: #999999;
}




/* Global Nav */
#bar {
	height: 6px;
	margin:0 auto;
	padding:0;
	width:100%;
	background-color:#ae0000;
}


.navbar {
	margin: 0;
	width:100%;
	background-color:#FFF;
	border:none;
	border-top: 5px solid #8cc560;
}

#mainNavbar  {
	max-width: 960px;
	margin: 0 auto;
}

#mainNavbar ul li {
	color: #999;
}

#mainNavbar ul li a, #mainNavbar ul li a:visited {
	color: #999;
}

#mainNavbar ul li a:hover {
	color: #000;
}


/* Global Main */

#navwrap {}

#wrapper {
	margin:0 auto;
	padding:0;
	/*max-width:930px;*/
	background-color: #FFF;
}

@media (max-width: 768px) {
	#wrapper {
		width: 100%;
		border: none;
		margin: auto;
	}	
}

/* Main */

.left {
	float: left;
	text-align: left;
}
.right {
	float: right;
	text-align: right;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/************************************************************************/

/*** Sticky Footer ************************************/
html, body {
	margin: 0; padding:0; height: 100%;
}
#wrapper {
	min-height: 100%; position: relative;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */	
}
main {
	padding-bottom:140px; /* Height of the footer */  
	content: "";
	display :table;
	clear: both;
}
footer {
	height: 140px; /* Height of the footer */
	position: absolute;
	bottom:0;
}
/*** End Sticky ************************************/

header, main, footer {
	width: 100%;
}

/* Header */
header {
	background-color: #3f3f3f;
	position: relative;
	text-align:center;
}

header #headwrap {
	padding: 30px 35px;
	margin: 0 auto;
}

header #headwrap img {
	border:none;
	height: 90px;
	margin: 0 35px 0 0;
	position: relative;
	display: inline-block;
}
header h1 {font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:31.39px; color:#ffffff; vertical-align:middle; margin: 0; display: inline-block;}

#header-left {
	text-align:left;
}

#header-right {
	text-align:right;
	padding-bottom: 20px;
}

.loginstatus {font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #aaa; text-align:right;}
.loginstatus a {font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #aaa; text-align:right;}
.loginstatus a:link  {color: #ffffff;}
.loginstatus a:visited {color: #ffffff;}
.loginstatus a:hover {text-decoration: underline;}
.cartitems {font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #aaa; text-align:right;}
.cartitems a {font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; text-align:right;}
.cartitems a:link {color: #ffffff;}
.cartitems a:visited {color: #ffffff;}
.cartitems a:hover {text-decoration: underline;}

/*----Middle Content----*/
main {
	background:#ffffff;
}

.container {
	max-width: 930px;
	margin:0px auto;
}

/* Footer */

footer {
	width: 100%;
	background-color: #3f3f3f;
	color: #f1f1ef;
	text-align: center;
	clear: both;
	
	margin:0px auto;
	padding:0;
	font-size:12px;
	letter-spacing: 1px;
}

footer #footwrap {
	background: none;
	max-width: 960px;
	height: auto;
	margin: 0 auto;
	
	text-align:center;
	margin-top:15px;
}

footer #footwrap::after {
	clear:both;
	content: "";
	width: 100%;
	height: 0;
	margin: 0 auto;
}

footer a, footer a:visited, footer a:hover {
	text-decoration: none;
	color: white;
}

footer p {
	padding: 12px 5px;
	margin: 0;
	font-size: 1.20rem;
}

footer #copy {
	text-align:left; color:#000; text-transform:uppercase;
	background-color: #e6e4e3;
}
footer #copy a {
	color:#000; text-transform:uppercase;
	background-color: #e6e4e3;
}
@media (max-width: 1080px) {
	#header-right, #header-left, #header-search {width: 100%;}
	#header-right  {padding-top: 20px;}
	.loginstatus {float:left; text-align: left;}
	.cartitems {float: right;}
}

@media (max-width: 768px) {
	header #headwrap {
		padding: 20px;
	}

	header #headwrap img {
		height: 95px;
		margin: 0;
	}
	header h1 {
		font-size:20px;
		margin: 20px;
	}

	.loginstatus, .cartitems {text-align: center; float: none;}
	
	#header-right, #header-left {
		text-align:center;
		padding:0;
	}
	#header-right {
		padding-bottom: 20px;
	}

	#footer-right, #footer-left {
		text-align:center;
		padding:0;
	}
	footer {
		margin: 0;
		float: none;
	}
	
	footer #footwrap {
		width: 100%;
	}
	
	footer a, footer a:visited, footer a:hover {
		text-decoration: none;
		color: white;
	}
	
	footer p {
		padding: 10px;
		margin: 0;
		font-size: 1.20rem;
	}
	footer #copy {
		text-align:center;
	}
}

@media (max-width: 520px) {
	header h1 {
		margin: 20px 0;
	}
}