html, body{
	height: 		100%;
}

#wrapper{
	min-height: 	100%;
}
/*Opera Fix*/
body:before{
	content:		"";
	height:			100%;
	float:			left;
	width:			0;
	margin-top:		-32767px;
}


body{
	background:		#555555;
	margin:			0 0 0 0;
	font-family: 	tahoma, verdana, arial, helvetica, sans-serif;
	font-size:		15px;
}

h1,h2,h3,h4{
	color:			#06e500;
	margin:			15px 0 5px 10px;
}

h3{
	font-size:		1.5em;
}
h4{
	color:			#3c3c3c;
	margin-left:	20px;
}

h3 a{
	color:			#06e500;
}

a{
text-decoration:	none;
	color:			#1578e3;
}

a:hover{
	color:			#000;
}

#header{
	width:			100%;
	height:			157px;
	background:		url(images/headerBg.gif) repeat-x;
}

#headerContents{
	width:			1003px;
	height:			157px;
	margin:			auto auto;
	position:		relative;
}

#logoContainer{
	padding:		25px 0 0 10px;
	width:			auto;
	height:			auto;
}

#logo{
	width:			458px;
	height:			69px;
}

#logo a img{
	border:			none;
}

#networkContainer{
	float:			right;
	position:		absolute;
	top:			40px;
	right:			50px;
	display:		none;
	z-index:		101;
}

#networkButton{
	background:		url(images/networkButton.png);
	position:		relative;
	cursor:			pointer;
	width:			175px;
	height:			39px;
}

#networkButton a img{
	border:			none;
	padding:			10px;
}

#networkButton ul{
	background:		#3e3e3e;
	border:			1px solid #000000;
	list-style:		none;
	padding:		0;
	position:		absolute;
	top:			23px;
	left:			0;
	display:		none;
}

.networkButtonLiHover{
	background:		#222222;
}

#menu{
	float:			right;
	margin:			12px 0 0 0;
	font-size:		17px;
	font-family: 	arial, tahoma, verdana, helvetica, sans-serif;
}

ul#topNav{
	list-style:		none;
	position:		relative;
	z-index:		100;
}

ul#topNav li{
	float:			left;
	padding:		0 10px 15px 10px;
}

ul#topNav li a{
	text-decoration:none;
	color:			#fff;
}

ul#subNav{
	background:		url(images/subNavBg.png) repeat-y;
	position:		absolute;
	border:			none;
	list-style:		none;
	width:			187px;
	top:			34px;
	left:			118px;
	padding-left:	0;
	display:		none;
}

ul#subNav li{
	width:			187px;
	height:			30px;
	margin:			0;
	padding:		0;
	position:		relative;
}

ul#subNav li:hover{
	background:		#06e500;
}

ul#subNav li a{
	color:			#fff;
	margin:			10px 0 0 20px;
	position:		absolute;
	top:			-4px;
	width:			100%;
}

#contentContainer{
	width:			1003px;
	height:			auto;
	margin:			0 auto 25px auto;
	overflow:		auto;
	padding-bottom: 80px;
}

#contentCenter{
	background:		#f9f9f9;
	width:			750px;
	height:			auto;
	margin:			15px auto 30px auto;
}

#contentCenter p{
	margin:			0 10px 10px 20px;
}

#contentLeft{
	background:		#f9f9f9;
	width:			705px;
	height:			auto;
	float:			left;
	margin:			15px 0 30px 15px;
}

#contentLeft ol.instructions li{
	padding-bottom:	10px;
}

#contentLeft p{
	margin:			5px 10px 10px 20px;
}

#contentLeft p.code{
	font-size:		12px;
	background:		#e0e0e0;
	padding:		10px 10px 10px 10px;
}

.indent{
	padding-left:	20px;
}

.headerImage{
	margin:			15px 0 0 -10px;
}

#contentRight{
	width:			250px;
	height:			auto;
	background:		#f9f9f9;
	border:			1px solid #d0d0d0;
	float:			right;
	margin:			15px 10px 10px 0;
}

#downloadItems{
	width:			224px;
	height:			auto;
	margin:			10px auto 10px auto;
}

#downloadItems a img{
	border:			none;
	margin:			5px 0 5px 0;
}

#sideInfo{
	text-align:		center;
	width:			250px;
	height:			auto;
	margin:			auto auto;
}

#sideInfo h3{
	color:			#3c3c3c;
	margin-left:	0px;
	margin-right:	0px;
}

#sideInfo h4{
	margin:			10px 0px 0px 0px;
}

#sideInfo a{
	color:			#1578e3;
}

#sideInfo a:hover{
	color:			#000;
	text-decoration:underline;
}

#sideInfo p.smallTop{
	margin-top:		5px;
}

