@import url("reset.css");
@import url("lightingcity.css");
@import url("prettyPhoto.css");

/* main tags */

body { background: #000000; background-image: url(../images/bakground.jpg); background-position: top; background-repeat: repeat-x; }
p { margin-top: 10px; font-size: 12px; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; color:#666666;  }
h1 { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h2 { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; }



.strong { color: #7b7b7b; font-weight: bold; }
.left { float:left; }
.right-tables {float: right; margin-left: 30px; margin-bottom: 50px; }
.right{ float:right; }
.clear { display:block; clear:both; }

.affiliate { margin-left: 80px; }

.strong a { text-decoration: underline; color: #7b7b7b; }    
.strong a:hover { color: #FF3333; text-decoration: none; }

a.tableview { border: 3px solid #999999; display: block; width: 100px; height: 100px; }
a.tableview:hover { border: 3px solid #990033; display: block; width: 100px; height: 100px; }

.right-tables {float: right; margin-left: 30px; margin-bottom: 50px; border: 3px solid #999999; display: block;  }
.right-tables:hover { border: 3px solid #990033; }


/* containers */
#container { width: 1024px; height:auto; margin: 0 auto 0 auto; position: relative}	
	
#header{ border: 0px solid white; width: 1024px; height: 274px; }
	
	.header-left { width: 512px; height: 274px; background-image: url(../images/header_01.jpg); float: left; }
	.header-right { width: 512px; height: 274px; background-image: url(../images/header_02.jpg); float: left; }
	.header-right-flash: { width: 274px; height: 512px; background-image: url(../images/header_02.jpg); float: left; }
	.header-right a { display: block; width: 512px; height: 274px; }
	
	div.nav_holder { height: 67px; background-image: url(../images/nav.jpg); width: 979px;; clear: both; float: left; padding-left: 45px; }

.main { width: 1024px; float: left; background-image: url(../images/back_right.jpg); background-repeat: no-repeat; background-position: bottom right; padding: 0px; background-color: #FFFFFF; }
.mainLeft { width: 464px; float: left; padding: 25px 0 0 50px; margin: 0 0 5px 0; border: 0px solid red; position: relative; }
.mainFull { width: 900px; float: left; padding: 25px 0 0 50px; margin: 0 0 5px 0; position: relative; }
.mainRight { width: 510px; float: right; margin-bottom: 100px; position: relative; }

.tableleft { width: 190px; float: left; padding: 25px 0 0 20px; margin: 0 0 5px 0; }
.tableright { width: 675px; height: 620px; float: right; margin-bottom: 100px; margin: 0 0 5px 0; padding: 25px 50px 0 50px; }

.tableleft ul { padding-bottom: 10px; }
.tableleft ul li {  padding-top: 5px; padding-left: 5px;  }
.tableleft ul li a { font-size: 14px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #990033; }
.tableleft ul li a:hover { color: #000000; }
.tableleft ul li a.opensub { font-size: 16px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; }
.tableleft ul li a.opensub:hover { color: #990033; }


ul.tablemain { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; list-style: disc; padding-left: 30px; width: 100%; line-height: 20px; color: #666666; }
ul.tablemain li { width: 100%; }

div.pretty ul { margin-top: 25px;}
div.pretty ul li { margin: 0 10px 10px 0; float: left;}


.footer { height: 57px; background-color: #000000; float: left; width: 1024px; }
.footer-nav { float: left; width: 500px; padding-left: 50px; padding-top: 10px; color: #FFFFFF; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; }

.footer-nav a {color: #FFFFFF; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.footer-nav a:hover { color: #990033; }

#map { margin-top: 50px; margin-left: 50px; } 
#map a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; padding-top: 5px; }



/* navigation */


ul#nav{ float: left; height: 67px; border: 0px solid red; margin-left: 0px; }
#nav li{ float: left; height: 67px;border: 0px solid red; }

#nav li.nav_home a { width: 77px; height: 67px; display: block; background-image: url(../images/nav_home.jpg) }
#nav li.nav_about a { width: 113px; height: 67px; display: block; background-image: url(../images/nav_about.jpg) }
#nav li.nav_tables a { width: 131px; height: 67px; display: block; background-image: url(../images/nav_tables.jpg) }
#nav li.nav_contact a { width: 147px; height: 67px; display: block; background-image: url(../images/nav_contact.jpg) }

#nav li.nav_home a:hover { background-position: 0 -67px }
#nav li.nav_about a:hover { background-position: 0 -67px }
#nav li.nav_tables a:hover { background-position: 0 -67px }
#nav li.nav_contact a:hover { background-position: 0 -67px }

#home .nav_home a { background-position: 0px -67px; }
#about .nav_about a { background-position: 0px -67px; }
#tables .nav_tables a { background-position: 0px -67px; }
#contact .nav_contact a { background-position: 0px -67px; }

/* Comments Form Styles */

.form {  width: 464px; }
.form li { margin-bottom: 25px; } 

.form label {
	display: inline-block;
	width: 120px;
	vertical-align: top;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
textarea { width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }