/* Global Reset @ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, form {
margin: 0;
padding: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	color:#666;
	background:#d6c7cf url('../images/bg.jpg') top repeat-x;
	height: 100%;

}

/* Layout */
#outerContainer {
	width: 1100px;
	margin: 0 auto;
	background: url('../images/swirly.jpg') bottom left no-repeat;
	height: 625px;
}

#outerContainer2 {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('../images/bg-swirl.png') bottom left no-repeat;
}

#outerContainer3{
	width: 1050px;
	margin: 0 auto;
	background: url('../images/bg-swirly2.jpg') bottom left no-repeat;
	height: 635px;
}

#container {
	width: 830px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background:url('../images/bg-box.jpg') top no-repeat;
	border-top: 1px solid #fff;
}

#header 
{
	width: 760px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: left;
}

#content 
{
	margin: 0 auto;
	width: 760px;
	background: #fff;
	height: 450px;
	margin-top: 35px;
	text-align: left;
}

#leftContent {
	float: left;
	width: 300px;
	padding: 35px 0 0 50px;
}

#rightContent {
	float: right;
	width: 380px;

}

#galleryContent {
	width: 650px;
	padding: 35px 0 0 50px;

}

#footer
{
	margin: 10px 0 0 0;
	font-size: 90%;
	color: #F0F0F0
}

#footer a {
	color: #F0F0F0;
	text-decoration: none;
}

ul#nav  {
	position: absolute;
	top: 60px;
	left: 520px;
	font-size: 115%;
	font-weight: bold;
	width: 280px;
}

#nav li
{
    position: relative;
	float: left;
    list-style: none;
	padding: 0 0 0 20px;
}

li ul {
	display: block;
	position: absolute;
	width: 95px;
	height: 80px;
	top: 100%;
	left: 0;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	font-weight: normal;
	background-color: #fff;
	border-left: 1px solid #FBFBFB;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}
li ul li {
	margin: 0 0 3px -15px;
	font-size: 90%;
	width: 85px;
	padding: 0 0 0 0;
	text-align: center;
}

#nav li a {
	text-decoration: none;
	color: #999;
}

#nav li a:hover  {
	color: #7b0046;
} 

#logo {
	margin: 20px 0 0 10px;
}

/* Styles */

h1 {
	color: #999;
	font-size: 160%;
}

img {
	border: none;
}

p#logon {
	float: right;
	margin: 10px 170px 0 0;
}

/* GALLERIA */
.galleria{list-style:none;width:300px; margin: 30px 0 0 0}
.galleria li{display:block;width:70px;height:70px;overflow:hidden;float:left;margin:0 10px 10px 0; border: 1px solid #eae2e6}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:100px;left:380px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block; float: right;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.caption{color:#888;position:absolute;top:470px;left:80px;width:200px;}


* html .galleria li div span{width:400px} /* MSIE bug */

.galleria_container { float: right; margin: 30px 0 0 0}