/* ---------------------------------------------
Screen Stylesheet for http://www.roguejet.com
Updated: 06/21/08 - Eddie Kasper / The Kasper Group
Version: 2.11
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, img {
	margin:0;
	padding:0;
}

fieldset, table {
	border:none;
}

table, td {
	border-collapse:collapse;
	border-spacing:0;
	overflow:hidden;
	margin: 0;
	padding: 0;
	word-wrap:break-word; /* will not validate IE only */
}

caption, th, td {
	text-align: left;
}

/* ---------- ::Defaults:: --------------------- */
html { 
	font-size:100.01%; 
	height: 101%; /* forces scroll on short length pages */
}

body { 
	height:100%;
	font:62.5%/1.3 Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background:#828282;
	color:#333;
}

/* ---------- ::Typography:: ------------------- */
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em 10px;}
h1 {font-size:2em; color: #006699; text-align: center;}
h2 {font-size:1.6em; color: #006699; text-align: center;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
address, li, p {font-size:1.2em;}
pre {font-size: 12px;}
ul {margin-left: 25px;}
ol {margin-left: 45px;}

/* ---------- ::Template:: --------------------- */
#wrap {
	margin:0 auto;
	width: 770px;
	background: #eeeeee url('../f/design/background-wrap.jpg');
}

#masthead {
	width: 770px;
	height: 70px;
}

#content {
	float: right;
	width: 620px;
}

 /* this style is not used 
#right {
	float:right;
}
*/

#left {
	float:left;
	width: 150px;
	background: #006699;
	
}

#footer {
	clear: both;
	width: 770px;
	height: 70px;
	background-image: url('../f/design/footer-2.jpg');
	text-align: center;
	
}

/* ---------- ::Links:: ------------------------ */
a {text-decoration:underline; color: #225588;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}

a img {border:none;}

/* ----------  ::Navigation:: ------------------ */

	/* ::Main Menu:: --- */
	#menu {
		width: 130px;
		padding: 9px;
		list-style:none;
		margin: 0;
		
	}

	#menu li {
		font-size: 11px;
		font-weight: bold;
		background: #225588;
		color: #ffffff;
		border: 1px solid #000000;
		margin-bottom: 8px;
		line-height: 110%;
	}

	#menu li a {
		color: #ffffff;
		text-decoration:none;
		
		
	}

	#menu li a:active, #menu li a:focus, #menu li a:hover, #menu li:hover {
		background: #4477aa;
	}
	
	#menu li.last a:hover, #menu li.last:hover {
		background: none;
	}
	
	
	#menu li.last ul {
	 	margin-left: 0;
	 	padding-top:10px;
	 	list-style: none;
	 	
	}
	
		#menu li.last ul li {
	 	background: none;
	 	border: 0;
	 	font-weight: normal;
	}
	
		#menu li.last ul li a {
		color: #ffffff;
		text-decoration:none;
		background: none;
		padding: 0;
		line-height: 120%;
		
		}
	#menu li.last a:active,
	#menu li.last a:focus,
	#menu li.last a:hover,
	#menu li.last:hover,
	#menu li.last ul li a:active,
	#menu li.last ul li a:focus,
	#menu li.last ul li a:hover,
	#menu li.last ul li:hover {
		background: #225588;
		text-decoration:underline
	}
	
	#menu li.last:hover {
		background: #225588;
		text-decoration:none
	}


	

	
	
	/* ::Footer Menu:: --- */
	#footer ul {
		width: 770px;
		margin: 0 0;
		padding: 10px 0 0;
		text-align: center;
		
	}

	#footer li {
		display: inline;
		color: #ffffff;
		font-size: 9px;
		margin: 0;
		padding: 0 3px 2px 3px;
		
	}

	#footer li a {
		margin: 0;
		color: #ffffff;
		font-size: 9px;
	}

	#footer li a:active, #footer li a:focus, #footer li a:hover {
	}
	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
vertical-align:middle;
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:.2em;}
textarea {overflow:auto;}

/* ---------- ::Global Classes:: --------------- */
.center {text-align:center;}

.clear {
	clear:both;
	padding:0;
	margin:0;
	line-height:normal;
}

.floatleft {float:left;}

.floatright {float:right;}

.hidden {display:none;}

.inline {display:inline;}

.large {
	font-size:20px;
	font-weight:bold;
}

.light {color:#999;}

.small {
	font-size:10px;
	font-weight:normal;
}


.blue {
	color: #006699;
}

.lrgblue {
	color: #006699;
	font-size: 15px;
}


.dkblue {
	color: #225588;
}

.boldred {
	color: #800000;
	font-weight: bold;
}


.imgleft {
	float: left;
	padding: 5px 10px;
}

.imgright {
	float: right;
	padding: 5px 10px;
}


/*copyright notice*/
#copyright	{
	height:12px;
	text-align: center;
	display: block;
	color: #FFFFFF;
	
	}

#copyright p {
	margin-top: 8px;
	font-size: 9px;
}
	
#copyright a	{
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: normal;
	}
	
#copyright a:hover	{
	text-decoration: underline;
	}



/* ---------- ::Pages:: ------------------------ */

/* /// place specific page rules here if needed /// */

#content ul {margin-left: 35px;}

#content ul li {padding-left: 0px;}

#content h1, #content h2 {
	color: #006699;
}

table#specs {
	width: 528px;
	margin: 0 auto;
	padding: 0 0 0 0;
	border-collapse:collapse;
}

table#specs td {
	border-collapse:collapse;
}

table#specs td.w229 {
	background: #f7f7f7 url('../images/dot-bg.gif') repeat-x 0 11px;
	height: 14px;
	line-height: 100%;
	width: 200px;
		
}

table#specs td.w299 {
	background:#f7f7f7;
	height: 14px;
	line-height: 100%;
	width: 328px;
}

table#specs td.w229 p {
	display: inline;
	font-size: 12px;
    background-color: #f7f7f7;
    color:#000000;
    margin: 0 0 0 -1px;
    padding: 0 3px 0 5px;
               }
               
               
table#features {
	width: 580px;
	margin: 0 auto;
	padding: 0 0 0 0;
	border-collapse:collapse;
}

table#features td {
	border-collapse:collapse;
	border: 1px solid #000;
}

table#features td.w290 {
	background: #f7f7f7;
	height: 14px;
	line-height: 100%;
	width: 300px;
		
}

table#features td.w250 {
	background:#f7f7f7;
	height: 14px;
	line-height: 100%;
	width: 280px;
}

table#features td.w290 p, table#features td.w250 p {
	font-size: 11px;
    color:#000000;
    margin: 3px 15px 3px 10px;
    padding: 0;
    line-height: 160%;
               }
               


div#features-2 table {
	width: 580px;
	margin: 0 auto;
	padding: 0 0 0 0;
	border-collapse:collapse;
}

div#features-2 table td {
	border-collapse:collapse;
	border: 1px solid #000;
	background: #f7f7f7;
	height: 14px;
	line-height: 100%;
}



div#features-2 p {
	font-size: 11px;
    color:#000000;
    margin: 3px 15px 3px 10px;
    padding: 0;
    line-height: 160%;
               }
               
table#specs .greybg, table#features .greybg, div#features-2 .greybg {
	background-color: #c2c2c2;
	height: 30px;
}

table#specs .ltgreybg,
table#features .ltgreybg,
table#features td.w290.ltgreybg,
table#features td.w250.ltgreybg,
div#features-2 .ltgreybg {
	background-color: #e2e2e2;
}