@charset "UTF-8";

/* CSS Document */
* { margin: 0; padding: 0;}

/* HTML */
html, body { height: 100%;}

body {
	background: #ffffff url(../img/base_bg.jpgx) repeat-x;
	background-position: 0px 148px;
	font-family: Tahoma;
	color:#a86a2d;
	font-size: 12px;
}

h1{
	font-size:15px;
}

p { margin-bottom: 1em;
	line-height:1.5em;}

a { text-decoration: none; color: #ff7e00;}
a:hover { text-decoration: underline;}

img { border: 0px Solid Transparent;}

/* Element */
.invisible { display: none;}
.clear { clear: both; float: none;}
.left { float: left;}
.right { float: right;}

/* Layout, Base */
#base {
	background: url(../img/repeated_header.jpgx) repeat-x;
	margin:0 auto;
	position: relative;
	display: block;
	min-height: 100%;
}
*html #base {
	height: 100%;
}
#layout { display: block; width: 100%; padding-top:148px; }

/* Header - Headerwrap, Logo, Navi*/
#header { width:100%; height:183px; position:absolute; background: #ffffff url(../img/repeatx_header.jpg) repeat-x; left:0; top:0; }

#headerwrap { width:840px; margin:0 auto;}

#logo {  width:292px; height:86px; margin-top:40px;}

#navi { margin-top:88px; height:37px; width:533px;	float:right; }
#navi ul{ list-style-type:none; padding:0; margin:0; }
#navi li{ float:left; position:relative; }
#navi li a:hover, #navi li a.current{ background-position: 0px -37px; }
#navi li#btn_index a		{ display:block; width:68px; height:37px; background-image:url(../img/navi/homebtn.jpg);}
#navi li#btn_about a		{ display:block; width:93px; height:37px; background-image:url(../img/navi/aboutbtn.jpg);}
#navi li#btn_service a		{ display:block; width:90px; height:37px; background-image:url(../img/navi/servicebtn.jpg);}
#navi li#btn_urn a			{ display:block; width:62px; height:37px; background-image:url(../img/navi/urnbtn.jpg);}
#navi li#btn_testimonial a	{ display:block; width:116px; height:37px; background-image:url(../img/navi/testibtn.jpg);}
#navi li#btn_contact a		{ display:block; width:104px; height:37px; background-image:url(../img/navi/contactbtn.jpg);}


/* Holder - Sidebar, Main, Banner, Content, Pagetitle */
#holder { display: block; width: 840px; margin:0 auto;}

#sidebarwrap { position:absolute; background-color:#462200; width:240px; height:100px; z-index:5; } /* For making a brown bg at top of sidebar */

#sidebar { display: block; width: 240px; padding-bottom:1em; background:url(../img/sidebar_bg.jpg) no-repeat bottom; padding-top:30px; }
#sidebar .sidebar_items { width:200px; margin:0 auto; }
#sidebar #sidebar_product{	background:url(../img/sidebar_product.png) no-repeat; height:18px; margin-bottom:12px; }
#sidebar #sidebar_testimonial{	background:url(../img/sidebar_testimonial.png) no-repeat; height:18px; margin-bottom:12px;}

#main { display: block; width: 590px;}

#banner { display: block; width: 580px; height:160px; margin-top:35px;}

#content {	padding:0px 30px 7.5em 20px; display: block; margin-top:10px; 	background:url(../img/content_bg.jpg) no-repeat; }

#content ol { padding-left:25px; margin-bottom:1.5em; line-height:1.5em;}

#content .pagetitlewrap {  padding-top:13px; display:block;  margin-bottom:15px;}
#content .pagetitle {  background-repeat:no-repeat; height:17px;}
#content .pagetitle#index		{ background-image:url(../img/titles/title_home.png); width:183px;}
#content .pagetitle#about		{ background-image:url(../img/titles/title_about.png); width:68px;}
#content .pagetitle#service		{ background-image:url(../img/titles/title_service.png); width:96px;}
#content .pagetitle#urn			{ background-image:url(../img/titles/title_urn.png); width:66px;}
#content .pagetitle#testimonial	{ background-image:url(../img/titles/title_testimonial.png); width:93px;}
#content .pagetitle#contact		{ background-image:url(../img/titles/title_contact.png); width:80px;}
#content .urn_imagesleft {margin-bottom:10px;text-align:center;	width:100px; float:left;}
#content .urn_images {margin-bottom:10px;text-align:center;	width:100px;	float:left;	padding-left:10px;}

/* Footerwrap, Footercontent */
#footerwrap { 
position: absolute; bottom: 0; display: block; width:100%;
background:url(../img/footerbg.jpg); height:81px;
}

#footercontent { 
z-index:-1;
display: block; width:820px; margin:0 auto; 
margin-top:50px;
padding-right:20px;
font-size:11px;
color:#a39180;
text-align:right;
}

