@charset "utf-8";
/* CSS Document */


body {
margin: 0px;
padding: 0px;
background-color: #783667;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
text-align: center; 
font-family: Arial, Helvetica, sans-serif;
font-size:13px;

scrollbar-base-color: #d3c4ce;
scrollbar-arrow-color: #ece7eb;
scrollbar-track-color: #d3c4ce;

scrollbar-shadow-color: #caadc0;
scrollbar-lightshadow-color: #d9bdd0; 
scrollbar-darkshadow-color: #be9fb4;

scrollbar-highlight-color: #ece7eb;
scrollbar-3dlight-color: #d3c4ce;

}

a:link {color: #833472; text-decoration: none;}
a:visited {color: #833472; text-decoration: none;}
a:hover {color: #b93d99; text-decoration: none;}
a:active {color: #b93d99; text-decoration: none;}

td{
font-size:13px;}

#container{
	
width: 1000px;
margin: 0 auto;
padding:0;
}

#top{
width: 1000px;
height:210px;
background-image: url(images/1.jpg);
background-repeat:no-repeat;
font-size: 13px;
color:#000;
margin: 0 auto;
padding: 10px 60px 0 0;
text-align:right;
}
#top a:link {color: #000;; text-decoration: none;}
#top a:visited {color: #000; text-decoration: none;}
#top a:hover {color: #fff; text-decoration: none;}
#top a:active {color: #fff; text-decoration: none;}

#left{
	float:left;
	margin:0px;
	padding:0;
	height: 281px;
	width:221px;
}

#nav1{
	
background-image: url(images/3.jpg);
background-repeat:no-repeat;
	float:left;
	margin:0;
	padding:0;
	height: 281px;
	width:96px;
}


#nav2{

margin:50px 10px 0 -35px;
float:right;
}


#nav2 tr td{
	height: 35px;
	vertical-align:top;
}
/*
#nav2 tr td td{
	height: 80px;
	vertical-align:top;
}*/

#content{
background-image: url(images/4.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
float:left;
	margin:0;
	_margin:0 0 0 -14px;
	padding:0px;
	height: 281px;
	width:453px;
	text-align: left;
}
#cholder{
	padding: 8px;
	margin:0;
	height: 262px;
	overflow: auto;	
	width:437px;
}

#right{
	
	float:left;
	margin:0;
	padding:0;
	height: 281px;
	width:230px;
}


#b1{
background-image: url(images/6.jpg);
background-repeat:no-repeat;
	float:left;
	margin: 0px 0 0 0;
	padding:0;
	height: 267px;
	width:770px;
}
#b1 .address{
margin: 60px 218px 0 0;
_margin: 60px 105px 0 0;
float:right;
font-weight:bold;
font-size:12px;
width:200px;
color: #000;
padding: 0;
text-align:center;
}

#b2{
background-image: url(images/7.jpg);
background-repeat:no-repeat;
	float:left;
	margin: 0px 0 0 0;
	padding:0;
	height: 267px;
	width:230px;
}
#b2 .ll{
text-align: right;
float:right;
font-size:10px;
color:#000;
padding:0;
width: 55px;
margin: 170px 81px 0 0;
}

#b2 .ll a:link{
text-align: right;
float:right;
font-size:10px;
color:#000;
padding:0;
width: 55px;
margin: 0px 5px 0 0;
}
#b2 .ll a:visited{
text-align: right;
float:right;
font-size:10px;
color:#000;
padding:0;
width: 55px;
margin: 0px 5px 0 0;
}
#b2 .ll a:hover{
text-align: right;
float:right;
font-size:10px;
color:#fff;
padding:0;
width: 55px;
margin: 0px 5px 0 0;
}
#b2 .ll a:active{
text-align: right;
float:right;
font-size:10px;
color:#fff;
padding:0;
width: 55px;
margin: 0px 5px 0 0;
}




#b2 .rights{	
text-align: right;
float:left;
font-size:10px;
color:#000;
padding:0;
width: 110px;
margin: 171px 0px 0 -110px;
}

#GalleryHolder{
margin: 60px auto;
background-color:#FFF;
border: 2px #979700 groove;
width: 750px;
height:auto;
min-height: 500px;
text-align:center;
padding:15px;
}

#b2g{
	text-align:center;
	margin: 0px 0 0 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
width: 750px;
margin: 0 auto;
}

#b2g .ll{
font-size:10px;
color:#000;
padding:0;
}

#b2g .ll a:link{
font-size:10px;
color:#000;
padding:0;
}
#b2g .ll a:visited{
font-size:10px;
color:#000;
padding:0;
}
#b2g .ll a:hover{
font-size:10px;
color:#000;
padding:0;
text-decoration:underline;
}
#b2g .ll a:active{
font-size:10px;
color:#000;
padding:0;
text-decoration:underline;
}




#b2g .rights{	
font-size:10px;
color:#000;
padding:0;
}


.title{
	font-size:16px;
	font-weight:bold;
}


.titleBig{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#230f3a;
}

/*start menu*/
#nav, #nav {
    padding: 0;
    margin: -15px 0 0 80px;
	width: 5em;
    list-style: none;
    line-height: 1;
	text-align:right;
	color:#333333;
}
#nav a {
    display: block;
    width: 5em;
}
#nav li {
    float: left;
	width:7em;
	text-align:right;
	font-size:20px;
	color:#33333;
	height:35px;
	margin: 0 0 0 -35px;
}
#nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    list-style: none;
	margin: 0px 0 0 0;
background-color:#f7f2f8;
}
#nav li li ul {
    position: absolute;
    width: 14em;
    left: -999em;
    list-style: none;
	margin: 0px 0 0 0;
background-color:#f7f2f8;
}
#nav li ul li{
    text-align:left;
	font-size:18px;
	color:#33333;
	height:35px;
    list-style: none;
}
#nav li ul li ul li{
    text-align:left;
	font-size:18px;
	color:#33333;
	height:35px;
	display:block;
    list-style: none;
}
#nav li ul li ul li a{
    width: 7em;
}
#nav li:hover ul {
    left: auto;
}
#nav li li:hover ul {
    left: auto;
}

sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
#nav li:hover ul,
#nav li li:hover ul, 
#nav li.sfhover ul,
#nav li li.sfhover ul {
    left: auto;
}
#nav li ul ul {
    margin: 0 0 0 0px;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
    left: -999em;
}
#nav li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li li.sfhover ul {
margin: -17px 10px 15px 105px;
color:#7f2568;
width: 5em;
text-decoration:none;
}

#nav li li:hover ul, 
#nav li li.sfhover ul{
	position:absolute;
top: 0;
left: 0;
margin: 0 0 0 50px;
color:#7f2568;
width: 160px;
text-decoration:none;
}

.photo{
	float:right;
	width:250px;
	height:auto;
	margin: 12px 0 10px 10px;
	text-align:center;
}