html { 
	height: 100%; margin-bottom: 1px; 
	}

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	background: #fff;
	border-top: 2px solid #9c9c00; /* logo green */ 
	color: #444432; 
	font: small/150% verdana, tahoma, "trebuchet ms", arial, sans-serif; 
	text-align: center; 
	width: 100%; 
	} 



/* <<< main structural elements >>> */ 

.inner  { 
	margin: 0 auto; 
	padding: 0; 
	position: relative; 
	text-align: left; 
	width: 900px; 
	} 

#header  { 
	float: left; 
	width: 100%; 
	} 

#main  { 
	float: left; 
	padding: 0 0 2em 0;
	width: 100%; 
	} 

#container  { 
	float: right; 
	width: 700px; 
	} 

#siteinfo  { 
	border-top: 1px solid #ae813e; /* brown */ 
	clear: both; 
	float: left; 
	font: italic small/150% georgia, serif; 
	width: 100%; 
	} 

p  { 
	margin: 0.8em 0 0 0; 
	} 

ul  { 
	margin: 0.5em 0 1em 1em; 
	padding: 0; 
	} 

ol  { 
	margin: 0.5em 0 1em 0;
	padding: 0 0 0 30px;
	} 

li  { 
	margin: 0; 
	padding: 0.2em 0 0.2em 0.5em; 
	} 



/* <<< header >>> */ 

h1  { 
	background: url(images/logo03.jpg) no-repeat 0 0; 
	height: 200px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	width: 900px; 
	} 

h1 a  { 
	float: left;  
	display: block; 
	height: 200px; 
	text-decoration: none; 
	width: 200px; 
	} 

#header p  { 
	background: #fff; 
	border: 1px solid #9c9c00; /* logo green */ 
	-khtml-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border-radius: 7px; 
	list-style: none; 
	margin: 0; 
	padding: 0.7em 1em; 
	position: absolute; 
	top: 20px; 
	right: 20px; 
	text-align: center; 
	} 

noscript  { 
	font-size: 80%;
	} 



/* <<< links >>> */ 

a:link  { 
	color: #9c9c00; /* logo green */ 
	text-decoration: underline; 
	} 

a:visited  { 
	color: #9c9c00; /* logo green */ 
	text-decoration: none;
	} 

a:hover  { 
	color: #d95d2c; /* red */ 
	} 

a:focus  { 
	color: #000; 
	} 

a:active  { 
	color: #000; 
	outline: none; 
	} 



/* <<< navigation >>> */ 

ul#nav  { 
	float: left; 
	list-style: none; 
	margin: 0; 
	padding: 60px 0 0 0; 
	width: 170px; 
	} 

ul#nav li  { 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 170px; 
	} 

#nav a  { 
	border-bottom: 1px solid #f4f4ce;
	color: #9c9c00; /* logo green */ 
	display: block; 
	float: left; 
	font: normal 110%/140% georgia, serif; 
	margin: 0;
	padding: 0.4em 10px; 
	text-decoration: none; 
	width: 150px; 
	} 

#nav li#navcontact a  { 
	border-bottom: none; 
	} 

#nav a:hover  { 
	background: #d9b62c; /* gold-ish */
	color: #fff;
	} 

#nav a:active  { 
	color: #260f59; 
	} 

body#index li#navindex a, 
body#about li#navabout a, 
body#carbon li#navcarbon a, 
body#vehicles li#navvehicles a, 
body#gallery li#navgallery a, 
body#prices li#navprices a, 
body#quotation li#navquotation a, 
body#testimonials li#navtestimonials a, 
body#sussex li#navsussex a, 
body#links li#navlinks a, 
body#contact li#navcontact a  {
	background: transparent; 
	color: #444432; /* v. dark grey */
	cursor: default; 
	} 

body#index li#navindex a:hover, 
body#about li#navabout a:hover, 
body#carbon li#navcarbon a:hover, 
body#vehicles li#navvehicles a:hover, 
body#gallery li#navgallery a:hover, 
body#prices li#navprices a:hover, 
body#quotation li#navquotation a:hover, 
body#testimonials li#navtestimonials a:hover, 
body#sussex li#navsussex a:hover, 
body#links li#navlinks a:hover, 
body#contact li#navcontact a:hover  {
	background: transparent;
	color: #444432; 
	cursor: default; 
	text-decoration: none; 
	} 



/* <<< footer >>> */ 

#siteinfo ul  { 
	background: url(images/logo_small.jpg) no-repeat 100px 10px; 
	float: left; 
	list-style: none; 
	margin: 0; 
	min-height: 100px; 
	padding: 2em 0 1em 200px; 
	width: 700px; 
	width: 560px; 
	} 

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



/* <<< headings >>> */ 

h2  { 
	color: #9c7900; /* brown */ 
	font: normal 190%/140% georgia, serif; 
	margin: 0.2em 0 1em 0; 
	padding: 0; 
	text-align: left; 
	} 

h3  { 
	color: #9c7900; /* brown */ 
	font: normal 150%/140% georgia, serif; 
	margin: 0; 
	padding: 0.8em 0 0 0; 
	text-align: left; 
	} 

h4  { 
	color: #9c7900; /* brown */ 
	font: normal 130%/140% georgia, serif; 
	margin: 1em 0 0 0; 
	padding: 0.5em 0 0 0; 
	} 



