/* 
CPS - Computer Power Systems 
----------------------------------------------------
-- GLOBAL STYLES
-- MAIN NAV
    MAIN NAV POSITIONING
-- CONTENT
-- FOOTER
----------------------------------------------------
*/		


/* 
-----------------------------
GLOBAL STYLES
----------------------------- 
*/		


body {
	margin:0; 
	padding:0;
	font:.90em/1.5em Arial, Helvetica, sans-serif;
	text-align:center;
	background:#9e9ea0 url() top center repeat-y;
	}
a , 
a:link,
a:visited {
	color:#b21f3a;
	}	
a:hover,
a:active {
	color:#FF3300;
	text-decoration:none;
	}	
br {
	clear:both;
	}
img {
	border:0;
	}
#shell {
	margin:0 auto;
	padding:0;
	width:950px;
	background-color:#fff;
	}
	
/* 
-----------------------------
MAIN NAV
----------------------------- 
*/		
	
#nav {
	float:left;
	background-color:#d01938;
	width:100%;
	}

#nav ul {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	}	
#nav ul li {
	float:left;
	height:42px;
	border:0px solid #ccc;
	}	
#nav li a { 
	background:#d01938 url(/images/nav3.gif) 0 42px no-repeat;
	}
#nav a {
	height:42px;
	display:block;
	}

/* DROPDOWN MENUS */
#nav div
{	position: absolute;
	visibility: hidden;
	width:195px;
	margin: 0;
	padding: 0;
	background: #000;
	border: 1px solid #C00;
	filter:alpha(opacity=90); 
	-moz-opacity:0.9; 
	opacity: 0.9;}

	#nav div a
	{	position: relative;
		display: block;
		height:20px;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fff;
		border-top:1px solid #999;
		color: #000;
		font-size: .9em}

	#nav div a:hover
	{	background: #DBDBDB;
		color: #222}

	
	/* MAIN NAV POSITIONING */

	#nav #home a {
		background-position:0px 0px;
		}
	#nav #home a:hover {
		background-position:0px -42px;
		}
	#nav #home.selected a {
		background-position:0px -42px;
		}
	/* ------------------------------------------*/
	#nav #about a {
		background-position:-99px 0px;
		}
	#nav #about a:hover {
		background-position:-99px -42px;
		}
	#nav #about.selected a {
		background-position:-99px -42px;
		}
	/* ------------------------------------------*/
	#nav #services a {
		background-position:-194px 0px;
		}
	#nav #services a:hover {
		background-position:-194px -42px;
		}
	#nav #services.selected a {
		background-position:-194px -42px;
		}
	/* ------------------------------------------*/
	/* now Certifications... */
	#nav #products a {
		background-position:-311px 0px;
		}
	#nav #products a:hover {
		background-position:-311px -42px;
		}
	#nav #products.selected a {
		background-position:-311px -42px;
		}
	/* ------------------------------------------*/
	/* Clients changed to Resellers */
	#nav #clients a {
		background-position:-465px 0px;
		}
	#nav #clients a:hover {
		background-position:-465px -42px;
		}
	#nav #clients.selected a {
		background-position:-465px -42px;
		}
	/* ------------------------------------------*/
	#nav #contact a {
		background-position:-565px 0px;
		}
	#nav #contact a:hover {
		background-position:-565px -42px;
		}
	#nav #contact.selected a {
		background-position:-565px -42px;
		}
	
/* 
-----------------------------
CONTENT
----------------------------- 
*/		

#content_container {
	text-align:left;
	clear:both;
	}
#content_container table {
	padding:3px 0;
	}
#content_container table td {
	padding:0 3px;
	}
	
table #home {
	background-color:#fff;
	}	
#home td#midcol {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}
#home h3 {
	font-size:1.1em;
	margin-bottom:0;
	}	
	

/* 
-----------------------------
RIGHT SIDE
----------------------------- 
*/		
#rightcol h3 {
	border-top:0;
	}
