/*
   color palette
 
	pale sandy(50%):		rgb(240, 237, 233)
	pale sandy:				rgb(232, 227, 222)
	sandy:					rgb(202, 194, 184)
	sandy grey:				rgb(180, 180, 180)
	bright blue:			rgb(0, 123, 194)
	medium blue:			rgb(40, 106, 156)
	dark blue:				rgb(4, 58, 103) 

	(red:					rgb(125, 26, 60)  )
*/

/* GENERAL
-----------------------------------------*/

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



body {
		width: 800px;

		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		text-align: justify;			
		
		margin: 0px auto 0px auto;
		padding: 0px 0px 30px 0px;
		

		background: white url('images/nd_background_v_fade_4.gif') center 0px no-repeat;
		/*background: white url('images/content_top_left.png') center 130px no-repeat;*/
		
	}


a {
		padding: 2px 3px;
		color: rgb(0, 123, 194);		
		text-decoration: none;
		font-style: italic;
		font-weight: bold;		
	}

a:hover {		
		color: #000000;
		background: rgb(232, 227, 222);		
		cursor: pointer;		
	}


h1 {    	
		margin: 5px;		
		color:#101C43;
		line-height: 150%;
		font-size:18px;
	}


h2 {
		margin: 5px;
		font-size: 18px;
		line-height: 200%;
		text-align: left;
	}

h3 {
		font-size: 14px;
		text-align: left;
		font-style: italic;
		font-weight: bold;
	}

h4 {
		font-size: 11px;
		text-align: left;
		font-style: italic;
		margin-left: 10px;
	}

p {
		line-height: 150%;
	}

table {
		margin: 10px;
	}

th {
		background: rgb(232, 227, 222);
		text-align: center;
		padding: 5px 5px;
	}

td {
		border: solid 1px rgb(232, 227, 222);
		text-align: left;
		padding: 5px 5px;
	}


ul {    		
		margin-left: 20px;
	}

li {
		list-style: none;
		margin: 10px 20px 10px 10px;
		padding-left: 15px;
		background: url('images/grey_list_i.gif') 0px 0px no-repeat;
	}

a.imageLink:hover,
a.imageLink {
		background: transparent;
	}

.imageLink img {
		border: none;
	}

a.docLink,
a.docLink:hover {
		padding-left: 15px;
		margin: 3px inherit;		
		background-position: 3px 2px;
		background-repeat: no-repeat;
	}

a.docLink {
		background-image: url('images/small_i_docLink.gif');		
	}

a.docLink:hover {
		background-image: url('images/small_i_docLinkHover2.gif');
	}

a.mailLink,
a.mailLink:hover {
		padding-left: 25px;
		margin: 3px inherit;
		background-position: 3px 2px;
		background-repeat: no-repeat;
	}

a.mailLink {	
		background-image: url('images/mail_italic.gif');
	}

a.mailLink:hover {
		background-image: url('images/mailHover2_italic.gif');		
	}

div#transHack {
		position: absolute;
		left: 50%;
		margin-left: -400px;
		z-index: 20px;
		overflow: visible;
		display: none;
	}

div#transHack img#imageTopLeft {		
		margin-left: 0px;
		width: 162px;
		height: 470px;
	}

img.imageFloatRight {
		float: right;
		clear: right;
		padding: 10px 20px 10px 10px;
	}

img.imageFloatLeft {
		float: left;
		clear: left;
		padding: 10px 10px 10px 20px;
	}

.floatLeft {
		float: left;
		clear: left;		
	}

.floatRight {
		float: right;
		clear: right;		
	}

img.categoryIcon {
		padding: 0px;
		/*border: 1px solid rgb(0, 123, 194);*/
		margin: 0px 5px;
	}

.hidden {
		display: none;
		padding: 0px;
		margin: 0px;
	}

h3.question {
		font-size: 11px;
	}

p.answer {
		margin-top: 0px;
		margin-bottom: 20px;
	}

/* Forms
--------------------------------*/

.inputTextArea,
.inputText {
		padding: 2px 1px;
		margin: 0px 0px 10px 0px;

		border: rgb(202, 194, 184) solid 1px;
		display: block;
		width: 300px;
		
		text-indent: 0px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
	}

