html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
td {
	font-family: Segoe UI, Arial, Tahoma, sans-serif;
	font-size: 8pt;
	color: #333333;
	vertical-align: top;
}
p {
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 16px;
}
h1 {
	font-family: Segoe UI, Arial, Tahoma, sans-serif;
	font-size: 11pt;
	color: #408BCA;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: Segoe UI, Arial, Tahoma, sans-serif;
	font-size: 9pt;
	color: #333333;
	margin: 0px;
	padding: 0px;
	margin-bottom:10px;
}
h2.blue {
	color: #408BCA;
}
h3 {
	font-family: Segoe UI, Arial, Tahoma, sans-serif;
	font-size: 9pt;
	color: #408BCA;
	padding: 0px;
	margin-top:10px;
	margin-bottom:10px;
}
h4 {
	font-family: Segoe UI, Arial, Tahoma, sans-serif;
	font-size: 10pt;
	color: #999999;
	padding: 0px;
	margin-top: 2px;
	margin-bottom:13px;
}
.brdcrumb {
	padding-top: 10px;
	color: #CCCCCC;
	padding-left: 10px;
}
/* HEADER */
#hdr1 {
	background-image:url(../_img/hdr1.jpg);
	width:900px;
	height:25px;
	background-repeat:
	no-repeat;
	padding-top:4px;
	color:#999999;
	text-align: right;
}
#hdr2 {
	background-image:url(../_img/hdr2.jpg);
	width:900px;
	height:55px;
	padding-top:22px;
	background-repeat:no-repeat;
}

/* NAVIGATION */
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
	font-family: Segoe UI, Arial, Tahoma, sans-serif;
	font-size: 8pt;
	color: #333333;
	font-weight: bold;
  
} 
div.menuBar {
  padding: 5px 3px 0px 3px;
  text-align: left;
  border: 2px solid #FFFFFF;

}
  
div.menuBar a.menuButton {
  color: #333333;
  cursor: pointer;
  left: 0px;
  margin: 1px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: #333333;
  color: #FFFFFF;
}
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #333333;
  color: #FFFFFF;
}
div.menu {
  background-color: #EEEEEE;
  left: 0px;
  padding: 0px 0px 0px 7px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
  margin: 0px;
}

div.menu a.menuItem {
  color: #333333;
  font-weight: normal;
  cursor: default;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  /*background-color: #1D5FAB;*/
  color: #333333;
  text-decoration: underline;
  cursor: pointer;
}

div.menu div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #ffffff;
  margin: 4px 2px;
}


/* CONTENT */
#content {
	width: 900px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}

/* BOX */
#box_large {
	background-image:url(../_img/boxlarge.jpg);
	width:578px;
	height:183px;
	background-repeat:no-repeat;
}
#box_small {
	background-image:url(../_img/boxsmall.jpg);
	width:298px;
	height:183px;
	background-repeat:no-repeat;
}
.boxcocoon {
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
}
.boxlink {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.boxlink:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#ordernow {
	background-image:url(../_img/bgbutton01.gif);
	width:75px;
	height:25px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
	padding-top:5px;
	padding-left: 8px;
	cursor: pointer;
}
#linuxbutton {
	background-image: url(../_img/bgbutton02.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 40px;
	padding-top: 16px;
	padding-left: 50px;
	font-weight:bold;
	cursor: pointer;
}
#windowsbutton {
	background-image: url(../_img/bgbutton03.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 40px;
	padding-top: 16px;
	padding-left: 50px;
	font-weight:bold;
	cursor: pointer;
}

/* FORMS */
form {
	margin: 0px;
	padding: 0px;
}
.frmadrr {
	font-family: Segoe UI, Arial, Tahoma, sans-serif;
	font-size: 8pt;
	color: #999999;
	height:20px;
	border:1px solid #CCCCCC;
	padding-top:2px;
	padding-left:3px;
}
.emailadresbtn {
	padding: 0px;
	height: 20px;
	width: 30px;
	font-size: 8pt;
	font-weight: bold;
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
}

/* CONTACT */
.ctct_ttl {
	height: 25px;
	background-color: #CCCCCC;
	vertical-align: middle;
	color: #333333;
	padding-left: 5px;
	font-weight: bold;
}
.ctct_col1 {
	color: #333333;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ctct_col2 {
	padding-top: 5px;
	padding-bottom: 10px;
}
.ctct_input {
	font-family: Segoe UI, Arial, Tahoma, sans-serif;
	font-size: 8pt;
	color: #333333;
	height:20px;
	border:1px solid #CCCCCC;
	padding-top:2px;
	padding-left:3px;
	width: 200px;
}
.ctct_select {
	font-family: Segoe UI, Arial, Tahoma, sans-serif;
	font-size: 8pt;
	color: #333333;
	height:20px;
	border:1px solid #CCCCCC;
}
.ctct_textarea {
	font-family: Segoe UI, Arial, Tahoma, sans-serif;
	font-size: 8pt;
	color: #333333;
	border:1px solid #CCCCCC;
	padding-top:2px;
	padding-left:3px;
	width: 350px;
}
.ctct_btn {
	padding: 0px;
	height: 25px;
	width: 80px;
	font-size: 8pt;
	font-weight: bold;
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	color: #333333;
}
a.ctct_lnk {
	color: #333333;
	text-decoration: underline;
}
a.ctct_lnk:hover {
	color: #333333;
	text-decoration: underline;
}
/* LINKS */
a.blue {
	color: #408BCA;
	text-decoration: underline;
}
a.blue:hover {
	color: #408BCA;
	text-decoration: underline;
}
a.white {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/* FOOTER */
.ftrttl {
	height: 30px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:4px;
}
.ftrsubitem {
	height: 20px;
	color: #999999;
}
.ftrsubitem img {
	margin-right: 5px;
}
#ftrcopyright {
	border-top:1px solid #333333;
	padding-top:10px;
	color: #999999;
	padding-left:10px;
	padding-right:10px;
	line-height:16px;
}
#ftrcopyright img {
	margin-right:15px;
}
#ftr {
	border-top:1px solid #333333;
	color: #999999;
	vertical-align: top;
	padding-top: 10px;
	text-align: right;
	padding-right: 10px;
	line-height: 16px;
}
#ftr a {
	color: #999999;
	text-decoration: none;
}
#ftr a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.ftrmore {
	color: #999999;
	text-decoration: none;
}
.ftrmore:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.ftritem {
	color: #999999;
	text-decoration: none;
}
.ftritem:hover {
	color: #CCCCCC;
	text-decoration: none;
}


.hdr {
	color: #CCCCCC;
	text-decoration: none;
}
.hdr:hover {
	color: #FFFFFF;
	text-decoration: none;
}