/* CSS Document */

#headlogo, #logoimage{ behavior: url(../iepngfix.htc) }

html {
	min-height: 100%;
	}
body {
	height: 100%;
	width: 819px; 
	margin: 0 auto; 
	background-color: #351d10;
	background: url(../images/alt-bg.jpg) center center repeat fixed;
	}
a {text-decoration: none; color: #222;}
a:hover {text-decoration: underline;}
a:active, a:hover, a:visited {outline: none;}
#container{
	width: 819px;
	position: absolute; z-index: 2;
	}
	* html #container {height: 100%;}
#upper {
	height: 109px;
	width: 805px;
	border: solid 7px #fff;
	margin: 15px 0 10px 0;
	background: url(../images/headerbg.png);
}

#headlogo {
	height: 131px;
	width: 238px;
	float: left;
	background: url(../images/header-logo.png) no-repeat;
	margin-top: -10px;
	position: absolute;
	}
	#headlogo a {
		height: 131px;
		width: 238px;
		}
		
#headtitle {
	width: auto;
	height: 20px;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 10px;
	margin-right: 13px;
}

ul.nav {
	width: auto;
	list-style: none;
	float: right;
	display: inline;
	text-align: right;
	margin-right: 6px;
	*margin-top: 22px
	}
	ul.nav li {
		list-style: none;
		display: inline;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		}
	ul.nav li a {
		color: #000;
		padding-right: 8px;
		padding-left: 7px;
		}
	ul.nav li a:hover {
		background-color: #fff;
		padding-bottom: 10px;
		padding-bottom: 10px;
		padding-top: 3px;
		text-decoration: none;
		}
		
#middle {
	/*height: 100%;*/
	/*min-height: 600px;*/
	min-height: 440px;
	*height: 440px;
    float: left;
	display: inline;
	width: 805px;
	border: solid 7px #fff;
	background: url(../images/middlebg.jpg) repeat bottom right;
	margin: 10px 0 10px 0;
	*padding-top: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 12px;
/*	overflow: auto;*/
	}
	#middle p {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		font-size: 12px;
		padding: 0 10px 0 10px;
		}
	#middle table {
		margin-left: 80px;
		border: 1px solid #666;
		font-size: 11px;
		margin-bottom: 5px;
		}
		.a4 {background-color: #fee8c4;}
		.a3 {background-color: #fedfac;}
		.a2 {background-color: #ffd898;}
		.a1 {background-color: #f2cd90;}
		td {
			width: 80px;
			padding: 2px 3px;
			border-left: solid 1px #999;
			}
			td.giclee {width: 100px; border-left: none;}
			table#giclee {margin-left: 10px;}
			p.prices {font-style: italic; margin-left: 80px; font-size: 10px;}
		.size {
			width: 60px;
			border-left:none;
		}
		.contact {width: 200px;}
		#tableheader {background-color: #fff;}
		.tablelabel {
			text-align: right;
			width: 65px;
			padding: 2px 5px 2px 0;
			background-color: #fff;
			margin-right: -70px;
			font-size: 11px;
			}
			
ul {
	margin-left: 0;
	list-style: none;
	}

#subnav {
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	margin-left: 0;
	}
	#subnav ul {
		list-style-type: none;
		float: left;
		background-color: #fff;
		height: 13px;
		border:  solid 4px #fff;
		padding: 0 5px;
		margin: 10px 0 2px 0;
		}
	#subnav ul li {
		list-style: none;
		display: inline;
		font-family: Georgia, "Times New Roman", Times, serif;
		padding-right: 15px;
		}
	#subnav ul li a {
		color: #000;
		padding-right: 5px;
		font-style: italic;
		}
		
#lower{
	height: 88px;
	width: 805px;
	border: solid 7px #fff;
	background: url(../images/alt-bottombg.jpg) right;
	margin: 10px 0 0 0;
	float: left;
	clear: both;
	}
	#lower ul.left {
		list-style: none;
		float: left;
		clear: both;
		margin: 65px 0 0 0;
		*margin: 77px 0 0 0;
		padding: 0 0 0 15px;
		/*position: absolute; bottom: 0; left: -30px;*/
		}
	#lower ul li {
		list-style: none;
		display: inline;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		}
	#lower ul li a {
		color: #000;
		padding-right: 8px;
		padding-left: 7px;
		}
	#lower ul li a:hover {
		background-color: #fff;
		padding-bottom: 10px;
		padding-top: 3px;
		text-decoration: none;
		}
		
#footer{
	height: 20px;
	color: #fff;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	clear: both;
}
	#footer a {
		text-decoration: none;
		color: #fff;
		}
	#footer a:hover {
		text-decoration: underline;
		color: #fff;
		}
	#footer {margin-left: -40px;}
	#footer  ul li {
		list-style: none;
		display: inline;
		}
	