/* <<< forms >>> */ 

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

form.zemContactForm  fieldset  { 
	border: none; 
	margin: 0; 
	padding: 0; 
	} 

form.zemContactForm  legend  { 
	margin: 0; 
	padding: 0; 
	visibility: hidden; 
	} 

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

form div.yourname  { 
	padding: 0 0 0.3em 0;
	} 

form div#wedding_day, 
form div#wedding_date  { 
	float: left; 
	padding: 0;
	width: auto;
	} 

div#wedding_day input,
div#wedding_date input,
div#wedding_month input, 
div#wedding_year input, 
div#pick_up_minute, 
div#arrival_minute,
div#ceremony_minute, 
div#reception_arrival_minute  {
	border: none; 
	float: left; 
	margin: 0; 
	width: auto; 
	} 

label  { 
	float: left; 
	width: 350px;
	} 

div#wedding_date label,
div#wedding_month label, 
div#wedding_year label, 
div#pick_up_minute label, 
div#arrival_minute label,
div#ceremony_minute label, 
div#reception_arrival_minute label  {
	display: none; 
	} 

input  { 
	border: 1px solid #d9b62c; /* gold-ish */
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	margin: 0.5em 0 0 0; 
	padding: 5px; 
	width: 320px; 
	} 

input.zemSubmit  { 
	width: auto; 
	} 

input.zemSubmit:hover  { 
	background: #d9b62c; /* gold-ish */
	cursor: pointer; 
	} 

p.radio  { 
	margin: 0.3em 0 0 0.3em; 
	} 

.radio input   { 
	border: none; 
	width: auto; 
	} 

select  { 
	margin: 0.5em 0 0 0.3em;
	padding: 2px; 
	}

textarea  { 
	border: 1px solid #d9b62c; /* gold-ish */
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	font: small/150% verdana, tahoma, "trebuchet ms", arial, sans-serif; 
	height: 100px; 
	margin: 0.5em 0 0 0; 
	padding: 5px; 
	width: 320px; 
	} 

input:hover, 
textarea:hover  { 
	background: #fbfbfb;
	} 

input:focus, 
textarea:focus  { 
	border: 1px solid #9c9c00; /* logo green */ 
	} 



/* << gallery stuff >> */ 

ul#images  { 
	float: left; 
	list-style: none; 
	margin: 2em 0 0 0; 
	padding: 0;
	width: 700px; 
	} 

ul#verticalimages  { 
	float: left; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	width: 170px; 
	} 

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

ul#verticalimages li  { 
	float: left; 
	display: block; 
	margin: 150px 0 0 0; 
	padding: 0; 
	} 

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

ul#images a, 
ul#verticalimages a  { 
	background: #f4f4ce; 
	border: 1px solid #9c9c00; /* logo green */ 
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	display: block; 
	height: 158px; /* img height plus T & B padding */ 
	width: 158px; /* img width plus L & R padding */ 
	} 

ul#images a:hover, 
ul#verticalimages a:hover  { 
	background: #fff;
	border: 1px solid #d95d2c; /* red */ 
	display: block; 
	} 

#lbOverlay {
	background-color: #000;
	cursor: pointer;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	}

#lbCenter,
 #lbBottomContainer {
	background-color: #fff;
	position: absolute;
	overflow: hidden;
	z-index: 9999;
	}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
	}

#lbImage {
	background-repeat: no-repeat;
	border: 10px solid #fff;
	left: 0;
	position: absolute;
	top: 0;
	}

#lbPrevLink,
 #lbNextLink {
	display: block;
	position: absolute;
	outline: none;
	top: 0;
	width: 50%;
	}

#lbPrevLink {
	left: 0;
	}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
	}

#lbNextLink {
	right: 0;
	}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
	}

#lbBottom {
	border: 10px solid #fff;
	border-top-style: none;
	color: #666;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.4em;
	text-align: left;
	}

#lbCloseLink {
	background: transparent url(images/closelabel.gif) no-repeat center;
	display: block;
	float: right;
	height: 22px;
	margin: 5px 0;
	outline: none;
	width: 66px;
	}

#lbCaption,
 #lbNumber {
	margin-right: 71px;
	}

#lbCaption {
	font-weight: bold;
	}



/* <<< minor and decorative elements >>> */ 

img  { 
	border: none; 
	float: right; 
	margin: 0 0 20px 20px; 
	padding: 0; 
	} 

body#instructions img  { 
	border: 1px solid #d9b62c; /* gold-ish */
	-khtml-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	float: left; 
	margin: 0; 
	padding: 3px;
	}

a.facebookimage  { 
	border: 1px solid #fff; 
	-khtml-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	float: left; 
	margin: 1em 1em 0 0; 
	padding: 3px; 
	} 

#siteinfo a.facebookimage  { 
	float: right; 
	margin: 1em 0 0 0; 
	} 

a.facebookimage:hover  { 
	border: 1px solid #d95d2c; /* red */ 
	} 

a.facebookimage img  { 
	margin: 0; 
	} 

.piccontainer  { 
	float: left; 
	padding: 1em 0;
	width: 100%; 
	} 

cite, 
em  { 
	font-style: italic; 
	} 

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

strong  { 
	font-weight: bold; 
	}