/*
TITLE:	Dark metal blue Design Stylesheet
AUTHOR:	Khaled Maiwand, HighCo Technology
CREATED:	March 2008
*/
* {margin: 0; padding: 0; border: 0; }
body {
	color: #FFFFFF;
	background: #333333;
	}
#wrapper {
	width: 800px;
	margin: 25px auto;
	padding: 5px 5px;
	border: 1px solid #666;
	background: #000000;
	}
#header {
	text-align: right;
	background: #003366 url( "header-bg.jpg") no-repeat;
	}
	#header p {
		padding: 100px 15px 10px 15px;
		font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: 10px;
		}
		#header .dotcom { color: #6699CC; }
#subheader {
	text-align: right;
	background: #336699;
	}
	#subheader p {
		padding: 3px 15px 3px 15px;
		border: 1px solid #000000;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		color: #99CCFF;
		}
#content {
	float: right;
	width: 580px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 5px;
	}
	#content p.title {
		margin: 30px 25px;
		font: 36px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: 10px;
		line-height: 28px;
		color: #336699;
		}
	#content h1 {
		margin: 30px 25px -3px 25px;
		padding-bottom: 3px;
		border-bottom: 1px dashed #336699;
		font-size: 18px;
		text-transform: capitalize;
		}
	#content p {
		margin: 7px 25px 0px 25px;
		font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
		}
	#content a { color: #99CCFF; }
		#content a:hover{ color: #6699CC; }
	#content ul {
		margin: 5px 50px;
		padding: 0px;
		}
	#content li { padding-bottom: 3px; }
	#content blockquote{ 
		margin: 7px 40px; 
		padding: 1px; 
		border-left: 7px solid #336699; 
		color: #fff; background: #333333;
		}

#sidebar {
	float: left;
	width: 186px;
	}
	#sidebar p {
		margin: 15px 0px 15px 10px;
		font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
		color: #6699CC;
		}
	#sidebar h2 {
		margin: 25px 0px 0 10px;
		padding-bottom: 3px;
		border-bottom: 1px dashed #336699;
		font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #99CCFF;
		}
	#sidebar a { color: #99CCFF; }
		#sidebar a:hover{ color: #FFFFFF; }

#mainmenu {
	width: 178px;
	margin: 20px;
	}
	#mainmenu ul {
		margin: 0; padding: 0;
		list-style: none;
		display: block;
		}
	#mainmenu li {
		margin: 0px; padding: 0px;
		display: block;
		}
	#mainmenu li a {
		display: block;
		width: 153px;
		margin-bottom: 1px;
		padding: 3px 10px;
		border-left: 5px solid #666666;
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #99CCFF; background: #333333;
		}
	#mainmenu li a:hover {
		border-left-color: #6699CC;
		color: #FFFFFF; background: #336699;
		}
	#mainmenu ul ul {
		margin-top: -1px;
		border-top: 1px solid #666666;
		}
	#mainmenu li li a {
		width: 138px;
		margin-bottom: 0px;
		border-left-style: none;
		padding-left: 30px;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #666666;
		color: #6699CC; background: #000000;
		}
	#mainmenu li li a { 	color: #99CCFF; background: #000000; }
	#mainmenu ul ul ul {
		margin: 0px;
		border-top: none;
		}
	#mainmenu li li li a {
		width: 118px;
		padding-left: 50px;
		border-bottom: none;
		font-size: 10px;
		font-weight: normal;
		}
#footer {
	padding: 15px;
	text-align: center;
	background: #003366;
	}
	#footer ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		}
	#footer li {
		display: inline;
		border-right: 1px solid #000000;
		}
		#footer li a{
			text-decoration: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			font-weight: bold;
			color: #99CCFF;
			padding-right: 10px;
			padding-left: 10px;
			text-transform: capitalize;
			}
			#footer li a:hover{	color: #FFFFFF; }
	#footer p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 15px;
		margin-top: 10px;
		color: #6699CC;
		}
		#footer p a { color: #6699CC; text-decoration: underline;}

#subfooter {
	clear: both;
	position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	margin-top: 30px;
	}
	#subfooter p {
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
		font-size: 9px;
		color: #999999;
		}
	#subfooter a:link, #subfooter a:visited {
		text-decoration: none;
		color: #6699CC;
		}
		#subfooter a:hover {	color: #99CCFF;	}