@charset "utf-8";
/* CSS Document */
/* -- Basics -- */
body{
background:#100d13 url(../images/top-header.gif) repeat-x;
color:#878288;
font: 76%/1.8 "Lucida Grande", Tahoma, Arial, sans-serif;
margin: 0;
padding: 0;
}

h1,h2,h3,h4{
font-family:  "Lucida Sans Unicode","Lucida Grande", Tahoma, Arial, sans-serif;
font-weight:normal;
color:#c45d11;
text-transform:uppercase;
margin:0;padding:0;
letter-spacing:-0.05em;
}
h1{
font-size:1.5em;
}
h2{
font-size:1.2em;
line-height:2;
}
h3{
font-size:1.2em;
line-height:2.2;
}
h4{
font-size:1.2em;
}

	a:link {color: #8eb523; 
	text-decoration: none;
}
	a:visited {
	color: #8eb523;
	text-decoration: none;

}
	a:hover {color: #8eb523; 
	 border-bottom:1px solid #8eb523;
	 padding-bottom:2px;

}

dt,dd,dl{
margin: 0;
padding: 0;
}

dt{
font-weight:bold;
}

dd{
padding-bottom:1em;
}

dl{
margin-bottom:1em;
}

ul,li,blockquote,p{
margin: 0;
padding: 0;
}
p{

margin-bottom:1em;
font-size:1em;
}

hr{
border-top:1px solid #363439;
border-bottom:1px solid #111;
border-left:none;
border-right:none;
height:1px;
width:100%;
color:#1c1620;
margin-bottom:15px;
clear:both;
}


blockquote{
background: url(../images/quotes.gif) no-repeat 100% 100%;
font-style:italic;
font-size:1em;
color:#9f9d9f;
letter-spacing:0.02em;
}

	.tableForm{
margin:1em 0 1em 0;
width:450px;
border:1px solid black;
}

.tableForm td{
vertical-align:top;
padding:4px;
}


/* -- Page Layout - header -- */
#outer-wrap{
margin:0 auto;
text-align:center;
width:1050px;
}

#slides{
background-color:#1a141e;
padding:0;
margin:0;
}

#home-header{
background:#26212a url(../images/top-area-grad.jpg) repeat-x;
margin: 49px 0 0  0;
width:1050px;
height:239px;
}

#header{
background:#26212a url(../images/top-area-grad.jpg) repeat-x;
margin: 49px 0 0  0;
width:1050px;
height:120px;
}

#logo{
position:relative;
float:left;
top:-29px;
left:-20px;
z-index:1000;
clear:none;
width:300px;
}

#logo img{
border:none;
text-decoration:none;
}

#logo a:hover{border:none;
text-decoration:none;}

#strap{
position:relative;
top:-14px;
left:-10px;
z-index:1000;
clear:none;
display:inline;
float:left;
}


#menu{
position:relative;
font: normal 12px "Lucida Sans Unicode","Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
text-transform:uppercase;
left:320px;
top:-36px;
clear:none;
display:block;
width:500px;
height:40px;
float:left;
z-index:3000;
}



#menu li,#sitemenu li{
float:left;
clear:none;
display:block;
margin-left:11px;
}

#menu #on a:hover,#sitemenu #on a:hover{
text-decoration:none;
border-bottom:none;
}
#menu #on a,#sitemenu #on a{
color:#878288;
}

#topbar{
background: #0e0d0f url(../images/header-top-line.gif) no-repeat 0 0;
position:relative;
top:0;
left:100px;
border-bottom:none;
width:853px;
height:12px;
}
#blackbox{
background: #0e0d0f url(../images/smoke-top-no-matte.jpg) no-repeat 0 0;
position:relative;
top:0;
left:100px;
border-bottom:none;
width:851px;
height:227px;
border-left:1px solid #363439;
border-right:1px solid #363439;
border-bottom:none;
}

#blackbox2{
background: #0e0d0f;
position:relative;
top:0;
left:100px;
width:851px;
height:107px;
border-left:1px solid #363439;
border-right:1px solid #363439;
border-bottom:1px solid #363439;
}

.left{
position:relative;
float:left;
top:0;
left:0;
width:238px;
height:134px;
padding-top:20px;
line-height:1.3;
}
.homepic{
position:relative;
float:left;
top:-40px;
left:10px;
width:224px;
height:191px;

}
.right{
position:relative;
float:left;
padding-top:20px;
top:0;
left:0;
width:203px;
height:134px;
line-height:1.3;
padding-left:35px;
}

.playtext{
font: normal 12px "Lucida Sans Unicode","Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
width:142px;
float:left;
padding-right:2px;
padding-top:10px;
height:auto;
line-height:1.8;
}

/* -- icons -- */

#iconav{
position:relative;
top:27px;
left:32px;
width:34px;
height:300px;
list-style:none;
clear:none;
float:left;
z-index:4000;
}

#iconav ul{
list-style:none;
}

#iconav em{
height:auto;
display:none;
width:34px;
}

#iconav li {
width:34px;
height:60px;
float:left;
clear:both;
display:block;
}

