/*
+-------------------------------------------------------------------------+
Title:		tes
Version:	1.7
Author:		gjh @nmm!
Updated:	7/13/2009
+-------------------------------------------------------------------------+
*/


/* 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,
dd, dl, dt, li, ol, ul,
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;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal;} 
	
caption, th {text-align:left;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

blockquote, q {quotes: none;}

/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
abbr, acronymn {text-decoration: none; border:0;}

.clear {clear: both;}

#skip, 
.hide, 
hr, 
#logo-print {display: none;}


/* site styles */

body {
	background: #2f1503 url(../images/bg.jpg) 50% 0 repeat-y;
	color: #f0bb75;}
	
	a {color: #f0bb75;}
	 a:hover {text-decoration:none;}
	

#tes {
	width: 1006px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;}

/* id */

#id h1 {
	width: 260px;
	height: 259px;
	position: absolute;
	top: 125px;
	left: 95px;
	background: url(../images/logo-3.jpg) 0 0 no-repeat;
	text-indent: -123456px;
	z-index:5000;}

#id h2 {
	width: 299px;
	height: 173px;
	position: absolute;
	top: 400px;
	left: 70px;
	background: url(../images/tesi.png) 0 0 no-repeat;
	text-indent: -123456px;
	z-index:5000;}
	
#id img {
	position: absolute;
	top:400px;
	left:70px;
	z-index: 5500;}

	
	
/* Navigation */
#nav-main {
	width: 1006px;
	height: 75px;
	background: url(../images/bg-nav.gif) 0 0 no-repeat;
	position: relative;
	margin-left: -9px;}
	
	#nav-main li {
		height: 75px;
		float: left;}
	
		#nav-main li a {
			display: block;
			height: 75px;
			text-indent: -123456px;
			background-image: url(../images/nav.jpg);
			background-repeat: no-repeat;}

#n-home {width: 127px;}
	#n-home a {width: 127px; background-position: 0 0;}
	#n-home a:hover,
	#n-home a.on {width: 127px; background-position: 0 -75px;}
	
#n-soyc {width: 134px;}
	#n-soyc a {width: 134px; background-position: -127px 0;}
	#n-soyc a:hover,
	#n-soyc a.on {width: 134px; background-position: -127px -75px;}
	
#n-arom {width: 192px;}
	#n-arom a {width: 192px; background-position: -261px 0;}
	#n-arom a:hover,
	#n-arom a.on {width: 192px; background-position: -261px -75px;}
	
#n-terr {width: 200px;}
	#n-terr a {width: 200px; background-position: -453px 0;}
	#n-terr a:hover,
	#n-terr a.on {width: 200px; background-position: -453px -75px;}
	
#n-soli {width: 134px;}
	#n-soli a {width: 134px; background-position: -653px 0;}
	#n-soli a:hover,
	#n-soli a.on {width: 134px; background-position: -653px -75px;}

#n-main {width: 219px;}
	#n-main a {width: 219px; background-position: -787px 0;}
	#n-main a:hover,
	#n-main a.on {width: 219px; background-position: -787px -75px;}
	
/* not used anymore */
#n-orde {width: 136px;}
	#n-orde a {width: 136px; background-position: -870px 0;}
	#n-orde a:hover,
	#n-orde a.on {width: 136px; background-position: -870px -75px;}




/* primary content */
#primary {
	width: 556px;
	background: url(../images/bg-primary.jpg) 0 0;
	margin: 0 0 5px 50px;
	padding: 50px 0 0 350px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	line-height: 1.3em;	
	height: 360px;
	
	-moz-border-radius:3ex;
	-webkit-border-radius: 3ex;}
	
	#primary p {
		margin: 0 20px;
		font-size: 15px;
		background: none;}
	
	/* styles specifically for the home page */
	#home #primary {min-height: 525px;}
	#terra-essentials-candles #primary {height: 380px;}
	
	
		#home #primary p {
			padding: 45px 0 10px;
			background: url(../images/fl-b-t.png) 50% 0 no-repeat;}
			
		#home #primary ul {
			padding: 50px 0 15px;
			background: url(../images/fl-b-b.png) 50% 0 no-repeat;}
			
		#home #primary #order-but {padding:0; margin:0; background:none;}

/* secondary content */
#secondary {
	width: 501px;
	background: #2f1503 url(../images/bg-secondary.gif) 0 0 no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #f0bb75;
	position: relative;
	min-height: 300px;
	-moz-border-radius:3ex;
	-webkit-border-radius: 3ex;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 375px;
}
	
	#secondary-content h2 {
		font-size: 15px;
		margin-bottom: 1.1em;
		margin-right: 25px;}
#secondary-content h5 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 1em;
	text-decoration: underline;
	font-weight: normal;
	font-style: italic;
}

		
	#secondary-content p {
		line-height: 1.4em;
		margin-bottom: 1.1em;}
