* { margin:0; padding:0; font-family:arial; }
body { margin:0; padding:0; background-color:black; color:white; }

p, span, div, li, label { color:white; font-size:1em; }
p { font-size:0.9em; margin-bottom:1em; }

a { color:white; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 {}
h2 { font-size:1.1em; font-weight:normal; }
h3 { font-size:1em; font-weight:normal; }
h4 { font-size:0.9em; font-weight:bold; }

h1.strong, h2.strong, h3.strong { font-weight:bold; }

div.input label { float:left; width:100px; }
div.input input {}


/**
 * Elements
 */
.seperator { border-bottom:1px solid #37383a; }
.error { margin:0 0 1em 0; background-color:#8b8b8e; border:1px solid #3e3f41; padding:4px; font-weight:bold; }
.error p { margin:0; color:black; }

/**
 * Containers
 */
#container { text-align:center; }
#wrapper { width:775px; text-align:left; margin:0 auto; padding-top:15px; }


/**
 * Header
 */
#header { height:45px; margin:0 0 15px 0; text-align:right; }
#header .logo { float:left; text-align:left;  }
#header .logo h1 { margin:0; padding:0; background-image:url(/img/wol.png); width:242px; height:45px; background-repeat:no-repeat; display:block; text-indent:-9000px; }
#header .logo h1 a { display:block; width:100%; height:100%; outline:none; }
#header .account { font-size:0.75em; padding-top:32px; }
#header .account a:hover { text-decoration:underline; }

/**
 * Navigation
 */
#navigation { margin:0 0 15px 0; padding:0; background-color:#b06f0d; height:22px; }
#navigation .wrapper { padding:6px 4px 4px 8px; }
#navigation ul { margin:0; padding:0; }
#navigation ul li { list-style-type:none; margin:0; margin:0 20px 0 0; float:left; }
#navigation ul li div { height:13px; background-repeat:no-repeat; background-position:top left; }
#navigation ul li div a { text-indent:-9000px; display:block; width:100%; height:100%; outline:none; }

#navigation ul li.hover div, #navigation ul li.active div { background-position:bottom left; }

#navigation ul li.home div { width:65px; background-image:url(/img/navigation/home.png); }
#navigation ul li.services div { width:77px; background-image:url(/img/navigation/services.png); }
#navigation ul li.company div { width:86px; background-image:url(/img/navigation/company.png); }
#navigation ul li.support div { width:77px; background-image:url(/img/navigation/support.png); }
#navigation ul li.contact div { width:75px; background-image:url(/img/navigation/contact.png); }



/**
 * Left Navigation
 */
#navigationLeft {}
#navigationLeft h3 { font-size:1.5em; }

#navigationLeft ul { margin:0; padding:0; }
#navigationLeft ul li { list-style-type:none;  }

#navigationLeft h4 { border-bottom:1px solid #b06f0d; margin-top:1em; font-weight:bold; font-size:0.9em; }

#navigationLeft ul li { margin:0.5em 0 0 15px; font-size:0.9em; }
#navigationLeft ul li ul li { margin-left:0; }

#navigationLeft ul li.active > div a { color:#f2a838; }
#navigationLeft a:hover { text-decoration:underline; }

.withLeft {  }
.withLeft .left { width:200px; float:left; }
.withLeft .main { margin-left:230px;  }

.withLeft .leftCol { float:left; width:45%; }
.withLeft .rightCol { float:left; width:45%; margin-left:5%; }

/**
 * Banner
 */
#banner { margin:0 0 15px 0; padding:0; width:100%; height:120px; background-repeat:no-repeat; background-position:top left; }
#banner .content { text-indent:-9000px; }
#banner.homes { background-image:url(/img/banners/homes.jpg); }
#banner.services { background-image:url(/img/banners/services.jpg); }
#banner.companys { background-image:url(/img/banners/companys.jpg); }
#banner.supports { background-image:url(/img/banners/supports.jpg); }
#banner.contacts { background-image:url(/img/banners/contacts.jpg); }
#banner.accounts { background-image:url(/img/banners/accounts.jpg); }
 
/**
 * Content
 */
#content { width:100%; padding-bottom:15px; }


/**
 * Corners
 */
.corners { position:relative; width:100%; }
.corners {  }
.corners .header { height:17px; position:absolute; width:100%; }
.corners .header .left { float:left; background-image:url(/img/corners/grey.png); width:15px; height:17px; background-position:top left; }
.corners .header .right { float:right; background-image:url(/img/corners/grey.png); width:15px; height:17px; background-position:top right; }
.corners .headline { background-color:#58585a; border-bottom:4px solid #b06f0d; }
.corners .headline .wrapper { margin:0 0 5px 15px; padding-top:10px; }
.corners .content { background-color:#58585a; padding-top:10px; min-height:300px; }
.corners .content.black { background-color:black; }
.corners .content .wrapper { margin:0 15px 0 15px; padding-bottom:0.5em; }
.corners .content .wrapper.tight { margin:0 0 0 0; }

div[class] .corners .content .wrapper { height:auto; } /** IE Hack */

.corners .footer { border-top:1px solid #b06f0d; padding-top:5px; margin-top:1em; }
.corners .footer p { font-size:0.8em; margin-bottom:0.5em; }

.corners ul {}
.corners li { margin:0 0 0.5em 1.5em; font-size:0.9em; }

.corners h4 { margin-bottom:0.5em; }

.corners a { color:#f2a838; text-decoration:underline; }
.corners a:hover { color:white; text-decoration:underline; }
 
/**
 * Footer
 */
#footer { background-color:#b06f0d; }
#footer .wrapper { padding:10px; text-align:center; }
#footer p { margin-bottom:0.2em; font-size:0.8em; }
#footer p.copyright { margin-top:0.5em; }
#footer a { text-decoration:underline; }
#footer a:hover { text-decoration:none; }
 
 
 
 
 
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */