/* 

orange #ff8900
red #d80d00
yellow #ffcc00
brown #332800


*/

* { margin: 0; padding: 0;}

body {
	font-family: Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 12px;
	line-height: 16px;
	position: relative;
	z-index: 0;
}

a:link, a:visited {text-decoration: none; color: #FFFFFF;}
a:hover {text-decoration: none;}
a img {border: 0;}

table {border-collapse: collapse;}
ul {
	list-style-type: none;
}
.bullet {
	margin-bottom: 20px;
	margin-left: 15px;
	list-style-position: inside;
	list-style-type: disc;
}

.wrapper {width: 960px;margin: 0 auto; position: relative;}

#nav {
	position: absolute;
	top: 78px;
	height: 28px;
	right: 0px;
}
#nav ul a {
	display: block;
	color: #009f62;
	font-weight: bold;
	font-size: 28px;
	padding-right: 15px;
	padding-left: 15px;
	letter-spacing: -1px;
	line-height: 26px;
}

#nav ul a:hover {
	color: #83e6af;
}



#nav li {
	float: left;
}

#contact {
	z-index: 1000;
	height: 78px;
	background-image: url(../images/transDarkBlack.png);
	position: fixed;
	width: 960px;
}
#contact p {
	position: absolute;
	right: 0px;
	color: #e5571d;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	top: 10px;
}

h1 {
	position: absolute;
	font-size: 12px;
	top: 79px;
	letter-spacing: -1px;
	color: #009f62;
}
h1   a {display: block; height: 100px;}
h2 {
	font-size: 32px;
	line-height: 28px;
	margin-bottom: 25px;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: -2px;
}

h3 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: -2px;
}
h4 {
	font-weight: normal;
	font-size: 16px;
	margin-top: 5px;
	line-height: 18px;
	color: #037490;
	font-family: "Trebuchet MS";
	letter-spacing: 2px;
}
#content p {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 24px;
	background-image: url(../images/transLightBlack.png);
	color: #CCCCCC;
}
strong {
	font-weight: bold;
	color: #FFFFFF;
}
#masthead {
	height: 150px;
	position: relative;
	margin-bottom: 50px;
}



.content {position: relative;}
.container {clear: both; float: left; width: 100%; overflow: auto; margin-bottom: 20px;}
.contentL {width: 550px; margin-bottom: 20px; float: left;}
.contentR {float: right; width: 340px; margin-bottom: 20px;}
.twocolL {float: left; width: 48%;}
.twocolR {float: right; width: 48%;}
.threecolfirst {width: 300px; float: left;}
.threecol {width: 300px; float: left; margin-left: 30px;}
.fourcolfirst {width: 225px; float: left; margin: 0 0 20px 0;}
.fourcol {width: 225px; float: left; margin: 0 0 20px 20px;}
.box {padding: 30px;}
.boxMini {padding: 12px 20px;}
.boxInset {margin: 20px; padding: 12px 20px;}

.imgL {float: left; margin-right: 20px;}
.imgR {float: right; margin-left: 20px;}
.imgC {margin-bottom: 20px;}


/*Backgrounds*/


/*Wallpapers*/
.wallpaper {z-index: 0; position: fixed;}
.punk {width: 960px; height: 774px; background: url(../images/punk.jpg) no-repeat; bottom: 0px; right: 0px;}



.buttonNav li {float: left; margin-right: 20px; margin-bottom: 15px; display: inline; width: 100px;}
.buttonNav .last {margin-right: 0px;}
.buttonNav p {text-align: center; font-size: 12px; line-height: 12px; margin: 0;}
.buttonNav a:hover {color: #ffcc00;}


.buttonMini li {float: left; height: 85px; width: 85px; position: relative; margin: 0 20px 20px 0; display: inline;}
.buttonMini .last {margin-right: 0px;}
.buttonMini p {position: absolute; bottom: 0px; left: 0px; margin-bottom: 0px; text-align: center; width: 85px; background-image: url(../images/transLightBlack.png); font-size: 11px; line-height: 12px; color: #FFFFFF; letter-spacing: 1px;}
.clear {clear: both;}
#footnote p {
	clear:both;
	margin: 0px;
	background-image: none;
	color: #666666;
	letter-spacing: -1px;
}


/*Footer*/
#footer {
	width: 100%;
	padding-bottom: 10px;
}
#footer p, #footer li, #footer a {
	font-size: 11px;
	color: #999999;
	margin: 0px;
}
#footer a:hover {color: #ffcc00;}
.listFoot  {float: left; margin-right: 30px;}
#footer  h5 {font-size: 12px; line-height: 18px; color: #564300; border-bottom: 1px dotted #564300; margin-bottom: 5px; font-weight: normal;}

.listNetworks {
}
.listNetworks  li {padding-bottom: 10px;}
.listFoot li {letter-spacing: 1px; display: inline;}
.listFoot a {display: block;}
#emailFields {width: 250px;}
#emailFields input {width: 230px; border: none; text-align: center; background: none; margin: 7px 0 0 7px; font-size: 13px; line-height: 13px; height: 20px;}
#emailFields .input-bg {height: 35px; margin-bottom: 15px; position: relative; background-color: transparent; background: url(../images/formBG.jpg) no-repeat left top;}
#emailFields .drop-down {margin-bottom: 15px;}
#emailMessage {width: 340px;}
#emailMessage textarea {display: block; border: none; overflow: auto; height: 260px; width: 300px; position: absolute; top: 20px; left: 20px;}
#emailMessage .message-bg {height: 300px; background-color: transparent; background: url(../images/messageBG.jpg) no-repeat left top; position: relative;}
label {display: block; font-size: 11px;}
fieldset {border: none;}
label.error {position: absolute; top: -20px; right: 0px; padding: 3px; color: #da3939; font-size: 10px; text-align: right;}
input.submit-button {float: right;}