/* Start of CMSMS style sheet 'Layout' */
body {
/*background: #4f3826 url(uploads/images/background/bg-body.jpg) repeat-x top center;*/
background-color: #d0c1ad;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 13px;
text-align: left;
margin:0;
margin-bottom: 20px;
padding:0;
color: #333;
}
	img {
	border: 0;
	}

a,
a:link 
a:active {
text-decoration: underline;
padding-bottom: 10px;
color: #6699cc;
}
	a:visited {
	text-decoration: underline;
	color: #6699cc;
	}
	a:hover {
	text-decoration: none;
	color: #6699cc;
	}

.clearboth {
clear: both;
}

input { margin:1px 0px; }      /* all browsers read this, used to target IE6 */
html>body input { margin:2px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:1px; }      /* targets IE7 */

div#wrapper {
margin: 0 auto;
margin-top: 10px;
width: 960px;
padding:10px 0px;
background-color: #fff;
clear: both;
}
div#container {
background: #fff url(uploads/images/background/bg-container.jpg) repeat-y top center;
margin: 0 auto;
width: 940px;
clear: both;
}

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

#header {
background-color: #4f3826;
margin: 0 auto;
width: 940px;
height:90px;
clear: both;
overflow:hidden;
}
	#header p { 
	margin: 0px;
	padding:0px;
	}
	#header #logo { 
	float: left;
width: 200px;
	padding-left: 5px;
padding-top: 5px;
	color: #f0f0f0; 
	font-family: Arial; 
	}
		#header #logo a img { 
		border:none; 
		}

#header #menu {
float: right;
margin-top: 30px;
width: 700px;
}



/* CART ================================= */

div#cart {
background: #fff url(uploads/images/background/bg-cart.jpg) repeat-x top center;
margin: 0 auto;
margin-bottom: 5px;
width: 855px;
height:25px;
text-align: right;
padding-right: 15px;
color: #333;
clear: both;
}
	div#cart img {
	margin: 0px;
	padding:0px;
	overflow: hidden;
	float : left;
	}

/* BANNER ================================= */

div#banner {
height : 260px;
width: 480px;
overflow: hidden;
float: left;
}
	div#banner img {
	margin: 0px;
	padding:0px;
	overflow: hidden;
	float : left;
	}
	div#banner p {
	margin: 0px;
	padding:0px;
	}


/* HOMEPAGE BANNER ///////////////////////////////////////////////////////////////////////// */

#homebanner {
text-align:left;
width: 940px;
padding:0px 0px;
padding-bottom: 0px;
font-family:'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
font-weight:normal;
font-size:18px;
color:#ffffff;
float:left;
}
#homebanner img {
padding:0;
margin:0;
border:0;
float:left;
}


/* ACTION-AREA ///////////////////////////////////////////////////////////////////////// */

#action {
background-image : url(uploads/images/background/bg-abstract.jpg);
background-repeat :repeat-x;
background-position : top;
background-color : #fff;
font-size: 12px;
margin: 0 auto;
width: 100%;
min-height: 220px;
padding-bottom: 25px;
clear:both;
} 


div.clearboth {
clear:both;
} 
#action .box1 {
float:left;
width:193px;
padding:5px 20px;
border-right:2px solid #fff;
} 
#action .box2 {
float:left;
width:193px;
padding:5px 20px;
border-right:2px solid #fff;
} 
#action .box3 {
float:left;
width:193px;
padding:5px 20px;
border-right:2px solid #fff;
} 
#action .box4 {
float:left;
width:193px;
padding:5px 20px;
}
#action h1,
#action h2,
#action h3 {
font-family:'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
font-size: 22px;
color: #432b18;
font-weight: bold;
margin-bottom:20px;
}


/* LEFT SIDE ================================ */

div#leftside {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 13px;
width: 220px;
padding: 0px 0px 10px 0px;
border-top: 3px solid #fff;
float: left;
}
div#leftside img {
border: 0px;
max-width: 220px;
}
	
/* CONTENT ================================ */

div#content {
width:600px;
float:left;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
line-height: 20px;
padding: 30px 15px;
}
	div#content p {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	line-height: 20px;
	}
	
/* CONTENT LEFT ================================ */

div#content-left {
width:650px;
float:left;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
line-height: 20px;
padding: 20px;
padding-left: 10px;
}
	div#content-left p {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	line-height: 20px;
	}


div#content-home {
width:650px;
float:left;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
line-height: 20px;
padding: 20px;
padding-left: 0px;
padding-right: 30px;
}
	div#content-home p {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	line-height: 20px;
	}



	
/* CONTENT MIDDLE ================================ */

div#content-middle {
width:420px;
float:left;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
line-height: 20px;
padding: 15px 30px 20px 20px;
}
	div#content-middle p {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	line-height: 20px;
	}

	
/* CONTENT RIGHT ================================ */

div#content-right {
width:720px;
float:left;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
line-height: 20px;
padding: 20px;
padding-right: 10px;
}
	div#content-right p {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	line-height: 20px;
	}


/* RIGHT SIDE ================================ */

div#rightside {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
width: 250px;
padding: 3px 0px 10px 0px;
float: left;
}


/* FOOTER ================================ */

div#footer {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
background-color: #4f3826;
color: #f0f0f0;
border-top: 3px solid #fff;
margin: 0 auto;
width: 940px;
height:90px;
clear: both;
overflow:hidden;
}
div#footer div.container {
border-top: 3px solid #c26b4f;
}

div#footer p {
line-height: 20px;
margin: 0;
clear: both;
}
	div#footer a {
	color: #f0f0f0;
	text-decoration: underline;
	}
	div#footer a:hover {
	color: #f0f0f0;
	text-decoration: none;
	}

div#left {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
width:350px;
text-align: left;
padding: 10px;
float: left;
}
div#right {
text-align: right;
width:450px;
padding: 10px;
float: right;
}

/* H-STYLES ////////////////////////////////////////////////////////////////////////// */

h1 {
color: #336666; 
font-size: 20px;
font-weight: bold;
}
h2 {
color: #669999; 
font-size: 18px; 
margin-top: 0px;
font-weight: bold;
}

h3 {
color: #669999; 
font-size: 14px;
font-weight: bold;
}
h4 {
color: #666; 
font-size: 12px;
}
h5 {
color: #333; 
font-size: 11px;
}
h6 {
color: #333; 
font-size: 10px;
}

/* CALLOUTS ================================ */

#callout {
border-bottom: 1px solid #fff;
padding-bottom: 0px;
margin-bottom: 0px;
}
	#callout p {
	padding: 0px 10px;
	}
	#callout form {
	padding: 0px 10px;
	}

#callout h1,
#callout h2,
#callout h3 {
background-color: #8a7f77;
padding: 5px 10px;
color: #f0f0f0;
font-size: 14px;
}

#callout2 {
padding: 0px 10px;
color: #f0f0f0;
line-height: 18px;
}
#callout2 a,
#callout2 a:hover,
#callout2 a:visited,
#callout2 a:active {
color: #fff;
}

#action input.your_name {
width: 185px;
}
#action input.your_email {
width: 185px;
}
#action input.button {
border: 0px;
text-decoration: underline;
width:50px;
float: right;
color: #336699;
}


#callout input.your_name {
width: 220px;
}
#callout input.your_email {
width: 220px;
}
#callout input.button {
border: 0px;
text-decoration: underline;
width:50px;
margin-right: 10px;
float: right;
color: #336699;
}

input.your_name {
clear: both;
font-size: 12px;
font-weight: bold;
color: #8a7f77;
padding: 2px;
}
input.your_email {
clear: both;
font-size: 12px;
font-weight: bold;
color: #8a7f77;
padding: 2px;
}
input.button {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
background: none;
cursor: pointer;
cursor: hand;
}
/* End of 'Layout' */