@charset "utf-8";
/* 
COPYRIGHT HTMLGRAPHIC
*/
*{padding:0; margin:0;}
body{background: #666; color:#000000;}
#home{color:#FFF; font-family:museo-sans, sans-serif;}

#container{width:950px; margin:0 auto;}
#nav{float:left; width:165px; text-align:right;}
	#nav ul {list-style:none; padding:170px 5px 0 5px; } 
	#nav ul li {list-style:none; padding:5px 0; font-size:.9em;}
	#nav ul li a{color:#FFFFFF; font-family:Helvetica, Arial, sans-serif;}
	#nav ul li a:hover{text-decoration:none;}
#nav .selected{-moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius:.5em; border:#FFFFFF 1px solid; background:#FFFFFF;}
	#nav a:visited{color:#ccc;}
	#nav .selected a{color:#333333; text-decoration:none; padding: 0 5px;}

.tipsy { font-family:Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; padding: 5px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 7px 8px 6px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/*
GALLERY
*/
#gallery {position: relative; width: 600px; padding: 0px 15px 10px 15px;}
.photos {display: block; margin: 0 auto 80px auto; padding-bottom: 10px; width:710px;}
.photos h2 {font-size: 1.8em}
.photos p, .photos h2{color: #efefef;
	text-shadow: 0px 1px 1px #4d4d4d;
	-moz-text-shadow: 0 1px 1px #4d4d4d;
    -webkit-text-shadow: 0 1px 1px #4d4d4d;
	opacity: 0.7;
	font: 'Museo700';}
.photos img.primary{margin: 3px 8px 3px 0;}
.photos div.primary, .photos div.gallery{float: left;}
.photos div.primary p time{font-size: .7em;}
.photos div.primary p{font-size: 1.1em;}
.photos div.primary{float: left; text-align: center; width:252px}
.photos div.gallery{width:455px;}
.photos img{border:3px #fff solid; margin: 3px;}
.photosets {clear: both; padding-top: 1px;}
.photosets h2 {color: #000;}


.clear{clear:both;}
	
#body,#body_contact{float:left; width:755px; margin-left:10px;}
#body ul{padding-left:30px;}
#body ul li{line-height:24px;}
#body p.details{-moz-border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; border:#FFFFFF 2px solid; display: block; background:#efefef; text-align:center; color:#333333; font-family:Helvetica, Arial, sans-serif; font-size:.8em; line-height:18px; padding:5px;}
#body #home a{color:#FFF;}
	#body #home a:hover{color:#efefef; text-decoration:none;}
	#body #home a:visited{color:#ccc;}

#header{/*position:relative;*/ width:750px;}
#header_contact{/*top:100px; left:530px; position:absolute; width:200px;*/  text-align:right; color:#FFF; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:1em;}
#header_contact a{font-size:1em; color:#FFF; font-weight:normal;}
	#header_contact a:hover{text-decoration:none;}

h1, h2, h3{font-family: trajan-pro,sans-serif; font-weight: normal;}
h1{color:#B8A041; font-weight: normal; font-size:2em; margin:10px 0 20px 0; border-bottom:#B8A041 1px solid;}
#events h2{ margin: 10px 0;}
#events ul{list-style-type:lower-alpha}

h3{color:#FFF; padding: 10px 0;}
#body ul, p{color: #FFF; font-family:museo-sans, sans-serif; font-size:.9em; line-height:20px; margin: 10px 0;}
	p a{color: #FFF;}
	p a:hover{color: #FFF; text-decoration: none;}
 
.innerStrip{background:#000000;} 
.strip a img, #strip a img{border:#000000 2px solid; }
	.strip{background:url(/images/bg_strip.gif) no-repeat; height:175px;padding:25px 0 0 6px;} 

.thumbs {background-color:#000000; width:100%; height:110px; padding:5px 0;}

#virtual_gallery{margin:0 auto;}
.flash_links{float:left; font-family:Arial, Helvetica, sans-serif; font-size:.9em; text-align:left; padding:10px 0 0 10px;}
	.flash_links a{color:#FFFFFF; font-size:1em;}
	.flash_links a:hover{text-decoration:none;}

#work{padding-left:10px;}
	#work h3{font-family:Helvetica, Arial, sans-serif; font-weight: normal; font-size:1.8em;}

/*
SHOPPING
*/
#shopping form {float:left; width:500px;}
#shopping form p{float:left; font-family:Arial, Helvetica, sans-serif; padding:5px 5px 5px 20px; width:180px;}
	#shopping form input{float:left; text-align:right;}



/*
CONTACT
*/
#contact{margin:0 auto; width:600px; -moz-border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; border:#FFFFFF 2px solid; background:#FFFFFF;}
#body_contact .link{color:#FFFFFF;}
	#body_contact .link:hover{color:#FFFFFF; text-decoration:none;}
#contact p{font-size:1.2em; padding:10px 0;}
#contact #links {width:250px; float:right; padding-right:16px;}
#contact table#contact td {padding:5px 0;  font-family: Arial, Helvetica, sans-serif; font-size:.8em;}
#contact table#contact {width:500px; margin:0 auto; }
#contact .form h2{color: #666666; font-size:1.4em; padding:10px 0 0 20px;}
#contact div.success   {font-size:1.4em; color: #009900; padding: 30px 0; margin:0 auto; width:350px; }



#footer{padding-left:20px;  padding:10px 0; margin: 50px 0 100px 0; display: block; text-align:center;}
#footer, #footer a{ color: #efefef;
    font-family: museo-sans,sans-serif;
    font-size: 0.9em;
    text-align: center;
    text-shadow: 0 1px 1px #333;
    -moz-text-shadow: 0 1px 1px #333;
    -webkit-text-shadow: 0 1px 1px #333;
    text-transform: uppercase;
}

	#footer a:hover{text-decoration:none;}
