html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: left; 
	font: small/150% verdana, tahoma, "trebuchet ms", arial, sans-serif; 
	color: #6c6c6e; /* grey */ 
	background: #fff; 
	} 

.inner  { 
	width: 900px; 
	margin: 0 auto; 
	} 

#header  { 
	float: left; 
	width: 100%; 
	background: #f7f7f9 url(images/grad1.gif) 0 0 repeat-x; 
	border-bottom: 1px solid #e4e4ec; 
	} 

#main  { 
	float: left; 
	width: 100%; 
	padding: 0 0 20px 0; 
	} 

#siteinfo  { 
	float: left; 
	width: 100%; 
	padding: 10px 0 40px 0; 
	background: #f7f7f9; 
	border-top: 1px solid #e4e4ec; 
	} 

#intro  { 
	float: left; 
	width: 420px; 
	padding: 0 0 20px 0; 
	} 

#prime  { 
	font-size: 110%; 
	line-height: 140%; 
	} 

#homepicture  { 
	float: right; 
	width: 420px; 
	padding: 0 0 20px 0; 
	} 

#homepic  { 
	float: left; 
	width: 420px; 
	} 

#packages  { 
	float: right; 
	width: 420px; 
	margin: 10px 0; 
	padding: 0 0 20px 0; 
	background: #c9c9d7 url(images/bottomcorners.gif) 0 100% no-repeat; 
	} 

.piccontainer  { 
	float: left; 
	width: 100%; 
	} 





/* << navigation menus >> */ 


ul#nav  { 
	float: right; 
	width: 900px; 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	} 

ul#nav li  { 
	float: left; 
	width: auto; 
	padding: 0; 
	text-align: center; 
	} 

#nav a  { 
	float: left; 
	display: block; 
	margin: 0; 
	padding: 0.7em 1.8em 0.7em 1.7em; 
	color: #6c6c6e; /* grey */  
	background: url(images/dot3.png) 0 50% no-repeat; 
	text-decoration: none; 
	text-transform: uppercase; 
	} 

#nav a:hover  { 
	color: #db5e33; /* orange */ 
	} 

#nav a:active  { 
	color: #db5e33; /* orange */ 
	} 

body#index ul#nav li#navindex a, 
body#gallery1 ul#nav li#navgallery1 a, 
body#gallery2 ul#nav li#navgallery2 a, 
body#gallery3 ul#nav li#navgallery3 a, 
body#testimonials ul#nav li#navtestimonials a, 
body#contact ul#nav li#navcontact a  { 
	color: #db5e33; /* orange */ 
	background: none; 
	background: url(images/dot3.png) 0 50% no-repeat; 
	} 

body#index ul#nav li#navindex a:hover, 
body#gallery1 ul#nav li#navgallery1 a:hover, 
body#gallery2 ul#nav li#navgallery2 a:hover, 
body#gallery3 ul#nav li#navgallery3 a:hover, 
body#testimonials ul#nav li#navtestimonials a:hover, 
body#contact ul#nav li#navcontact a:hover  { 
	color: #db5e33; /* orange */ 
	background: none; 
	background: url(images/dot3.png) 0 50% no-repeat; 
	cursor: default; 
	} 

li#navindex a, 
body#index ul#nav li#navindex a, 
body#index ul#nav li#navindex a:hover   { 
	background: none; 
	} 





/* << other links >> */ 


a:link  { 
	color: #e86666; /* pink */ 
	text-decoration: none; 
	} 

a:visited  { 
	color: #e86666; /* pink */ 
	text-decoration: none; 
	} 

a:hover { 
	color: #b84526; 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #c4bfba; 
	outline: none; 
	} 

a:active  { 
	color: #1b3aac; 
	} 

h1 a  { 
	float: left; 
	width: 400px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	} 





/* << headers >> */ 


h1  { 
	float: left; 
	width: 400px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/logo.png) no-repeat 0 0;   
	} 

h2  { 
	margin: 0; 
	padding: 25px 0 5px 0; 
	font: normal 220%/150% constantia, georgia, serif; 
	color: #cf7a44; /* brown */ 
	} 

h3  { 
	margin: 0; 
	padding: 25px 0 5px 0; 
	font: normal 180%/140% constantia, georgia, serif; 
	color: #cf7a44; /* brown */ 
	} 

h4  { 
	width: 360px; 
	margin: 0; 
	padding: 20px 30px 0 30px; 
	line-height: 140%; 
	font-size: 140%; 
	font-weight: normal; 
	color: #fff; 
	background: #c9c9d7 url(images/topcorners.gif) 0 0 no-repeat; 
	} 






/* << paragraphs >> */ 


p  { 
	margin: 0.8em 0 0 0; 
	padding: 0; 
	} 

