/*###################
##### CSS RESET #####
###################*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*####################
##### HTML, BODY #####
#####################*/ 

*
{
    margin                  : 0;
    padding                 : 0;
    text-align              : left;
}
html,body 
{
	margin					: 0;
	padding 				: 0;		
	background				: #bbb url('') top center no-repeat;	
	font-family				: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size				: 16px;
	color					: #666;	
	height                  : 100%;
}
body 
{
	padding					: 20px;
}


/*###################
##### CONTAINER #####
###################*/ 

#container
{
	height					: auto;
	background-color        : #FFF;
	width                   : 1000px;
	margin					: 0px auto;
	padding                 : 20px;
	background				: url('') top left repeat;	
	border-radius			: 13px;
	-webkit-border-radius	: 13px;
	-moz-border-radius		: 13px;
}
#containerInner
{
	margin					: 0;
	padding					: 20px;
	display					: block;
	width					: 960px;
	text-align				: left;
	background-color        : #FFF;
    border-radius			: 10px;
	-webkit-border-radius	: 10px;
	-moz-border-radius		: 10px;
}




/*###############
##### FONTS #####
###############*/ 

p
{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 8px 0px;
	line-height				: 1.4em;
}
h1, h2, h3
{
	margin					: 5px 0px 0px 0px;
	padding		 			: 0px 0px 5px 0px;
	line-height				: 1.2em;	
	font-size 				: 24px;
	font-weight             : normal;
	color                   : #333;
}
h1 span
{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 8px 0px;
	font-size 				: 20px;
	color                   : #999;
}
h2
{
	font-size 				: 20px;
	padding		 			: 5px 0px 0px 0px;
}
h3
{
	font-size 				: 18px;
	padding		 			: 5px 0px 0px 0px;
}

/* LISTS */
#content-main ul,
#content-main ol
{
	display					: block;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
}
#content-main ul li,
#content-main ol li
{
	margin					: 0px;
	line-height				: 1.3em;
	margin					: 0px 0px 0px 20px;
	padding					: 0px 0px 5px 5px;
}

/* HYPERLINKS */
a
{
	color					: #333;
	text-decoration			: none;
}
a:hover 
{
	color					: #000;
	text-decoration			: underline;
}

.breadcrumb
{   
    font-size               : 12px;
    padding					: 0px 0px 5px 0px;
}


/*#####################
##### FONT STYLES #####
#####################*/ 

.dotted
{
    margin-bottom			: 15px;
	padding-bottom 			: 5px;
	border-bottom           : 3px dotted #CCC;
}




/*################
##### HEADER #####
################*/ 

#header
{
	margin					: 0px auto 15px auto;
	padding					: 0px 0px 0px 0px;
	display                 : block;
	height					: 174px;	
	position                : relative;
}

/* LOGO */
.logo
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	position                : absolute;
	top                     : 0;
	left                    : 0;
}

.logo span {
	color: #6a5e51;
	font-size: 50px;
	line-height: 1.8em;
	padding-left: 10px;
	padding-bottom: 1px;
}

.logo-slogan {
	color: #6a5e51;
	font-size: 15px;
	line-height: 0em;
	padding-left: 40px;
	padding-top: 1px;
}

/* HEADER CONTACT */
.header-contact
{
	margin					: 20px 0px 0px 280px;
	padding					: 0px 0px 0px 0px;
	position                : absolute;
	top                     : 0;
	left                    : 0; 
	color                   : #333;
	font-size               : 16px;
	line-height             : 1.2em;
	width                   : 445px;
}
.header-contact span
{
	color                   : #565656;
	font-size               : 25px;
	line-height             : 1.8em;
}

/* LOGIN/REGISTER */
.login-register
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	position                : absolute;
	top                     : 0;
	right                   : 0; 
	color                   : #444;
	font-size               : 13px;
}
.login-register span
{
	color                   : #999;
}
.login-register a
{
	color                   : #777;
}
.login-register a:hover
{
	color                   : #333;
}




/*###############
#### CONTENT ####
###############*/ 

#content
{
	margin                  : 0px auto 0px auto;
	padding                 : 0px 0px 0px 0px;
	width                   : 100%;		
	position                : relative;
}

#content-side
{
	margin                  : 0;
	padding                 : 0;
	width                   : 220px;		
	position                : relative;
	float                   : left;
}

#content-main
{
	margin                  : 0;
	padding                 : 0;
	width                   : 720px;		
	position                : relative;
	float                   : right;
}



/*################
##### FOOTER #####
################*/ 

#footer
{
	margin					: 0px auto 0px auto;
	padding					: 10px 0px 10px 0px;	
	position				: relative;
	display					: block;
	line-height				: 1.4em;
	font-size				: 12px;
	text-align				: left;
	color					: #FFF;
	height					: auto;
	width                   : 1000px;
}
#footer a
{
	color					: #FFF;
}
#footer a:hover
{
	color					: #FFF;
}


.footer-links
{
	margin					: 0px 0px 10px 0px;	
	font-size               : 13px;
	text-align              : center;
}

.sales-number
{
	margin					: 0px 0px 10px 0px;	
	font-size               : 18px;
	text-align              : center;
	text-transform          : uppercase;
}
.copyright
{
	margin					: 0px 0px 10px 0px;	
	font-size               : 13px;
	text-align              : center;
}

.je
{
	margin					: 0px 0px 10px 0px;	
	font-size               : 11px;
	text-align              : center;
	filter					: alpha(opacity=80);
	-khtml-opacity			: 0.8;
	-moz-opacity			: 0.8;
	opacity					: 0.8;
}




/*################
### NAVIGATION ###
################*/ 

/* SEE NAV.CSS */




/*#############
### DETAILS ###
#############*/ 

/* SEE DETAILS.CSS */