/* mobile styles */
@media handheld {

	html, body {
		font: 12px/15px sans-serif;
		background-color: #2b2b2b;
		padding: 3px;
		color: #000;
		margin: 0;
		width:480px;
		height:600px;
		
		}
	
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		}
	
	
	
	
	
}


 body {
	  background-color:#2b2b2b;
	  }




	

/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: auto;
		}

}

 /* iPhone-specific styles */
@media only screen and (max-device-width: 481px) { 

	html {
		-webkit-text-size-adjust: auto;
		}

} 

      table {
	  background-color:#2b2b2b;
	 
	  cellspacing:0px;
	  align:top;
	  }          
				
ul#nav {
	width:100%;
	list-style:none;
	margin:5px 0;
	padding:5px;
	background:#2b2b2b;
}
#nav li {
	width:160px;
	background:#2b2b2b;
	border:0px solid #ccc;
	text-indent:0em;
	border:0px solid #ccc;
	margin:0 0 4px 0px;
	font-size:1.0em;
	font-family:Helvetica,verdana;
}
#nav li a {
	text-decoration:none;
	width:160px;
	display:block;
	color:gray;
	font-size:1.0em;
	font-weight:none;
	font-family:Helvetica,verdana;
}
body.section1 #nav, body.section1 #nav li.one a, #nav li.one a:hover {
	
	color:#504A4B;
	
	

	
}
body.section2 #nav, body.section2 #nav li.two a, #nav li.two a:hover {
	
	color:#504A4B;
	
}
body.section3 #nav, body.section3 #nav li.three a, #nav li.three a:hover {
	color:#504A4B;
}
body.section4 #nav, body.section4 #nav li.four a, #nav li.four a:hover {
	color:#504A4B;
}
body.section5 #nav, body.section5 #nav li.five a, #nav li.five a:hover {
	color:#504A4B;
}
body.section6 #nav, body.section6 #nav li.six a, #nav li.six a:hover {
	color:#504A4B;
}
body.section7 #nav, body.section7 #nav li.seven a, #nav li.seven a:hover {
	color:#504A4B;
}
	
	body.section8 #nav, body.section8 #nav li.eight a, #nav li.eight a:hover {
	color:#504A4B;
}			
				
body.section9 #nav, body.section9 #nav li.nine a, #nav li.nine a:hover {
	color:#504A4B;
}				
				
body.section10 #nav, body.section10 #nav li.ten a, #nav li.ten a:hover {
	color:#504A4B;
}	

body.section11 #nav, body.section11 #nav li.eleven a, #nav li.eleven a:hover {
	color:#504A4B;
}	

body.section12 #nav, body.section12 #nav li.twelve a, #nav li.twelve a:hover {
	color:#504A4B;
}	

body.section13 #nav, body.section13 #nav li.thirteen a, #nav li.thirteen a:hover {
	color:#504A4B;
}	

body.section14 #nav, body.section14 #nav li.fourteen a, #nav li.fourteen a:hover {
	color:#504A4B;
}	

body.section15 #nav, body.section15 #nav li.fifteen a, #nav li.fifteen a:hover {
	color:#504A4B;
}

body.section17 #nav, body.section17 #nav li.seventeen a, #nav li.seventeen a:hover {
	color:#504A4B;
	
}	
				

a.rightnav:link{font-size:12px;font-weight:none;color:silver;text-decoration:none}	
a.rightnav:visited{font-size:12px;font-weight:none;color:gray;text-decoration:none}
a.rightnav:hover{font-size:12px;font-weight:none;color:white;text-decoration:underline}
a.rightnav:active{font-size:12px;font-weight:none;color:silver;text-decoration:none}

a.leftnav:link{font-size:17px;font-weight:normal;color:gray;text-decoration:none}	
a.leftnav:visited{font-size:17px;font-weight:normal;color:white;text-decoration:none}
a.leftnav:hover{font-size:17px;font-weight:normal;color:silver;text-decoration:underline}
a.leftnav:active{font-size:17px;font-weight:normal;color:white;text-decoration:none}
	
				
#gallery {
border:0px solid #0a1039;
padding:1px;
background-color:#2b2b2b;
position:absolute;

