@charset "utf-8";

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(images/homepage01.jpg) repeat-x left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #808080;
}

h1, h2, h3 {
	margin-top: 0px;
	color: #767676;
}

h1 {
}

h2 {
	font-size: 24px;
	font-weight: normal;
}

h3 {
	font-size: 11px;
}

p, ol, ul {
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 180%;
	text-align: justify;
	
}

ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	line-height: 250%;
}

ul li {
	padding-left: 10px;
	background: url(images/homepage09.gif) no-repeat left center;
}

strong {
	color: #505050;
}

a {
	color: #808080;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

.hr1 {
	height: 20px;
	background: url(images/homepage10.gif) repeat-x left top;
}

/** HEADER */

#header {
	width: 728px;
	height: 156px;
}

/** MENU */

#menu {
	width: 728px;
	height: 60px;
	background: url(images/homepage03.jpg) repeat-x left top;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	width: 102px;
	height: 59px;
	padding: 0px 1px 1px 1px;
	background: url(images/homepage04.jpg) no-repeat left top;
}

#menu a {
	display: block;
	width: 102px;
	height: 36px;
	padding: 23px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	color: #FBFBFB;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first {
	background: none;
}

#menu .active a {
	background: url(images/homepage05.jpg) repeat-x left top;
}

/** PAGE */

#page {
	width: 728px;
	padding: 0px 0px;
	background: #FFFFFF;
}

.wide #page {
	background: #FFFFFF;
}

/** CONTENT */

#content {
	width: 700px;
	padding-left:20px;
	padding-right:20px;
}

.wide #content {
	width: auto;
}

.two-columns {

}


.two-columns .column1 {
	width: 350px;
}

.two-columns .column2 {
	width: 225px;
}

/** SIDEBAR */

#sidebar {
	width: 200px;
}

/** FOOTER */

#footer {
	padding: 60px 0px;
	background: url(images/homepage11.jpg) repeat-x left top;
}

#footer .wrapper {
	width: 728px;
}

#footer p {
	margin: 0px;
	padding: 0px 20px;
	line-height: normal;
	text-align: left;
}

#footer .links {
	padding-left: 10px;
}

#footer .links a {
	padding: 0px 10px;
}

/** BOX1 */

#box1 {
	width: 728px;
	margin: 0px auto;
}




#gallery {
	width:687px;
	height:600px;
	padding-top:10px;
	border:1px solid  #999999;
background-image:back.jpg; 				position:relative;
	margin-bottom:20px;
	
	background-image: url(images/back.jpg);
}
#gallery b.default {position:absolute; left:10px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#666666; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:18px; width:350px; margin:150px auto; }

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-500px; top:0; width:500px; height:380px; text-align:center; z-index:20;}
#gallery ul li a:hover span {display:block; color:#666666; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:12px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center;  z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}