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

*{
margin:0;
padding:0;
border:0;
}

html, body {
height: 100%;
background-color:#ececec;
font-family: Helvetica Verdana, Arial, sans-serif;
font-size:1em;
text-align:center;	
}



#container {
width:942px;
margin:0 auto;
padding:20px 0;
height:100%;
}

#head {
height:95px;
width:942px;		
margin:0 auto;
/*border-bottom:2px solid #ccc;*/
background-image:url(images/common/head.png);
background-position:left;
background-repeat:no-repeat;
} 

#head a {
display:block;
width:100%;
height:100%;
}


#nav { margin-bottom:20px;} 


/*======== the content ==========*/

#mainpics {
width:942px;
margin:0 auto;
}

.blurb{ 
position: relative;
width:942px;
margin:0 auto;
}

img {border:none;}

/*======== gallery ==========*/

#jgal { 
position: relative:
list-style: none; 
width: 240px;
height:547px;
z-index:1;
}


#jgal li { 
opacity: .99; 
float: left; 
display: block; 
width: 95px; 
height: 95px; 
background-position: 50% 50%; 
cursor: pointer; 
border: 3px solid #fff; 
outline: 1px solid #ddd; 
margin-right: 10px; 
margin-bottom: 10px; 
}

#jgal li img { 
position: absolute; 
top: 0px; 
left: 222px; 
display: none; 
}

#jgal li.active img { 
display: block; 
border: 10px solid #fff; 
outline: 1px solid #000;
}

#jgal li.active, #jgal li:hover { 
outline-color: #000; 
opacity: .99 /* safari bug */ 
}

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }


.clear {
height:1px;
width:942px;
clear:both;
}

#overlay { 
position:relative;
width: 944px;
height:50px;
margin-top:-50px;
background: url(images/common/overlaybg.png) top right no-repeat;
z-index:5;
}


#caption {padding-left:222px;}

#contact{margin-top:0;}


h1 a:link,h1 a:visited,h1 a:active {color:#333; text-decoration:none; }

h1 a:hover {color:#000; text-decoration:none;}


/*======== the typography ==========*/

h1 {
font-size:1em;
font-weight:bold;
text-align:left;
color:#333;
padding:0 0 5px;
}

h2 {
font-size:0.9em;
font-weight:bold;
text-align:left;
padding:5px 0;
}

h3 {
font-size:20px;
font-weight:bold ;
text-align:center;

color:#fff;
}

p {
font-size:0.8em;
font-weight:normal ;
text-align:justify;
padding:5px 0;
}

p a:link,p a:hover,p a:visited,p a:active 
{color:#666;
text-decoration:none;
}


td {text-align:center;}

table #br td {
width:220px;
text-align:center;
}