/* @override 
	http://www.elenta.net/blindmicemedia/web16/css/screen.css
	http://www.blindmicemedia.com/new/16/css/screen.css
*/

html{	
	margin: 0;
	padding: 0;
	color: #878687;
	font: 11px/18px Arial, Helvetica, Geneva, sans-serif;
	background-color: #070607;
	width: 100%;
	}

a:hover{
	color: white;
	background: url(../images/linkback_red_hover.gif) repeat-x 0 0;
}

a{
	text-decoration: none;
	margin: -3px -4px;
	padding: 3px 4px;
	/**padding: 3px 8px;  hack for ie7 for active state sticking */
}

a:active{
	color: white;
	background: url(../images/linkback_red_active.gif) repeat-x 0;
}

a.img:hover, img{
	background-image: none;
	border-style: none;
	color: transparent;
}

body {
	background: url(../images/crazywriting.gif) repeat-x center 0;
	margin: 0;
	padding: 0;
}

.end_block{
	clear: both;
}

#container {
	background: url(../images/highlight.png) no-repeat center 0;
	height: 100%;
	min-height: 600px;
	margin: 0 auto;
}

#header{
	margin: 0;
	padding: 0;
	height: 333px;
}

/* @group Banners */
#betabanner{
	position: absolute;
	left: 150px;
	z-index: 5;
	width: 189px;
	padding: 55px 8px 10px;
	background: url(../images/banner_back_beta.gif) no-repeat;
	line-height: 100%;
}

#ie6banner{
	display: none;
}

#betabanner a,
#ie6banner a{
	color: maroon;
}

#betabanner a:hover,
#ie6banner a:hover{
	color: white;
}

#betabanner h2,
#ie6banner h2{
	display: none;
}

/* @end */

#header .content{
	width: 1000px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	z-index: 15;
}

#header h1{
	color: white;
	letter-spacing: -1px;
	font: normal normal 22px/110% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#header h1 span{
	color: #999999;
}

#header h2{
	color: white;
	position: absolute;
	font: normal normal 16px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h3{
	color: white;
	font: normal normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#main{
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../images/background_texture.jpg);
}

#main .content{
	width: 1000px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 55px;
	position: relative;
}

#main .content .main{
	width: 460px;
	padding-left: 57px;
	float: left;
	position: relative;
	font-size: 11px;
	line-height: 190%;
}

#main .content .no_subnav{
	padding-left: 182px;
}


#main .content .main h2{
	color: white;
	margin-top: 3em;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	border-top: 1px dotted #2c2c2c;
	padding-top: 2em;
}

#main .content .main h2.top{
	color: white;
	margin-top: 0;
	font-size: 14px;
	border-top-style: none;
	padding: 0;
}

#main .content .main ul{
	margin: 2em 0;
	list-style-type: square;
	padding: 0 0 0 3ex;
}

#main .content p,
#main .content div.p{
	margin: 0 0 2em;
}

#main .content .sidebar{
	width: 290px;
	float: right;
	padding-right: 0px;
	position: relative;
}

#main .content .main a,
#main .content .sidebar a
{
	color: white;
}

#main .content .sidebar strong,
#main .content .main strong{
	color: white;
}

#main .content .sidebar .frames{
	position: absolute;
	top: -232px;
	left: -62px;
	z-index: 12;
}

#main .content .sidebar .image_top{
	position: absolute;
	top: -232px;
	left: -62px;
	z-index: 11;
}

#main .content .sidebar .image_bottom{
	position: absolute;
	top: -232px;
	left: -62px;
	z-index: 10;
}

#main .content .sidebar .image_caption{
	/*position: absolute;
	top: 2px;
	left: 10px;
	z-index: 13;
	width: 250px;
	height: 50px;*/
}

#main .content .sidebar a.image_link{

}

#main .content .sidebar .image_nav{
	position: absolute;
	top: -20px;
	left: 0px;
	z-index: 15;
	width: 250px;
}

#main .content .sidebar .image_nav a {
	margin: 0px 5px 0px 0px;
	border: 0px;
}

#main .content .sidebar .image_nav a:hover {
	margin: 0px 5px 0px 0px;
	border: 0px;
}

#main .content .sidebar .image_nav a:active {	
	margin: 0px 5px 0px 0px;
	border: 0px;
	color: white;
	*background: none; /* hack for ie7 for active state sticking */
}

