﻿@import url('reset.css');
@import url('multibox.css');

/* General HTML */
html {text-align: center; }
body {position:relative; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height:1.0em; font-size:1em;}
div p {margin:0 0 .5em 0; text-align: justify; font-size: .8em; font-weight:lighter; }
div li {text-align: left; font-size: 1em; }
div h2 {padding:.5em 0; text-align: left; font-weight: bold ;font-size:1.1em }
div h3 {font: bold 1em Arial, Helvetica, sans-serif; }
div table {width:100%; font: 1em Arial;margin:0 0 0 10px;}
.bd li {padding-bottom:.5em;}

/* Text Emphasis */
strong {font-weight:bold;}
em {font-style:italic;}
.big {font: Bold 1.5em Arial, Helvetica, sans-serif; }
.contact {font-size:1.1em;}

/* Header & Logo Section */
#header {background: #fff repeat-x;	height: 92px; }
#logo {position: absolute;	top: 20px; left: -35px; width: 350px; }
#tagline {position: absolute; top: 40px; left: 320px; width: 650px; font-family: Arial, Helvetica, sans-serif;	font-size: 1.5em; font-weight:lighter;height:1.7em;line-height:1.6em;}
#logoimg {width:283px;height:96px;;behavior: url(css/iepngfix.htc)}

/* Menu Section */
#menu {background:#fff url('../images/menu_background.png') repeat-x; height:36px;}
.menuitem, .menuitemSelected {display:block; float: right; font: bold 1.1em Arial, Helvetica, sans-serif; }
.menuitem a       {padding:7px 10px 0 10px; display:block; text-decoration:none; color: #434343;}
.menuitemSelected {padding:7px 10px 0 10px; display:block; text-decoration:none; color: #d3d3d3;}
.menuitem a:hover {padding:7px 10px 0 10px; display:block; text-decoration:none; color: #FF991A; background:#fff url('../images/menu_background_on.png') repeat-x; height:30px;}

/* Footer Section */
#footer {margin: 0 auto; padding-top: 10px; background: #FFEA71;}
#footer ul {width:520px; margin: 0 auto; }
#footer a {text-decoration:none;}
li.footeritem {float: left; margin:0 18px 0 18px; font: 0.9em Arial, Helvetica, sans-serif; padding:0;}
p.copyright {line-height: 1.5em; text-align: center; padding: 0 0 20px 0; font: Arial, Helvetica, sans-serif; }
a.fsl {color: #d85d5d; text-decoration: none; }

/* Body Section */
#body_top {height: 400px; }
#body_bottom {height: 450px; background: #FFF; }
#body_bottom h2 {padding-left: 0; }
#body_bottom img {vertical-align: middle; margin-right: 1em; }
#covers {margin: 10px -10px 0 0; }
#bottom_img {text-align: left; }
#fsb {position:absolute;top:200px;left:350px;}

/* 2 Column Layouts */
.bd {width: 950px;	margin: 0 auto;	position: relative; }
.left70 {width: 70%; left: 0; position: absolute; }
.right30 {width: 30%; left: 70%; position: absolute; }
.left55 {width: 54%; left: 0; position: absolute; text-align: left; border-right:2px #444 solid; }
.right45 {width: 45%; left: 55%; position: absolute; padding:0 0 0 15px; }
.left50 {width: 50%; left: 0; position: absolute; text-align: left; border-right:2px #444 solid; }
.right50 {width: 50%; left: 50%; text-align: left; position: absolute; border-left:2px #444 solid; }
.right50 p, .left50 p {margin:0 .8em .5em .8em;}
.right50 h2, .left50 h2 {margin:0 .5em .5em .5em;}
.right50 h3, .left50 h3 {margin:0 .5em .5em .5em;}
.left33 {width: 34%; left: 0; position: absolute; text-align: left; border-right:1px #ccc solid; }
.center33 {width: 33%; left: 34%; position: absolute; text-align: left; border-right:1px #ccc solid;border-left:1px #ccc solid; }
.right33 {width: 33%; left: 67%; position: absolute; text-align: left; border-left:1px #ccc solid; }
.left33 p, .center33 p, .right33 p{margin:0 1.4em .5em 1.4em;}
.left33 h2, .center33 h2, .right33 h2{margin:0 .95em .5em .95em;}
.left33 h3, .center33 h3, .right33 h3{margin:0 1em .5em 1em;}

/* Case Studies */
.casestudyheader{width:800px; height:500px; padding:5px; margin:10px; float:left;}
.casestudy{width: 800px; height: 300px; padding:5px; margin:10px auto;}
.casestudy img {margin:10px auto;}
.casestudy p {font-size:1em;}

/* Clear */
.clear {float:none; clear:both; padding:0; margin:0;}