#packages p  { 
	padding: 0 30px; 
	} 

#siteinfo p  { 
	float: left; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	} 





/* << lists >> */ 


ul  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style-type: circle; 
	} 

ol  { 
	margin: 0; 
	padding: 0 0 0 20px; 
	} 

li  { 
	margin: 0; 
	padding: 0.3em 0 0 0; 
	} 

#siteinfo ul  { 
	display: inline; 
	float: left; 
	width: 100%; 
	text-align: center; 
	padding: 1em 0; 
	line-height: 140%; 
	} 

#siteinfo ul li  { 
	display: inline; 
	margin: 0.5em 0; 
	padding: 0 1em 0 0; 
	} 

dl  { 
	float: left; 
	width: 340px; 
	margin: 0; 
	padding: 10px 40px; 
	} 

dt  { 
	padding: 15px 0 5px 0; 
	font-size: 120%; 
	font-weight: normal; 
	font-variant: small-caps; 
	color: #999; 
	} 






/* << minor, decorative elements >> */ 


body#index img, 
body#instructions img  { 
	float: left; 
	margin: 15px 0 10px 0; 
	padding: 9px; 
	background: #f7f7f9; 
	border: 1px solid #c9c9d7; /* light grey */ 
	} 

body#instructions img#thumbbackground  { 
	padding: 0; 
	border: none; 
	} 

body#testimonials img  { 
	float: right; 
	margin: 15px 0 10px 30px; 
	padding: 9px; 
	background: #f7f7f9; 
	border: 1px solid #c9c9d7; /* light grey */ 
	} 

em  { 
	font-weight: bold; 
	font-style: normal; 
	} 
 
cite  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #999; 
	cursor: help; 
	} 




/* << gallery stuff >> */ 



ul#images a  { 
	display: block; 
	width: 158px; /* img width plus L & R padding */ 
	height: 158px; /* img height plus T & B padding */ 
	border: 1px solid #c9c9d7; /* light grey */ 
	} 

ul#images a:hover  { 
	display: block; 
	border: 1px solid #cf7a44; /* brown */ 
	} 

ul#images  { 
	float: left; 
	width: 900px; 
	padding: 20px 0; /* padding rather than margin works in IE6 */ 
	} 

ul#images li  { 
	float: left; 
	display: inline; 
	margin: 0 0 10px 15px; 
	} 

ul#images li img  { 
	float: left; 
	display: inline; 
	margin: 0; 
	padding: 4px; 
	background: #f7f7f9; 
	border: none; 
	} 




/* << contact form >> */ 



form  { 
	float: left; 
	width: 400px; 
	margin: 0; 
	padding: 0 20px 20px 0; 
	} 

fieldset  { 
	border: 1px solid #fff; 
	} 

legend  { 
	visibility: hidden; 
	} 

form div  { 
	margin: 1em 0 0 0; 
	padding: 0; 
	} 

label  { 
	float: left; 
	width: 8em; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	} 

label.message, 
label.zemTextarea   { 
	width: 100%; 
	padding: 0; 
	text-align: left; 
	} 

input  { 
	width: 240px; 
	padding: 2px; 
	background: #f7f7f9; 
	border: 1px solid #e4e4ec; 
	} 

input.submitform, 
input.zemSubmit  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	color: #f00; 
	font-weight: bold; 
	} 

input.submitform:hover, 
input.zemSubmit:hover  { 
	color: #711a96; 
	cursor: pointer; 
	} 

input:focus  { 
	color: #cf7a44; /* brown */ 
	background: #fff; 
	border: 1px solid #6c6c6e; /* main text grey */ 
	} 

textarea  { 
	width: 350px; 
	height: 100px; 
	margin-top: 5px; 
	padding: 2px; 
	background: #f7f7f9; 
	border: 1px solid #e4e4ec; 
	} 

textarea:focus  { 
	color: #cf7a44; /* brown */ 
	background: #fff; 
	border: 1px solid #6c6c6e; /* main text grey */ 
	} 

ul.zemError  { 
	margin: 0 0 1.5em 0; 
	padding: 1em; 
	color: #6a2f2f; /* dark red */ 
	border: 1px solid #6a2f2f; /* dark red */ 
	} 

ul.zemError li  { 
	list-style: none; 
	} 

input.validation-failed, 
textarea.validation-failed  { 
	border: 1px solid #cf7a44; /* brown */ 
	color: #cf7a44; 
	} 

input.validation-passed, 
textarea.validation-passed  { 
	border: 1px solid #69726c; 
	color : #69726c; 
	} 

.validation-advice {
	margin: 5px 0; 
	padding: 5px 10px; 
	background-color: #fff;  
	color : #cf7a44; /* brown */ 
	font-weight: bold; 
	}