/*
 * Author:Stephen Rhyne
 * Rhyne Design Co.
 * Feel free to use any of this css. I don't care :)
 * 
 * #ED008A magenta,
 */
body {
background:url("../images/bg.jpg") #CECDD3 center top no-repeat;
font:18px Helvetica Sans-Serif;	
}
a{
	text-decoration:none;
}
#screen{
    filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;
    width: 100%; height: 100%; background-color: #000;
    position:fixed;
	display:none;
    z-index: 100;
    top: 0px; left: 0px;
}

div#close{
	position:fixed;
	top:0px;
	right:0px;
	display:inline;
    padding:10px;
	background:#CECDD3;
	color:#000;
}
div#close:hover{
	background:#FFFFCC;
}
a#close_window{
	color:#000;
}
div#nav{
	width:820px;
	height:36px;
	font:20px Courier bold;
	vertical-align:middle;
	margin-top:32px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:8px;
}
div#nav div#links{
		vertical-align:middle;
}
div#nav div#links a{
	text-decoration:none;
	margin:0px 0px 0px 20px;
	color:#393939;
	letter-spacing:1.5px;
}
div#nav div#links a+a+a{
	margin-left:300px;
}
div#nav div#links a+a+a+a{
	margin-left:20px;
}
div#nav div#links a span{
	padding-left:3px;
}
/* Easy Slider */
	#slider, #slider2{
		margin:44px auto;
		background:url("../images/frame_bg.jpg") no-repeat center top;
	}
	#slider2{
		display:none;
	}
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:792px;
		height:388px;
		overflow:hidden; 
		}							
	p#controls, p#controls2{
		position:relative;
		margin:-450px auto;
		width:940px;
		height:30px;
		vertical-align:middle;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2 { 
		overflow:hidden;
		position:absolute;
		width:60px;
		height:77px;
		font-size:4em;
	    text-shadow: 3px 3px 3px #393939; /*gray in links*/
		left:0px;
		top:180px;
		}	
	#nextBtn, #nextBtn2 { 
	left:900px;
		}											
	#prevBtn a, #nextBtn a,#prevBtn2 a, #nextBtn2 a{  
		display:block;
		text-decoration:none;
		color:#393939;
		width:60px;
		height:77px;
		}	

div.slide{
	position:relative;
	width:100%;
}
div.slide a{
text-decoration:none;
}
div.slide img{
	border:none;
}
/*imetals*/
#imetals-container{
    margin:350px auto;
	width:444px; /*room for iphone frame*/
	height:725px;
}
/*imetals.html*/
#imetals-demo{
	z-index:200;
	position:relative;
}
#imetals-demo div.flash{
	z-index:300;
	position:absolute;
	top:122px;
	left:44px;
}
#imetals-demo img.iphone{
	z-index:400;
	position:absolute;
	top:0px;
	left:0px;
}
div.slide{
	position:relative;
}
div.slide h2{
   position: absolute;
   top:0px;
   left: 0;
}
div.slide h2 span {
   color: #fff;
   font: bold 24px/45px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   /*for IE*/
   background: rgb(57,57,57);
   background: rgba(57, 57, 57, 0.6);
   padding: 10px;
}
div#sig{
	position:absolute;
	top:535px;
	text-align:center;
	font:1.6em bold;
	width:100%;
	color:#393939;
	letter-spacing:1px;
}
div#sig span{
	margin:0px 15px 0px 15px;
}
div#contact-form{
	z-index:400;
	width:500px;
    position:fixed;
	top:0px;
	left:25%;
}
form {
 font:24px Helvetica Sans-Serif bold;
 color:#fff;	
}
form table{
	width:500px;
	empty-cells:show;
}
form input, textarea{
	width:300px;
	height:30px;
	font:26px bold;
	color:#393939;
	padding:3px 5px 3px 5px;
}
form input:focus, textarea:focus{
	background:#FFFFCC;
}
form textarea{
	height:150px;
}
form input[type="submit"]{
	width:310px;
	height:40px;
}