.inputButton {
		color: rgb(0, 123, 194);
		background: white;
		padding: 2px 1px;
		border: rgb(0, 123, 194) 1px solid;
	}

.inputButton:active {
		background: rgb(232, 227, 222);
		color: black;
	}


/* HEADER
------------------------------*/

div#header {		
		
		margin: 0px 0px 0px 0px;
		padding: 0px;
		
		height: 100px;
		overflow: hidden;
		/*border-top: rgb(40, 106, 156) solid 1px;*/
		/*border-top: rgb(40, 106, 156) solid 1px;*/
		border-bottom: none;
		border-left: rgb(40, 106, 156) solid 1px;
		border-right: rgb(40, 106, 156) solid 1px;
		background: url('images/artistic_banner_6.jpg') right 0px no-repeat;
	}

div#header a {
		background: transparent;		
		padding: 0px;
		margin: 0px;
	}

/*div#header a img {
		margin: 10px 0px 0px 0px;
		width: 180px;
		height: 68px;
		border: none;
	}*/

div#header a img {		
		width: 265px;
		height: 100px;
	}



/* MENU
-----------------------------------*/

div#menu {	
		height: 30px;
		font-size: 11px;
		
		padding: 0px 0px 0px 30px;		
		margin: 0px 0px 0px 0px;
		
		background: rgb(232, 227, 222);

		border: rgb(202, 194, 184) solid 1px;
		/*border-top: rgb(125, 26, 60) solid 1px;
		border-bottom: rgb(125, 26, 60) solid 1px;
		border-left: rgb(0, 123, 194) solid 1px;
		border-right: rgb(0, 123, 194) solid 1px;*/
	}


div.mainMenu, div.mainMenuSelected {	
		/*height: 32px;	*/
		width: 150px !important;
		width: auto;

		padding: 0px 0px 0px 10px;
		margin: -31px 0px 0px 0px;	
		z-index: 20;
	}

/*
div#menuProducts {		margin-left: 10px; margin-top: 0px;  }
div#menuInformation { 	margin-left: 165px;  }
div#menuServices { 		margin-left: 320px;  }
div#menuAbout { 		margin-left: 475px;  }
div#menuGroup { 		margin-left: 630px;  }
*/

div#menuParts_usb { 		margin-left: -35px; margin-top: 2px; }
div#menuContact { 		margin-left: 130px;  margin-top: -26px; }
div#menuGroup { 		margin-left: 630px;  margin-top: -28px; }


div#menuGroup p {
		font-size: 10px;
		/*letter-spacing: -0.4px;*/		
		
		text-align: center;
		line-height: 280%;
		
	}

div#menuGroup div p {		
		font-size: 11px;
		letter-spacing: normal;		
		line-height: 100%;
	}


div.mainMenu {
		
	}

div.mainMenuSelected {		
		
		
	}



div.mainMenu p, div.mainMenuSelected p {

		background-position: 0px 0px;
		background-repeat: no-repeat;
		
		height: 30px;
		width: 110px;

		margin: 0px 0px 0px -45px;
		padding: 1px 0px 0px 51px;

		font-size: 12px;		

		text-indent: -15px;
		line-height: 30px;
		text-align: left;
		font-weight: bold;

		color: rgb(4, 58, 103);	
	}




div.mainMenu p {
		/*background: #E7E4D4;
		border: #E7E4D4 solid 1px;*/
		background-image: url('images/menu_top_normal.jpg');
		background-position: 10px -1px;
	}


div.mainMenuSelected p {		
		background-image: url('images/nd_menu_background_top_i.gif');
		background-position: 0px 0px;
		background-color: white;
		color: rgb(0, 123, 194);
		padding-left: 50px;
		padding-top: 0px;
		
		border: rgb(0, 123, 194) solid 1px;
		border-bottom: none;
		
		cursor: pointer;
	}

div.mainMenu p.currentMenu {
		border: #043A67 solid 1px;
	}

div.mainMenu a,
div.mainMenuSelected a {
		background: url('images/menu_top_normal.jpg') 10px -3px no-repeat;
		padding: 1px 0px 0px 0px;
		display: block;
		font-size: 12px;

		text-indent: 35px;
		
		font-style: normal;
		line-height: 25px;		
		width: 135px;
		color: rgb(0, 123, 194);
	}

div.mainMenu a:hover, 
div.mainMenu a:active,
div.mainMenuSelected a:hover, 
div.mainMenuSelected a:active {
		background: rgb(202, 194, 184) url('images/menu_top_link_hover.gif') 10px -3px no-repeat;		
		color: black;
	}



div.mainMenu div.subMenu {
		visibility: hidden;
	}

div.mainMenuSelected div.subMenu {
		visibility: visible;
	}

div.subMenu {		
		margin: 0px 0px 0px -45px;
		position: absolute;
		width: 160px;
		/*background: url('images/menu_bottom_shorter.png') 0px bottom no-repeat;*/
		border: rgb(0, 123, 194) solid 1px;
		border-top: none;
		background: white url('images/nd_menu_background_top.gif') 0px -31px no-repeat;
		z-index: 50;
	}

div.subMenu ul {
		/*border-top: rgb(0, 123, 194) solid 2px;*/
		padding: 0px 0px 20px 0px;
		margin: 0px 0px 0px 25px;
		overflow: visible;
		background: white url('images/nd_menu_background_bottom_2.gif') right bottom no-repeat;
	}

div.subMenu ul li {				
		margin: 5px 10px 0px 2px;
		
		padding: 3px 3px;
		/*border-left: rgb(0, 123, 194) solid 2px;
		border-right: rgb(0, 123, 194) solid 2px;*/
		list-style: none;
		background: none;
	}

div.subMenu ul li p {

		display: inline;		

		margin: 0px;
		padding: 0px;

		/* -- reset after menu p -- */ 
		border: none;		 
		color: white;
		background: transparent;
		text-indent: 0px;
		text-align: left;
		font-size: 11px;
		font-weight: normal;
	}		

div.subMenu ul li p a {						
		border: none;
		background: transparent;
		
		padding: 3px;
		display: block;
		text-align: left;
		text-indent: 0px;
		width: auto;
		
		font-size: 11px;
		font-weight: normal;
		font-style: normal;
		
		line-height: 150%;
		color: rgb(0, 123, 194);
        text-decoration: none;        		
	}

div.subMenu ul li.subMenuItemSelected, 
div.subMenu ul li.subMenuItemSelected p,
div.subMenu ul li.subMenuItemSelected p a,
div.subMenu ul li.subMenuItemSelected p a:hover {		
		color: black;
		background: rgb(232, 227, 222);
		cursor: pointer;
		text-decoration: none;
	}

div.subMenu ul li p a img {
		position: absolute;
		
		margin-left: -27px;
	}




/* CONTENT
-----------------------------*/

div.content {		
		margin: 0px 0px 0px 0px;
		background: url('images/nd_content_background_v_fade_4.gif') right bottom no-repeat;
		padding: 0px 20px 80px 150px;
		border-left: rgb(40, 106, 156) solid 1px;
		border-right: rgb(40, 106, 156) solid 1px;


		min-height: 400px;
		height: auto !important;
		height: 400px;	

	}

div.content p {
		padding: 10px 20px;
	}

div.contentTitle {
		
		
		/*width: 750px !important;
		width: auto;*/
		overflow: visible;
	}

div.contentTitle p {			   
		font-weight: bold;
		/*font-size: 28px;*/
		font-size: 24px;
		font-style: italic;
		margin: 0px 0px 0px 0px;		
		padding-top: 20px;
		text-align: center;
		/*background: rgb(40, 106, 156);
		color: white;					*/
	}

div#lastUpdated {
		position: absolute;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;

        margin-left: 5px;
		margin-top: -40px;		
		
		font-style: italic;
	}

/* FOOTER
-------------------------------*/ 

div.footer {	
	margin: 0px 0px 0px 0px;	
	color: rgb(4, 58, 103);
	height: 20px;	

	background: rgb(232, 227, 222);
	
	border: rgb(202, 194, 184) solid 1px;
	/*border-top: rgb(202, 194, 184) solid 1px;
	border-bottom: rgb(202, 194, 184) solid 1px;
	border-left: rgb(0, 123, 194) solid 1px;
	border-right: rgb(0, 123, 194) solid 1px;*/
	
	/*padding-bottom: 80px;	
	background: url('images/wave_sandy_light.jpg') 0px 30px no-repeat;	*/

	font-size: 11px;	
}

div.footer p {			
		/*border-top: rgb(0, 123, 194) solid 1px;*/
		/*border-bottom: rgb(0, 123, 194) solid 1px;*/
		padding: 4px 0px 4px 0px;
		height: 12px;		
		line-height: 100%;
		text-align: center;
	}

div.footer p a {	
		margin: 0px 10px;
		font-weight: normal;
		font-style: normal;
		/*padding: 7px 5px 6px 5px;*/
	}

div.footer p a:hover {
		background: rgb(202, 194, 184);
	}


/* - box outs - general 
--------------------------------*/
div.box,
div.boxOpen,
div.boxAlt,
div.boxAltOpen {
		width: 195px;
		overflow: hidden;
		
	}






h3.boxHeader {
		display: block;
		padding: 0px 0px 0px 10px;
		font-size: 11px;
		line-height: 20px;		
		border-width: 1px;
		border-style: solid;		
		cursor: pointer;
	}


/*  box specific  - right */
div.box,
div.boxOpen {	   
		float: right;
		clear: right;
		margin: 11px 10px 5px 10px;		
	}

div.boxOpen h3.boxHeader,
div.box h3.boxHeader {		
		background: rgb(232, 227, 222);/* url('images/box_down.gif') right 2px no-repeat;*/
		border-color: rgb(202, 194, 184);
		color: black;
	}

/*  box specific  - left */
div.boxAlt,
div.boxAltOpen {	   
	   float: left;
	   clear: left;
	   margin: 11px 10px 5px 10px;	   
	}

div.boxAlt h3.boxHeader,
div.boxAltOpen h3.boxHeader {
		background: rgb(40, 106, 156);/*  url('images/box_alt_down.gif') right 2px no-repeat;*/
		border-color: rgb(4, 58, 103);
		color: white;
	}

div.boxContent {
		/*position: absolute;*/
		/*width: 173px;		*/
		
		padding: 0px 20px 10px 0px;
		font-size: 10px;
		
		border-width: 1px;
		border-style: solid;
		border-top: none;

		background-color: white;
		background-position: right bottom;
		background-repeat: no-repeat;
	}

div.boxContent p {
		padding: 10px 20px 10px 10px;
	}



div.box div.boxContent,
div.boxAlt div.boxContent {
		/*display: none;*/
	}

div.box div.boxContent,
div.boxOpen div.boxContent {
		display: block;
		border-color: rgb(202, 194, 184);
		background-image: url('images/box_background_bottom_2.gif');
	}

div.boxAlt div.boxContent,
div.boxAltOpen div.boxContent {
		display: block;
		border-color: rgb(4, 58, 103);	   
		background-image: url('images/box_background_bottom_darkish_blue.gif');
	}

ul.boxList {
		margin: 0px 0px 0px 10px;
	}

ul.boxList li {
		list-style: none;		
		padding: 5px;
		margin: 0px;
		background: none;
		text-align: left;		
	}

/* captionBlock
-----------------------------*/

p.captionBlock {				
		display: inline;
		padding: 10px;
		text-align: center;		
	}

p.captionBlock a.imageLink {
		text-align: center;
		display: block;
	}

p.captionBlock a.imageLink img {
		display: block;
		margin-bottom: 5px;
	}

div.captionBlock {
		/*display: inline;*/
		width: 250px;
		padding: 10px;
		text-align: center;		
	}

div.captionBlock img {
		
	}

div.captionBlock p {		
		display: block;				
		font-size: 10px;	
		margin-bottom: 0px;
		padding-bottom: 0px;
	}


p.teaser {
		font-size: 10px;		
		line-height: 100%;
		text-align: left;
	}


