*
	{margin: 0;
	padding: 0;}

html

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

body
	{text-align: center;
	font: 100% arial, helvetica, sans-serif;
	color: #333;
	background: #69c;}

a img
	{border: 0;}

a:focus
	{outline: 0;}

#container
	{text-align: left;
	margin: 10px auto;
	width: 777px;
	background: white;
	height: 1%;
	position: relative;}

#header
	{background: #69c url(/images/ui/header.jpg) 0 100% no-repeat;}

#mast
	{font: 80% georgia, "times new roman", times, serif, sans-serif;
	color: white;
	font-style: italic;
	padding: 12px 20px 35px 330px;}

#mast strong
	{display: block;
	text-transform: uppercase;
	font-size: 190%;
	color: black;}

#navigation
	{position: relative;
	float: left;
	width: 100%;
	font: 70% "trebuchet ms", arial, helvetica, sans-serif;
	background: #036;
	border: solid #69c;
	border-width: 1px 0;}

#navigation li
	{float: left;
	background: #036;
	color: white;
	padding: 3px 8px;
	border-left: 1px solid #cc9;
	border-right: 1px solid black;
	list-style-type: none;}

#navigation li.current
	{background: #e3fae7;}

#navigation li.current a
	{color: #036;}

#navigation li.first
	{border-left: 0;}

#navigation li.last
	{border-right: 0;}

#navigation li a
	{color: white;
	text-decoration: none;}

#navigation ul ul
	{position: absolute;
	top: 1.9em;
	left: 0;
	width: 777px;
	background: #e3fae7;
	border-top: 1px solid #69c;
	border-bottom: 1px solid #c2efc9;
	border-width: 1px 0;}

#navigation ul ul li
	{background: #e3fae7;
	height: 1%;}

#navigation ul ul li a
	{color: #036;}

#navigation li.current li
	{font-weight: normal;}

#navigation li.current li.current
	{font-weight: bold;
	background: white;
	position: relative;
	top: 1px;
	border-bottom: 1px solid white;}

.image-gallery
	{position: relative;
	float: right;
	display: inline;
	clear: right;
	width: 302px;
	text-align: right;
	margin: 0 0 0 10px;
	padding-top: 5px;
	background: white url(/images/ui/loading.gif) 50% 45% no-repeat;}

.image-gallery div
	{height: 227px;
	text-align: center;
	overflow: hidden;}

.image-gallery div img
	{border: 1px solid black;}

#content .image-gallery h2
	{font-size: 85%;
	font-weight: normal;
	font-style: normal;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;}

.prev, .next
	{cursor: pointer;}
	
#content
	{clear: both;
	float: left;
	width: 757px;
	height: 1%;
	background: white;
	padding: 2em 10px 10px 10px;
	font-size: 80%;}

#content p, #content ul, #content ol, #content h2
	{padding: 0.5em 0;}

#content ul, #content ol
	{padding-left: 30px;}

#content h1
	{font: bold 200% "trebuchet ms", arial, helvetica, sans-serif;
	color: #036;
	border-bottom: 1px solid #666;
	margin: 0;}

#content h1 em
	{display: block;
	font: bold italic 50% georgia, "times new roman", serif, sans-serif;
	color: #333;}

#content h1.homepage
	{font-size: 120%;}

#content h2
	{font: italic bold 120% "trebuchet ms", ariaal, helvetica, sans-serif;
	padding-bottom: 0;}

#content a
	{color: #036;}

#content .vcard *
	{padding: 0;
	font-style: normal;}

#content .vcard ul
	{padding-left: 30px;}

#content .vcard .org
	{font-weight: bold;}

#content .vcard address span
	{display: block;}

#content .vcard .work
	{display: none;}

.strapline
	{font: bold italic 120% "trebuchet ms", arial, helvetica, sans-serif;
	color: #036;}

#image-navigation
	{float: left;
	display: inline;
	margin-top: -1em;
	height: 92px;}

#content #image-navigation ul
	{padding: 0 0 0 1px;
	margin: 0;}

#image-navigation li
	{float: left;
	position: relative;
	display: inline;
	width: 120px;
	height: 90px;
	margin: 0 2px;
	border: 1px solid #369;
	list-style-type: none;}

#image-navigation li img
	{display: block;}

#image-navigation li span
	{display: none;
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 1px 2px;
	font-size: 85%;
	height: 1.2em;}

#image-navigation li a:hover span
	{display: block;
	width: 116px;
	border-top: 1px solid #999;
	background: white;}

.client-list
	{text-align: center;}
	
.client-list img
	{margin: 3px 10px 3px 0;}

.client-list img.header
	{float: none;
	display: block;
	margin: auto;}

#map-container
	{width: 753px;
	height: 300px;
	border: 1px solid #ccc;}

.map-marker
	{width: 350px;
	height: 20px;}

.error
	{display: none;
	font-weight: bold;
	color: #900;}

#contact-form input.text, #contact-form textarea
	{display: block;}

#footer
	{clear: both;
	background: #333;
	color: white;
	font-size: 70%;
	text-align: center;}

#footer p
	{font-style: italic;
	padding: 5px 0;}

#footer ul
	{text-align: right;
	background: #69c;}

#footer li
	{list-style-type: none;
	display: inline;
	padding-left: 5px;}

#footer li a
	{color: #036;}