/* @override http://hellomynameisjonathanober.com/viking/web/css/master.css */

@charset "UTF-8";
/* CSS Document */

body{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 1024px;
	margin: 0 auto;
}
html>body{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 1024px;
	margin: 0 auto;
}

/* classes */
.clear{
	clear: both;
}
.container{
	width: 1024px;
	margin: 0 auto;
}

/* header */
#header{
	height: 142px;
	width: 1024px;
	background: #604c40 url(../img/headerbg.jpg) repeat-x;
}
#headercontainer{
	
}
#logo{
	height: 106px;
	width: 344px;
	background: url(../img/logo.jpg) no-repeat;
}
#logo h1{
	text-indent: -9999px;	
}

/* nav */

#navigation{
	height: 32px;
	background-color: #443428;
}
ul#nav{
	margin: 0;
	padding: 0;
}
#nav li{
	float: left;
	list-style: none;
	font-size: 14px;
	padding: 10px 18px 0 18px;
}
#nav li a{
	color: #eadfc8;
	text-decoration: none;
}
#nav li a:hover{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

/* main */
#main{
	background: #b9ac94 url(../img/mainbg.jpg) repeat;
	padding: 10px 0 35px 0;	
	width: 1024px;
}
#maincontainer{
	padding: 50px 0 0px 0;
	margin: 0 auto;
}
#colA{
	float: left;
	margin: 0 15px;
	width: 305px;
}
#colB{
	float: left;	
	margin: 0 15px;
	width: 305px;
}
#colC{
	float: left;	
	margin: 0 15px;
	width: 305px;
}
#col4{
	margin: 0 15px;
}
.colbgfull{
	background-color: #f1e8d5;
	border: 1px solid #a78863;
}
.colbg{
	background-image: url(../img/colbg.jpg);
	width: 251px;
	margin: 0 auto;
	background-color: #f0e8d4;
}
.colheader{
	width: 171px;
	height: 30px;
	background: url(../img/colheader.gif) no-repeat;
	text-align: center;
	margin: 0 auto;
	position: relative;
	top: -15px;
	color: #443429;
	font-size: 12px;
	padding: 8px 0;
}
.colheadersub{
	width: 171px;
	height: 30px;
	background: url(../img/colheader.gif) no-repeat;
	text-align: center;
	margin: 0 10px;
	position: relative;
	top: -15px;
	color: #443429;
	font-size: 12px;
	padding: 8px 0;
}
.about{
	padding: 0 0 15px 0;
	position: relative;
	top: -10px;
}
.about p{
	padding: 0 15px;
	color: #604c40;
	font-size: 14px;
	line-height: 19px;
	text-indent: 15px;
	margin: 5px 10px;
}
.subabout{
	padding: 0 0 15px 0;
	position: relative;
	top: -10px;
}
.subabout p{
	padding: 0 15px;
	color: #604c40;
	font-size: 14px;
	line-height: 19px;
	text-indent: 15px;
	margin: 5px 10px;
}
.subphoto{
	width: 305px;
	height: 194px;
	float: right;
	margin: 20px;
	background: url(../img/photobg.gif) no-repeat;
}
.subphoto img{
	position: relative;
	top: 17px;
	left: 17px;
}
.photo{
	background-image: url(../img/photobg.gif);
	width: 305px;
	height: 194px;
}
.photo img{
	position: relative;
	top: 17px;
	left: 17px;
}
/* welcome */
#welcome{
	background: #f6ead0 url(../img/welcomebg.jpg) repeat-x;
	width: 1024px;
}
#welcomecontainer{
	padding: 10px 0 20px;
	background: url(../img/welcomecontainerbg.jpg) no-repeat;
}
#welcomecontainer h1{
	font-size: 17px;
	font-weight: bold;
}
#welcomecontainer p{
	color: #21211f;
	font-size: 14px;
	line-height: 19px;
	text-indent: 15px;
	margin: 5px 10px;
}
/* footer */
#footer{
	background-color: #21211f;
	height: 200px;
	width: 1024px;
}
#footercontainer{
	padding: 30px 0;
}
#footercontainer p{
	font-size: 12px;
	color: #858585;
}
#footercontainer p a{
	color: #858585;
	text-decoration: none;
}
#footercontainer p a:hover{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
.producttitle { font-weight: bold; }
.shoppingcarttitles { font-weight: bold; }
.shoppingcartimage { border: 1px #00371C solid; }
.formfield {  font: 10pt Arial, Helvetica, sans-serif; color: #000000; background: #F3F2E2; padding: 2px 2px; width: 250px; height: 20px; border: 1px #6D5132 solid}
.textarea { font: 10px Arial, Helvetica, sans-serif; color: #000000; background: #F3F2E2; padding: 2px 2px; width: 300px; border: 1px #6D5132 solid ; clip:   rect(   )}
.submit {  color: #F8F7F1; background: #5A4939; font: bold 11px Arial, Helvetica, sans-serif; cursor: hand}