#main .content .sidebar .image_nav a.currentNavItem,
#main .content .sidebar .image_nav a.currentNavItem:hover,
#main .content .sidebar .image_nav a.currentNavItem:active   {
	background: url(../images/linkback_red_hover.gif) repeat-x 0 0;
	border: 0px;
	margin: 0px 5px 0px 0px;
}

#main .content .sidebar .image {
	position: absolute;
	top: -160px;
	left: -45px;
}

#main .content div.link a{
	color: white;
}

#main .content div.link a:hover{
	color: white;
}

/* @group Navigation */

#navigation{
	font-size: 12px;
	line-height: 19px;
	text-align: left;
	width: 161px;
	float: left;
	position: absolute;
	background: url(../images/red_wall.png) no-repeat 0 0;
	height: 161px;
	padding-right: 78px;
	padding-top: 235px;
	z-index: 2;
	font-weight: bold;
}

#navigation ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 126px;
	text-align: right;
}

#navigation ul li a, 
#navigation ul li span{
	width: 100%;
	display: block;
	margin: 0;
	padding: 0 36px 0 0;
}

#navigation a.nav1:hover,
#navigation span.nav1{
	background: url(../images/mainnav_indicator_1.png) no-repeat 128px 3px;
}

#navigation a.nav2:hover,
#navigation span.nav2{
	background: url(../images/mainnav_indicator_2.png) no-repeat 128px 2px;
}

#navigation a.nav3:hover,
#navigation span.nav3{
	background: url(../images/mainnav_indicator_3.png) no-repeat 128px 1px;
}

#navigation ul li a{
	text-decoration: none;
	color: #3e0000;
}

#navigation a:hover{
	color: white;
	border-style: none;
}

#navigation ul li span{
	color: white;
	font-weight: bold;
	background: url(../images/arrow.png) no-repeat 207px .65em;
	margin: 0;
}

#subnav{
	/*width: 360px;*/
	position: relative;
	line-height: 18px;
}

#subnav ul{
	list-style-type: none;
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#subnav li{
	margin: 0;
	padding: 0;
}

#subnav ul li a{
	width: 100%;
	color: #878687;
	display: block;
	padding-right: 23px;
}

#subnav a:hover{
	color: white;
}

#subnav a.active{
	color: white;
	font-weight: bold;
	background: url(../images/arrow.png) no-repeat 142px .85em;
}

#subnav a.active:hover{
	background: url(../images/arrow.png) no-repeat 142px .85em;
	border: none;
	margin-left: -4px;
	margin-top: -3px;
	cursor: text;
}

/* @end */

/* @group Footer */
#footer{
	clear: both;
	padding-top: 40px;
	border-top: 1px solid #040404;
	width: 100%;
}

#footer .content{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#footer .note{
	background: url(../images/note.png) no-repeat;
	width: 191px;
	height: 145px;
	padding: 0;
	position: absolute;
	float: right;
	top: -75px;
	left: 824px;
}

#footer .note .label{
	color: #c86b6b;
	padding-top: 15px;
	padding-left: 12px;
	width: 100px;
}

#footer .note .message{
	color: #a66968;
	text-align: center;
	width: 132px;
	padding: 0;
	margin-bottom: 0;
	margin-top: 5px;
	margin-left: 20px;
	height: 55px;
	font-size: 10px;
	line-height: 130%;
}

/* @group Footer links */

#footer .links{
	float: right;
	width: 530px;
	text-align: right;
	padding-bottom: 2em;
}

#footer .links ul{
	list-style-type: none;
	text-align: right;
	padding: 0;
	margin: 6.5em 0 0;
}

#footer .links li{
	display: inline;
	margin-left: 7px;
}

#footer .links li a{
	color: #737373;
}

#footer .links li span{
	color: white;	
}

#footer .links li a:hover{
	color: white;
}

#footer .links li a.active{
	font-weight: bold;
	color: white;
}

#footer .links li a.active:hover{
	background-image: none;
	cursor: text;
	border: none;
	margin-right: -4px;
	margin-left: -4px;
}

#footer .links .copyright {
	color: #454545;
	margin-top: 2px;
	font-size: 10px;
}

#footer .links .copyright a{
	color: #454545;
}

#footer .links .copyright a:hover{
	color: white;
}

/* @end */

/* @group Contact info */

#footer .contact{
	float: left;
	width: 470px;
	padding-bottom: 2em;
}

#footer .contact .locations{
	float: left;
	width: 148px;
	padding: 0;
	margin: 0;
}

#footer .contact .locations li a{
	margin: 0;
	padding: 1px 23px 1px 0;
	display: block;
	border-style: none;
	text-decoration: none;
	color: #666666;
}