#sideInfo p{
	margin-top:		10px;
}

#sideInfo ul{
	list-style:		none;
	padding:		0 0 0 0;
}

#sideInfo ul li{
	margin:		0 0 0 0;
	
}

.sidebarHeaderContainer{
	width:			238px;
	height:			38px;
	margin:			19px auto 10px auto;
}

.sidebarHeaderContainer a img{
	border:			none;
}

#footer{
	background:		url(images/footerBg.gif) repeat-x;
	width:			100%;
	height:			80px;
	position: 		relative;
	margin-top: 	-80px; /* negative value of footer height */
	clear:			both;
}

#footerContents{
	width:			700px;
	height:			auto;
	margin:		 	auto auto;
	text-align:		center;
	font-size:		14px;
	padding-top:	2px;
}

#footer p{
	padding-top:	15px;
	color:			#fff;
}

#footer a{
text-decoration:	none;
	color:			#fff;
}

#footer a:hover{
	color:			#06e500;
}

.clearer{
	clear:			both;
}

#mailList{
	margin:			10px auto 10px auto;
}

#mailList input{
	margin:			5px auto 5px auto;
}

#mailList input#submit{
	margin:			5px 0 5px 17px;
}

#fireGallery{
	margin:			auto auto;
}

#fireGallery a img{
	border:			none;
}

.alertGreen{
	color: 			#000;
	background: 	#7fff8e;  
	width:			700px;
	margin:			5px auto 10px auto;	
	text-align:		center;
}

.news_item{
	width:			600px;
	margin:			auto auto;
	padding:		10px 0 30px 0;
	position:		relative;
}

.news_body{
	margin:			10px 0 0 15px;
}

h3.news_header{
	margin-left:	-20px;
}

.news_timestamp{
	margin-left:	15px;
}

.news_comment_links{
	position:		absolute;
	right:			0;
}


.formContainer{
	margin:			30px auto 0 auto;
	width:			530px;
}

.styledForm label{  
	display: 		block;  
	color: 			#797979;  
	font-weight: 	700;  
	line-height: 	25px;  
}

.styledForm input{  
	width: 			220px;  
	padding: 		6px;  
	color: 			#949494;
	font-family: 	Arial, Verdana, Helvetica, sans-serif;  
	font-size: 		12px;  
	border: 		1px solid #3e3e3e;  
}

.styledForm textarea{
	padding: 		6px;  
	color: 			#949494; 
	font-family: 	Arial,  Verdana, Helvetica, sans-serif;  
	font-size: 		12px;  
	border: 		1px solid #3e3e3e;
}

.styledForm option{
	width:			205px;
	padding:		6px;
}

.styledForm div{
	margin-top:		10px;
}

.styledForm div span{  
	margin: 		0 0 0 10px;  
	color:			#999;  
	font-size: 		13px;  
	font-style: 	italic;
	width:			520px;
	display:		block;
}

.styledForm input#submit{  
	background:		#8f8f8f;
	color:			#fff;
	font-size:		16px;
	width:			234px;
	margin:			20px auto 20px auto;
	cursor:			pointer;
}

.formError{  
	color: 			#000;
	background: 	#ff7f7f;  
	border:			1px solid #ff0000;
	width:			100%;
}

.formError p{
	text-align:		center;
	padding:		5px 5px 5px 5px;
}

.formSent{
	color: 			#000;
	background: 	#7fff8e;  
	border:			1px solid #00ff06;
	width:			100%;
}

.formSent p{
	text-align:		center;
}

.formOutput{
	background:		#eaeaea;
	width:			650px;
	margin:			20px auto 20px auto;
}

.formOutputContent{
	padding:			10px;
}

.usefulLinks{
	margin:			15px;
}

.hotScriptsRate{display: block; width: 120px; height: 120px; background: transparent url(http://cdn.hotscripts.com/img/widgets/rt_120x90-1.gif) 0 0 no-repeat; clear:both;margin:30px auto 0 auto;}
.hotScriptsRate form{margin: 0 0 5px 0; padding: 0; overflow: hidden;}
.hotScriptsRate select{width: 73px; overflow: hidden; font: normal 11px/12px Arial, Helvetica, sans-serif; color: #000; float: left; margin: 66px 4px 0 4px; padding: 0; clear: none; border: 1px solid #666;}
.hotScriptsRate input{width: 35px; height: 18px; overflow: hidden; float: left; margin: 66px 0 0; clear: none; padding: 0; border: 0;}
.hotScriptsRate span{display: block; width: 120px; text-align: center; margin: 5px auto 0; padding: 0; color: #999; font: 9px Arial, Helvetica, sans-serif;}
.hotScriptsRate a{color: #666; text-decoration: none;}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 102; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }