footer/* CSS Document */
/**************************************
Author:		Polynome
Client:		MyOwn.be
Name:		Benjamin Lucas

Revision:	25/08/2008
Name:		Benjamin Lucas
---------------------------------------
* Table of Contents
* =================

* 1. LINKS
* 2. HEADINGS
* 3. STRUCTURE
* 4. STYLING
* 5. NAVIGATIONS
* 6. MSICS
* 7. LAST MODIFICATIONS
**************************************
**************************************/
html,body{margin:0; padding:0}
body{background:#FFF url(../images/home/bg_body.gif) left 104px repeat-x; color:#123466; font:normal 0.625em "Trebuchet MS", Helvetica, "Courier New", Courier, sans-serif; margin:0; padding:0; text-align:center;}


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


/* 3. 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#content{margin:10px 250px 0 10px;}
div#content .box-container {margin:0 0 15px 0;}
div#content .box-container .content-box-container{background:url(../images/box/bg_box_01.gif) bottom left repeat-x;}
div#content .box-container .content-box-container .heading-container, div#content .box-container .content-box-02-container .heading-container{background:#FFF url(../images/box/bg_heading_right.gif) right 8px no-repeat; padding:0 0 0 0px;}
div#content .box-container .content-box-container .heading-container h2, div#content .box-container .content-box-02-container .heading-container h2 {background:url(../images/box/bg_heading_box.gif) left 8px no-repeat; color:#123466; font-size:1.8em; padding:0 0 0 50px; margin:0;}
div#content .box-container .content-box-container .heading-container h2 span, div#content .box-container .content-box-02-container .heading-container h2 span {background:#FFF; padding:0 5px;}
div#content .box-container .content-box-container .content-box {border-left:1px solid #d4dcec; border-right:1px solid #d4dcec; font-size:1.2em; height:1%; padding:0 10px; overflow:auto; position:relative;}
div#content .box-container .content-box-02-container .content-box {border-left:1px solid #d4dcec; border-right:1px solid #d4dcec; font-size:1.2em; height:160px; padding:0 10px;}
div#content .box-container .footer-box {background:url(../images/box/bg_footer_box_right_01.gif) right top no-repeat; height:10px; overflow:hidden;}
div#content .box-container .content-box-container .content-box div.price{margin:10px 0 0 0; padding:0 30px;}
div#content .box-container .content-box-container .content-box div.description{margin:0;}
div#content .box-container .content-box-container .content-box div.description h3{clear:left; color:#B1B2EF; font:normal 1.3em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; margin:5px 0 5px 0; padding:5px 0 0 0;} /*hack IE*/
div#content .box-container .content-box-container .content-box div.description label{float:left; margin:0 5px 0 0; padding:0; vertical-align:middle;}
div#content .box-container .content-box-container .content-box div.description label input, div#content .box-container .content-box-container .content-box div.description label select{border:1px solid #123466; color:#123466; font:normal 1em "Trebuchet MS", Helvetica, "Courier New", Courier, mono;}
div#content .box-container .content-box-container .content-box div.description label input{width:250px;}
div#content .box-container .content-box-container .content-box div.description label input.button{border:0; width:auto;}
div#content .box-container .content-box-container .content-box div.description label select{border:1px solid #123466; width:70px;}
div#content .box-container .content-box-container .content-box div.description ul{width:470px;}
div#content .box-container .content-box-container .content-box div.description ul li{background:url(../images/bullets_v.gif) left 5px no-repeat; float:left; padding:0 0 0 15px; width:215px;}
div#content .main-visual{background:url(../images/home/bg_main_visual.jpg) center top no-repeat; overflow:auto; position:relative; height:1%;}
div#content .box-container .content-box-02-container{background:url(../images/box/bg_box_02.gif) bottom left repeat-x;}
div#content .box-container .content-box-02-container .content-box p.box-02-visual{position:absolute; left:80%; bottom:2%;} /*hack IE60*/
div#content .box-container div.box-02-visual-handman{left:282px; position:absolute; top:18px; z-index:5000;}
div#content .box-container div.box-02-visual-handwoman{left:390px; position:absolute; top:23px; z-index:5000;}
div#content .box-container div.box-02-visual{position:absolute; left:2%; bottom:10%; width:auto; z-index:5000;}
div#content .box-container div.box-02-visual-right{position:absolute; left:90%; bottom:10%; z-index:5000;}
div#content .box-container .content-box-02-container .content-box {}
div#content .box-container .content-box-02-container .content-box p.intro-box-02{height:85px; min-height:85px; line-height:16px; margin:0 20px 10px 0px; padding:10px 0 0 0;}
div#content .box-container .content-box-02-container .content-box p.intro-box-02-right{height:85px; min-height:85px; line-height:16px; margin:0 0 10px 20px; padding:10px 0 0 0; text-align:right;}
div#content .box-container .content-box-02-container .content-box p.price-box-02{color:#F96611; font:normal 1.4em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; margin:0 0 0 60px;}
div#content .box-container .content-box-02-container .content-box p.price-box-02-right{color:#F96611; font:normal 1.4em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; margin:0 65px 0 0; text-align:right;}
div#content .box-container .content-box-02-container .content-box p.price-box-02 span, div#content .box-container .content-box-02-container .content-box p.price-box-02-right span{color:#F96611; font:bold 1.43em "Trebuchet MS", Helvetica, "Courier New", Courier, mono;}
div#content .box-container .content-box-02-container .content-box p.link-box-02{margin:0 0 10px 60px;}
div#content .box-container .content-box-02-container .content-box p.link-box-02-right{margin:0 65px 10px 0; text-align:right;}
div#content .box-container .footer-box-02 {background:url(../images/box/bg_footer_box_right_02.gif) right top no-repeat; height:10px; overflow:hidden;}
div#content .box-container .footer-box-02 img{border:0; height:10px; margin:0; padding:0; overflow:hidden; display:block;}
div#content .box-container .content-box-03-container{background:url(../images/box/bg_box_03.gif) bottom left repeat-x; margin:0 15px 0 0; width:220px;}
div#content .box-container .content-box-03-container.no-margin{margin:0;}
div#content .box-container .content-box-03-container .content-box {border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; font-size:1.2em; height: 135px; padding:0 10px;}
div#content .box-container .content-box-03-container .content-box h3{margin:0 0 5px 0; font:normal 1.3em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; color:#333;}
div#content .box-container .content-box-03-container .content-box p.intro-box-03{margin:0 0 5px 0; line-height:14px;}
div#content .box-container .footer-box-03 {background:url(../images/box/bg_footer_box_right_03.gif) right top no-repeat; height:10px; margin:0 15px 0 0; overflow:hidden; width:220px;}
div#content .box-container .footer-box-03.no-margin{margin:0;}
div#sidebar {float:left; margin:13px 0 0 -230px; width:220px;}
div#sidebar .box-sidebar{margin:0 0 10px 0;}
div#sidebar .box-sidebar .heading-box-sidebar {background:url(../images/box/bg_heading_sidebar_right.gif) right 9px no-repeat;}
div#sidebar .box-sidebar .heading-box-sidebar h3 {background:url(../images/box/bg_heading_sidebar_left.gif) left 9px no-repeat; color:#F96611; font:normal 1.4em "Trebuchet MS", Helvetica, "Courier New", Courier, mono; padding:0 0 5px 5px;}
div#sidebar .box-sidebar .heading-box-sidebar h3 span {background:#FFF; padding:0 5px;}
div#sidebar .box-sidebar .content-box-sidebar {border-bottom:1px solid #BBC5D4; border-left:1px solid #BBC5D4; border-right:1px solid #BBC5D4; padding:0;}
div#sidebar .box-sidebar .content-box-sidebar p {font:normal 1.2em/14px "Trebuchet MS", Helvetica, "Courier New", Courier, mono; padding:0 10px 5px;}
div#sidebar .box-sidebar .content-box-sidebar p a {text-decoration:none;}
div#sidebar .box-sidebar .content-box-sidebar ul {background:#EEF0F4; margin:10px 0 0 0; padding:5px 10px;}
div#sidebar .box-sidebar .content-box-sidebar ul li{font-size:1.2em;}

/* div#footer{background:#123466; 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#footer { background: #036; color: #FFF; text-align: right; font:bold 1.2em/16px "Trebuchet MS", Helvetica, "Courier New", Courier, mono; padding-right: 5px; clear: both; }
div#footer a { color: #FFF; font-style: italic; text-decoration: none; }
div#footer a:hover { color: #F60; font-style: italic; text-decoration: none; }
div#footer-left { background: #036; color: #FFF; float: left; text-align: left; width: 200px; }
div#footer-right { background: #036; color: #FFF; float: right; text-align: right; width: 200px; }


/* 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:#123466; font:normal 2.6em "Trebuchet MS", Helvetica, "Courier New", courier, mono;}
div#content{}
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:#F96611;}
/*=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: #eeeeee;
  
  border-top: 1px solid #ffffff;
  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;/*height: 190px;*/
  
  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: #666666;
  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:#123466; font-family:"Trebuchet MS", Helvetica, "Courier New", Courier, mono;}
.logo-color-2{color:#F96611; 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
------------------------------------------------- */