/*********** TABLE OF CONTENTS START ***********\

1. Interface Styles
2. Shared Content Styles
3. Unique Content Styles

\*********** TABLE OF CONTENTS END *************/

/* ////////// 1. Interface Start ////////// */

/* Set to Zero */
* {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
/* No Dotted Lines */
a {
	outline: none;
	}
:focus {
	-moz-outline-style: none;
	}
/* Background */

html {
background:#000;
background-position: top center;
	height: 100%;
}

body {
margin:0;
padding:0;

}

#rotator {
	width: 800px;
	height: 533px;
	overflow: hidden;
	}

body {
	background-image: url(../../images/interface/texture.jpg) ;
	background-position: top center;
	height: 100%;

	}
	
		

/* Global Text */
body, p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #706653;
	}
/* Global Links */
a, a:link,a:active, a:visited {
		color: #706653;
			text-decoration: none;

		}
		a:hover, a:visited:hover {
			color: #999999;
			background-image:url(../../images/interface/rollover.gif);
			}

#container {
	margin : 0px auto;
	}
#header {
	}

/* Logo */
#logo h1 {
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	}
	#logo h1 a, #logo h1 a:link, #logo h1 a:active, #logo h1 a:visited {
		text-indent: -9999px;
		overflow: hidden;
		width: 100px;
		height: 100px;
		background-image: url(../../images/interface/logo.jpg);
		display: block;
		background-repeat: no-repeat;
		}

/* Layout */
.altcontent {
	display: none;
	}

#content {
	background-color: #000000;
	border: #33FF00 thin;
	height: 600px;
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	}
	
#content-533 {
	background-color: #000000;
	border: #33FF00 thin;
	height: 533px;
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	}	
	
#footer {
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	}
	
#footer-right {
	width: 100px;
	text-align: right;
	float: right;
	margin-top: -70px;
	}
	
#footer-center {
	float:left;
	margin-left:270px;
	margin-top:-70px;
	text-align:right;
	width:400px;
}
			
#footer-subscribe {
	width: 100px;
	text-align: left;
	float: right;
	}

#left {
	width: 150px;
	float: left;
	text-align: right;
	}
	
#right {
	width: 800px;
	height: 533px;
	float: right;
	position: relative;
	}	
	
#submenu {
	padding-top: 150px;
	width: 800px;
	height: 360px;
	float: right;


	}	
	
#submenu img{
	padding-right: 15px;
	opacity:0.999;

	}
	
#submenu img:hover {
	padding-right: 15px;
	/* for Mozilla/Firefox/Safari */
	opacity:0.6;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);	
	}	
	
	
	
#submenu-tworows {
	padding-top: 75px;
	width: 620px;
	height: 200px;
	margin-left:auto;
	margin-right:auto;
				opacity:0.999;

	}	
	
#submenu-tworows img{
	padding-right: 15px;
	}
	
#submenu-tworows img:hover {
	padding-right: 15px;
	/* for Mozilla/Firefox/Safari */
	opacity:0.6;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);	
	}		
	
#submenu-tworowstwo2 {
	width: 420px;
	height: 200px;
	margin-left:auto;
	margin-right:auto;
			opacity:0.999;

	}	
	
#submenu-tworowstwo2 img{
	padding-right: 15px;

	}
	
#submenu-tworowstwo2 img:hover {
	padding-right: 15px;
	/* for Mozilla/Firefox/Safari */
	opacity:0.6;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);	
	}		
	
#submenu-tworowstwo3 {
	width: 620px;
	height: 200px;
	margin-left:auto;
	margin-right:auto;
			opacity:0.999;

	}	
	
#submenu-tworowstwo3 img{
	padding-right: 15px;

	}
	
#submenu-tworowstwo3 img:hover {
	padding-right: 15px;
	/* for Mozilla/Firefox/Safari */
	opacity:0.6;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);	
	}						
		

/* NAV */
#nav {
	padding-top: 30px;
	width: 150px;
	float:left;
	line-height: 30px;
	text-align: right;
		text-transform: uppercase;
	}
	#nav li {
		list-style-type: none;
		display: block;
		float: left;
		width: 120px;
		}
	#nav a, #nav a:link, #nav a:active, #nav a:visited {
		}
		#nav a:hover, #nav a:visited:hover {
		color: #FFFFFF;
			}
/* FOR GRAPHIC NAV */
		#nav #NAVNAME a { background-image:url(../../images/interface/navigation/NAVNAME.jpg); }

/* \\\\\\\\\\\ 1. Interface End \\\\\\\\\\\ */







/* ////////// 2. Shared Conent Styles Start ////////// */

/* Global Links */

/* Lists */
#content ul, #content ol {
	margin-left: 20px;
	margin-bottom: 20px;
	}
#content li {
	margin-bottom: 5px;
	}

/* Title 
h2 {
	font-size: 26px;
	font-weight: bold;
	color: #000000;
	}
	h2 a:link, h2 a:active, h2 a:visited {
		color: #000000;
		text-decoration: underline;
		}
		h2 a:hover, h2 a:visited:hover {
			color: #000000;
			text-decoration: underline;
			}*/

/* Header */
h3 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	}
	h3 a:link, h3 a:active, h3 a:visited {
		color: #000000;
		text-decoration: underline;
		}
		h3 a:hover, h3 a:visited:hover {
			color: #000000;
			text-decoration: underline;
			}

/* Sub-Header */
h4 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	}
	h4 a:link, h4 a:active, h4 a:visited {
		color: #000000;
		text-decoration: underline;
		}
		h4 a:hover, h4 a:visited:hover {
			color: #000000;
			text-decoration: underline;
			}

/* Paragraph Text */
p {
	line-height: 200%;
	text-transform: uppercase;
	color: #ffffff;
	}

/* Horizontal Rule */
hr {
	color: #666666;
	height: 2px;
	padding-top: 10px;
	padding-bottom: 20px;
	}

blockquote {
	padding: 20px;
	margin-bottom: 20px;
	background-color: #999999;
	border: 1px dotted #A5B1D0;
	font-size: medium;
	color: #000000;
	}
	blockquote p {
		font-size: medium;
		line-height:normal;
		color: #000000;
		padding-bottom: 0px;
		}

/* Form Styles */

#sendtofriend {
	padding: 10px;
	text-align: left;
	}
	
		
#form {
	width: 400px;
	}
	input, select, textarea {
		clear: none;
		background-color: #666666;
		border: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		display:inline;
		}
		input:focus, textarea:focus, select:focus {
			color:#FFFFFF;}
	#form div {
		clear: both;
		margin-bottom:10px;
		height: 40px;
		}
	#form label {
		width: 70px;
		display: inline;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666666;
		}
	
		/* Form - message*/
		div#form-message {
			height: auto;
			}
		#form-message textarea {
			height: 78px;
			}
		
		/* Form - submit*/
		div#form-submit {
	
			width: 150px;
			}
		#form-submit input {
			width: 80px;
			float: right;
			}

/* Content Classes */
.floatleft { float: left; }
.floatright { float: right; }
.imageleft { float: left; padding-bottom:20px; padding-right:20px;}
.imageright { float: right; padding-bottom:20px; padding-left:20px;}
.gap { margin-bottom: 20px; }
.nogap { padding-bottom: 0px; margin-bottom: 0px; }
.textsmall { font-size: 9px; }
.textwhite { color: #FFFFFF; }
.textgrey { color: #666666; }
.currentpage { color: #999999;}

.logo {background-image: url(../../images/interface/logo.png); width: 145px; height: 75px;}

.lightgrey { color: #999999; }
.brclear { clear: both; height: 1px;}


/* \\\\\\\\\\\ 2. Shared Content Styles End \\\\\\\\\\\ */








/* ////////// 3. Unique Content Styles Start ////////// */


ul#image_rotate {
	width: 800px;
	height: 533px;
	overflow: hidden;
	position: relative;
	background: url(/images/loading.jpg) no-repeat;
	}
	
#blackFade {
	background: url(/images/blackFade.png) repeat-y left;
	width: 200px;
	height: 533px;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	}	

/* \\\\\\\\\\\ 3. Unique Content Styles End \\\\\\\\\\\ */