@import url("reset.css");
@import url("jScrollPane.css");

/* main tags */

body { background-color: #000000; background-image: url(../images/bg.jpg); background-position: top center; }

p { font-size: .9em; line-height: 19px; font-size: .8em; color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; margin-bottom: 8px; }
a { font-size: .9em; line-height: 19px; font-size: 1em; color: #CCCCCC; font-family: Geneva, Arial, Helvetica, sans-serif; }

a:hover { color: #FFFFFF; }

#footer p { display: block; clear: both; } 
#address p { margin: 0px; padding: 0px; color: #CCCCCC; font-size: 0.8em; font-weight: 400; }

.left { float:left; }
.right{ float:right; }
.red{ color }

.clear { display:block; clear:both; }


h2 { color: #999999; font-size: 1.0em; margin-bottom: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: 100; }
h1 { color: #999999; font-size: 1.5em; margin-bottom: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: 100; }


/* containers */

#container { width: 949px; height: 932px; margin: 0 auto 0 auto; }
	
	#header{ width: 949px; height: 97px; text-align: center; padding-top: 25px;  }
	
	#main{ width: 949px; height: 452px; }
	
		#mainLeft{ width: 468px; float: left; }
		#mainRight{ width: 460px; height: auto; float: right; padding-left: 5px; padding-top: 15px; }
		
		#mainRight ul { padding-left: 50px; margin-bottom: 10px;  }
		#mainRight ul li { color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 19px; font-size: .8em; list-style: circle }
	
		.scroll-pane { width: 460px; height: 430px; overflow: auto; padding-right: 15px;  }
		
		#cont ul li { list-style: none; }
	
	#pcom .scroll-pane { width: 949px; height: 430px; overflow: auto; }
	#pcom #mainLeft{ width: 468px; float: left; padding-top: 80px; }
	#pcom #mainRight{ width: 460px; float: right; padding-left: 5px; padding-top: 15px; }
	
	#scon .scroll-pane { width: 949px; height: 430px; overflow: auto; }
	#scon #mainLeft{ width: 468px; float: left; padding-top: 80px; }
	#scon #mainRight{ width: 460px; float: right; padding-left: 5px; padding-top: 15px; }


	#address { width: 949px; height: 20px; text-align: center; padding-top: 7px; clear: both; }
	
	#footer{ width: 949px; height: 93px; text-align: center; padding-top: 30px; }
	
	
	#polaroid { width: 468px; height: 452px; float: left; }
	#polaroid a { display: block; width: 468px; height: 452px; background-image: url(../images/polaroid-flip.jpg) }
	#polaroid a:hover { background-position: 0 -452px; }
	
/* navigation */

.nav-holder { width: 949px; height: 85px; }

ul#nav{ width: 462px; height: 85px; margin: 0 auto 0 auto; }

#nav li.home { height: 85px; width: 86px; float: left; }
#nav li.pcom { height: 85px; width: 129px; float: left; }
#nav li.scon { height: 85px; width: 137px; float: left; }
#nav li.cont { height: 85px; width: 110px; float: left; }

#nav li a { text-indent: -9999px; }

#nav li.home a { height: 85px; width: 86px; display: block; background-image: url(../images/nav_01.jpg); }
#nav li.pcom a { height: 85px; width: 129px; display: block; background-image: url(../images/nav_02.jpg); }
#nav li.scon a { height: 85px; width: 137px; display: block; background-image: url(../images/nav_03.jpg); }
#nav li.cont a { height: 85px; width: 110px; display: block; background-image: url(../images/nav_04.jpg);  }

#nav li.home a:hover, #nav li.pcom a:hover, #nav li.scon a:hover, #nav li.cont a:hover { background-position: 0 -85px; }
#home li.home a, #pcom li.pcom a, #scon li.scon a, #cont li.cont a { background-position: 0 -85px; }

/* form */

ul.form { }
ul.form li { margin-bottom: 5px; list-style: none; } 

.form label 

{
	display: inline-block;
	width: 130px;
	vertical-align: top;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff; 

}


textarea { width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 0px; background-color: #999999 }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; border: 0px; background-color: #999999; }