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

/* CSS Reset from http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* structure */


body {
background-color:#303030;
}

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


#title {
width: 447px;
height: 72px;
margin: 20px auto 0;
padding: 0;
display: block;
background-image: url(img/name_title.png);
}

#title span {display: none;}

#temp_homepic {
margin: 20px auto 0;
}

#nav {
height: 64px;
width: 100%;
background-image: url(img/nav_slice.png);
margin: 30px auto 0;
text-align:center;
}


#bottom_logo {
width: 100px;
height: 89px;
margin: 20px auto 20px;
padding: 0;
display: block;
background-image: url(img/bottom_logo.png);
}

#bottom_logo span {display:none}


/* flash package styles */

#centering_div {
	margin: 0 auto;
}



#contact_content {
	color: #fff;
	font-family: "Futura Std", futura, "century gothic", sans-serif;
	font-size: 14px;
	font-weight:300;
	float: left;
	width:	380px;
	margin: 0 20px;
	display:inline;
}

#contact_content p {
	margin-bottom: 1em;
	line-height: 20px;
	text-align:left;
	font-style:italic;
	font-size: 18px;
	padding: 0 10px;
}

a {
	color: #999;
}

#contact_body {
	width: 900px;
	text-align: center;
	margin: 0 auto;
}

#contact_image {
	float: left;
	width: 240px;
}





/* contact form styles */

.message {background:#eee; color:#000;display:none;width:220px;padding:10px; text-align:left;}
.contact ul {list-style-type:none;width:240px;}
.contact li {list-style-type:none; text-align:left;}
.contact li.special {display:none;}
.contact input {width:240px; margin-bottom: 3px;}
.contact textarea {width:240px;}
p {text-align:center;}
label {display: block; text-align: left;}
#contact_form {width: 240px; color: #fff; float: right; display: inline; font-family: 'futura std', futura, 'century gothic', helvetica, arial, san-serif;}
#contactForm {font-variant:small-caps; font-size: 12px;}
span.required {color:#F00}
#contact_form p {font-size: 20px; line-height: 24px;}



/* new nav */

#nav ul {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  width: 500px;
  }
  
#nav li {
  float: left;
  position: relative;
  line-height: 3em;
  display:block;
  height: 51px;
  }
  
#nav li ul {
  display: none;
  position: absolute; 
  top: 51px;
  left: 0;
  }
  
#nav li > ul {
	top: auto;
	left: auto;
	}
	
#nav li:hover ul,.sfHover { display: block; }

#nav a {
	height: 49px;
	width: 123px;
	background-image: url(img/nav_bg_slice.png);
	background-repeat:repeat-x;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align:center;
	vertical-align: middle;
	display:block;
	color:#FFFFFF;
	font-family:"futura std",futura,"Century Gothic",Helvetica,sans-serif;
	font-size:18px;
	font-weight:100;
	text-decoration: none;
}

#nav li:last-child a {
	border-right: 1px solid #000;
}

#nav a:hover {
	background-position: 0 -51px;
}

#nav a:active {
	background-position: 0 -102px;
}

#nav a.current {
	background-position: 0 -51px;
}

#nav a.current:hover {
	background-position: 0 -102px;
}

#nav a.current:active {
	background-position: 0 0;
}


/* gallery styles */

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
/* #gallery { visibility: hidden; } */

/* GALLERY CONTAINER */
.gallery { background: #303030; padding: 5px;}

/* loader graphic container */

.gallery_container { background: url(loader.gif) center center no-repeat #ddd; overflow: hidden; height: 403px; width: 550px;}


/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #000; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #fff; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #fff;
}

/* White Borders on Photos */

.nav-next,.nav-prev {top:381px !important;}
.strip_wrapper {top: 373px !important}
.panel img {border: 3px solid white; margin-bottom: 10px !important;}
.panel {overflow: visible !important;}
.gallery_container {overflow: visible !important}
.pointer {top: 362px !important;}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}