/* 
	simple template - no styles
*/

html, body{
	margin:0; padding:0;
	width:100%; height: 100%;
	background:url('../images/bg/body.gif') top right repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#444;
}

html{
	margin:0; padding:0;
	width:100%; height: 100%;
	background-color: #732620;
}

#page, #page_ie, #full_page, #full_page_ie{
	width: 867px; height: 613px;
	margin: 0 auto; padding: 0;
	background:url('../images/bg/back.png') top center no-repeat;
	z-index:20;
	
}

#page_ie{
	background:url('../images/bg/back.jpg') top center no-repeat;
		z-index:20;
}

#full_page{
	background:url('../images/bg/back_full.png') top center no-repeat;	
		z-index:20;
}
#full_page_ie{
	background:url('../images/bg/back_full.jpg') top center no-repeat;	
		z-index:20;
}

#full_page_ie #legitify{
	display:none;
}
#heading{
	margin: 0 auto;	
	width: 780px;
	z-index:100;
}

#heading  #logo{
	width:274px; height:41px;
	float: left;
	background:url('../images/logo.gif') top left no-repeat;
}	

#heading #logo h1{ display:none; }

#main{
	margin:20px 20px 0 80px; padding:0;
	z-index:10;
}

.body{
	z-index:20;
}

/* 	left  */

#left, #full{
	position:relative;
	float:left;
	width: 460px; height: 440px;
	margin:0; padding:0;
	
}
#full{
	width:730px;
}

#container{
	position:absolute;
	width:100%;
	height:430px;
	overflow:hidden;
	
}
#scrollbar { 
  position:absolute; left:690px; top:0;
  width:8px; height:430px; 
  font-size:1px; z-index:1;

}

#left #scrollbar{	
	left:475px;
}

#track {  
  position:absolute; left:5px; top:12px;
  width:8px; height:430px;
  background-color:#222;
  z-index:1;
}

#drag {
  position:absolute; left:0; top:0;
  width:8px; overflow:hidden;
  background-color:#EEE;
  z-index:1;
}  
 
 #container{
 	position:relative; 	
	width:650px;

 }

#card{
	margin:15px auto;
	padding:22px;
	width:550px;
	height:330px;
	text-align:center;
	background-color:#A3AE9B;
		z-index:20;
}

#card a{ }

#left #container{
	width:430px;
}
 
#scroll{
 	position:absolute;
	width:98%;
}

#index #left .article h1{
	display: none;
}

.article, .post{
	position:relative;
	width:98%;
}

h1{
	font-size:19px;
	letter-spacing:-1px;
}

#left #feature{
	background:url('../images/deck.jpg') top left no-repeat;
	height: 300px; width: 450px;
	padding: 0;
}

#slideshow img{
	width:450px;
	margin:0;
}

#viewall{
	position:relative;
	width: 34px; height: 14px;
	background:url('../images/bg/view-all.gif') top left no-repeat;
	float:right;
	padding-right: 10px;
	top:65px;
}

#viewall em{ display:none; }

/* 	right  */

#right{
	width: 200px; 
	float:left;
	margin:0;
	padding: 0 30px 20px 45px;
	font-size: 13px;
}

#right #news{
	background:url('../images/bg/news.gif') top left no-repeat;
	padding: 23px 0; height: 220px; overflow: hidden;
}

#right #news img{
	display:none;
}

#right #news .date{
	font-style: normal;
	padding:5px 0;margin:0;
	color: #333;
}

#right #news p{
	padding:5px 0;margin:0;
}

#right #news a:link, #right #news a:visited{
	color: #444;
	text-decoration: none;
	font-size:11px;
}

#right #news a:hover,
#right #news a:active,
#right #news a.over,
#right #news a.selected:link,
#right #news a.selected:visited{
	text-decoration: underline;
}

#right .post{
	border-bottom: 1px solid black;
	padding-bottom: 15px; padding: 10px 0;
}

#right #viewmore{
	position:relative;
	top:-35px;
	background:url('../images/bg/view-more.gif') top left no-repeat;
	height: 14px; width: 42px;
	float: right;
}

#newsletter{
	background:url('../images/bg/newsletter.gif') top left no-repeat;
}

#newsletter p{
	padding-top: 23px;
}

.signup a:link, .signup a:visited{
	border-width: 0;
}

.rightlink{
	display:block;
	margin:5px 0;
	background:url('../images/bg/right_menu.gif');
	font-weight:bold;
	text-decoration:none;
	padding:7px;
	text-transform:uppercase;
	overflow:hidden;
}

/* footer */
#footer{
	width: 700px;
	margin: 0 auto;	
}

#legitify{
	padding-top:40px;
	padding-right: 30px;
	text-align: right;
}

/* media enlargement styles */

