﻿html, body{
	height: 100%;
	background: #160a0a;
}

body {
	margin:0px; padding:0px;
	background-color:#160a0a;
	background: #160a0a url(images/background_main3.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	
}
#outside_container {
	background:url(images/background_slice.jpg) repeat-x #000000;
}
#container {
	position: relative;
	top:-40px;			/* Quick hack to move up the whole page, improve? */
	width:1000px;
}
/*
	Logo / Menu / Panel Positioning
*/

#logo {
	position:relative; 
	top: 0px; 
	left:25px;
	margin-bottom: 0px;
	width: 300px;
}

#panel { position:relative; top:165px; left:51px; }

ul#left_menu { 
	float: left;
}
ul#right_menu { 
	float: right;
}

ul#left_menu li, ul#right_menu li {
	margin:0px;	padding:0px;
	list-style:none;
	margin-right:10px;
	font-size:9px;
	text-transform:uppercase;
	display:inline;
	line-height: 20px;
}
ul#left_menu li a, ul#right_menu li a {
	text-decoration:none;
	color:#bd92b2;
}
ul#left_menu li a{
	font-size: 11px;
	font-weight: bold;
}
ul#left_menu li a:hover, ul#right_menu li a:hover {
	text-decoration: none;
	color:#ffffff;
}

.menuitem{
	height: 20px;
}


/*
	Content
*/


#content {
	background:url(images/dark_box.png);
	width:832px;
	color:#674f5d;
	font-size:13px;
	line-height:20px;
	padding: 5px;
}
.column1 { float:left; width:240px; margin-right:30px; margin-left: 10px; border-right:#3f2324 solid 1px;}
.column2 { float:left; width:240px; margin-right:30px; }
.column3 { float:left; width:240px; padding-left:20px; border-left:#3f2324 solid 1px;}

#content a {
	color: #FFFFFF;
	text-decoration: none;
}

#content a:hover{
	text-decoration: underline;
}

#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#dbaa70;
	margin:0px 0px 20px 0px;
	font-weight:normal;
}

ul.work {
	margin:0px; padding:0px;
}
ul.work li {
	list-style:none;
	margin:0px; padding:0px;
	clear:both;
}
ul.work li a {
	color:#e0b882;
	display:block;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	font-size:10px;
}
ul.work li a img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;	
}

ul.work li form{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:25px;
}

ul.work li a h4 {
	color:#674f5d;
	margin:0px;
	font-weight:normal;
	font-size:13px;
}
ul.work li a:hover, ul.work li a:hover h4 { color:#ffffff; }

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

/*
	Footer
*/

.pad {
	height: 120px;
}

#footer {
	position: relative;
	bottom: 0px;
	/*width: 100%;*/
	height: 30px;
	background: #160a0a;
	
	border-top:1px solid #3f2324;
	padding:20px 50px 10px 50px;
	color:#674f5d;
	font-size:9px;
	line-height:14px;
	margin-top: 30px;
}
#footer img {
	float:left;
	margin-right:10px;
}
#footer span {
	display:block;
	float:left;
	width:250px;
}
#footer a {
	margin-top:20px;
	color:#9e8292;
	text-decoration:none;
}
#footer a:hover { color:#ffffff; }




/*
	General Styles
*/

a img { border:0px }



/*********************  Box Stuff ***********************/

.box{
	background: url(images/box_fill.png);
	padding: 1px;
}

.box p{
	opacity: 1;
}

.lightbox{
	background: url(images/light_box.png);
	border: 1px solid #aaaaaa transparent;
	margin: auto;
	width: 852px;
	padding: 20px;	
	line-height: 30px;
}

.whitebox{
	position: absolute;
	background: url(images/white_box.png);
	margin-top: 0px;
	height: 20px;
}

#nav_whitebox{
	position: relative;
	top:10px;
	left:10px;
	background: url(images/white_box.png);
	padding: 1px;
	margin-left: 50px;
	margin-bottom: 20px;
	width: 842px;
}

#navbar{
	width:832px;
	height: 20px;
	background: url(images/light_box.png);
	border: 1px solid #aaaaaa transparent;
	padding: 5px;
}

#navbar ul{
	margin: 0px;
	padding: 0px;
}


#motto{
	background: url(images/dark_box.png);
	postion: absolute;
	top:20px;
	margin-top: 1px;
	width:817px;
	color:#674f5d;
	font-size:13px;
	height: 50px;
	padding: 5px;
	padding-left: 20px;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
	color:#dbaa70;
	font-weight:normal;
	font-size: 30px;
	line-height: 50px;
}
	
#content_whitebox{
	position: relative;
	top:10px;
	left:10px;
	width:842px;
	background: url(images/white_box.png);
	padding: 1px;
	
	margin-left: 50px;

}

#ad {
	position:relative; 
	top:55px; 
	left:432px; 
	width: 468px;
	height: 60px;
	/*background:#000000;*/
	color: white;
	/*filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;*/
}

#bodyAd {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	width: 300px;
	height: 250px;
}

#bodyAd2 {
	/*float: center;
	margin-right: 10px;
	margin-left: 10px;*/
	margin: auto;
	width: 728px;
	height: 90px;
}

#footerAd {
	position: absolute;
	/*float: left;*/
	width: 468px;
	height: 15px;
	margin: 0px;
	margin-left: 350px;
	magrin-top:-20px;
	padding: 5px;
	border: 1px solid #3f2324;
	/*background-color:#FFFFFF;*/
}

.wbox {
	float:left; 
	width:800px; 
	margin-right:30px; 
	margin-left: 10px;
	padding-bottom: 10px;
	padding-top: 30px;
	border-bottom: 1px solid #674F5D;
}

.wbox img.screenshot {
	float: left;
	margin-right: 20px;
}

.wbox img.download {
	float: right;
	margin-top: 30px;
}

.wbox p , .wbox h2 {
	padding-left: 280px;
}

.wbox h2 a{
	color:#dbaa70;
}

.wbox h2 a:hover{
	text-decoration: underline;
}


.mebox {
	float:left; 
	width:800px; 
	margin-right:30px; 
	margin-left: 10px;
	padding-bottom: 10px;
	padding-top: 30px;
	border-bottom: 1px solid #674f5d;
}

.download{
	float: right;
	margin-right: 20px;
	color:#e0b882;
	font-size:10px;
	line-height: 14px;
	width: 170px;
}

.Ydownload{
	float: right;
	margin-right: 0px;
	margin-left: 20px;
	color:#e0b882;
	font-size:10px;
	line-height: 14px;
	width: 180px;
}

.download img{
	margin-bottom: 5px;
}

.imgRight{
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}

.code{
	background-color:#000000;
	border: 1px solid #999999;
	color:#00FF00;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	line-height: 13px;
	padding: 10px;
	margin:  5px 50px 5px 50px;
}
