/************************************
MAIN STYLE GUIDE
URL: www.thecontentblock.com
AUTHOR: Jesse Eschenroeder
************************************/

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

/************************************
GLOBAL STYLES
************************************/
html, body { 
	width:100%; 
	height:100%;
	overflow:hidden;
	background:#000;
}

.right { float:right; }
.left { float:left; }
.hidden { display:none; }
.accent { font-style:italic; color:#a6a6a6; }
.container { margin:0 30px; }

#fullWrapper {
	width:100%;
	min-width:960px;
	position:relative;
}



/************************************
MAIN CONTENT STYLES
************************************/

#main {
	float:left;
	width:360px;
	height:9999em;
	margin-left:160px;
	background:url(../grfx/trans-bg.png);
}

#logo {
	margin-top:120px;
	margin-bottom:90px;
	width:300px;
	height:68px;
	text-indent:-99999em;
	background:url(../grfx/logo.png) no-repeat;
}

#main ul { 
	list-style:none;
	margin:0;
}

#main li {
	margin:0;
	border-bottom:1px dotted #8d8d8d;
}

#main ul a {
	display:block;
	padding:5px 0;
	text-transform:uppercase;
}

#main ul span {
	display:block;
	float:right;
	width:20px;
	height:20px;
	background:url(../grfx/ctr-sprite.gif) 0 -20px no-repeat;
}

#main ul a:hover { color:#fff; }
#main ul a:hover span { background-position:-20px -20px; }


/************************************
CONTACT BOX STYLES
************************************/

#contact {
	display:none;
	position:absolute;
	left:600px;
	top:200px;
	padding:30px 40px 30px 30px;
	width:295px;
	background:url(../grfx/trans-bg.png);
}

.close {
	width:20px;
	height:20px;
	text-indent:-9999em;
	position:absolute;
	top:8px;
	right:8px;
	background:url(../grfx/ctr-sprite.gif) 0 0 no-repeat;
}
.close:hover { background-position:-20px 0; }

form ul {
	list-style:none;
	margin:0;
}

form li { margin:0 0 6px 0; }

form label { 
	display:block;
	float:left;
	width:80px;
}

form .req { color:#F93; }

form input[type=text],
form textarea {
	background:#8d8d8d;
	border:1px solid #8d8d8d;
	color:#ccc;
	padding:2px 4px;
}

form input[type=text]:focus,
form textarea:focus {
	background:#fff;
	border-color:#fff;
	color:#333;
}

form input[type=submit] {
	border:none;
	background:none;
	color:#8d8d8d;
	text-transform:uppercase;
	padding:0;
}

form input[type=submit]:hover { color:#fff; }

/************************************
FOOTER & OTHER STYLES
************************************/

#bgWrapper img {
	top:0; left:0;
	position:absolute;
	width:100%;
	min-width:960px;
}