/* --------------- gallery section styles --------------- */




/* --------------- content section styles --------------- */

#leftcontent {
	float: left;
	width: 300px;
	padding-left: 20px;
	*padding-top: 18px;
	}
	#leftcontent p {
	margin-left: -20px;
	}
	
#rightcontent {
	float: right;
	width: 465px;
	padding-left: 0;
	*margin-top: 6px;
	}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#222;
	text-align: center;
	margin: 20px auto;
	float: right;
	}
	
h1.indexSecondaryHeader {
/*	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#222;
	text-align: center;*/
	margin: 0 auto 20px auto;
	/*float: right;*/
	}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #444;
	}
h3 {
	font-size: 16px;
	margin-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 10px;
	}
	
h4 {
	font-size: 12px;
	margin-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 10px;
		}

/* --------------- home styles --------------- */

#homeTop {
	float: left;
}

#logoimage {
	float: left;
	margin: 0 35px 5px 0;
	/*margin-left: -30px;
	margin-top: -70px;*/
	/*position: relative;*/
	z-index: 9;
	width: 120px;
	height: 161px;
	}
#home {
margin: auto;
width: 680px;
}
#home h1 {
	margin: 30px 0 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 480px;
	}
	
#home h2 {
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 480px;
	font-size: 14px;
	color:#222;
	text-align: center;
		}
	
#home p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	float: left;
	clear: both;
	}
#homeimages {
	float: left;
	clear: both;
	margin: 0 0 0 48px;
	display: inline;
	text-align: center
	}
	#homeimages img {
		margin: 10px 2px 0 2px;
		border: solid 1px #000;
		}
#homeleft {
	float: left;
	width: 330px;
	padding: 0 7px 0 7px;
	margin: 0;
	*margin: 15px 0;
	text-align: left;
	}
#homeright {
	float: right;
	width: 320px;
	padding: 0 7px 0 7px;
	margin: 0 auto;
	*margin: 15px auto;
	}

/* --------------- contact styles --------------- */
.zemContactForm {
	float: left;
	width: 350px;
	border: none;
	margin-top: 10px;
}
#contactdetails {
	float: left;
	width: 280px;
	padding-left: 20px;
	font-size: 12px;
}
	#contactdetails ul {
		list-style: none;
		display: inline;
		}
	#contactdetails ul li {
		margin-bottom: 5px;
		margin-left: 10px;
		}
	#contactdetails ul li a {
		text-decoration: none;
		color: #000;
		}
	#contactdetails ul li a:hover {text-decoration: underline;}
	#contactdetails p {
		*padding-top: 10px;
	}
.bigger {font-size: 14px;}
input.zemText {
	background-color: #FFFFCC;
	border: solid 1px #803a11;
	padding: 1px;
	font-size: 11px;
	color: #000000;
}

.zemLabel, .zemText, .zemTextarea {
	display: block;
	float: left;
	margin-bottom: 5px;
	
}
.zemText {
	width: 150px;	
}

label.zemText, label.zemTextarea {
	text-align: right;
	padding-right: 10px;
}



.zemTextarea {
	width: 150px;
	overflow: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	}

textarea.zemTextarea {	
	background-color: #FFFFCC;
	border: solid 1px #803a11;
	padding: 1px;
	font-size: 11px;
	color: #000000;
}	

input.zemSubmit {
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	border: solid 1px #803a11;
	background-color: #FFFFCC;
	font-size: 10px;
	color: #000;
	width: 75px;
	margin-left: 239px;
	display: inline;
}
input.zemSubmit:hover {background-color: #803a11; color: #fff;}

/* --------------- quote styles --------------- */
.dropdown { width: 300px;}
select {width: 100px;}
#quote input {width: 100px;}

/*-------------about page -------------*/
#about {
	/*height: 440px;*/
	min-height: 440px;
	float: left;
	*padding-top: 15px;
	/*overflow: auto;*/
	}
#images {
	float: left;
	margin-left: 30px;
	}
#images img {
	margin: 10px 2px 0 2px;
	border: solid 1px #000;
	}
#images p {
	font-size: 11px;
	position: relative;
	top: -5px;
	}
.smalltext {font-size: 10px;}
.bold {font-weight: bold;}

#about1 {
	position: relative;
	display: block;
	float: right;
	border: solid 1px #000;
	margin: 5px 0 5px 10px;
	}
#about ul {
	list-style:circle;
	margin-top: -10px;
	}

/*-------------links page -------------*/
.linkslist {margin-top: -10px;}

#framing ul {
	margin: 15px 0 0 0;
}