#g-icon a{
background:url(../images/camera-icon.gif) no-repeat 0 0;
width:34px;
height:56px;
float:left;
clear:both;
display:block;
}
#g-icon a:hover{
background:url(../images/camera-icon-over.gif) no-repeat 0 0;
border-bottom:none;
}

#s-icon a{
background:url(../images/play-icon-small.gif) no-repeat 0 0;
width:34px;
height:56px;
float:left;
clear:both;
display:block;
}
#s-icon a:hover{
background:url(../images/play-icon-small-over.gif) no-repeat 0 0;
border-bottom:none;
}

#e-icon a{
background:url(../images/email-small.gif) no-repeat 0 0;
width:34px;
height:56px;
float:left;
clear:both;
display:block;

}
#e-icon a:hover{
background:url(../images/email-small-over.gif) no-repeat 0 0;
border-bottom:none;
}

#p-icon a{
background:url(../images/call-me.gif) no-repeat 0 0;
width:34px;
height:56px;
float:left;
clear:both;
display:block;
}
#p-icon a:hover{
background:url(../images/call-me-over.gif) no-repeat 0 0;
border-bottom:none;
}

/* -- Page Layout - main content -- */

#content{
background:#231a2b url(../images/main-area-grad.jpg) repeat-x;
min-width:1050px;
text-align:left;
}
#gallerycontent{
background:#231a2b url(../images/main-area-grad.jpg) repeat-x;
min-width:1050px;
text-align:left;
}

.maincontent{
position:relative;
left:-33px;
background: url(../images/smoke-main-left.jpg) no-repeat 0 50px;
width:500px;
padding-left:104px;
padding-right:0;
padding-top:0;
float:left;
}
.maincontent #gallerytable {
width:750px;
}
#gallerycontent .maincontent{
width:760px;
}
.maincontent .mainimg{
padding:3px;
border:1px solid #52435d;

}
#gallerycontent h2{
color:#878288;
font-weight:normal;
text-transform:none;
text-transform:uppercase;
}

.maincontent ul{
margin:1em 2em;
}

.maincontent ul li{
padding-bottom:0.3em;
list-style-image:url(../images/arrow.gif);
}

.maincontent a img{
border:none;
}

.date{
display:block;
text-transform:uppercase;
letter-spacing:0.333em;
padding-bottom:0.3em;
border-bottom:1px dashed #42374c;
margin-bottom:0.6em;
}

.postedby{
color: #8eb523;
letter-spacing:0em;
text-transform:capitalize;
padding-left:2em;
}

.blogroll{
border-bottom:1px dashed #000;
margin-bottom:2.4em;
}

.rhs{
background: url(../images/rhs-bott2.jpg) bottom repeat-x;
float:left;
width:258px;
padding-left:35px;
padding-right:20px;
padding-top:0;
border-right:1px solid #363439;
border-left:1px solid #363439;
margin-top:0;
padding-bottom:30px;
color:#9f9d9f;
}

.social-bookmarks {
position:relative;
float:right;
	margin: 0; padding:0;
	height:16px;
	min-height:16px;
	border:1px solid #000;
	background: #26212a;
	padding-top:5px; 
	padding-bottom:7px;
	padding-left:10px;
	margin-bottom:0;
	padding-right:10px;
	width:auto;
	display:block;
	clear:both;
	
}
.social-bookmarks em{
position:relative;
top:-4px;
padding-right:2px;
}

.sb-link a{
border:none;
}

.sb-link a img{
border:none;
}

.sb-link a:hover img{
border:none;
text-decoration:none;
}


#content a:hover .sb-text {
border-bottom:1px solid #8eb523;
}


.sb-text {
	padding-bottom:5px;
	position: relative;
	top:-4px;
	margin-left: 4px;
}

.sb-link {
	float: left;
	margin-right:10px;

}

/* -- Page Layout - footer -- */

#footer{
margin-top:2px;
padding-top:1px;
padding-bottom:10px;
width:100%;
border-top:1px solid #302a36;
clear:both;
}

#footermenu{
position:relative;
left:104px;
text-align:center;
font: normal 12px "Lucida Sans Unicode","Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
text-transform:uppercase;
margin:0 auto;
height:24px;
padding-top:2px;

min-width:1050px;
width:1050px;
}
#footermenu li{
float:left;
clear:none;
display:block;
margin-right:11px;
}

#footermenu .on a:hover{
text-decoration:none;
border-bottom:none;
}
#footermenu .on a{
color:#878288;
}

/* Lightbox */
#lightbox{
background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	
	}
#lightboxDetails{
font-family:"Lucida Sans Unicode","Lucida Grande", Tahoma, Arial, sans-serif;
font-weight:normal;
	font-size: 1.5em;
	padding-top: 0.4em;
	text-transform:uppercase;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right;text-transform:lowercase;font-size: 0.8em;line-height:2.4em; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;z-index:8000;} 
#overlay img{ border: none; }

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

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



/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
 
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		

.cleaner {
		clear:left;
		height:1em;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		padding-top:1em;
		}


