@charset "utf-8";
/* CSS Document */


/**** remove spaces ****/


/* * * * LAYOUT * * * */
body {
	background: url("../img/bg.gif") repeat scroll 0 0 #656565;
	color: #000;
	font-family: Calibri,"Lucida Sans","Futura Book",Futura,"Gill Sans","Gill Sans MT",Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	margin: 0;
}
.container {
	background-color: #FEFEFB;/*#FCFCF9;*/
	margin: 0 30px 10px;
	max-width: 1200px;
	min-width: 950px;
	position: relative;
}
#sidenav {
	background-color: #FEFEFB;
	color: #444;
	float:left;
	font-family: Calibri,"Lucida Sans","Futura Book",Futura,"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size: 0.9em;
	margin-left: 10px;
    left: 30px;
	padding-top: 78px;
	position: fixed;
	text-transform: uppercase;
	top: 0;
	width: 220px;
}
#sidenav a, #sidenav a:visited {
	border: 1px solid transparent;
	color: #444;
	display: block;
	float: left;
	height: 18px;
	text-decoration: none;
	white-space: nowrap;
}
#sidenav a:hover, #sidenav span:hover, .current a {
	background-color: #FFF;
	border: 1px solid #D6D6D3 !important;
	color: #8E2344 !important;
}
#sidenav div {
	clear: left;
	height: 20px;
}
#sidenav span {
	display: block;
	float: left;
	height: 18px;
	cursor:pointer;
	border: 1px solid transparent;
}
#sidenav div img {
	float: left;
	height:20px;
	width:20px;
}
#sidenav-ref {
    color: #DDD;
	margin: 1em 0 0.7em;
    text-align: center;
}
#sidenav-ref a, #sidenav-ref a:visited {
    color: #BBB;
	display: inline;
    float: none;
	font-size: 0.9em;
    padding: 0 0.6em;
    text-align: center;
    text-transform: lowercase;
}
#sidenav-ref-viewtop {
	display:none;
}
#header {
    background-color: #161616;
    border-bottom: 1px solid #999;
    color: #FFF;
    height: 67px;
    left: 38px;
    max-width: 1184px;
    min-width: 934px;
    position: fixed;
    right: 38px;
    top: 0;
    z-index: 10;
}
#content {
	color: #555;
	margin: 78px 10px 0 234px;
	min-height: 700px;
	padding: 0 14px 16px 0;
}
.footer {
	background-color: #F6F6F6;
	border: 1px solid #F0F0F0;
	color: #9D9D9D;
	font-size: 0.8em;
	height: 3em;
	margin: 0 24px 8px;
	padding: 0 8px 1px;
}
.copyright, .contact {
	width:49%;
	margin-top:1em;
}
.copyright {
	float:left;
}
.contact {
	float:right;
	text-align: right;
}
.logo {
	float:left;
	height:57px;
	margin:5px;
	width:84px;
}
.clr, .clearing {
	clear: both;
	height: 0 !important;
}
/*
#topborder {
	background: url("../img/bg_top.gif") repeat-x scroll 0 0 #FEFEFB;
	height: 17px;
	left: 30px;
	max-width: 1200px;
	min-width: 750px;
	position: fixed;
	right: 30px;
	top: 0;
}
#topleft, #topright,*/
#bleft, #bright {
	height: 17px;
	width: 17px;
	float: left;
}
/*#topleft {
	background: url("../img/bg_topcorner.gif") no-repeat scroll 0 0 transparent;
}
#topright {
	background: url("../img/bg_topcorner.gif") no-repeat scroll -17px 0 transparent;
	float: right;
}
*/
#bborder {
	background: url("../img/bg_bottom.gif") repeat-x scroll 0 0 transparent;
	height: 17px;
	min-width: 950px;
}
#bleft {
	background: url("../img/bg_bottomcorner.gif") no-repeat scroll 0 0 transparent;
}
#bright {
	background: url("../img/bg_bottomcorner.gif") no-repeat scroll -17px 0 transparent;
	float: right;
}
#c_lb {
	background: url("../img/bg_left.gif") repeat-y scroll 0 0 transparent;
	overflow: hidden;
}
#c_rb {
	background: url("../img/bg_right.gif") repeat-y scroll 100% 0 transparent;
	overflow: hidden;
}
#submenu {
    background-color: #555555;
    border: 1px solid #555555;
    color: #AAA;
    float: right;
    font-family: Calibri,"Arial Narrow",Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    margin: 19px 19px 0 0;
    padding: 5px 12px 4px;
    right: 0;
    text-align: center;
}
#submenu a, #submenu a:visited {
	color:#CCC;
	margin: 0 0.9em;
	text-decoration:none;
}
#submenu a:hover {
	text-decoration:underline;
}
.headerphone {
	float: right;
	clear: right;
	margin-right: 19px;
	color: #CCC;
}
.headerphone a { color:#FFF; }
#companytitle {
	float: left;
	margin-left: 2px;
}
#companyname {
	font-size: 1.4em;
	text-transform: uppercase;
}
#companytag {
	font-style: italic;
}

.tmL0 {
	border-top: 1px dotted #EEEEEE;
	display: block;
	height: 24px !important;
	width: 220px;
	color:#222;
}
.tmL1, .tmL2, .tmL3, .tmL4, .tmL5 {
	display: none;
	width: 220px;
}
.tmL2, .tmL3, .tmL4, .tmL5 {
	text-transform:none;
}
.tmL0 a {
	font-size: 1.1em;
	height: 22px !important;
	padding-top: 2px;
	width: 196px;
}
.tmL0 img {
	padding-top: 2px;
}
.tmL1 span, .tmL1 a {
	width: 176px;
}
.tmL2 span, .tmL2 a {
	width: 156px;
}
.tmL3 span, .tmL3 a {
	width: 136px;
}
.tmL4 span, .tmL4 a {
	width: 116px;
}
.tmL5 span, .tmL5 a {
	width: 96px;
}
.tmParent {
	cursor: pointer;
}
.tmLD {
	display:block;
}