#new{
	font-style: italic;
	color: #690;
	padding-right: 20px;
		}
		
		
		#secondary-content ul {
			text-align: center;
			font-size: 13px;}
			
		#secondary-content li {margin-bottom: 1.5em;}
			#secondary-content li h3 {
				font-size: 15px;
				text-transform: uppercase;}
				
			#secondary-content li p {margin:0;}
		
		
		
	#contact {
		width: 230px;
		position: absolute;
		top: 20px;
		left: 60px;
		text-align: center;
		background: url(../images/fl-s-t.gif) 50% 0 no-repeat;
		padding-top: 40px;
		line-height: 1.5em;}
          #soy-candles #contact
        , #aroma-solids #contact
		, #aromatherapy-candles #contact
		, #terra-essentials-candles #contact{display: none;}
		
		
		.org {font-size: 15px; text-transform: uppercase;}
			.org span {font-size: .8em;}
		
		.tel {
			background: url(../images/fl-s-b.gif) 50% bottom no-repeat;
			padding-bottom: 35px;
			margin-bottom: 40px;}
			

/* sub-pages */
#title-os {
	display: block;
	width: 318px;
	height: 100px;
	text-indent: -123456px;
	background: url(../images/title-os.png) 0 0 no-repeat;
	margin: 0 auto;}

#title-ac {
	display: block;
	width: 414px;
	height: 102px;
	text-indent: -123456px;
	background: url(../images/title-ac.png) 0 0 no-repeat;
	margin: 0 auto;}
	
#title-as {
	display: block;
	width: 414px;
	height: 102px;
	text-indent: -123456px;
	margin: 0 auto;
	background-image: url(../images/title-as.png);
	background-repeat: no-repeat;
	background-position: 0 auto;
}
	
	
#title-te {
	display: block;
	width: 425px;
	height: 100px;
	text-indent: -123456px;
	background: url(../images/title-te.png) 0 0 no-repeat;
	margin: 0 auto;}
      #soy-candles #primary p
    , #aroma-solids #primary p
	, #aromatherapy-candles #primary p
	, #terra-essentials-candles #primary p{
		padding: 0 0 55px;
		background: url(../images/fl-b-b.png) 50% bottom no-repeat;}
      #soy-candles  #primary #order-but
    , #aroma-solids #primary #order-but
	, #aromatherapy-candles #primary #order-but
	, #terra-essentials-candles #primary #order-but{
		background: none;}

#title-or {
	width: 323px;
	height: 89px;
	text-indent: -123456px;
	background: url(../images/title-or.gif) 0 0 no-repeat;
	margin: 0 auto;}
	
	#order #primary h3 {
		text-transform: uppercase;
		margin: 20px 0 10px;
		padding: 0;}
	
	#order #primary ul {
		padding-bottom: 70px;		
		background: url(../images/fl-b-b.png) 50% bottom no-repeat;}

	#order #primary ul {margin-bottom: 1.1em;}
	
	#primary p.up {text-transform: uppercase; padding-bottom: 35px;}


/* order button - reused all over the place */
#order-but a {
	display: block;
	width: 301px;
	height: 82px;
	background: url(../images/order.png) 0 0 no-repeat;
	text-indent: -123456px;
	margin:0 auto;}
	
	#secondary #order-but a {margin-left: -15px;}
	
	#order #secondary #order-but a {
		margin: 0;
		position: absolute;
		top: 480px;
		left: 25px;}
	

#product-photos {
	width: 260px;
	position: absolute;
	left:50px;
	top: 220px;}
	
	#aroma-solids #product-photos,
	#aromatherapy-candles #product-photos,
	#soy-candles #product-photos,
	#terra-essentials-candles #product-photos {top: 25px;}


#product-photos li {
	text-align: center;
	width: 115px;
	min-height: 190px;
	float: left;
	margin: 0 15px 15px 0;}
	
#product-photos img {
	border: 2px solid #F0BB75;}
	
	
	
	#photos {
	width: 300px;
	position: absolute;
	left:30px;
	top: 220px;
	text-align: center;}
	
	
	
	#order #secondary img {
		position: absolute;
		top:0;
		left:0;}
		
		
/* Home Page */

#home #secondary-content {
	width: 270px;
	padding-bottom: 35px;}


#home #secondary-col-a {
	width: 350px;
	height: 675px;
	position: absolute;
	top:0;
	left:0;
	background: url(../images/pic-home.jpg) 0 0 no-repeat;}
	
	#home #contact {
		top: 480px;}

#home #secondary-col-b {
	width: 228px;
	padding: 365px 0 0;
	position: absolute;
	top: 25px;
	right:25px;
	background: url(../images/pic-home-2.jpg) 0 0 no-repeat;
	text-align: center;}
	
	#home #secondary-col-b h3 {
		text-transform: uppercase;
		margin-bottom: 10px;}
		
		#home #secondary-col-b li {margin-bottom: 10px;}

		
		
		#footer {font-size: 15px; clear: both; padding: 15px 0; text-align: center;}