.photomatte{
		display:none; 
		position:absolute;
		top:0; left:0; 
		width:100%; height:100%; 
		z-index:6000; 
		background-color:#000;
}
.photomatte span{
		position:absolute; top:370px;
	 	width:100%;		
		text-align:center;
		color:#FFF;
		letter-spacing:15px;
}

/* notifications */
.error{
	color:#FFF;
	background-color:#CC0000;
	padding:5px;
}
.notify{
	display:none;
	color:#FFF;
	background-color:#FF9900;
}


/*   forms   */
label{
	display:block;
	width:100px;
	float:left;
}

input, textarea{
	float:left; margin:2px 6px 10px 0;
	padding:2px; font-size:15px; 	font-family:"Trebuchet MS",Verdana, Sans-serif;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	width:300px;
}
textarea{ width:300px; }



.fieldwrap{
	clear:both;
}

.textareawrap{
	clear:both;
}


.checkboxwrap{
	clear:both;
	margin:5px 0 5px 100px;
}
.checkboxwrap input, .checkboxwrap label{
	width:auto; font-size:12px;
	cursor:pointer;
}
.submit { clear:both; margin:0 0 0 100px; }
.submit input{ 
	width:auto;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC; 
}

input.submit{
	float:left; width:auto; clear:none;
	font-size:13px;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0;
}
.disabled{
	color:#888;
}

.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}

/* javascript photo/video gallery selector */
#galy{
	position:relative;
	margin:0 auto;	
	width: 670px; height:auto;
	padding:0 0 5px 0;
	/*background-image:url("../images/bg/black30.png");*/

	z-index:2;
}
#galy #loading{
	z-index:50;
	position:absolute;
	top:5px;
	right:5px;
	width:50px;
	padding:15px;
	background-color:#000;
	color:#FFF;
}
#photos, #videos{
	position:relative;
	width: 660px; height:320px;
	padding:0; margin:0; 
	background-color:#222;
	top:5px; left:5px;
	overflow:hidden;
	z-index:30;
}

#photos img, #videos img{
	position:absolute;
	z-index:30;
}

#videos #videoplayer{
	position:relative;
	width:320px;
	height:260px;
	margin:15px auto;
}

#galy #caption{
	padding:5px;
	font-size:10px;
}
#galy .browse{
	position:relative;
	background-color:#DDD;
	color:#000;
	margin:2px 5px;
	padding:5px;
}

#galy #galy-select{
	position:relative;
	height:32px;
}
#galy #galy-select p {
	position:relative;
	float:left;
	width:auto;
	margin:3px 5px;
}

#photos img{
	height:100%;
}


#galy #controls{
	position:relative;
	height:27px;
	padding:5px;
	display:none;	
}
#galy #controls .control{
	position:relative;
	display:block;
	width:auto;
	height:22px;
	float:left;
	margin:2px 10px 0 0;
}
#galy #controls .enlarge{  background:url('../images/buttons/in.gif'); }
#galy #controls .unlarge{  background:url('../images/buttons/out.gif'); }
#galy #controls #prev{  background:url('../images/buttons/prev.gif'); }
#galy #controls #play{  background:url('../images/buttons/play.gif'); }
#galy #controls #stop{  background:url('../images/buttons/pause.gif'); }
#galy #controls #next{  background:url('../images/buttons/next.gif'); }

#galy #controls .control em{
	font-style:normal;
}

#galy #controls p{
	position:relative;
	float:right;
	text-align:right;
	margin:0; padding:5px;
}
#galy #controls a{
	float:left; display:block; width:60px;
	margin:0 20px 0 0;
	text-decoration:none;
	line-height:22px;
}

#galy #thumbcontainer{
	position:relative;
	margin:5px 20px;
	height:90px;	
	padding:0;
	overflow:hidden;
}

#galy #thumbcontainer #slide{
	position:absolute;
	top:0; left:0;
	width:2000px;
}
#scrollleft, #scrollright{
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	top:40px;
	margin:0;
	padding:0;
}
#scrollleft em, #scrollright em { font-style:normal; }
#scrollleft{
	left:3px;
	background:url('../images/arrow_left.gif') top left no-repeat;
}
#scrollright{
	right:3px;
	background:url('../images/arrow_right.gif') top left no-repeat;
}

#thumbs{ 
	margin:0; 
	padding:5px 0; 	
	height:75px; 
}

#thumbs img{
	width: 55px;
	border: 2px solid black;
	margin: 5px 3px 0 3px; padding:0;
}

#thumbs  a:link, #thumbs  a:visited{
	
}

#thumbs  a:hover img,
#thumbs  a:active img,
#thumbs  a.selected:link img,
#thumbs  a.selected:visited img,
#thumbs a.active img{
	border: 2px solid #006747;
}