/* ---------------------------------------------------- */
/*  presentation css 01                                 */
/*  notes                                               */
/* ---------------------------------------------------- */

/*	color: #ffdb99;   light  */
/*	color: #ffb733;   mid    */
/*	color: #cc8400;   dark   */



/* ---------------------------------------------------- */
/*  body (base font / text handling)                    */
/* ---------------------------------------------------- */
body {
	font-family:verdana, arial, sans-serif; 
	font-size: 100%;
	color: #a89680;
	text-align:left;
	behaviour:url(../css/csshover.htc);
}


/* ---------------------------------------------------- */
/* background colour                                    */
/* ---------------------------------------------------- */
body {
	background-color:#d4cbc0;
}
div#main {
	background-color:#fff;
}


/* ---------------------------------------------------- */
/* background images                                    */
/* ---------------------------------------------------- */
div#wrap {
	background-image:url(../images/site/background_wrap_restoration.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.restoration div#wrap {
	background-image:url(../images/site/background_wrap_restoration.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.gallery div#wrap {
	background-image:url(../images/site/background_wrap_gallery.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.info div#wrap {
	background-image:url(../images/site/background_wrap_info.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
div#main {
	background-image:url(../images/site/background_main.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


/* ---------------------------------------------------- */
/* hr rule colour                                       */
/* ---------------------------------------------------- */
hr { 
	border:0;
        border-top:1px solid #aaa; 
}


/* ---------------------------------------------------- */
/*  links (LoVe HAte)                                   */
/* ---------------------------------------------------- */

/* ------------ */
/* global links */
/* ------------ */
a:link {
	text-decoration:underline; 
	color:#75634d;
}
a:visited {
	text-decoration:underline;
	color: #75634d; 
}
a:hover {
	text-decoration:none;
	color: #c00; 
}
a:active {
	text-decoration:none;
	color: #c00; 
}


/* ----------------------- */
/* h1 title links          */
/* ----------------------- */
h1 a:link {
	color:#a89680;
	text-decoration:none;
}
h1 a:visited {
	color: #a89680; 
	text-decoration:none;
}
h1 a:hover {
	color: #c00; 
	text-decoration:none;
}
h1 a:active {
	color: #c00; 
	text-decoration:none;
}







/* ----------------------- */
/* h2 title links          */
/* ----------------------- */
h2 a {
	padding: 0 0.2em;
	font-size: 0.75em;
}
h2 a:link {
	color: #75634d;
	text-decoration:none;
}
h2 a:visited {
	color: #75634d;
	text-decoration:none;
}
h2 a:hover {
	color: #fff;
	background-color: #d4cbc0;
}
h2 a:active {
	color: #c00; 
}



/* ----------------------- */
/* supplemental list links */
/* ----------------------- */
div#supplemental .list a:link {
	text-decoration:none; 
}
div#supplemental .list a:visited {
	text-decoration:none;
}
div#supplemental .list a:hover {
	text-decoration:underline;
}
div#supplemental .list a:active {
	text-decoration:underline;
}


/* ------------ */
/* footer links */
/* ------------ */
div#footer a:link {
	text-decoration:none; 
	color:#999; 
}
div#footer a:visited {
	text-decoration:none; 
	color:#999; 
}
div#footer a:hover {
	text-decoration:underline; 
	color:#f00;
} 
div#footer a:active {
	text-decoration:underline; 
	color:#f00;
} 

/* ---------------- */
/* validation links */
/* ---------------- */
div#validation a {
	color: #999;
}
div#validation a:hover {
	color: #c00;
}


/* ---------------------------------------------------- */
/* headings                                             */
/* ---------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin-top: 0.5em;	
	margin-bottom: 0em;	
	font-weight:normal;
}

h1 {
	position:absolute;
	zoom:1;
	color:#000;
	font-size:36px; 
	margin-top: -77px;	
	margin-left: -112px;	
}
h1#sub1, h1#sub2, h1#sub3, h1#sub4 {
	overflow-x:hidden; /* fix for ie7 scrollbar bug */
	position:absolute;
	zoom:1;
	color:#000;
	font-style:italic; 

	font-size:16px; 
	margin-top: -75px; 	

/*	font-family:"times new roman",times,serif; */
/*	font-size:18px; */
/*	margin-top: -76px; */
}
h1#sub1 {margin-left: 110px;}
h1#sub2 {margin-left: 220px;}
h1#sub3 {margin-left: 275px;}
h1#sub4 {margin-left: 385px;}

h2 {
	color:#75634d;
	font-size:28px; 
	margin-top: -45px;	
	margin-bottom: 7px;	
	text-align:right; 
}


h3 {
	position:relative;
	zoom:1;
	margin-left:-55px;
	font-size:1em; 
/*	color:#ffb733; */
	color:#a89680;
/*	font-variant:small-caps; */
}

h4 {
	color:#a89680; 
	font-size:0.8em; 
	font-weight:bold;
}




/* ---------------------------------------------------- */
/* paragraphs                                           */
/* ---------------------------------------------------- */

p {
	font-size:.8em; 
	margin:0em 0 0.75em 0; 
}	

div#supplemental p {
	font-size:.75em;
}



/* ---------------------------------------------------- */
/* widths                                               */
/* ---------------------------------------------------- */

.w165 {
	width:155px;
	margin-left:55px;
}
* html .w165 {
	width: 165px; 
	w\idth:155px; 
}



