/*
Styles for woodwall
*/

@import url("font_styles.css");

html { min-width:980px; }

body {
	background-color:black;
	margin:0;
	padding:0;
	font:14px "Trebuchet MS", /*Calibri, Corbel,*/ Arial, Helvetica, sans-serif;
	color:white;
	position:relative;
}

.backgroundElement {
	background-image:url("images/index2/woodwall3.jpg");
	background-position:-500px 0;
	background-repeat:repeat;	
}

a, a:link, a:visited {
	text-decoration:none;
	color:#999;
}

a:hover, a:active {
	text-decoration:underline;
	outline:0 !important;
}

div.colorbar {
	background-image:url("images/index2/woodwall_blue.jpg");
	background-position:-500px 0;
	position:absolute;
	top:0;
	z-index:-1;
}

div#masthead {
	background-image:url("images/index2/hr_image.gif");
	background-repeat:repeat-x;
	background-position:0 70px;
	height:77px;
	position:relative;
	background-color:black;
}

div#masthead div.img {
	position:absolute;
	top:21px;
	left:0;
	background-image:url("images/index2/masthead_left.png");
	width:387px;
	height:60px;
}

div#masthead div.right {
	left:auto;
	right:0;
	margin-top:4px;
	border-right:1px solid black; /* Acts as a margin */
	background-image:url("images/index2/masthead_right.png");
	width:331px;
	height:58px;
}

div#top_gradient {
	background-image:url("images/index2/black_gradient_top_65.png");
	height:65px;
	clear:both;
}

ul#sitenav {
	position:absolute;
	bottom:0;
	right:52px;
	width:241px;
	height:22px;
	padding:0;
	margin:0;
	list-style-type:none;
	text-align:center;
}

ul#sitenav li {
	display:inline;
	/*font:16px/1 Garogier, Calibri, "Palatino Linotype", Palatino, "Book Antiqua", serif;*/
}

ul#sitenav a {
	color:#999;
	text-decoration:none;
	background-image:url('images/index2/navblock.jpg');
	display:inline-block;
}

ul#sitenav li.spacer {
	visibility:hidden;
	margin:0 12px;
}

div#highlight {
	width:281px;
	height:34px;
	position:absolute;
	top:-6px;
	left:17px;
}

div#highlight div {
	background-image:url("images/index2/highlight_cover.png");
	height:34px;
	position:absolute;
	top:0;
	z-index:0;
	width:145px;
}

div#cover1 {
	left:0;
	background-position:0 0;
	/*width:0;*/
}

div#cover2 {
	right:0;
	background-position:right 0;
	/*width:100%;*/
}

div#highlight span {
	display:block;
	position:absolute;
	top:0;
	height:34px;
	z-index:50;
}

span#h1 {
	width:65px;
	left:0px;
}

span#h2 {
	width:60px;
	left:71px;
}

span#h3 {
	width:21px;
	left:129px;
}

span#h4 {
	width:72px;
	left:149px;
}

span#h5 {
	width:54px;
	left:227px;
}

div#bottom_gradient {
	background-image:url("images/index2/black_gradient_bottom_short.png");
	background-repeat:repeat-x;
	background-color:transparent;
	height:50px;
	width:100%;
	z-index:50;
}

#bottom_coverall {
	width:100%;
	height:2000px;
	background-color:black;
	position:fixed;
	outline:2px solid black;
}

div#footer {
	background-color:black;
	padding-top:10px;
	height:40px;
	width:100%;
}

div#footnote {
	color:#333;
	font:12px/1 Arial, Helvetica, sans-serif;
	text-align:right;
	padding-right:1pc;
}

div#footnote span.spacer {
	margin:0 0.5pc;
}

a#nav1 {
	background-position:0 0;
	width:34px;
	height:12px;
}

a#nav1:hover {
	/*color:#28e;*/
	background-position:0px -12px;
}

a#nav2 {
	background-position:-34px 0;
	width:33px;
	height:12px;
}

a#nav2:hover {
	/*color:#d00;*/
	background-position:-34px -12px;
}

a#nav3 {
	background-position:-70px 0;
	width:40px;
	height:12px;
}

a#nav3:hover {
	/*color:#ed0;*/
	background-position:-70px -12px;
}

div#super {
	margin:-0.5pc auto 2pc;
	width:950px;
	background-image:url("images/index2/black_trans.png");
}

div#sidebar {
	float:right;
	width:205px;
	padding:0 10px 15px 10px;
	font:17px/1.5 Georgia, "Palatino Linotype", Palatino, "Book Antiqua", serif;
	color:white;
}

div#sidebar h3 {
	font-style:italic;
	font-weight:normal;
	margin:2pc -10px 1pc;
	padding:15px 0 15px 10px;
	color:black;
}

div#sidebar > h3:first-child {
	margin-top:0;
}

div#sidebar p {
	font-size:14px;
	margin:0 0 1pc;
	text-align:justify;
	word-spacing:1px;
	line-height:1.55;
}

div#sidebar p a {
	unicode-bidi:bidi-override;
	direction:rtl;
}

div#sidebar img.icon {
	width:50px;
	margin:0 6px;
	border:0;
}

div#icons {
	text-align:center;
}

div#page_content {
	padding:15px;
	padding-right:25px;
	width:650px;
	min-height:550px;
	float:left;
	z-index:100;
}

div#page_content h2:first-child, div#page_content *:first-child + h2 {
	margin-top:0;
	background-image:url('images/index2/WorkCodeAbout.png');
	height:20px;
}

div#page_content h2, div#page_content h3 {
	margin-top:2em;
	font:26px/1 Garogier, "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
	font-weight:normal;
	letter-spacing:1px;
}

div#page_content h3 {
	font-size:20px;
}

div#page_content p {
	/*text-align:justify;
	word-spacing:1px;*/
	margin:1.25pc 0 0;
	color:#eee;
	line-height:1.65;
}