/* CSS - Main */
/* Rose Tattoo Aftercare */
/* April 2008 */

/* GENERAL */

* {
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }


html,body {
	margin:0;
	padding:0;
	color: #e3a67b; #e4cabd; #e4c28f; #000;
	background: #000 url(../img/pix/bg.jpg);
}

body {
	font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	min-width:930px;
}

code {
	font-family:Monaco, Courier, "Courier New", monospace;
}

div {
   font-size: 1em;
}

img {
   border: 0;
}

h1 {
	font-size:1.7em;
	color: #e3a67b; #c93d37;
	margin: 0em 10px 25px 10px;
}

h2,h3 {
	font-size:1.7em;
	color: #e3a67b; #c93d37;
	margin: 0.7em 0px 0.7em 0px;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.16em;
	margin: 0em 0;
	padding:0;
}

h5 {
	font-size: 1.06em;
	font-weight: normal;
	font-style: italic;
	margin:0;
	padding:0;
}

p {
	padding: 0 10px;
}

a:link, a:visited  {
	color:#e38e51;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
}

ol li {
	margin: 15px 5px 15px 30px;
}
	
#wrap {
	width:930px;
	margin:0 auto;
}

	
/* Header */

#header {
	height:220px;
	background:url(../img/pix/banner.gif) 0 0 no-repeat;
}
	
#header h1 {
	margin: 0;
}
	
#header h1 a {
   display: block;
   height: 160px;            
   text-indent: -999em;  
   text-decoration:none;
}

#header #header-links {
	padding: 18px 0 0 35px;
	font-family:Georgia,Times,"Times New Roman",serif;
}
	

/* Main */

#main {
	clear:both;
	margin:5px 0;
	padding:0;
	background: #000 url(../img/bg/bg-mid.jpg) repeat-y;
}
	
#main-up
{
	height: 20px;
	background: #000 url(../img/bg/bg-up.gif) top no-repeat;
	color:#473215;
	font-weight:bold;
	font-family:Georgia,Times,"Times New Roman",serif;
	font-size: 90%;
	margin-top: -10px;
}

#main-mid {
	position: relative;
	padding: 10px 30px;
}

div.left {
	float:left;
	width: 220px;
}

div.center {
   float: left;       
   width: 370px;
}

div.right {
	float: right;
	width: 265px;
}

div.left-big {
	float:left;
	width: 590px;
}

div.left50 {
	float:left;
	width: 49%;
}

div.right50 {
	float: right;
	width: 49%;
}


	
#main-down {
	clear: both;
	height: 20px;
	background: #000 url(../img/bg/bg-down.gif) top no-repeat;
}

#footer {
	text-align:center;
	clear:both;
}

div.clear {
	clear: both;
	border-top: 2px dotted #141414 ;#c93d37 ;
	margin: 0px 0px 15px;
}

div.clear2 {
	clear: both;
	border-top: 2px dotted #000 ;
}

p.border {
	clear: both;
	border-bottom: 2px dotted #141414;
}

p.border2 {
	border-bottom: 2px dotted #141414;
	margin: 15px 10px;
}


/* NAVIGATION */
	
#nav {
	float:left;
	width:930px;
	margin-top:-7px;
	font-size:0.94em;
	line-height:1em;
	margin-bottom: 12px;
}

#nav ul {
	margin:0;
	padding:0 0 0 36px;
	list-style:none;
}
#nav li {
	float:left;
	margin:0 0 0 -1px;
	padding:0 0 0 8px;
	background:url(../img/nav/nav1.gif) 0 100% no-repeat;
}
#nav li:hover {
	background-position:-8px 100%;
}
#nav a {
	float:left;
	display:block;
	color:#e38e51;
	font-weight:bold;
	font-family:Georgia,Times,"Times New Roman",serif;
	background:url(../img/nav/nav2.gif) 100% 100% no-repeat;
	padding:7px 12px 9px 6px;
	text-decoration:none;
}
#nav li:hover a {
	background-image:url(../img/nav/nav1.gif);
}
/* Hide from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
	color:#c93d37;
	text-decoration:underline;
}
#home #nav #t1,
#wholesale #nav #t2,
#application #nav #t3,
#ingredients #nav #t4,
#gogreen #nav #t5,
#gallery #nav #t6,
#ourstory #nav #t7,
#feedback #nav #t8,
#faq #nav #t9 {
	background-position:-16px 100%;
	padding-left:17px; /*selected*/
	margin:0 6px;
}

#home #nav #t1 a,
#wholesale #nav #t2 a,
#application #nav #t3 a,
#ingredients #nav #t4 a,
#gogreen #nav #t5 a,
#gallery #nav #t6 a,
#ourstory #nav #t7 a,
#feedback #nav #t8 a,
#faq #nav #t9 a {
	background-image:url(../img/nav/nav2s.gif);
	padding-left:6px; /* */
	padding-right:10px;
	color:#000;
}

	
/* IMAGE */
	
#main-mid a img
	{
	padding: 5px;
	background: transparent url(../img/bg/border161x150.gif) no-repeat;
	border: none;
	margin: 0.2em;
	}
	
#main-mid a:hover img { background-position: 0 -150px; }
	
	
/* Form */

#home input, 
#wholesale input
{
	color: #000;
	font-size: 90%;
	font-weight: bold;
	background-color: #f39857; #e38e51; #c93d37;
	border: 1px outset #e38e51;
	padding: 2px;
	margin: 10px 0;
	text-align: center;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}