/* CSS Document */

html{
	background:#000;
}

body{
	margin:0;
	padding:0;
	background:url(../imgs/bg.gif) repeat-y;
	color:#999;
	font-family:"Trebuchet MS", Tahoma, Verdana, "Arial Black", sans-serif;
	font-size:0.69em;
}
.hide{display:none;}
div#errors{ border:1px dotted #FE941B; margin-top:-10px;margin-bottom:15px; }
div#errors p{ background:#ff9900; padding:3px; color:#000; font-weight:100; }
div#errors ul{ margin:0; padding:5px 5px 5px 17px;}
div#main{float:right;width:100%;margin-left:-232px; }
div#content{margin-left:232px; min-height:700px;width:600px;}
div#navigation{float:left;width:232px;text-align:center}
p{
margin:0;
padding:10px;
}
a{ text-decoration:none; color:#ff6600 }
a:hover{ text-decoration:underline; }
a img{
	border:0;
}
.clear{
	clear:both;
	background:transparent;
	font-size:1px;
	height:1px;
}
div#top{
	height:47px;
	border-bottom:7px solid #fe941b;
	background:url(../imgs/top-bar-bg.gif) repeat-x;
/*	position:fixed;*/
	z-index:1000;
	width:100%;
	top:0;
	margin:0;
}

div#top div.bookmarks{
	width:854px;
	margin:0;
	padding-top:14px;
}
div#top div.bookmarks span.bookmark{
	float:right;
	color:#fff;
	margin-left:15px;
	font-size:0.82em;
}
div#top div.bookmarks span.bookmark img{
	margin-right:5px;
	margin-bottom:-4px;
}
div#top_shadow{
	background:url(../imgs/shadow.png) repeat-x;
	position:fixed;
	z-index:500;
	width:100%;
	height:58px;
	top:47px;
}
div#footer{
	overflow:visible;
	position:relative;
	height:27px;
	background:url(../imgs/footer-bar.gif) repeat-x #000;
	border-top:2px solid #fe941b;
	width:100%;
	bottom:0;
}
h2.gallery_header{
	height:23px;
	background:url(../imgs/gallery-header-bg.gif) #000 repeat-x;
	border:1px solid #2c2c2c;
	cursor:pointer;
	display:block;
	font-size:1.27em;
	color:#fff;
	font-weight:100;
	text-indent:10px;
	padding-top:2px;
}
h2.gallery_header:hover{ /* Non IE browsers */
	color:#FE941B;
}
h2.gallery_header span{
	float:left;
	clear:left;
}

h2.gallery_header span.btn{
	float:right;
	clear:right;
	font-size:0.71em;	
	padding-right:15px;
	margin-right:15px;
	padding-top:2px;
	background:url(../imgs/arrow-down.gif) no-repeat right 7px;
}

