/* Divine Rocks */

/* COLOURS
   Red:      #ee1d22    
   Burgandy: #850202
   Yellow:   #fff100   
*/

/* 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	line-height: 20px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: Calibri, 'Helvetica Narrow', sans-serif;
	vertical-align: baseline;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

/* GENERAL */
body { background-image: url(images/body_bg.jpg); background-repeat: repeat; color: white; }
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
.highlight { color: #d8275e; }
a { color: #d8275e; text-decoration: none; }
a:hover { color: #ffffff; }

/* LAYOUT */
#bodycontent { width: 100%; background-image: url(images/background_img.jpg); background-repeat: no-repeat; position: absolute; min-height: 1100px; }
#wrapper {
	width: 980px;
	background-image: url(images/wrapper_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	border: 1px solid #454444;
	height: auto;
	margin-top: 200px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #202020;
}
#body { background: #000000; margin: 70px 20px 20px; }
#body_text { float: right; color: white; width: 460px; }
#bottom_bar {
	clear: both;
	width: 1080px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-left: 100px;
}

/* NAVIGATION */
ul#nav_left { list-style-type: none; margin: 15px; float: left; }
ul#nav_left li { display: inline; padding: 10px 20px; }
ul#nav_left li a { text-decoration: none; color: white; }

ul#nav_right { list-style-type: none; margin: 15px; float: right; }
ul#nav_right li { display: inline; padding: 10px 20px; }
ul#nav_right li a { text-decoration: none; color: white; }

ul#nav_left li#current a, ul#nav_left li a:hover,
ul#nav_right li#current a, ul#nav_right li a:hover  { border-bottom: 3px solid #d8275e; padding-bottom: 3px; }

/* HEADER */
.logo { position: absolute; top: -180px; left: 310px; }

/* TYPOGRAPHY */
h1 { font-size: 20px; margin: 40px 30px 20px 0; border-bottom: 1px dotted #d8275e; padding-bottom: 5px; }
p {
	padding-top: 0;
	padding-right: 100px;
	padding-bottom: 0;
	padding-left: 0;
}

/* IMAGES */
#bottom_bar img { padding-right: 3px; }
#bottom_bar img.last { padding: 0 0 0 2px; }

#productsection {
	position:absolute;
	left:499px;
	top:199px;
	width:404px;
	height:188px;
	z-index:1;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #FFF;
	text-decoration: underline;
}