@charset "utf-8";
body {
    margin: 0px;
    padding: 0px;
    text-align: center;
	background-color:#daceb9;
	background-image:url(../images/page-background.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3f1f11;
}
a {
	text-decoration:none;
	color:#fd4a03;
}
strong { font-weight: bold; }
.orange { color: #fd4a03; }
strong.orange {
	display:block;
	margin-bottom:5px;
	margin-top:5px;
}
a:hover {
	color:#cc0000;
}
h1 {
	margin-top:15px;
	margin-bottom:5px;
	font-size:22px;
	color:#3f1f11;
	font-weight:bold;
}
h2 {
	margin-top:3px;
	margin-bottom:3px;
	font-size:14px;
	font-weight:bold;
	color:#3f1f11;
}
div#main {
	width: 896px;
	padding-bottom:25px;
	text-align: centre;
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	background-position:bottom left;
	background-repeat:no-repeat;
	background-image:url(../images/container-background.jpg);
}

div#container {
	width: 873px;
	text-align:left;
	margin-left:12px;
	margin-right:12px;
	padding-top:6px;
	margin-bottom:0px;
	background-color:#fff;
	
}

div#header {
	width:896px;
	height:129px;
	background-image:url(../images/header-background.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

ul#top-nav {
	float:right;
	margin-top:-10px;


	margin-right:212px
	width:212px;
	height:32px;
	background-repeat:no-repeat;
	background-image:url(../images/top-nav-bg.gif);
	margin-right: 9px;
	width: 212px;
	padding-top: 11px;
	padding-left: 22px;

}

ul#top-nav li {
	float:left;
	padding-right:7.5px;
	border-right: 1px solid #c9b99b;
	padding-left: 7.5px;
}
ul#top-nav li a {
	color:#c9b99b;
	font-weight:bold;
	font-size:11px;	
	text-decoration:none;
}
ul#top-nav li a:hover {
	color:#fff;
}

ul#online-nav {
	float:left;
	margin-left:217px;
	margin-top:85px;
	margin-right:25px;
	padding-left:10px;
	text-align:left;
	border-left: 1px solid #3f1f11;
}

ul#online-nav li {
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}

ul#online-nav li a {
	color:#3f1f11;
}

ul#online-nav li a:hover {
	color:#fff;
}
ul#store-nav {
	padding-left:10px;
	float:left;
	margin-top:85px;
	text-align:left;
	border-left: 1px solid #3f1f11;
}

ul#store-nav li {
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}

ul#store-nav li a {
	color:#3f1f11;
}

ul#store-nav li a:hover {
	color:#fff;
}

div#page-body {

}
div#subpage-body {
	line-height:16px;
}
div#navigation {
	font-size:12px;
	color:#fff;
	font-weight:bold;
	padding-top:15px;
	margin:4px;
	margin-left:0px;
	width:207px;
	/*
	background-image:url(../images/navbar-top.jpg);*/
	min-height:456px;
	background-position:top;
	background-repeat:no-repeat;
	
	float:left;
	background-color:#502A15;
	margin-top: 0px;
}
div#navigation-foot {
	background-image:url(../images/navbar-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:207px;
	height:25px;
}
div#navigation p {
	padding-left:25px;
	padding-right:20px;
}
div#navigation a {
	color:#fd4a03;
	text-decoration:none;
}
div#navigation a:hover {
	color:#fff;
}
div#navigation ul li{
	font-weight:normal;
	padding-left: 25px;
	padding-right: 20px;
	color:#c9b99b;
}
div#navigation ul li ul li{
	padding-left: 5px;	
}	
div#navigation ul li a{
	font-weight:normal;
	text-decoration:none;
	color:#c9b99b;
}
div#navigation ul li a:hover{
	color:#fff;
}
div#navigation ul{
	padding-top:5px;
	padding-bottom:5px;
	
}
div#subpage-body div#page-content {
	float:right;
	width:640px;
}
div#page-content {
	float:right;
	width:660px;
	min-height:456px;
}
div#page-content h1 {
	margin-bottom:25px;	
}
div#page-content h2 {
	margin-bottom:15px;	
	margin-top:10px;
}
ul#product-buttons li { 
	float:left; 
	margin-top:2px;
	margin-right:2px;
}
div#footer {
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}
div#footer img {
	padding-left:20px;
	padding-right: 12px;
	margin-right:25px;
	border-right: 1px solid #502A15;
	display:inline; float:left;
}
div#footer h1 {
	margin-top:0;
}
div#footer h1 a{
	color:#fd4a03;
}
div#footer h1 a:hover {
	color:#cc0000;
}
div#footer ul li {
	color:#3F1F11;
	float:left;
	font-size:12px;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
	margin-left:5px;
	margin-right:5px;
}
div#sole {
	width: 896px;
	margin:0px auto;
	text-transform:uppercase;
	color:#fff;
	font-size:9px;
	clear:both;
}
div#sole ul {
	float:left;
}
div#sole ul li{
	float:left;
	padding-left:3px;
	padding-right:3px;
	border-right:1px solid #fff;
}
div#sole ul li a{
	text-decoration:none;
	color:#fff;
}
div#sole p{
	display:inline;
	float:right;
}
div#footer-fixer {
	clear:both;
}
ul#2006-boot-it-up-gallery {
	
}
ul#2006-boot-it-up-gallery li {
	list-style:none;
	float:left;
	margin:35px;	
}	
ul#2007-boot-it-up-gallery {
	
}
ul#2007-boot-it-up-gallery li {
	list-style:none;
	float:left;
	margin:35px;	
}
#homelink {
	cursor:pointer;
	
	position:absolute;
	width:200px;
	height:133px;
	z-index:1;
	left: 56px;
	top: -4px;
}
div.storelocation {
	width: 198px;
	height: 196px;
	background-image:url(../images/store-location.jpg);
	background-repeat:no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	font-size:11px;
}
.menuheader {
	color:#FFF;		
}
#sidebar {
	float:right;	
	max-width:190px;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/* blog parts */
.post {
	
}
.postmetadata {
	clear:both;
	margin-top:15px;
	padding-bottom:25px;
	padding-top:15px;	
}
.entry {
		
}
body#blog #page-content {
	float:left;
	width:450px;
	margin-left:10px;
	/*width:475px;*/	
}
div#navigation ul li a.current {
	color:#fff;	
}
div.post h1 {
	clear: both;	
	margin-top:0px;
}
div.post h1 a {
	color:#3F1F11;	
}
h3#featured {
	margin-bottom:15px;
	margin-top:15px;
	color:#FD4A03;	
	font-size:22px;
	font-weight:bold;
}
div#welcome {
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #dcd4d0;
}

#socialmediabox {
position: absolute;
top: 30%;
right: 0px;
width: 90px;
height: 80px;
background-color: #FE6400;
border: solid #502A15 2px;
border-right: none;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
}

#socialmediatext {
float: left;
width: 80px;
height: 100%;
background-image: url(../images/icons/followus.png);
background-repeat:no-repeat;
background-position:center; 
padding-left: 10px;
}

#socialmediaicons {
padding-top: 5px;
padding-bottom: 5px;
float: left;
width: 80px;
height: 100%;
display: none;
}