/* * * * ELEMENTS * * * */
a {
	color:#4E9DDB;
}
a:visited {
	color: #3382C0;
}
a:hover {
	color:#4E9DDB;
	text-decoration:none;
}
h1 {
	margin-top:0;
}
h1, h2, h3, h4 {
	color: #2B2B2B;
	font-weight: normal;
	margin-bottom: 0;
	text-transform: uppercase;
}
p {
	margin:0.2em 0 0.6em;
}
img.floatl {
	margin-right:12px;
	float:left;
}
img.floatr {
	margin-left:12px;
	float:right;
}
a img {
	border:0;
}


/* * * * DESIGN * * * */

.highlightbox {
	border: 1px solid #DCDCDC;
	margin-top: 1em;
	padding: 9px;
}
.highlightbox .col1, .highlightbox .col2, .highlightbox .col3 {
	float: left;
	margin: 0 1em 0 0;
	padding-left: 0;
	width: 31%;
}
.highlightbox .col1 {
	width:28%;
}
.highlightbox h2 {
	margin: 0;
}
.fbcontainer {
    overflow: auto;
    width: 680px;
	margin: 0 auto;
}
.featurebox {
	float: left;
	height: auto !important;
	margin: 17px 17px 17px 0;
	min-height: 220px;
	width: 209px;
}
.fb_title {
	color: #393939;
	height: 67px;
	padding: 0 0 0 57px;
	text-transform: uppercase;
}
.fb_title div {
    display: table-cell;
    font-size: 1.3em;
    height: 67px;
    vertical-align: middle;
}
.fb1 {
	background-color: #E2DAD0;
}
.fb1_title {
	background: url("../img/block1_mark.gif") no-repeat scroll 18px 50% #F3EFEA;
}
.fb2 {
	background-color: #E3EADD;
}
.fb2_title {
	background: url("../img/block2_mark.gif") no-repeat scroll 18px 50% #F1F4ED;
}
.fb3 {
	background-color: #EADDDD;
}
.fb3_title {
	background: url("../img/block3_mark.gif") no-repeat scroll 18px 50% #F4EDED;
}
.fb4 {
	background-color: #D3E0E9;
}
.fb4_title {
	background: url("../img/block4_mark.gif") no-repeat scroll 18px 50% #E8EFF4;
}
.featurebox ul {
	color: #444;
	font-size: 0.8em;
	/*line-height: 1.6em;*/
	list-style-image: url("../img/mark2.gif");
	margin: 24px 4px 0 0;
}
.featurebox ul li {
	margin-bottom: 0.4em;
}
span.feature {
	color: #000;
}

.ctr {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}

table.matrix ul, .portlet ul {
	margin-left: 20px;
	padding-left: 0px;
	list-style-type:disc;
	margin-top:0px;
}
table.matrix {
	background-color : #FCF9F0;
	color : #000;
	border: 1px solid #E6D3B6;
	margin-bottom: 0.4em;
}
table.matrix td {
	font-size: 0.9em;
	border-right: 1px solid #F9F0E0;
	border-bottom: 1px solid #F9F0E0;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
table.matrix td.matrixhd, table.matrix th {
	background-color : #F3E9D6;
	font-size: 0.9em;
	color : #000;
	font-weight : bold;
	border-right: 1px solid #E6D3B6;
	border-bottom: 1px solid #E6D3B6;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
table.matrix img {
	border:none;
}
.example-url, .example-email, .code, .filename {
	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size : 1em;
	background-color : transparent;
}
.example-url, .example-email {
	color:#06C;
	background:#F0F6FC;
	border:1px dotted;
	padding:2px;
}
.code {
	color:#008000;
	border-top:1px dotted;
	border-bottom:1px dotted;
	padding:2px;
	text-align:left;
	overflow:auto;
	background-color: #F3FCF0;
}
.filename {
	color:#968366;
	background:#FCF9F0;
	border-bottom:1px dotted;
	padding:1px;
}

div.footerlist {
	text-align:center;
	font-size:0.8em;
	margin:15px 30px 15px 30px;
	border-top:1px solid #E6D3B6;
	border-bottom:1px solid #E6D3B6;
	padding-top:2px;
	padding-bottom:3px;
	clear:both;
}
div.footerlist ul, div.footerlist li {
	display:inline;
	background:url(/images/bullet006.gif) 0% 50% no-repeat;
}
div.footerlist ul {
	list-style-type:disc;
	padding-right:0.9em;
	background-position:100% 50%;
	padding-left:0px;
	margin-left:0px;
}
div.footerlist li {
	padding: 0em 0.4em 0em 1.3em;
}
td.note {
	background-color : #EEE;
	color : #000;
}
.img3dr, .img3dl, .img3dc {
	background-color: #FFF;
	padding:4px;
	border:1px solid #999;
	border-top-color: #EEE;
	border-left-color: #EEE;
	display:inline;
	float:right;
	margin-left:12px;
	text-align:center;
}
.img3dl {
	float:left;
	margin-right:12px;
	margin-left:0px;
}
.img3dc {
	float:none;
	margin:0px auto;
	display:block;
}