/* CSS Document */
* { margin:0; padding:0; }

.column { float:left;}
.clear { clear:both;}

body { height:100%; background:#1e201d}

html { height:100%; background:#1e201d}
textarea{
		font-family:Arial; 
		font-size:13px;		
		color:#575855 ;
		line-height:16px;
		text-transform:none;		
	}		
input{
		font-family:Arial; 
		font-size:13px;		
		color:#575855 ;
		line-height:16px;
		text-transform:none;		
	}		
html{
		font-family:Arial; 
		font-size:13px;		
		color:#575855 ;
		line-height:16px;
		text-transform:none;		
	}		
.w{ width:100%;}
.site_center{text-align:center; width:100%;}
.site_center1{margin:0 auto; text-align:left; width:866px;}
.w1{width:617px}

.bg{ background:url(images/1_bg.gif);}
.bg1{ background:url(images/1_bg1.gif) no-repeat top; }
.bg2{ background:url(images/1_bg2.gif) no-repeat bottom;}
.bg3{ background:url(images/2_bg.gif);}
.bg4{ background:url(images/2_bg1.gif) no-repeat top; }
.bg5{ background:url(images/2_bg2.gif) no-repeat bottom;}

a img{ border:0px}
a{color:#8b0290; text-decoration:none; font-family:Verdana} 
a:hover{color:#917118;text-decoration:none}
.more{background:url(images/1_z1.gif)  center right no-repeat; padding-right:4px; color:#8b0290; text-decoration:none; font-weight:bold; font-family:Verdana}
.more:hover{text-decoration:none}
ul{margin:0; padding:0; list-style:none; line-height:23px}
ul li{background:url(images/1_z1.gif)  center left no-repeat; margin:0px; padding-left:10px; }
ul li a{color:#8b0290; text-decoration:none; font-weight:bold; font-family:Verdana} 
ul li a:hover {color:#917118;text-decoration:none }

/*-- header--*/
#header { width:866px; }
#header .logo{ margin:35px 0 51px 235px; display:block}
#header .m{ margin:0px 0 0px 120px;}

/*-- content--*/
#content{ background:url(images/bg.jpg)}
#content{ padding:41px 127px 0 122px; width:617px}

/*-- page1--*/
#page1{  width:617px}
#page1 .title{ margin:0px 0 0 46px; display:block}
#page1 .title1{ margin:0px 0 25px 0px; display:block}
#page1 .pic{ float:left; margin:0 17px 0 0px}
#page1 .indent{padding:7px 45px 0 59px}
#page1 .indent1{padding:39px 45px 48px 58px}
#page1 p{margin:10px 0px 0 0px}
#page1 span{ text-transform:none}
#page1 span strong{ text-transform:none; font-family:Verdana}

/*-- page2--*/
#page2{  width:100%; line-height:11px;}
#page2 .table{ margin:13px 0 32px 0px}
#page2 .title{ margin:0px 0 0 46px; display:block}
#page2 .title1{ margin:0px 0 25px 0px; display:block}
#page2 .pic{ float:left; margin:0 17px 0 0px}
#page2 .pic1{ float:left; margin:0 17px 0 0px}
#page2 .indent{padding:7px 45px 0px 59px}
#page2 .indent1{padding:39px 45px 29px 58px}
#page2 p{margin:10px 0px 25px 0px}
#page2 span{ text-transform:none}
#page2 span strong{ text-transform:none; font-family:Verdana}

/*-- page3--*/
#page3{  width:100%; line-height:11px; padding:0 0 70px 0px}
#page3 .block{ line-height:14px}
#page3 .title{ margin:0px 0 30px 46px; display:block}
#page3 .indent{padding:7px 45px 0px 59px;}
#page3 .pic{ float:left; margin:0 17px 0 0px}
#page3 p{margin:10px 0px 25px 0px}
#page3 .table{ padding:13px 0 0px 0px }

/*-- page4--*/
#page4{  width:100%; line-height:11px; padding:0 0 70px 0px}
#page4 .block{ line-height:14px}
#page4 .title{ margin:0px 0 0 46px; display:block}
#page4 .indent{padding:7px 45px 10px 59px}
#page4 .pic{margin:27px 17px 13px 0px; display:block}
#page4 p{margin:10px 0px 25px 0px}
#page4 a{color:#c02900; text-decoration:underline; font-family:Verdana; font-weight:bold} 
#page4 a:hover{text-decoration:none}
#page4 .block{ margin:25px 0 0 0px}
#page4 .table{ padding:17px 0 10px 0px}

/*-- page5--*/
#page5{ width:100%; line-height:11px; }
#page5 strong{ color:#c02900; font-family:Verdana}
#page5 .table{ padding:29px 0 0 0px; width:100%; height:244px}
#page5 .title{ margin:0px 0 0 46px; display:block}
#page5 .title1{ margin:0px 0 25px 0px; display:block}
#page5 .pic{ float:left; margin:0 17px 0 0px}
#page5 .pic1{ float:left; margin:0 17px 0 0px}
#page5 .indent{padding:7px 45px 0 59px}
#page5 .indent1{padding:39px 45px 29px 58px}
#page5 p{margin:10px 0px 25px 0px}
#page5 .col1 p{margin:20px 0px 21px 0px}
#page5 span{ text-transform:none}
#page5 span strong{ font-family:Verdana}
#page5 span a{ text-decoration:underline}
#page5 span a:hover{ text-decoration:none}

/*-- page6--*/
#page6{  width:100%; line-height:14px; padding:0 0 70px 0px}
#page6 .title{ margin:0px 0 0 46px; display:block}
#page6 .indent{padding:7px 45px 20px 59px}
#page6 p{margin:0px 0px 13px 0px}
#page6  strong{ font-family:Verdana; color:#c02900}
#page6 a{color:#c02900; text-decoration:underline; font-family:Verdana;} 
#page6 a:hover{text-decoration:none}

/*-- footer--*/
#footer { background:url(images/bot.gif); color:#60625e; text-align:center; padding:10px 0 0 0px}
#footer a {color:#60625e; line-height:13px; text-decoration:none}  
#footer a:hover { color:#60625e; text-decoration:underline}

input{
   width:302px; height:21px;
   display:block;
   margin:0 0 5px 0px
}
textarea{
   width:302px; height:154px;
   display:block;
   margin:0 0 5px 0px;
   overflow:auto}
   
   
   
/*--Lightbox--*/   
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images-display/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images-display/images/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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
body{ margin: 0; padding: 0; }