* { outline: none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body {
	background-attachment: fixed;
	background-color: #FFFFFF;
}

#center {
	position: absolute;
	width: 640px;
	height: 480px;
	left: 50%;
	top: 50%;
	margin-left: -320px;
	margin-top: -240px;
}

/* TOP ROW STYLES */

#top {
	float: left;
	height: 130px;
	width: 640px;
}

#navTop {
	float: left;
	text-align: right;
	margin-left: 0;
	padding: 0;
	width: 320px;
}

#logo {
	float: left;
	height: 130px;
	width: 320px;
}
#navTop ul {
	border-right: 1px solid#444;
	line-height: 1.5em;
}

#navTop a { 
	color: #444;
	font-variant: normal;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: lowercase;
	padding-right: 10px; 
}

#navTop a:hover {
	border-right: 5px solid #CC0000;
	margin-right: -1px;
	padding-right: 6px;
	text-decoration: none;
}

#navTop li { list-style-type: none; }

/* MIDDLE ROW STYLES */

#middle {
	float: left;
	font-size: 9pt;
	height: 230px;
	overflow: auto;
	width: 640px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
}

#middle2 {
	float: left;
	font-size: 93%;
	height: 220px;
	overflow: auto;
	padding: 0 0px 0px 0px;
	width: 640px;
}

#firstBlock, #secondBlock {
	float: left;
	height: 200px;
	margin: 10px 20px 0 0;
	width: 200px;
}
 
#thirdBlock {
	float: left;
	height: 200px;
	margin: 10px 0 0 0;
	width: 200px;
}


#fourthBlock {

	float: left;
	height: 200px;
	margin: 10px 0 0 0;
	width: 440px;
}
	
/* BOTTOM ROW STYLES */

#bottomLeft {
	float: left;
	height: 130px;
	margin-top: 10px;
	height: 130px;
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	bottom: auto;
	background-position: bottom;
}

#bottomRight {
	float: left;
	font-size: 93%;
	height: 130px;
	margin-top: 10px;
	height: 130px;
	width: 420px;
}

#navBottom {
	width: 220px;
	vertical-align: bottom;
	padding-top: 10px;
}
#center #copy {
}


#navBottom ul {
	border-left: 1px solid #444;
	line-height: 1.5em;
}

#navBottom a, #navBottom a:link { 	
	color: #444;
	font-variant: normal;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: lowercase;
	padding-left: 10px; 
}

#navBottom a:hover {
	border-left: 5px solid  #CC0000;
	margin-left: -1px;
	padding-left: 6px;
	text-decoration: none;
}

#navBottom li { list-style-type: none; }

/* SITE STYLES */

body {
	color: #444;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}

h1, h2, h3, h4, h5, h6 
{ 	
	clear: both;
	color: #444444;
	display: block;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0; 
	font-variant: normal;
}

h1 {
	color: #444444;
	font-size: 190%;
	line-height: 1em;
	margin-bottom: 5px;
	padding-left: 48px;
}

#top h2 {
	color: #444444;
	font-size: 138.5%;
	margin-bottom: 55px;
	padding-left: 48px;
}

h2 { font-size: 140%; }

h3 {
	font-size: 130%;
	padding: 5px 0;
}

h4, h5, h6 { 
	color: #444;
	font-size: 100%;
	margin: 10px 0px 10px;
}

#middle h4, #middle h4 { margin: 0; }

#bottomLeft p, #bottomRight p {
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#bottomLeft h4, #bottomRight h4 { margin: 5; }

p {
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
}

strong {
	color: #c00;
	font-variant: normal;
	letter-spacing: 1mm;
}
#center #copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	letter-spacing: 1mm;
	height: 30px;
	width: 640px;
	bottom: 10px;
	font-weight: normal;
	line-height: 12px;
	text-transform: lowercase;
	text-align: center;
	vertical-align: bottom;
	font-variant: normal;
	border: thin none #666666;
	background-position: center center;
}


a, a:link {
	color: #c00;
	font-variant: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img { border: 0; }

/* GALLERY STYLES */

#gallery {
	background: #fff url(img/bg-gallery.png) repeat-x 0% 0%;
	margin: 20px auto 0 auto;
	width: 640px;
}

#galleryContent {
	float: left;
	margin: 0;
}

#galleryNav
{
	margin: 15px 0 30px 0;
}

#galleryNav li
{
	display: inline;
	list-style-type: none;
	margin-right: 5px;
}

#galleryNav li a
{
	background: #eff5ef url(img/button-off.png) repeat-x 0% 0%;
	border: 1px solid #366;
	color: #366;
	margin: 0;
	padding: 2px 10px;
	text-decoration: none;
}

#galleryNav li a:hover
{
	background: #fff5e5 url(img/button-on.png) repeat-x 0% 0%;
	border: 1px solid #f90;
	color: #f90;
}

ul#images {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}

ul#images li { display: inline; }

ul#images li a {
	background: #fff url(img/frame.png) no-repeat 0% 0%;
	float: left;
	height: 91px;
	margin-right: 2px;
	padding: 10px 0 0 10px;
	line-height: 1em;
	width: 116px;
}

ul#images li a:hover {
	background: #fff url(img/frame-on.png) no-repeat 0% 0%;
	float: left;
	height: 91px;
	padding: 10px 0 0 10px;
	line-height: 1em;
	margin-right: 2px;
	width: 116px;
}

/* POPUPS */

.popup {
	display: none; 
	position: absolute; 
	left: 50px; 
	top: 50px; 
	border: solid #f90 1px; 
	padding: 10px; 
	background-color: #fff5e5; 
	font-size: 100%; 
	width: 135px;
}

.popup p {
	margin: 0 0 10px 0;
}

a.info {
	position:relative;
	z-index:1;
	text-decoration:none;
}

a.info:hover { z-index: 2; }

a.info span { display: none; }

a.info:hover span {
	color: #444;
	display: block;
	font-size: 93%;
	font-variant: normal;
	line-height: 1.5em;
	position: absolute;
	top: -2em;
	left: -2em;
	width: 13em;
	border: 1px solid #f90;
	background-color: #fff5e5;
	padding: 5px;
}