/* Light Box for Gallery */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1.2em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; ; background-attachment: fixed; background-image: url(images/background.jpg); background-repeat: repeat-x} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
/* Main CSS */

body {
margin:0;
padding:0;
background-color: #000; 
color: #eee; 
font-family: verdana, arial, san serif; 
font-size:.9em;
text-align:left; 
line-height: 1.4em;
}

img {border:0; align:center;}

h1 {
text-decoration: bold; 
font-size: 9pt; 
text-align: left; 
letter-spacing: 5px;
color: #eee;
}

h2 {
text-align:center;
letter-spacing: 5px;
color: #A62626;
}

a {color: #eee; text-decoration: underline;}
a:hover {color: #A62626; text-decoration: underline;}

li {
margin-bottom:10px;
}

div.home {text-align:center;}

table.gallery td {
text-decoration: none; 
font-size: 7pt; 
text-align: center;
line-height:20px;
letter-spacing: 5px;
}

/* Your Own Canvas*/

div#canvastext {
text-align: justify;
width: 80%;
}

/* Contact Form */ 

input 	{
	 background-color:#333;
	 border-color: #111;
	 color:#999;
}
		
textarea {
	background-color:#333;
	color:#999;
	border-color:#111;
		}
		
input.radio {height:10px;width:10px; font-size:2em;}

p.caption {
text-decoration: none; 
font-size: 8pt; 
text-align: center;
line-height:20px;
letter-spacing: 15px;}

p.captionphoto {
text-decoration: none; 
font-size: 7pt; 
text-align: center;
line-height:20px;
letter-spacing: 5px;}

p.form {font-variant: small-caps;}

div#hometext1 {
background-color: #101010;
position: relative;
width: 600px;
z-index:2;
padding: 5px;
	}
	
.textgrey {
background-color: #101010;
position: relative;
width: 800px;
z-index:2;
padding: 20px;
text-align:justify;
}

.text {
position: relative;
width: 900px;
z-index: 2;
padding: 20px;
text-align:justify;
}

p.caption img {
text-decoration:none;
border:none;
}

div#pic1{width: 400px;}

div#hometext2 {
width: 800px; postion: relative; top: 200px;
text-align:left;
}

div#construction {
position: absolute; top: 100px;
width: 100%;
text-align: center;
}

/* - - - - - HEADER - - - - - */
#navBar {
position: relative;
width: 100%;
overflow:auto;
text-align:center;
margin-bottom:20px;
}

#navUl {
  width:344px;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  }
#navUl li {
  float:left;
  width:110px;
  margin:2px;
  }
#navUl a {
font-size:.75em;
color:#fff;
text-decoration:none;
font-family:"century gothic", Arial, Verdana, San-Serif;
display:block;
background: #333;
margin:10px 2px 0 2px;
width:110px;
text-align:center; 
padding:4px 0; 
text-decoration:none; 
float:left; 
}

#navUl a:hover {
  color:#600; 
  background:#fff;
}
 
#navBar a:hover {
background: #fff;
color:#900;
}

div#headerDetails {
color: #666;
text-align:center;
font-size:.75em; 
border-bottom: 1px solid #666;
padding:5px;
clear:both;
}

/* - - - - - FOOTER - - - - - */

#footer {
margin-top: 40px;
border-top: 1px solid #666;
padding: 20px;
text-align:center;
font-size: 10pt;
}

#footer a {text-decoration:none;}
a.design {
color:#a62626;
font-size:.75em;

}

#footer p {
color: #333;
font-size:.85em;
}