* {
	padding: 0;
	margin: 0;
}

html {
     overflow: -moz-scrollbars-vertical;

}

body {
	padding: 0;
	margin: 0;
	font-size: 62.5%; /* Base Font Size of 10px */
	background-color: #bca27f;
	background-image: url(../images/wallpaper.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}  


#wrapper {
	width: 896px;
	margin: 0 auto;	
}

/* ---( COMMON ELEMENTS )------------------------------------ */

h1, h2, h3, h4, h5, h6 {
}


h1 {
	color: #ca7200;
	font-size: 1.8em;
	font-weight: bold;
}

h2 {
	color: #ca7200;
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	color: #ca7200;
	font-weight: bold;
}

h4 {
	color: #654c9f;
	font-size: 2.4em;
	font-weight: bold;
	padding-bottom: 24px;
}

h5 {
	color: #654c9f;
	font-size: 1.2em;
	font-weight: bold;
}

.orange {
	color: #ca7200;
	font-weight: bold;
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 7px;
}

p.big {
	font-size: 1.4em;
	line-height: 1.4em;
}

a {
}

a:hover, a:focus, a:active {
}

a:focus, a:active {
}

a:link, a:active, a:visited  {
	color: #ca7200;
	text-decoration: underline;
	}
	
a:hover {
	color: #654c9f;
	text-decoration: underline;
	}
	
a.nav01:link, a.nav01:active, a.nav01:visited {
	color: #435726;
	text-decoration: none;
	}
	
a.nav01:hover {
	color: #654c9f;
	text-decoration: underline;
	}
	
a.nav02:link, a.nav02:active, a.nav02:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
a.nav02:hover {
	color: #fffef1;
	text-decoration: underline;
	}
	
a.nav03:link, a.nav03:active, a.nav03:visited {
	color: #ca7200;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	}
	
a.nav03:hover {
	color: #654c9f;
	text-decoration: underline;
	}

img, a img {
}

/* ---( layout )------------------------------------ */


.box01 {
	color: #435726;
	background-color: #f4efdb;
	padding: 10px;
	border: 1px solid #eedab4;
}

.box02 {
	width: 530px;
	margin: 0 auto;
	color: #baa484;
	font-weight: bold;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cbba9e;
}

.box03 {
	width: 530px; 
	margin: 0 auto; 
	color: #ca7200; 
	font-weight: bold;
}

.line01 {
	margin: 10px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d79842;
}

.news {
	float: right;
	width: 560px;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d79842;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d79842;
}

.content02 {
	float: right;
	width: 560px;
}

.ecom-content {
	float: left;
}

li.menu {
	display:inline;
	padding: 0 5px 0 5px;
	font-weight: bold;	
}

ul.unordered {
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: inside;
	font-size: 1.2em;
	line-height: 1.4em;
}

ol.ordered {
	padding-left: 1em;
	text-indent: -1.2em;
	list-style-position: inside;
	font-size: 1.2em;
	line-height: 1.4em;
}
ol.ordered li { margin-bottom: 12px; }

ul.list {
	padding-left: 24px;
	font-size: 12px;
}

ul.list li { margin: 6px 0;}


/* ---( LESS COMMON ELEMENTS )------------------------------------ */

small {
}

abbr, acronym {
}

blockquote {
}

cite {
}

em {
}

strong {
}

/* ---( FORM ELEMENTS )------------------------------------ */

form {
}

fieldset {
}

legend {
}

label {
}

input {
}

select {
}

option {
}

textarea {
}

input:focus, select:focus, option:focus, textarea:focus {
}

/* ---( BASE ID ELEMENTS )------------------------------------ */

#header {
	height: 224px;
	background-image: url(../images/header-bg.png);
	background-repeat: repeat-x;
}

#ecom-header {
	height: 224px;
	background-image: url(../images/header-bg.png);
	background-repeat: repeat-x;
}

#head {
	width: 896px;
	margin: 0 auto;	
}

#content {
	color: #435726;
	padding-right: 63px;
	padding-left: 47px;
	background-image: url(../images/paper-center.png);
	background-repeat: repeat-y;
}

#sidebar {
	padding: 0 10px 0 10px;
	width: 172px;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d79842;
	border-left-color: #d79842;
}

#navigation {
	float:right;
	margin-top: 10px;
	color:#435726;	
}

#footer {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

/* ---( BASE CLASSES )------------------------------------ */

.bold {
}

.italic {
}

.hidden {
}

.offset {
}

.highlight {
}

.tiny {
}

.error {
}

.abbr {
}

/* ---( FIX FOR CLEARING DIV's )------------------------------------ */

/* ---( http://sonspring.com/journal/clearing-floats )------------------------------------ */

html body * span.clearall,
html body * div.clearall,
html body * li.clearall,
html body * dd.clearall
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* ---( http://www.positioniseverything.net/easyclearing.html )------------------------------------ */

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

.clearfix {display: inline-block;}

/* ---( Hides from IE-mac )------------------------------------ */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* ---( End hide from IE-mac )------------------------------------ */