/************************ Global **************************/
html {
 height:100%;
 background-color:#EEEEEE;
}

body {
 margin:0;
 height:100%;
 width:100%;
 padding:0;
 text-align:center;
/* font-family:Arial, Helvetica, sans-serif; */
 font-family:Verdana, Helvetica, sans-serif;
 font-size:11px;
 background-color:#EEEEEE;
}

div {
 border:none;
 text-align:left;
}

a {
 color:#114477;
 text-decoration:none;
}

a img {
 border:none;
}

hr {
 border:none;
 border-top:solid 1px #BBBBBB;
}

th {
 font-weight:normal;
 text-align:left;
 vertical-align:top;
}

td {
 text-align:left;
 vertical-align:top;
}

form {
 padding:0;
 margin:0;
}

div.clearBoth {
 clear:both;
}

/************************ Areas ***************************/

#nonFooter {
 position:relative;
 min-height:100%;
 width:1000px;
 text-align:center;
 border:solid 1px #444444;
 border-top:none;
 border-bottom:none;
 margin:0 auto;
 background-color:#FFFFFF;
}

* html #nonFooter
{
 height:100%;
}

#header {
 width:100%;
 height:88px;
 padding-bottom:4px;
 margin:0 auto;
/*border-top:solid 1px #444444; */
}

#body {
 padding:18px 0 18px 0;
 width:100%;
 margin:0 auto;
}

#footer {
 position:relative;
 margin:0 auto;
 margin-top:-26px;
 width:1000px;
 height:24px;
 background:url('/pictures/fband.gif') repeat-x;
 border:solid 1px #444444;
 border-left:none;
 border-right:none;
}

/************************** Header **************************/

#homeLink {
 position:absolute;
 margin:8px 0 0 48px;
}

#headerPic {
 position:absolute;
 right:0;
 top:0;
 border:solid 1px #444444;
 border-top:none;
 border-right:none;
}

#sections {
 position:absolute;
 margin:68px 0 0 23px;
 padding:0 0 3px 232px;
 list-style:none;
 width:722px;
 border-bottom:1px solid #444444;
 vertical-align:middle;
}

#sections li {
 float:left;
 display:block;
 width:60px;
 border-right:solid 1px #444444;
 font-size:13px;
 line-height:12px;
 height:14px;
 text-align:center;
 vertical-align:middle;
 margin-top:2px;
 margin-bottom:1px;
}

#sections li.last {
 border-right:none;
}

#sections li.aboutUs { width:78px; text-align:left; }
#sections li.focus { width:79px; }
#sections li.team { width:76px; }
#sections li.portfolio { width:96px; }
#sections li.news { width:75px; }
#sections li.contactUs { width:87px; text-align:right; }

#sections li a {
 color:#283848;
 font-size:1.0em;
}

#sections li a.active, #sections li a:hover {
 font-weight:bold;
 color:#114477;
}

#languages {
 position:absolute;
 margin:68px 0 0 892px;
}

/************************ Pages with a menu ********************/

#left {
 float:left;
 width:222px;
 text-align:left;
 margin-top:8px;
 margin-left:12px;
}

#right {
 float:right;
 width:188px;
 text-align:left;
 margin-top:8px;
 margin-right:10px;
}

#center {
 margin-top:8px;
 margin-bottom:33px;
 width:498px;
}

#center.twoCols {
 margin-left:255px;
}

#center.leftCol {
 margin-left:255px;
}

#center.rightCol {
 margin-left:22px;
}

#center #text.text {
 margin-top:22px;
 margin-left:0;
}

/***************************** Visio ***************************/

#visio {
 height:366px;
 text-align:center;
}

/***************************** Index Menu **********************/

#index {
 width:184px;
 position:absolute;
}

/****************************** Center *************************/

#center h1 {
 margin:0 0 0 0;
 padding:0;
 font-weight:bold;
 font-size:16px;
 color:#000000;
}

#center h2 {
 margin:8px 0 24px 0;
 padding:0;
 font-weight:bold;
 font-style:italic;
 font-size:14px;
 color:#444455;
}

#center h3 {
 margin:8px 0 0 0;
 padding:0;
 font-weight:bold;
 font-size:14px;
 color:#222222;
}

/************************** Home ****************************/

#homeTextContener {
 color:#222255;
 text-align:center;
}

#homeText {
 text-align:center;
 font-variant:small-caps;
}

#homeTextContener div.phrase1 {
 text-align:center;
 font-size:32px;
 width:100%;
 font-variant:small-caps;
}

#homeTextContener div.phrase2 {
 margin:12px 48px 0 48px;
 font-size:24px;
 font-style:italic;
 text-align:center;
}

#homeTextContener table {
 margin:36px auto 0 auto;
 padding:0;
 border-spacing:4px;
}

#homeTextContener table tr td {
 padding-top:3px;
 width:184px;
 height:158px;
 font-size:16px;
 font-weight:bold;
 text-align:center;
}

#homeTextContener table tr td img {
 border:solid 1px #333333;
 margin-top:5px;
}

/************************** News ****************************/

#center #newsTitles {
 margin-top:18px;
 padding:0;
}

#center #newsTitles th {
 color:#444444;
 font-size:12px;
 padding:0;
}

#center #newsTitles td {
 padding:0;
 padding-bottom:6px;
 text-align:justify;
}

#center #newsTitles td a {
 font-size:12px;
}

/*************************** Team ***************************/

img.mbPic {
 float:right;
 margin:2px 0 4px 0;
 border:solid 1px #DDDDDD;
 text-align:center;
}

div.mbHasPicture {
 padding-right:176px;
}

/*************************** Portfolio **********************/

#portfolio {
 margin:16px 0 0 0;
 padding:0;
}

#portfolio td {
 padding:16px 0 16px 54px;
}

#portfolio th {
 padding:0 0 20px 0;
}

#portfolio th div.text {
 margin-top:12px;
}

#portfolio th a.website {
 display:block;
 margin:6px 0 0 0;
}

/************************* Contact-us ***********************/

#contactUsMap iframe {
 border:solid 1px #2F2F3F;
}

/*************************** Menus **************************/

.menu {
 padding:0;
 text-align:center;
 list-style:square;
}

.menu ul {
 margin:0;
 padding:0;
 text-align:left;
 list-style:none;
 border-top:dashed 1px #C0C0C0;
}

.menu ul.menuAlignLeft {
 text-align:left;
}

.menu ul.menuAlignRight {
 text-align:right;
}

.menu ul li {
 margin:0;
 border-bottom:dashed 1px #C0C0C0;
 padding:6px 6px 6px 6px;
 vertical-align:middle;
 font-size:11px;
 color:#444444;
}

.menu ul li.active {
}

.menu ul li ul {
 margin:6px 0 4px 3px;
 padding:0;
 border:none;
}

.menu ul li ul li {
 margin:2px 0 4px 0;
 padding:0 0 0 16px;
 background:url('/pictures/list2.gif') no-repeat 0 3px;
 border:none;
}

.menu ul li a {
 color:#114477;
 font-size:1.0em;
}

.menu ul li.active a, .menu ul li.over a {
 font-weight:bold;
}

/*************************** Text ***************************/

div.text {
 display:block;
 text-align:left;
 font-size:9.2pt;
 color:#212131;
 text-align:justify;
}

div.text ul {
 color:inherit;
 margin:0;
 padding:0 0 0 14px;
 list-style:square;
}

div.text ol {
 margin:0;
 color:inherit;
 padding:0 0 0 20px;
}

* html div.text ol { /* IE */
 padding-left:24px;
}

/************************** Footer **************************/

#copyright {
 position:absolute;
 margin:6px 0 0 8px;
 width:22em;
 text-align:left;
 color:#FFFFFF;
 font-size:10px;
}

#fLinks {
 position:absolute;
 right:8px;
 top:5px;
}

#fLinks a {
 color:#DDDDFF;
 font-size:11px;
}

#fLinks a:hover {
 color:#FFFFFF;
}
