/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left: 0;
} 
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: #4c555a;
	background: white;
	font-family: sans-serif, Verdana;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique
---------------------------------------------------------*/

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

/* mac hide */

* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}

/* end hide */

/* ...do not change or amalgamate the above clearfix styles... */




/* general styling
---------------------------------------------------------*/

p,h1,h2,h3,h4,h5,h6,ul,ol{
	margin-bottom:.5em
}
a img,img{
	border:none;display:block;
}
a{
	text-decoration:none;
	color:#000;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size: 197%} /* 26px */
h2{font-size: 182%} /* 24px */
h3{font-size: 167%} /* 22px */
h4{font-size: 152%} /* 20px */
h5{font-size: 136%} /* 18px */
h6{font-size: 122%} /* 16px */

body{
	font-size: 13px; 
	text-align:left;/* for ie5.+*/
}
body{
	background:#000 url(../images/bg-r.jpg) repeat-x 0 0;
}
ul#nav{
	font-size: 92%;
	padding: 10px 20px 5px 0;
	text-align:right;
	position:relative;
	z-index: 2
}
ul#nav li{
	display:inline;
	padding: 0 10px 0 0;
	text-transform:uppercase;
	font-style: italic;
	font-family: sans-serif, Verdana;
}
ul#nav li a{
	color:#fff;
}
ul#nav li a:hover,
ul#nav li.current a{color:#1992bf}

/* main content
---------------------------------------------------------*/

#page-wrap{
	width: 960px;
	background:#fff;
	padding: 0 32px 0 32px;
	margin:auto;
}

/* header
---------------------------------------------------------*/

#header{
	height: 188px;
	background:url(../images/header.jpg) no-repeat 0 0;
	position:relative;
	z-index:1;
}

#h1-main-title{
	clear: both;
	padding: 166px 0 0 0;
	font-size: 13px;
	color:#5D8A24;
	font-family: sans-serif, Verdana;
	text-align:left;
}

/* banner
---------------------------------------------------------*/

#main-banner{
	height: 304px;
	padding: 0 0 20px 0;
	background:url(../images/banner.jpg) no-repeat 0 0;
	position:relative;
	z-index: 1;
}

/* gallery
---------------------------------------------------------*/

#gallery{
	float:left;
	height: 101px;
	width: 573px;
	background:url(../images/gallery.jpg) no-repeat 0 0;
	position:relative;
	display: inline;
	z-index: 1;
}

#h2-gallery-title{
	clear: both;
	padding: 12px 0 0 15px;
	font-size: 13px;
	color:#fff;
	font-family: sans-serif, Verdana;
	text-align:left;
}

.thumbnail01, .thumbnail02, .thumbnail03, .thumbnail04, .thumbnail05, .thumbnail06, .thumbnail07, .thumbnail08, .thumbnail09, .thumbnail10, .thumbnail11{
	float: left;
	height: 42px;
	width: 42px;
	margin:6px 0 0 9.5px;
	position: relative;
	display: inline;
	z-index: 4;
}

/* order
---------------------------------------------------------*/
	
#order{
	margin: 75px 0 0 0;
	border: none;
	position:relative;
	z-index: 3;

}

/* price
---------------------------------------------------------*/

#price{
	height: 58px;
	width: 378px;
	margin: -58px 0 0 195px;
	background:url(../images/price.jpg) no-repeat 0 0;
	position: relative;
	z-index: 2;
}
	body:first-of-type #price{margin: -69px 0 0 195px;}

/* description
---------------------------------------------------------*/

#description{
	float:right;
	height: 169px;
	width: 364px;
	background:url(../images/description.jpg) no-repeat 0 0;
	position:relative;
	display: inline;
	z-index:1
}

#h2-description-title{
	clear: both;
	padding: 12px 0 0 15px;
	font-size: 13px;
	color:#fff;
	font-family: sans-serif, Verdana;
	text-align:left;
}

#description p{
	font-size: 11px;
	line-height: 15px;
	color:#4c555a;
	text-align:left;
	padding: 20px 18px 0 15px;
}

/* footer
---------------------------------------------------------*/
	
#footer{
	clear:both;
	margin: 165px 0 0 0;
	height: 129px;
	background:url(../images/footer.jpg) no-repeat 0 0;
}

.contact{
	padding: 30px 0 0 0;
	float:left;
	color:#4c555a;
	font-size: 11px;
	display: inline;
}

.contact a:link{
	color:#4c555a;
	text-decoration: none;
}

.contact a:hover, a:visited, a:active{
	color:#389f35;
	text-decoration: none;
}

.copyright{
	padding: 30px 0 0 0;
	float:right;
	color:#4c555a;
	font-size: 11px;
	display: inline;
}

#sharethis, a:link{
	clear: both;
	padding: 30px 0 0 7px;
	text-decoration:none;
	color:#389f35;
	font-size: 11px;
	text-align: center;
	
}

#sharethis, a:hover, a:visited, a:active{
	text-decoration:none;
	color:#389f35;
}