/* sidebar
----------------------------------------*/
div.sidebar {		
		position: absolute;
		padding-left: 0px;
		padding-bottom: 5px;
		left: 50%;
		top: 145px;
		margin: 0px 0px 0px -399px;		
		width: 40px;
		/*border: solid 1px rgb(40, 106, 156);*/
		border: solid 1px rgb(202, 194, 184);
		background: url('images/background_slide.png') 0px 0px repeat !important;
		background: rgb(240, 237, 233) url('images/nd_background_v_fade_4_overlay.gif') -12px -146px no-repeat;
		
	}

div.sidebar ul {
		padding: 0px 0px 0px 3px;
		margin: 0px;
	}

div.sidebar ul.sidebarCategories {
		padding-bottom: 5px;
	}

div.sidebar ul.sidebarSystems {
		border-top: solid 1px rgb(202, 194, 184);
		padding-top: 0px;		
	}

div.sidebar ul li {
		background: none;
		padding: 0px;
		margin: 5px 0px !important;
		margin: -6px 0px 0px 0px;
		text-align: left;
	}

div.sidebar ul li a {
		font-size: 10px;
		padding: 0px;
		margin: 0px;
	}

div.sidebar ul li img {
		padding: 0px;
		margin: 0px;
		width: 30px;
		display: block;
	}

div.sidebar ul li p {		
		margin: 0px;
		padding: 0px;
	}

div.sidebar ul li p span.tray {
		display: none;
		padding: 0px;
	}

div.sidebar ul li p.slideOut span.tray {
		position: absolute;
		display: block;
		width: 300px;
		/*height: 30px !important;*/
		padding: 0px;
		/*margin: -33px 0px 0px 41px !important;*/
		margin: -33px 0px 0px 38px;

	}

div.sidebar ul li p.slideOut span.tray a {		
		padding: 13px 20px 13px 10px !important;		
		padding: 20px 20px 20px 10px;
		line-height: 38px;
		border: rgb(202, 194, 184) solid 1px;
		border-left: none;		
		background: url('images/background_slide.png') 0px 0px repeat;
		margin: 0px;
	}


/* feature list
---------------------------*/
div.featureList {		
		margin: -40px 0px 20px -10px;		
	}

ul.featureList {
	 	display: inline;			 	
		padding: 18px 3px 0px 3px !important;
		padding: 3px;
		width: 130px;
		border: solid 1px rgb(202, 194, 184);
		background: rgb(240, 237, 233);
		font-size: 0%;
	}

ul.featureList li {
	   background-image:none;
	   display: inline;
	   margin: 0px;
	   padding: 0px;	   
	}

ul.featureList li img {		
		margin: 0px;
		padding: 0px 1px;
		width: 30px;
	}

/* section header
--------------------*/

p#section {		
		margin: 0px 0px -10px 20px;		
		padding: 14px 20px 0px 0px;		
		background: url('images/category.gif') right 18px no-repeat;
		
		width: 60px;
	}

p#section a {

	}
	
/* index
-----------------------*/

div#contentIndex li p {
		padding: 5px 15px;
	}


/* contact page
--------------------*/

form#contactForm {
		margin-left: 35px;
	}

form#contactForm textarea {
		height: 80px;
	}

form#contactForm .inputButton {
		margin-left: 260px;
	}



/*  site map
------------------*/

div#contentSite a.docLink {
		background-image: none;
		padding-left: 3px;
	}

div#contentSite li {
		background-image: none;
	}

div#contentSite ul p {
		font-style: italic;
		font-weight: bold;
	}

div#contentSite ul ul {
		padding: 10px 0px;
		background: rgb(232, 227, 222); 
	}

div#contentSite ul ul ul {
		background: rgb(202, 194, 184)
	}

/* DEBUG
--------------------------------------------------------------------------*/

#debugElementId {
		position : absolute;
		z-index: 100;
		left : 100%;
		margin-left: -400px;
		width :400px;
		height : 300px;
		top : 350px;
		background-color : white;
		border :black solid 1px;
		font-size: 12px;
		font-family: Courier New;
		text-align: left;
		overflow: scroll;
	}