/* Resets all style defaults for browsers */

* {
	margin: 0px;
	padding: 0px;
}

/* Includes text-align hack for centering block elements in IE 5 */

body {
	font-family: verdana, "trebuchet MS", "Arial Narrow", serif;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
}

p {
	margin-top: 10px;
}

/* This is the watermark */

#logo {
	background-image: url(../images/main_bg.gif);
	background-repeat: no-repeat;
	background-position: 340px 20px;
}

/* Site container, reset the tex-align:center hack */

#container {
	width: 718px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#banner {
	background-image: url(../images/banner.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 7px 0px 7px 0px;
	height: 139px;
}

/* Controls invisible gif for home-button in banner */

#banner img {
	height: 136px;
	width: 70px;
	margin-left: 50px;
	border: 0px;
}

/* Info bar for the links in the website */

#info {
	background-image: url(../images/newsbar.gif);
	background-position: center;
	background-repeat:no-repeat;
	height: 25px;
	padding-top: 12px;
	padding-left: 30px;
	color: #3C5C77;
	margin-bottom: 10px;
	font-size: 10px;
}

#content {
	padding: 0px 15px;
	background-image: url(../images/dotted_border_vert.gif);
	background-repeat: repeat-y;
	background-position: 160px 1px;
}

#left {
	float: left;
	width: 141px;
	margin-bottom: 10px;	
}


/* START OF MENU BLOCK >> CONVOLUTED CODING >> GETS THE JOB DONE & VALIDATES! */


#menu {
	margin-right: 1px;
	padding-bottom: 1px;
	background-image: url(../images/dotted_border_horizontal.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
}

#menu acronym {
	border: none
}

/* Styles Top-level link */

#menu ul {
	list-style-type: none;
	text-transform: uppercase;
}

#menu li {
	margin: 1px 0px 1px 0px;
	background-image: url(../images/menu_up.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 8px 0px 8px 0px;
	display: block;
	font-size: 10px;
}

/* Weird hack in IE that allows the suckerfish:hover pseudo class NOT to screw up when displaying a background on a nested list */

* html #menu li {
	background-color: #FFFFFF;
}

#menu li a {
	background-image: url(../images/link.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	text-decoration: none;
	color:#435F6B;
	display: block;
}

/* For the current page */

#menu li a.current {
	background-image: url(../images/current_link.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #006E92;
}

#menu li a.current:hover {
	background-image: url(../images/link_over.gif);
	color: #CC6600;
}

#menu li.current_bg {
	background-image: url(../images/current_link_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 8px 0px 8px 0px;
	display: block;
}
#menu li a:hover {
	background-image: url(../images/link_over.gif);
	color: #CC6600;
}
#menu li:hover, #menu li.sfhover {
	background-image: url(../images/menu_over.gif);
	background-position: top;
}

/* For the small icons on collapse/expand, sweet */

#menu span {
	width: 11px;
	height: 11px;
	float: right;
	cursor: pointer;
	margin-top: -11px;
	margin-right: 5px;
}

#menu span.plus {
	background-image: url(../images/xpand.gif);
	background-repeat: no-repeat;
}

#menu span.minus {
	background-image: url(../images/contract.gif);
	background-repeat: no-repeat;
}

#menu ul li div ul {
	margin-top: 8px;
}

#menu ul li div li a{
	font-weight: normal;
	margin-top: 2px;
	margin-left: 10px;
	text-transform: none;
	font-size: 10.5px;
}

#menu ul li div ul li {
	border-top: none;
	background: none;
	padding: 0px;
	background: none;
	display: inline;
}

#menu ul li div ul li:hover, #menu ul li div ul li.sfhover  {
	background: none;
}

#menu ul li div ul li a {
	background-image: url(../images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 3px 0px 3px 20px;
	display: block;
}

#menu ul li div ul li a:hover {
	background-image: url(../images/arrow_over.gif);
	color: #B76D00;
	text-decoration: underline;
}

/* END OF MENU BLOCK >> PHEW!!! */

#right {
	float: right;
	width: 140px;
}

/* Style the user menu */

#user {
	background-image: url(../images/right_divide.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 10px;
}

/* User logo */ 

#user h2 {
	background-image: url(../images/user.gif);
}

#user li {
	background-image: url(../images/user_menu.gif);
	background-position: left;
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 4px 0px 4px 20px;
	display: block;
	margin-left: 10px;
} 

#user li a {
	color: #006633;
	text-decoration: none;
}

#user li a:hover {
	border-bottom: 1px dashed;
	color: #006633;
}

/* Quote block */

#quote {
	border: 1px solid #DDDDDD;
	background-image: url(../images/tech_bg.gif);
	color: #666666;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 124px;
	padding: 3px;
	font-size: 10px;
}

#quote p {
	margin-top: 5px;
}

#quote span {
	color: #DA7A10;
	font-style: normal;
	font-weight: bold;
}

/* The contact block */

#contactmod {
	color: #97871D;
	border: 1px solid #E5E3CF;
	margin: 10px 3px 0px 0px;
	padding: 5px;
	font-size: 9px;
	background-image: url(../images/contact_bg.gif);
}

#contactmod span {
	float: right;
	background-image: url(../images/logo_brown.gif);
	height: 65px;
	width: 65px;
	margin-top: -3px;
	margin-right: -2px;
}

#contactmod ul {
	list-style-type: none;
	margin-top: 12px;
}

#contactmod li {
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-bottom: 1px;
}

/* Phone logo */

li.phone {
	background-image: url(../images/phone.gif);
}

/* E-mail logo */

li.email {
	background-image: url(../images/e-mail.gif);
}
li.email a {
	color: #97871D;
	text-decoration: none;
}
li.email a:hover {
	border-bottom: 1px dotted;
}

/* Image span blocks */ 

#approved span {
	border: 1px solid #DDDDDD;
	background-repeat: no-repeat;
	cursor: default;
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}

span.nvco {
	background-image: url(../images/nvco.gif);
	width: 130px;
	height: 53px;
}

span.dell {
	background-image: url(../images/dell_logo.gif);
	width: 130px;
	height: 53px;
}

p.address {
	 text-indent: 0px;
	 padding-left: 100px;
	 border: 1px solid #CCCCCC;
	 background-image: url(../images/submenu2_bg.gif);
}

span.conference, span.syndicate {
	background-image: url(../images/conference.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 100px;
	display: block;
	margin-left: 0px;
	margin-top: 10px;
}

span.syndicate {
	background-image: url(../images/syndicate.jpg);
}
span.bcs, span.positive {
	background-image: url(../images/BCS.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 50px;
	display: block;
	margin-left: 10px;
	margin-top: 10px;
}

span.map1 {
	background-image: url(../images/map1.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 291px;
	display: block;
	margin-left: 40px;
	margin-top: 10px;
}
span.map2 {
	background-image: url(../images/map2.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 377px;
	display: block;
	margin-left: 40px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
}

span.positive {
	background-image: url(../images/positive.gif);
	margin-left: 170px;
	margin-top: -50px;
}

span.ecdl {
	background-image: url(../images/ecdl.gif);
	background-repeat: no-repeat;
	width: 89px;
	height: 100px;
	display: block;
	float: right;
	margin-left: 20px;
	margin-top: 10px;
}

span.esf {
	background-image: url(../images/esf.gif);
	background-repeat: no-repeat;
	width: 117px;
	height: 59px;
	display: block;
	margin-left: 20px;
	margin-top: 20px;
}

div.solutions2, div.training {
	background-image: url(../images/solutions.jpg);
	background-repeat: no-repeat;
	width: 157px;
	height: 125px;
	display: inline;
	float: right;
	margin-top: 20px;
	margin-right: 5px;
}

div.training {
	background-image: url(../images/training.gif);
	margin-left: 0px;
	margin-left: 3px;
}

html>body span.training {
	margin-top: -124px;
}

div.solutions2 img, div.training img {
	width: 157px;
	height: 125px;
	display: block;
	border: none;
}

span.northwest {
	background-image: url(../images/northwest.gif);
	background-repeat: no-repeat;
	width: 141px;
	height: 71px;
	display: block;
	margin-left: 170px;
	margin-top: -60px;
}

span.notebook {
	background-image: url(../images/notebook.jpg);
	background-repeat: no-repeat;
	width: 120px;
	height: 110px;
	display: block;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.package {
	background-image: url(../images/3tc_package.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 106px;
	display: block;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.flash {
	background-image: url(../images/flash_stick.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 104px;
	display: block;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.tft {
	background-image: url(../images/tft.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 105px;
	display: block;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.mp3 {
	background-image: url(../images/Mp3.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 92px;
	display: block;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.dimension {
	background-image: url(../images/dimension.jpg);
	background-repeat: no-repeat;
	width: 131px;
	height: 115px;
	display: block;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.pocket {
	background-image: url(../images/pocket.jpg);
	background-repeat: no-repeat;
	width: 150px;
	height: 150px;
	display: block;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.desktop {
	background-image: url(../images/desktop.jpg);
	background-repeat: no-repeat;
	width: 90px;
	height: 130px;
	display: block;
	margin-left: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.design {
	background-image: url(../images/graphic_design.jpg);
	background-repeat: no-repeat;
	width: 153px;
	height: 109px;
	display: block;
	float: right;
	margin-left: 20px;
	margin-top: -20px;
	margin-bottom: 0px;
}

span.web_design {
	background-image: url(../images/web_design.jpg);
	background-repeat: no-repeat;
	width: 153px;
	height: 109px;
	display: block;
	float: right;
	margin-left: 20px;
	margin-top: -20px;
	margin-bottom: 0px;
}

span.print1 {
	background-image: url(../images/print.jpg);
	background-repeat: no-repeat;
	width: 153px;
	height: 109px;
	display: block;
	float: right;
	margin-left: 20px;
	margin-top: -30px;
	margin-bottom: 0px;
}

#left span.money {
	border: 1px solid #DDDDDD;
	background-image: url(../images/logos.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 136px;
	height: 30px;
	display: block;
	margin-top: 5px;
}

/* Main column */ 

#approved a {
	margin-left: 5px;
}


#approved a img{
	border: 1px solid #CCC;
}

#text {
	margin: 0px 160px;
	padding: 3px 0px 0px 20px;
	text-align: justify;
	color: #4E6168;
	line-height: 200%;
}

/* Text styling for central content */ 

#text2 {
	text-indent: 20px;
	color: #2F5053;
}

#text2 ul {
	list-style-type: none;
}

#text2 li {
	background-image: url(../images/arrow_over.gif);
	background-position: 0px 9px;
	background-repeat: no-repeat;
}

/* headings */ 

h1 {
	font-size: 20px;
	color: #006E92;
	font-weight: normal;
}

h1 a {
	padding: 3px 0px 2px 25px;
	font-size: 20px;
	color: #006E92;
	background-image: url(../images/h1_bg.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-weight: normal;
	letter-spacing: 1.5px;
	margin-bottom: 12px;
	text-decoration: none;
}

h1 a:hover {
	color: #CC6600;
	background-image: url(../images/h1_bg_over.gif);
}

/* Print icon */ 

span.print {
	float: right;
	background-image: url(../images/print.gif);
	background-repeat: no-repeat;
	width: 14px;
	height: 12px;
	margin-top: -18px;
	cursor: pointer;
	line-height: 12px;
}

span.print span, div#technology li span {
	display: none;
}

span.print a {
	text-decoration: none;
	display: block;
}

/* subheading */ 

h2 {
	display: block;
	font-weight: normal;
	border-bottom: 1px dotted #1A8946;
	font-size: 13px;
	color: #1A8946;
	text-align: center;
	margin: -4px 15px 5px 15px;
	background-position: left;
	background-repeat: no-repeat;
}

h1 span {
	font-size: 15px;
	margin: 0px;
	font-weight: normal;
	padding: 0px;
	letter-spacing: -0.2px;
}

html>body h2{
	border-bottom-style: dashed;
}

/* Submenu styling */

#submenu {
	border-top: 1px dashed #336699;
	border-bottom: 1px dashed #336699;
	font-size: 11px;
	padding: 2px;
	margin-bottom: 15px;
	margin-top: 13px;
	letter-spacing: 0.4px;
}

html>body #submenu{
	margin-top: 6px;
}

#submenu.noborder {
	border: none;
	line-height: 0px;
}

#submenu a, #text2 a, span.submenu li a{
	text-decoration: none;
	color: #4D8385;
}

#submenu a:hover, #text2 a:hover, span.submenu li a:hover{
	color: #B76D00;
	border-bottom: 1px dashed;
}

/* Submenu level 3 */

div.submenu2 {
	float: right;
	border: 1px dashed #DB923B;
	text-indent: 0px;
	margin-left: 30px;
	padding: 3px 6px;
	background-image: url(../images/submenu2_bg.gif);
	color: #993300;
	margin-top: -7px;
	font-style: italic;
}

div.submenu2 li {
	padding-left: 20px;
	font-size: 11px;
	font-style: normal;
}

ul.sitemap li{
	margin-left: 60px;
	line-height: 250%;
}

ul.sitemap {
	margin-left: -50px;
}

span.quote {
	background-image: url(../images/submenu2_bg.gif);
	border: 1px dashed #CCCCCC;
	display: block;
	padding: 5px;
}

span.quote2 {
	padding-left: 30px;
	font-style: normal;
	color: #993300;
}

span.top {
	margin-left: 215px;
	font-size: 10px;
}

html>body span.top {
	margin-left: 239px;
}

ul.space {
	margin-top: 10px;
}

/* controls borders in stock tables */

td.stock_td {
	border-bottom: 1px dotted #CCCCCC;
	color: #3399CC;
	font-weight: bold;
}

/* controls borders in stock tables */

td.stock_td2 {
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
}

/* controls borders in stock tables */

td.price_td {
	border-left: 1px dotted #CCCCCC;
}

/* provides a border on stock tabels (only tables in whole site) */

	table {
	margin-bottom: 10px;
	border: 1px solid #DEE4EC;
}

td {
	padding-left: 3px;
}

#clearer {
	line-height: 0px;
	clear: both;
}

tr:hover {
	background-color: #EEEEEE;
}

form table tr:hover {
	background: none;
}

form table input {
	background-image: url(../images/form_bg.gif);
	background-repeat: repeat-y;
	border: 1px solid #CCCCCC;
	padding-right: 4px;
	color: #245766;
	font-size: 12px;
	padding: 2px 5px;
	}

form table textarea {
	background-image: url(../images/form_bg.gif);
	border: 1px solid #CCCCCC;
	background-repeat: repeat-y;
	color: #245766;
	font-size: 12px;
	padding: 2px 5px;
	font-family: "trebuchet MS", verdana, "Arial Narrow", serif;
	width: 208px;
}

input.button {
	margin-left: 70px;
}
html>body input.button {
	margin-left: 90px;
}

p.divide {
	border-bottom: 1px dashed #AAAAAA;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#validation {
	clear: both;
	font-size: 9px;
	color: #AAAAAA;
	background-image: url(../images/dotted_border_horizontal.gif);
	background-position: top;
	background-repeat: repeat-x;
	margin: 15px 15px 3px 15px;
	padding-top: 3px;
	text-align: center;
}

#validation a {
	color: #336699;
	text-decoration: none;
}
#validation a:hover {
	border-bottom: 1px dashed;
}
acronym {
	border: none;
}

#text2 acronym {
	cursor: default;
}

.bold {
	font-weight: bold;
	color: #4D8091;
	border-bottom: 1px dotted;
}

.large {
	font-size: 14px;
	color: #446F86;
}

.italic {
	font-style: italic;
	margin-left: 13px;
}

html>body .italic {
	margin-left: 30px;
}