body {
	margin: 10px;
	font-family: Tw Cen MT, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #FFFFFF;
	background: #000000 url(images/logo.gif) no-repeat -10px top;
}
	#homepg { background: #000000 url(images/home.jpg) no-repeat center top; }

h1 {
	margin-bottom: 1.5em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: normal;
}

h2 {
	font-size: 120%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #fec34e;
}

h3 {
	margin-top: 2em;
	font-family: Tw Cen MT, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 120%;	
}

a { color: #bfbfbf; }
	a:visited { color: #8e8c7b; }
	a:hover { color: #ffffff; }

#container {
	width: 100%;
	height: 400px;
	border: 1px solid #999999;
}
	body > #container { height: auto; min-height: 400px; }

#content {
	position: relative;
	margin-left: 300px;
	padding: 80px 20% 20px 0;
}
	#content p { max-width: 80%; }

#menu {
	position: absolute;
	top: 160px;
	left: 30px;
	width: 108px; height: 224px;
	margin: 0; padding: 0;
	background: url(images/menu.gif) no-repeat -118px top;
	z-index: 1000;
}
	#menu li { position: absolute; margin-left: -40px; padding: 0; list-style: none; }
	#menu li, #menu a { height: 22px; display: block; }
	
	#home		{ top: 4px; width: 65px; }
	#galleries	{ top: 35px; width: 81px; }
	#about		{ top: 67px; width: 93px; }
	#services	{ top: 100px; width: 79px; }
	#clients	{ top: 131px; width: 67px; }
	#news		{ top: 164px; width: 64px; }
	#contact	{ top: 195px; width: 106px; }

	#home.on 			{ background: #000000 url(images/menu.gif) -4px  -4px no-repeat; }
	#galleries.on		{ background: #000000 url(images/menu.gif) -4px -35px no-repeat; }
	#about.on			{ background: #000000 url(images/menu.gif) -4px -67px no-repeat; }
	#services.on		{ background: #000000 url(images/menu.gif) -4px -100px no-repeat; }
	#clients.on 		{ background: #000000 url(images/menu.gif) -4px -131px no-repeat; }
	#news.on			{ background: #000000 url(images/menu.gif) -4px -164px no-repeat; }
	#contact.on 		{ background: #000000 url(images/menu.gif) -4px -195px no-repeat; }

	#home a:hover 			{ background: #000000 url(images/menu.gif) -232px  -4px no-repeat; }
	#galleries a:hover 		{ background: #000000 url(images/menu.gif) -232px -35px no-repeat; }
	#about a:hover 			{ background: #000000 url(images/menu.gif) -232px -67px no-repeat; }
	#services a:hover 		{ background: #000000 url(images/menu.gif) -232px -100px no-repeat; }
	#clients a:hover 		{ background: #000000 url(images/menu.gif) -232px -131px no-repeat; }
	#news a:hover 			{ background: #000000 url(images/menu.gif) -232px -164px no-repeat; }
	#contact a:hover 		{ background: #000000 url(images/menu.gif) -232px -195px no-repeat; }

	#homepg #menu  { top: 68px; left: 50%; margin-left: 227px; }

#footer {
	position: relative;	
	margin: 0 auto;
	padding: 0;
	font: 90% Arial, Helvetica, sans-serif;
	text-align: left;
	color: #bfbfbf;
}
	#footer a { margin-right: 1.5em; background-image: none; }
	#homepg #footer { position: absolute; top: 535px; left: 50%; width: 750px; margin-left: -375px; padding: 10px; }
	#homepg > #footer { top: 525px; }
	
#copyright { 
	margin-top: 3em;
	font-size: 90%; 
	color: #919191;
}
	#copyright a  { color: #afacac; }
	#copyright a.potent { font: 200% bold serif; font-style: italic; text-decoration: none; color: #7d7d7d; }
	#copyright a.potent span { display: none; } 

.rght { float: right; margin-left: 20px; }
.left { float: left; margin-right: 20px; }
.clear { clear: both; }

.up { margin: -40px 0 20px; }

.quote {
	margin-top: 2em;
	padding-top: 7px;
	text-indent: 30px;
	background: url(images/quote.gif) no-repeat left top;
}

.noscript {
	padding-left: 20px;
	font: bold 140% Tw Cen MT, Tahoma, Arial, Helvetica, sans-serif;
	color: #ffdb5f;
}

input, textarea {
	padding: 2px;
	width:300px;
	font: 90% Tahoma, Arial, Helvetica, sans-serif;
	color: #575757;
}

.formlabel {
	margin-top: 2em;
	line-height: 140%;
}