/* CSS Document */
/**************************************
* Table of Contents
* =================
* 1. LINK
* 2. STRUCTURE
* 3. MENU
* 4. STYLING
* 5. NAVIGATIONS
* 6. MISCS
* 7. LAST MODIFICATIONS
**************************************/

html,body{margin:0; padding:0}
body{background:#FFF url(../images/home/bg_body.gif) left 104px repeat-x; margin:0; padding:0; font:normal 0.63em "Trebuchet MS", Helvetica, "Courier New", courier, mono; color: #036;}

/* 1. LINK
------------------------------------------------- */
a:link{color:#036; text-decoration:underline;}
a:visited{color:#036; text-decoration:underline;}
a:hover{color:#F60; text-decoration:none;}
a:active{color:#036; text-decoration:underline;}

/* 2. STRUCTURE
------------------------------------------------- */
div#main-container{margin:0 auto; text-align:left; width:952px;}
div#header{height:1%; position:relative; overflow:hidden; padding:0 0 5px 0;}
div#header h1{margin:145px 0 0 145px;}
div#header div#logo-myown{position:absolute; top:0; left:0;}
div#content-container{float:left; margin:0; width:100%;}
div#footer{background:#036; clear:both; color:#FFF; font:bold 1.2em/16px "Trebuchet MS", Helvetica, "Courier New", Courier, mono;; height:16px; margin:0; padding:0 5px 0 0; text-align:right; width:100%;} 
div#menu-container {margin: 10px 0px 0px 2px; float:left; width: 170px; font-size:1.2em;}
div#right-container {margin-top: 25px; float:right; width: 160px; text-align: center;}

/* 3. MENU
------------------------------------------------- */
div#menu-container ul.menu {margin: 0px 0px 10px 3px; padding: 0px; font-size: 1em; color: #036; font-weight: bold; list-style-type: none;}
div#menu-container .menu ul {margin: 0px 0px 10px 3px; padding: 0px; font-size: 1em; color: #036; font-weight: bold; list-style-type: none;}
div#menu-container .menu li {background: #E9E9FF; margin:0px 0px 0px 3px; padding:0px 0px 0px 0px;}
div#menu-container .menu a {margin: 0px 0px 0px 3px; padding:0px 0px 0px 15px; line-height: 20px; height: 20px; color: #036; text-decoration: none; background: url(/_templates/default/images/blue-circle.gif) no-repeat left center;}
div#menu-container .menu a:active {text-decoration:underline;}
div#menu-container .menu a:hover {color: #F60; background: url(/_templates/default/images/orange-circle.gif) no-repeat left center;}
div#menu-container .menu li.first {margin:0px 0px 5px 0px; padding:0px 0px 0px 15px; height: 30px; line-height: 30px; font-size: 1.3em; font-weight: bold; font-style: italic; color: #336; background:#FFF url(/_templates/default/images/top-menu.gif) no-repeat left center;}
div#menu-container .livehelp {margin: 10px 0px 10px 6px;}

/* 4. STYLING
------------------------------------------------- */
div#content-container{background:url(../images/home/bg_content_container.gif) center top no-repeat;}
div#header{background:url(../images/home/bg_header.jpg) right 53px no-repeat;}
div#header h1{color:#036; font:normal 2.6em "Trebuchet MS", Helvetica, "Courier New", courier, mono;}
div#content {margin: 10px 155px 15px 175px;	padding: 0px 5px 25px 5px; color: #036; font:normal 1.525em "Trebuchet MS", Helvetica, "Courier New", courier, mono; background: url(/_templates/default/images/separator.gif) no-repeat left bottom;}
div#content #box-container{}


/* 5. NAVIGATIONS
------------------------------------------------- */
/*=main-navigation*/
ul#main-navigation {background:url(../images/home/bg_main_nav.gif) repeat-x left top; position:absolute; top:74px; left:280px;}
ul#main-navigation li {background:url(../images/home/bg_left.gif) no-repeat left top; float:left; font:bold 1.1em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; margin:0; padding:0 0 0 15px;}
ul#main-navigation li a {background:url(../images/home/bg_right.gif) no-repeat right top; color:#123466; display:block; float:left; line-height:20px; padding:7px 15px 7px 0; text-decoration:none;}
ul#main-navigation li a:hover {color:#F60;}
/*=second-navigation*/
ul#second-navigation {position:absolute; top:0; right:10px;}
ul#second-navigation li{float:left; font:normal 1.1em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; margin:10px 20px 0 0; height:25px;}
ul#second-navigation li.ico-client-space{background:url(../images/home/bg_padlock.gif) left 1px no-repeat;  padding:0 0 0 15px;}
ul#second-navigation li.ico-support{background:url(../images/home/bg_support.gif) left 1px no-repeat; padding:0 0 0 21px;}
ul#second-navigation li.ico-faq{background:url(../images/home/bg_faq.gif) left 1px no-repeat; padding:0 0 0 23px; }
ul#second-navigation li.ico-contact{background:url(../images/home/bg_contact.gif) left 4px no-repeat; padding:0 0 0 23px;}
ul#second-navigation li.ico-sitemap{background:url(../images/home/bg_sitemap.gif) left 3px no-repeat; padding:0 0 0 23px; margin:10px 0 0 0}
/*=second-navigation*/
ul#assets{margin:10px 0 0 145px;}
ul#assets li{background:url(../images/home/bg_assets.gif) left 3px no-repeat; color:#B1B2EF; display:inline; font:bold 1.1em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; margin:0 10px 0 0; padding:5px 0 5px 25px}
/*=footer-navigation*/
ul#footer-navigation {margin:0 auto; padding:5px 0; text-align:center; width:650px;}
ul#footer-navigation li {display:inline; font:normal 1.1em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; text-align:center;}
ul#footer-navigation li a:link, ul#footer-navigation li a:visited{color:#999; text-decoration:underline;}
ul#footer-navigation li a:hover{color:#666; text-decoration:none;}
ul#footer-navigation li a:active{color:#ccc; text-decoration:underline;}

.footer_container {width: 100%; background-color: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #ffffff; text-align: center;}
.footer_content {width: 960px; margin: 0 auto; padding: 10px 0 10px 0; text-align: left;}
.footer_cols {width: 162px; height: 140px; margin: 0px 0px 10px 0px; padding: 10px 15px 10px 15px; float: left;}
.footer_cols .footer_cols_title {font-weight: bold; font-size: 1.2em; margin-bottom: 8px; color: #937B19;}
.footer_cols .footer_cols_item { font-size: 1.1em; margin-bottom: 5px; color: #666; line-height: 15px;}

/* MISCS
------------------------------------------------- */
.align-right {text-align:right;}
.align-left {text-align:left;}
.changing-font {font-family:Arial, Verdana, sans-serif;}
.logo-color-1{color:#036; font-family:"Trebuchet MS", Helvetica, "Courier New", Courier, mono;}
.logo-color-2{color:#F60; font-family:"Trebuchet MS", Helvetica, "Courier New", Courier, mono;}
.logo-color-3{color:#B1B2EF; font-family:"Trebuchet MS", Helvetica, "Courier New", Courier, mono;}
.float-left{float:left;}
.float-right{float:right;}
.clear-left{clear:left;}
.display-inline{display:inline;}
.no-margin {margin:0;}
.width-20{width:19.9%;}
.width-30{width:29.9%;}
.width-40{width:39.9%;}
.fix-dimention-box-home-level-02{width:302px;}
.width-45{width:44.9%;}
.width-48{width:48%;}
.width-50{width:49.9%;}
.width-60{width:59.9%;}
.width-70{width:69.9%;}


/* HACKS
--------------------------------------------------- */
/*IE6.0*/
* html div#content .box-container .content-box-container .content-box div.description h3{margin:5px 0; padding:0;}
* html div#content .box-container div.box-02-visual-right{position:absolute; left:90%; bottom:12%; z-index:5000;}
* html div#content .box-container div.box-02-visual{position:absolute; left:2%; bottom:12%; width:auto; z-index:5000;}
/*IE7*/
*+html div#content .box-container .content-box-container .content-box div.description h3{margin:5px 0; padding:0;}
*+html div#content .box-container div.box-02-visual-right{position:absolute; left:90%; bottom:12%; z-index:5000;}
*+html div#content .box-container div.box-02-visual{position:absolute; left:2%; bottom:12%; width:auto; z-index:5000;}


/* LAST MODIFICATIONS
------------------------------------------------- */