div.gallery_section{
	width:100%;
	margin:20px;
	padding:0;
}
div.gallery_section div.thumbnails{
	display:block;
}
div.gallery_section div.thumb, 
div.gallery_section div.thumb_l{
	float:left;
	height:148px;
	width:138px;
	background:url(../imgs/thumb-bg.gif) no-repeat;
	margin:5px 12px 0 0;
	overflow:hidden;
	padding-top:10px;
	text-align:center;
}
div.gallery_section div.thumb_l{
	padding-top:4px;
}
div.gallery_section div.thumb div, 
div.gallery_section div.thumb_l div{
	margin:0;
	margin-left:9px;
	margin-right:9px;
}
div.gallery_section div.thumb p, 
div.gallery_section div.thumb_l p{
	text-align:left;
	margin:0;
	padding:2px 0 0 10px;
	line-height:10px;
}
div.gallery_section div.thumb_l p{
	padding:0 0 0 10px;
}
canvas{  }
div.gallery_section div.thumb img.icon, 
div.gallery_section div.thumb_l img.icon{
	float:right;
	margin-right:9px;
}div.gallery_section div.thumb img.icon2,
div.gallery_section div.thumb_l img.icon2{
	margin-right:0;
	float:right;
}
#premier_collection .hidden{
	display:block;
	clear:left;
	height:480px;
}
.hidden{
	display:block;
	clear:left;
	height:320px;
}
div.page_header{
	border:1px groove #000;
	width:100%;
	background:url(../imgs/img-bg.gif);
	margin:20px 20px 0 20px;
	padding:0;
	overflow:hidden;
}
div.page_intro{
	border:1px groove #000;
	width:100%;
	background:#fff url(../imgs/highlight-box_02.gif) bottom no-repeat;
	margin:2px 20px 20px 20px;
	padding:0;
}
div.page_intro p{

}
div.page_intro em{
	font-size:1.27em;
	font-weight:700;
	font-style:normal;
	color:#ff6600;
}
div.page_intro a{ color:#ff6600 }
div.page_intro div{
	background:transparent url(../imgs/highlight-box_01.gif) top no-repeat;
	margin:0;
	padding:0;

}
div.page_intro div div{background:none;}
div.page_header div{
	margin:10px;
	overflow:hidden;
	text-align:right;
}
div.page_header div img{
	float:right;
	clear:both;
}
img.logo{
	padding:20px;
}
#navigation ul{
	width:183px;
	list-style-type:none;
	text-align:left;
	min-height:185px;
	background:url(../imgs/nav-bg2.jpg) no-repeat bottom;
	display:block;
	margin:0 auto;
	padding:0 0 10px 0;
}
#navigation li{
	margin:0;
	padding:0;
	width:183px;
}

#navigation ul a{
	width:183px;
	color:#d8d8d8;
	text-decoration:none;
	font-size:1.09em;
	display:block;
	margin:0;
	padding:5px 0 5px 15px;
	background:url(../imgs/nav-bg-line.jpg) no-repeat bottom left;
}
#navigation ul a:hover,
#navigation ul a.active{
	background:#FE941B;
	color:#000;
	width:168px;
}
.badge{
	margin:15px 0 0 5px;
}
a{
	cursor:pointer;
}
.counter{
	margin-top:20px;
	font-weight:100;
	font-size:1.2em;
}

/*  lightbox styles  */
div#messageContainer{
	width:350px;
	background:#fff;
	position:absolute;
	z-index:900000;
	left:50%;
	margin-left:-175px;
	top:200px;
	text-align:center;
}div#messageContainer div{ margin:15px 0; }
div#messageContainer div p{
color:#fe941b;
font-size:1.2em;
font-weight:700;
padding:0 1em 1.5em 1em;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../imgs/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imgs/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
div.page_intro div div.rhs_form{
float:right;
margin:30px 5px 30px 15px;
padding:15px;
display:block;
border-left:solid #FE941B;
border-left-width:1px;
font-size:0.87em;
width:200px;
}
div.page_intro div div.rhs_form input.a{
width:144px;
height:20px;
border:none;
background:url(../imgs/textinput.gif) no-repeat;
font-size:1.1em;
font-family:"Trebuchet MS", Tahoma, Verdana, "Arial Black", sans-serif;
padding:1px 8px 0 8px;
}

div.page_intro div div.rhs_form textarea.textarea{
width:144px;
height:80px;
border:0;
font-size:1.1em;
font-family:"Trebuchet MS", Tahoma, Verdana, "Arial Black", sans-serif;
padding:1px 8px 0 8px;
background:url(../imgs/textarea.gif) no-repeat;
}
div.page_intro div div.rhs_form input.button{
width:60px;
}
div.page_intro div div.rhs_form label{
	display:block;
}
div.page_intro h2{
margin:0;
padding:5px 10px 0 10px;
color:#FF6600;
}
div.messageContainer p{
	font-size:12px;
}

#imageContainer2{
	position:relative;
	height:146px;
}
#imageContainer2 img{
	position:absolute;
	top:0; right:0;
}
blockquote{
margin:1em 100px;
text-align:center;
}