left:220px;
top:1px;
 float:right;
 width:10000px;
 height:700px;

	z-index:10;
	 	}
	

#menupos {

border:0px solid #0a1039;
position:fixed;
left:0px;
top:-10px;
 width:240px; 

 z-index:2;
  float:left;
  }

   .bodycopy{
color: white;
 font-family: Helvetica,arial,verdana;
 font-size:1.0em;


}
  
 .bodycopy2{
color: white;
 font-family: Helvetica,arial,verdana;
 font-size:0.6em;
 width:650px;
 margin:5px;
 padding:5px;
}
  
  .bodycopy3{
color: white;
 font-family: Helvetica,arial,verdana;
font-size:1.9em;
 font-weight:normal;
font-style:normal;	
 padding:5px;  
	
}

 .bodycopy4{
color: gray;
 font-family: Helvetica,arial,verdana;
font-size:0.7em;
 font-weight:normal;
font-style:normal;	
text-align:right;
	margin:0px;  
	clear:both;
	width:auto;
	padding: 5px;

}

 .bodycopy5{
color: gray;
 font-family: Helvetica,arial,verdana;
font-size:0.9em;
 font-weight:normal;
font-style:normal;	
width:250px;
	margin:0px;  
	
}


 .bodycopy6{
color: gray;
 font-family: Helvetica,arial,verdana;
font-size:0.8em;
 font-weight:normal;
font-style:normal;	
width:auto;
	margin:0px;  
	
}

 .bodycopy7{
color: gray;
 font-family: Helvetica,arial,verdana;
font-size:0.9em;
 font-weight:normal;
font-style:normal;	
width:250;
	margin:0px;  
	
}

 .mixedcopy{
color: gray;
 font-family: Helvetica,arial,verdana;
font-size:0.6em;
 font-weight:normal;
font-style:normal;	
width:auto;
text-align:left;
	margin:8px;  
	
}

.image img{
	border-style:solid;
	border-color:#474644;
	border-width:0px;
max-height:425px;
	float:right;
	padding:1px;


	}	
	
	
	
.image2 img{
	border-style:solid;
	border-color:black;
	border-width:0px;
	max-width: 150px;
	}
	
	
	.image3 img{
	border-style:solid;
	border-color:black;
	border-width:0px;
	max-height: 250px;
	}
  
  
	.clear{
		clear:both;
	}
	
	
h1 {
	color: white;
 font-family: Helvetica,arial,verdana;
font-size:1.0em;
 font-weight:normal;
font-style:normal;	
width:250px;
	
	} 
	
	strong {
		color: gray;
 font-family: Helvetica,arial,verdana;
 font-size:1.0em;
 font-weight:normal;
	}
	
	
			#content{
			margin:0px auto;
			height:0px;
			width:660px;
			top:15%;
			left:-15px;
			z-index: 3;
			font-size:1.1em;
			font-family: Helvetica,arial,verdana;
			font-weight:normal;
			border-top:0px solid #ffffff;
			border-bottom:0px solid #000000;
			position:absolute;
			padding: 0px 0px 0px 0px
		}
		#contentframe{
			overflow: hidden;
			border:0px;
			border-top:solid 0px #4F4F4F;
			border-bottom:0px solid #000;
			top:50%;
			height: 100px;
			width:160px;
			padding:5%;
			font-family: Helvetica,arial,verdana;
			 color:white;
			text-align:center;
			
			/* Safari */
-webkit-transform: rotate(-90deg);
-webkit-transform-origin-y:100px;
-webkit-transform-origin-x:100px;

/* Firefox */
-moz-transform: rotate(-90deg);
-moz-transform-origin: left top;
-moz-transform-origin: 75% 100%;

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

/* Opera */
-o-transform: rotate(-90deg);



		}
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			font-size:2.0em;
			margin:133px 0;
			left:20px;
			


}
			
			
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
	
		
#contact

{
   position:absolute;
   
 left:290px;
top:30px;
 float:left;
 overflow:auto;
 width:550px;
 height:950px;
   color: #2b2b2b;
 font-family: Helvetica,arial,verdana;
 font-size:1.0em;
   z-index:2;
	

}		
	
	/* End of demo CSS */