.w220 {
	width:220px;
}
.w330 {
	width:328px;
	margin-right:2px;
}
img.w330 {
	width:330px;
	margin-right:0px;
}

img.w220 {
	width:215px; 
}
* html img.w220 {
	width: 220px; 
	w\idth:215px; 
}
img.w330 {
	width:325px; 
}
* html img.w330 {
	width: 330px; 
	w\idth:325px; 
}




/* ---------------------------------------------------- */
/* lists (put all lists in div class="list")            */
/* for nav lists see nav div section                    */
/* ---------------------------------------------------- */

div.list {
	font-size: .8em; 
	margin:0 0 0.5em 0; 
}

/* set bullet / number position */
ul {padding: 0 0 0 1.3em;}
ol {padding: 0 0 0 2em;}

ul li {list-style-type:disc;list-style-position:outside;}
ol li {list-style-type:decimal;}


div#footer ul {margin:2px 0;}    /* vertical spacing between the lists */
div#footer li {
	display:inline;          /* make the lists display horizontally */
	color:white;             /* color of the vertical lines */
	border-left:1px solid;   /* create the vertical line to the left of each item */
	color:#999;              /* color of the vertical lines */
	padding:0 5px 0 9px;     /* horiz space between links / vert lines */
}
/* remove the left border of the first list item - IDWIMIE */
div#footer li:first-child {border-left:0;}


/* ---------------------------------------------------- */
/* images                                               */
/* ---------------------------------------------------- */

img.main_image {
	float:right;
	border:solid 5px #d4cbc0;
	border-right:0;
}


div#nav_map img {
	position:absolute; 
	width:220px; 
	height:525px;
}

img.no_top_border {
	border-top:0;
}



/* ---------------------------------------------------- */
/* forms                                                */
/* ---------------------------------------------------- */
form select {
	margin:0 5px 0 0;
}

form input {
	margin:3px 0 0 0;
}

form select {
	color: #cc8400;
}

/* ---------------------------------------------------- */
/* image_nav div                                        */
/* ---------------------------------------------------- */

div#image_nav {
	clear:both;
	width:220px;
	float:right;
	display:inline;
	margin-bottom:10px;
}

div#image_nav ul {
 	font-weight:bold; 
	font-size:11px;
}
div#image_nav li {
	list-style-type:none;
	float:right;
	padding:1px 0 5px 0;
}

div#image_nav li a {
	padding:0 1em;
	text-decoration:none; 
	color:#d4cbc0;
	text-indent:0;
}

div#image_nav li a:hover {
	color:#75634d;
}








/* ---------------------------------------------------- */
/* nav div                                              */
/* ---------------------------------------------------- */

div#nav {
	padding-top:178px;
	float:right;
	width:110px;
	font-size:11px;
}
div#nav ul {
	padding:0; 
}
div#nav li {
	list-style-type:none;
	display:inline;
}
div#nav li a {
	padding:0.25em 5px 0.4em 5px; 
	display:block;
	text-decoration:none; 
	color:#fff;
	background-color:#a89680;
	border-bottom:5px solid #d4cbc0;  /* same as background */
}
* html div#nav li a {    /* fix ie <=6 so display:block works */
	height:1px;  
}
div#nav a:hover {
	background-color:#75634d;
}



/* ---------------------------------------------------- */
/* main div                                             */
/* ---------------------------------------------------- */
div#main {
	padding-top:182px;
}



/* ---------------------------------------------------- */
/* validation div                                       */
/* ---------------------------------------------------- */
div#validation img {
	float:left;
	height:31px;
	width:88px;
	margin: 0 10px 0 0;
}
div#validation p {
	font-size: 0.6em;
}

em.special {
	color:#668080;
        font-style: normal;
}


/* ---------------------------------------------------- */
/* what page am i on indicator                          */
/* ---------------------------------------------------- */
body.howitworks   div#nav li#howitworks a,
body.faq          div#nav li#faq a,
body.services     div#nav li#services a,
body.examples     div#nav li#examples a,
body.terms        div#nav li#terms a,
body.quotation    div#nav li#quotation a,
body.payment      div#nav li#payment a,
body.testimonials div#nav li#testimonials a,

body.prints     div#nav li#prints   a, 
body.mugs       div#nav li#mugs     a, 
body.tshirts    div#nav li#tshirts  a, 
body.other      div#nav li#other    a, 

body.contact    div#nav li#contact  a, 
body.awards     div#nav li#awards   a, 
body.links      div#nav li#links    a 
{
	cursor: default;
	background-color:#75634d;
}


/* where are we now */
body.before div#image_nav li#before a, 
body.after  div#image_nav li#after  a {
	color:#75634d;
	background-color:#d4cbc0;
	border-bottom:5px solid #d4cbc0;
	cursor: default;
}
body.before div#image_nav li#before, 
body.after  div#image_nav li#after  {
	background-color:#d4cbc0;
}

body.example01 h2 a.example01,
body.example02 h2 a.example02,
body.example03 h2 a.example03,
body.example04 h2 a.example04,
body.example05 h2 a.example05,
body.example06 h2 a.example06,
body.example07 h2 a.example07,
body.example08 h2 a.example08, 
body.example09 h2 a.example09 
{
	background-color:#d4cbc0;
	color:#fff;
	cursor: default;

}











/* ---------------------------------------------------- */
/* end of styles                                        */
/* ---------------------------------------------------- */