CSS - http://digitalreflections.com/

    * Collapse All
    * Expand All

http://digitalreflections.com/
http://digitalreflections.com/style.css

@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;
	font-family: "Times New Roman", Times, serif;
}

body {
	line-height: 1;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	color: #C0C0C0;
	font-size: 48px;
	font-style: italic;
	font-weight: bolder;
	text-align: center;
	letter-spacing: normal;
	text-indent: 48px;
	vertical-align: text-bottom;
	line-height: 80%;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	color: #C0C0C0;
	font-size: 24px;
	font-style: italic;
	font-weight: bolder;
	text-align: center;
	letter-spacing: normal;
	text-indent: 24px;
	vertical-align: text-bottom;
	line-height: 80%;
}

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: #000000;
}

#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: 100px;
	width: 100%;
	margin: auto 0;
	text-align: center;
}

#bottom_logo {
	width: 100px;
	height: 89px;
	margin: 20px auto 20px;
	padding: 0;
	text-align: center;
}

#bottom_logo span {
	display: none;
	visibility: visible;
}

/* flash package styles */

#centering_div {
	margin: 0 auto;
}

#contact_content {
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: 300;
	float: left;
	width: 380px;
	margin: 0;
	display: inline;
	font-style: italic;
	margin-top: 200px;
	margin-right: 100px;
}

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

a {
	color: #999;
}

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

#contact_image {
	float: left;
	width: 240px;
	top: auto;
	position: absolute;
}

/* contact form styles */

.message {
	background: #eee;
	color: #000;
	display: none;
	width: 220px;
	padding: 0;
	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: justify;
	margin-left: 40px;
}
label {display: block; text-align: left;}
#contact_form {
	width: 240px;
	color: #fff;
	float: right;
	display: inline;
	font-family: "Times New Roman", Times, serif;
	margin-top: 200px;
	margin-right: 40px;
}
#contactForm {font-variant:small-caps; font-size: 12px;}
span.required {color:#F00}
#contact_form p {
	font-size: 18px;
	line-height: 24px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}



/* 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;
	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: "Times New Roman", Times, 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: #000000; padding: 5px;}

/* loader graphic container */

.gallery_container { background: url(loader.gif) center center no-repeat #000; overflow: hidden; height: 740px; width: 1060px;}

/* 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);
}