#subnav {
	display:none;
	border:2px solid #000;
	}
	#subnav ul {
		list-style-type:none;
		margin:0; padding:0;
		}	
	#subnav ul li {
		margin:0; padding:0;
		border-top:1px solid #999;
		border-bottom:1px solid #666;
		}
	#subnav ul li a {
		display:block;
		margin:0;
		padding:.4em 0 .4em 20px;
		background:#efefef url(/images/subnav-bg.gif) top right repeat-x;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		}
	#subnav ul li a:hover {
		background:#fff url(/images/subnav-bg.gif) top right repeat-x;
		/* background:#fff url(/images/subnav_bg_over.gif) top right no-repeat; */
		color:#000;
		}

	/* Selected Links */
	
	#subnav ul li.selected a {
		background:#efefef url(/images/subnav-bg-over.gif) top right repeat-x;
		color:#000;
		}
	#subnav ul li.selected a:hover {
		}
	#subnav ul li.subselected a {
		display:block;
		padding:.4em 0 .4em 20px;
		background:#fff url(/images/subnav_bg_selected_sub.gif) top right no-repeat;
		color:#E26548;
		font-style:italic;
		text-decoration:none;
		font-size:1.2em;
		}
	#subnav ul li.subselected ul li a {
		display:block;
		background:#333 url(/images/subnav_bg_subselected.gif) center left no-repeat;
		color:#fff;
		font-size:1em;
		font-style:normal;
		font-weight:normal;
		}
	#subnav ul li.subselected ul li a:hover {
		color:#ccc;
		}
	#subnav ul li.subselected ul li.selected a {
		display:block;
		background:#333 url(/images/subnav_bg_subselected_on.gif) center right no-repeat;
		color:#E26548;
		}

	#subnav img {
		margin-top:-1px;
		border-top:1px solid #333;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		}	
		
/* 
--------------------------------
MAIN (LEFT SIDE) CONTENT
--------------------------------
*/		
		
.maincontent {
	padding:5px 15px;
	color:#111;
	font-size:1.1em;
	}
	

	.headline {
		color:#000;
		font:bold 1.1em Arial, Helvetica, sans-serif;
		}

	/* ABOUT US */

	.about_us .quotemark {
		font-size:1.5em;
		font-style:italic;
		vertical-align:middle;
		letter-spacing:.12em;
		}
	.about_us dl dt {
		margin-top:25px;
		}
	.about_us dl dd {
		font-style:italic;
		font-size:.9em;
		font-weight:bold;
		}
	.about_us h3 {
		margin-top:10px;
		padding:7px 0 0 0;
		border-top:0px solid #999;
		}	


	/* CONTACT US */

	.contact_us label {
		display:block;
		}
	.contact_us input {
		margin:5px;
		}
	.contact_us dl {
		margin:5px;
		}
	.contact_us dt {
		border-top:1px solid #ccc;
		padding-top:5px;
		}
	.contact_us dd {
		margin:0 5px 5px 25px;
		font-style:italic;
		}
		
	#directorylisting a {
		background:#fff url(/images/icon_email.gif) left 1px no-repeat;
		padding-left:24px;
		}
	/* SERVICES */

	.services dt {
		margin-top:10px;
		font-size:1.1em;
		font-weight:bold;
		}
	.services dd {
		margin-left:20px;
		}

	/* PHOTO GALLERY */

	.photos span {
		padding:0 5px 5px 0;
		text-align:center;
		}	
	.photos span img {
		border:1px solid #333;
		padding:0;
		}	
				
	/* NEWS */

	.news dl {
		margin-top:5px;
		}
	.news dt {
		font-size:1.4em;
		border-top:1px solid #ccc;
		padding-top:1px;
		}
	.news dt span {
		display:block; 
		font-size:.65em;
		padding-bottom:5px; 
		color:#666;
		}	
	.news dd {
		margin:5px 0;
		padding-bottom:15px;
		}

	/* SERVICES */

	.services dt {
		margin-top:10px;
		font-size:1.1em;
		font-weight:bold;
		}
	.services dd {
		margin-left:20px;
		}

.tagline {
	color:#E26548;
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	text-align:center;
	background:#fff url(/images/tagline_bg.jpg) center center no-repeat;
	padding:30px;
	margin-top:40px;
	}
		
/* 
-----------------------------
FOOTER
----------------------------- 
*/		
		
#footer {
	height:80px;
	color:#fff;
	background:#fff url(/images/footer-bg.gif) top left no-repeat;
	clear:both;
	margin-top:0px;
	}
	#footer a,
	#footer a:link,
	#footer a:visited {
		color:#3F2D5D;
		}
	#footer a:hover, 
	#footer a:active {
		color:#000;
		text-decoration:none;
		}
	#address {
		font-weight:bold;
		font-size:1em;
		padding:12px ;
		}

#copyright {
	padding:5px 0;
	background-color:#9e9ea0;
	}