#footer .contact .locations li a:hover{
	color: white;
}

#footer .contact .locations li.active a{
	color: white;
	font-weight: bold;
	background: url(../images/arrow.png) no-repeat 138px .65em;
	text-decoration: none;
	cursor: text;
}


#footer .contact .details{
	float: right;
	color: #5c5b5c;
	line-height: 20px;
	width: 288px;
	padding-left: 34px;
}

#footer .contact .details .link{
	margin-top: 1em;
}

#footer .contact .details a{
	color: #5c5b5c;
}

#footer .contact .details h3{
	display: none;
}

#footer .contact .details a:hover, 
#footer .contact .details .vcard a:hover{
	color: white;
}

#footer .contact .details .vcard a{
	font-size: 9px;
	color: #454545;
}

#footer .contact ul{
	list-style-type: none;
	text-align: right;
}

/* @end */

/* @end */

/* @group Page-specific items */

body.home h1,
body.about h1,
body.contact h1,
body.policies h1,
body.error h1{
	float: right;
	width: 380px;
	margin-left: 182px;
	margin-top: 238px;	
	position: absolute;
}

body.home #main .content .sidebar .image_caption span{
	font-style: italic;
	color: #333;
}

body.portfolio h1{
	float: right;
	width: 270px;
	margin-left: 730px;
	margin-top: 405px;
	z-index: 1;
	text-align: right;
	position: absolute;
}

body.portfolio h2{
	float: right;
	margin-top: 465px;
	width: 270px;
	text-align: right;
	margin-left: 730px;
	z-index: 1;
}



body.portfolio h2 span{
	display: block;
}

body.about #main .sidebar .image,
body.policies #main .sidebar .image{
	top: -160px;
	left: -45px;
}

body.contact #main .sidebar{
	margin-top: 35px;
}

body.contact #main .sidebar .image{
	top: -195px;
	left: -3px;
}

body.contact #main .sidebar .download_icon{
	float: left;
	padding-right: 20px;
	padding-top: 7px;
}


body.home #main .content .main {
	padding-left: 182px;
	width: 400px;
}

/*body.policies #main .content .main,
body.about #main .content .main {
	padding-left: 57px;
	width: 475px;
	float: left;
}*/

body.home #main .content .sidebar{
	width: 290px;
	float: right;
	padding-right: 90px;
	position: relative;
}

body.about h1{
	float: right;
	text-align: right;
	width: 400px;
	margin-left: 280px;
}

body.colophon img.colophon_icon{
	float: left;
	margin-right: 10px;
}

body.colophon img.colophon_icon_alt{
	float: right;
	margin-left: 10px;
}

body.colophon img.dock_image{
	float: right;
	width: 88px;
	margin-right: -20px;
	margin-top: -1em;
	margin-left: 10px;
	height: 495px;
}

/* @group Job posts */


ul.jobposts li{
	margin-left: 20px;
	margin-bottom: 2em;
	
}

ul.jobposts li h3{
	margin-left: -20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-size: 13px;
	color: white;
	font-weight: normal;
	font-style: normal;
}

ul.jobposts li .location{
	margin-bottom: 1em;
}

ul.jobposts li ul li{
	margin-bottom: 0;
}

/* @end */

/* @end */
/* @group Form elements */
form{
	position: relative;
}

form div#fields div{
	margin-left: 1em;
	padding: 1px 2px 3px 1em;
}

form div#fields div:hover {
	background-image: url(../images/black_25.png);
}

form input,
form textarea,
form select{
	position: absolute;
	left: 15em;
	width:20em;
	font: 11px/100% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: white;
	padding: 2px;
	background-color: transparent;
	border: 1px solid #383838;
}

form textarea {
	position: absolute;
	left: 15em;
	width:20em;
	height: 5em;
	font: 11px/100% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: white;
	padding: 2px;
	background-color: transparent;
	border: 1px solid #383838;
}

form input.button{
	width: 8em;
	border-style: none;
	margin: 1px 0 0 12.5em;
	float: right;
	padding: .5em .5em .7em;
}

form input.button:hover{
	color: white;
	background: url(../images/linkback_red_hover.gif) repeat-x 0 0;
	background-color: none;
	border-top: 1px solid #380503;
	border-right: 1px solid #380503;
	border-left: 1px solid #380503;
	cursor: pointer;
	margin-top: 0;
}

form div#fields div.button:hover{
	background-image: none;
	background-color: transparent;
}

form select{
	border: none;
	background-color: maroon;
}
form div.address{
	height: 5.8em;
}

/* @end */