div#flashPlayer {float: right; margin-top: 5px; }

#myGallery
{
width: 300px !important;
height: 400px !important;
float: right;
background: transparent !important;

}
#myGallery a {
	cursor: default;
}
a.links {color: black;
text-decoration: none;}
p.links { 
float: right;
}
span.notice { color: #CCCCCC; font-style: italic; }

*	{margin:0; padding:0;}
body { background: black url(../images/bodybg1.gif) repeat-y   50% 0  ;  
font-family: Verdana, Arial, sans-serif; color:#a1a1a1;

}
a#tellafriend {margin-left: 160px; }
#wrapper { background: transparent url(../images/wrapperbg.gif); 
width:1020px; margin: 0 auto ;  font-size:62.5%; }
#page {margin: 0 auto; text-align:left; width:920px;  background: transparent;}

#header { background: transparent url(../images/mainlogo.gif) repeat-x  50% 0;  
height: 100px;
padding: 0 0 10px 10px; width: 99%; margin: 0 auto; float: left; margin-top: 10px;}
#crumbs {padding:0 0 10px 220px; background: black; min-height:32px;}
#main {margin:0 auto; }
	#content {float:left; width:500px;  padding-top: 20px; margin-left: 30px;}
		#contentArea {float:left; width:480px; }
	#side {float:right; width:300px; margin-top: 20px; }
	#navigation {
		width: 100%; border-top: 1px solid black; background: black;
		
	}
#base {border-top: 1px solid black;  clear:both;  padding: 10px 0 20px 0;
}

a {
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif; color: white;
}
a:hover {
	text-decoration: underline;
	color: #808080;
}

#contentArea {
	line-height: 1.4em;
	font-size: 120%;
}

#header img {
	border: none;
	margin: 0 auto;
	display: block;
}
	* {
	list-style:none;
}
#menucontainer {
	position:relative;
	height:37px;
	color:#FFFFFF;
	background: transparent;
	width:100%;
	font-family: Arial,Verdana,sans-serif;
	}
#menunav {
	position:relative;
	height:38px;
	font-size:12px;
	text-transform:uppercase;
	font-weight: bold;
	background: transparent url(../images/background.jpg) repeat-x bottom left;
	padding: 10px 0 0 20px;}
	
#menunav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;}

#menunav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:38px;}

#menunav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;}

#menunav ul li a:hover{
	color:#fff;	
	background:transparent url(../images/hover.jpg) repeat-x bottom left;}

#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;}
	
	
#menunav ul li a:active{
	color:#fff;	
	background:transparent url(../images/hover.jpg) repeat-x bottom left;}

#menunav ul li a:active span{
	display:block;
	width:auto;
	cursor:pointer;}
	
#menunav ul li a.current, #menunav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(../images/left.jpg) no-repeat top left;
	line-height:275%;}
#menunav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#383636 url(../images/right.jpg) no-repeat top right;
	height:38px;}

.inputfield1 { margin-left: 209px; width: 197px;}
.inputfield2 { margin-left: 212px; width: 197px;}
.inputfield3 { margin-left: 143px; width: 197px;}
#bookDate {margin-left: 83px;}
/* =standard 
-------------------------------------------------------*/


h1 {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 25px; 
}
h2 {
	font-size: 18px;
	margin-left: -5px;
	padding: 5px;
	line-height: 25px;
	font-weight: normal;
	
}

h3 {font-size: 15px;}

p { margin-bottom: 5px; line-height: 160%; }




/* =general 
-------------------------------------------------------*/
.float01 {float:left; margin:0 20px 20px 0;}
.float02 {float:right; margin:0 0 20px 20px;}
.clear {clear:both;}
.access {display:block; height:0; margin:0; padding:0; overflow:hidden; width:0;}
.marginL {margin-left:10px;}
.marginR {margin-right:10px;}
.note {font-size:100%;}



/* =header 
-------------------------------------------------------*/
#header h1 {float:left; margin: 10px 0 20px 0;}
#header img {display:block;}

#navGeneral {background: #AFB2B4; float:right; list-style:none; margin:5px 5px 0 0; padding: 3px 5px;}
#navGeneral li {display:inline; font-size:1em; }
#navGeneral a {color:#fff; display:block; float:left; padding:0 15px 0 0; text-decoration:none;}
#navGeneral a:hover {color: #063d99; text-decoration:underline;}
#navGeneral a:active {text-decoration:underline;}
#navGeneral li#tabHeadLogin a {background:url(../_imgs/icons/padlock.gif) no-repeat 0 50%; padding:0 0 0 15px;}
	
#navMain {background: #126af0; clear:both; list-style:none; margin:0; padding:0;}
#navMain li {display:inline; font-size:1.1em; list-style:none;}
#navMain a {border-right:1px solid white; color:#fff; display:block; float:left; padding:5px 10px; text-decoration:none;}
#navMain a:hover {background:url(../_imgs/graphics/bgNavMain.png) repeat 0 0;}

/* =crumbs 
-------------------------------------------------------*/
#crumbs ul {list-style:none; margin:0; padding:0;}
#crumbs li {background:#fff; color:#333; display:inline; float:left; font-size:1em; padding:0 5px 0 0; }
#crumbs a {background:url(../_imgs/icons/crumbDivider.gif) no-repeat 100% 50%; color:#1689c2; display:block; float:left; padding:0 9px 0 0; text-decoration:none;}
#crumbs a:hover {color:#000; text-decoration:underline;}

/* =content 
-------------------------------------------------------*/


#contentArea p {text-align: justify;}



.screenshot {margin:0 0 1em 0;}
.screenshot img {float:left;}
.screenshot p {float:right; width:180px;}



/* =side 
-------------------------------------------------------*/
#side a {color:#eb8620; text-decoration:none;}
#side a:hover {color:#000; text-decoration:underline;}

#side p {font-size:1em;}
#side em.notice {color:#eb8620; font-size:1.8em; font-weight:bold; font-family:arial, sans-serif;}

.quoteBox {background:url(../_imgs/graphics/quoteBox/quoteBoxRepeat.gif) repeat-y 0 0; margin:0 0 20px 0; }
	.quoteBoxInner {background:url(../_imgs/graphics/quoteBox/quoteBoxTop.gif) no-repeat 0 0; color:#000;}
	.quoteBox blockquote {background:url(../_imgs/graphics/quoteBox/quoteBoxBase.gif) no-repeat 0 100%; color:#000; font-size:1em; margin:0; min-height:80px;padding:20px 15px 40px 15px;}
	.quoteBox cite {background:#fff; color:#000; display:block; font-size:1em; font-style:normal; margin:0; padding:0;}

.sideBox1 { background:url(../_imgs/graphics/sideBox/sideBoxTop.gif) no-repeat 0 0;
 margin: 0 0 20px 0; padding:6px 0 1px 0; font-size: 110%;
 }




/* =backTop 
-------------------------------------------------------*/
#backTop {background: #474747 url(../_imgs/graphics/backTop/bgBackTopL.gif) no-repeat 0 0; color:#fff; float:right; }
#backTop p {background:url(../_imgs/graphics/backTop/bgBackTopR.gif) no-repeat 100% 0; color:#fff; font-size:1em; line-height:1em; margin:0; padding:4px 10px;}
#backTop a {color:#fff; text-decoration:none;}
#backTop a:hover {color: black; text-decoration:none;}

/* =base 
-------------------------------------------------------*/
#basePane1 {float:left; margin: 5px 0 0 10px; width:430px; display:inline;}
#basePane2 {float: left; margin: 0 5px 0 0;  margin-top: -2px; width:300px; display:inline;}
#base h2 {color: #666666; font-size:1.4em; line-height:normal; padding:0 0 5px 0;}
#menunav address { font-style: normal; color: #BCBCBC; text-transform: none;
	float: right;font-size:0.8em; line-height: 11px; margin: 2px 5px 0 0;}
#base address img {vertical-align:middle;}
#base p {font-size:1em; line-height:normal; margin:0 0 .25em 0;}

#navUtility {clear:both; list-style:none; margin:0; padding:0;}
#navUtility li {display:inline; font-size:1em;}
#navUtility a {background:url(../_imgs/icons/navUtilityDivider.gif) no-repeat 0 50%; color:#fff; display:block; float:left; margin:0; padding:3px 10px 3px 10px; text-decoration:none;}
#navUtility a:hover {text-decoration:underline;}
#navUtility li.linkFirst a {background:0; padding-left:0;}


.pageContactRequest #basePane2 {display:none;}




/* =forms 
-------------------------------------------------------*/

form p {margin:0; padding:0 0 7px 0;}
fieldset {border:0; float:left; margin:0 20px 10px 0;}
label {display:block; padding:0 0 3px 0;}
input,
select,
textarea {margin-top: 5px;font-family:verdana, arial, sans-serif; font-size:100%; font-weight:normal;}
input.required {padding-left:3px;}
input.button {padding:2px 15px; font-size:100%;}

#base .textfield {background:#555551; border:1px solid #666661; color:#ccc; padding:3px; width:180px;}
#base .textareafield {background:#555551; border:1px solid #666661; color:#ccc; padding:3px; width:180px; height:116px;}
#base .selectfield {background:#555551; border:1px solid #666661; color:#ccc; padding:3px 3px 3px 0; width:140px;}

#content .textfield {color:#000; padding:3px; width:300px;}
#content .textareafield {color:#000; padding:3px; width:300px; height:60px;}
#content .selectfield {color:#000; padding:3px 3px 3px 0; width:180px;}

form#login input.required {width:150px;}
.tabletitle {font-weight:bold; color: #333333;}

.contactform {
	width: 140px;
	height: 15px;
	font-size: 120%;
}
.submitbutton {
	margin-top: 10px;
	width: 80px;
	height: 22px;
	margin-bottom: 5px;
}

.notes { width: 460px; height: 100px; margin-top: 10px;}

/* jd logos
-------------------------------------------------------*/

/* Base Image */
.logo_base_image { margin-left: 28px; text-align:center; width:125px; height:75px; vertical-align:middle;display:inline; }
.logo_base_container { width:100%; height:95px;}

/* Side Images */
.logo_side_container { width:195px;}

.logo_side_container img{ padding-bottom: 10px;}





/* =general 
-------------------------------------------------------*/

* html body	{text-align:center;}	/* centers page in ie5 */

* html .access {position:absolute; left:-999em; overflow:visible;} /* required for ie5.5 to hide 'skip' */
* html .access {pos\ition:relative; overflo\w:hidden;} /* revert for ie6 */

* html table {font-size:100%;} /* corrects font-size in ie5 */

* html .columnHolder {width:520px;} /* position fix for ie6 and below */
* html .column {display:inline;} /* bug fix for ie6 only */

/* double margin fix for ie6 and below */
* html	ul.listLinks	li {padding-bottom:1px;} /* reason <em> display block */ 
* html #basePane1 {display:inline;}
* html #basePane2 {display:inline;}



/* min-height */
* html #crumbs {height:32px;}
* html #contentSide h2 {height:35px;}
* html #contentSide .sideBox h2 {height:1%;}
* html .quoteBox blockquote {height:80px;}


/* =layout 
-------------------------------------------------------*/

/* 'give layout' to ie6 and below (self clearing float) */
* html #navMain,
* html #main,
* html .listImages,
* html .listThumbs,
* html .screenshot,
* html .columnHolder,
* html #navUtility,
* html #base {height:1%;}	

/* 'give layout' to ie7 (self clearing float) min-height does not affect other browsers so no hack */
#navMain,
#main,
.listImages,
.listThumbs,
.screenshot,
.columnHolder,
#navUtility,
#base {min-height:1px;}	

/* 'give layout' to gecko browsers (force expanded float) */
#navMain:after, 
#main:after, 
.listImages:after, 
.productlist:after, 
.listThumbs:after, 
.screenshot:after, 
.columnHolder:after, 
#navUtility:after, 
#base:after {content:".";	display:block; height:0; clear:both; visibility:hidden;}




/* =nav 
-------------------------------------------------------*/
* html #navMain {background:url(/_imgs/graphics/bgNavMain.gif) repeat 0 0;}
* html #navMain a:hover {background:url(/_imgs/graphics/bgNavMainOn.gif) repeat 0 0;}

* html .pageSoftware #tabHeadSoftware a,
* html .pageNetwork #tabHeadNetwork a,
* html .pageHardware #tabHeadHardware a,
* html .pageIT #tabHeadIT a,
* html .pageConsultancy #tabHeadConsultancy a {background:url(/_imgs/graphics/bgNavMainOn.gif) repeat 0 0;}