﻿/* 
========================================================================
Filename:		styles.css
Date Created:	2008-01-23
Description:	Global CSS stylesheet
Site:			Forvusz
Author:			Clare Hyam (clare.hyam@atticmedia.com)
========================================================================
*/
/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }

/* COLORS
   Body Background:       #EBF5FC
   Main Text:             #B3A576
   Links:                 #9C6D25
   Dark Brown Border:     #222019
   Green Headline:        #958944
*/
/*-------------- Global Styles -------------- */
/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}
html
{height:100%;
}
body 
{font-size:62.5%;
 font-family:arial,Verdana,helvetica,sans-serif;
 background-color:#E5DCEC;
height:100%;
color:#000;
}
.clear
  {clear:both;
  margin:0;
  height:0px;
  overflow:hidden;
  font-size:0.1em;
 }
.float_left
{float:left!important;
}
.float_right
{float:right!important;
}
img 
{border:0px;
}
.hidden,
legend,
.skip_links
{position: absolute;
margin-left: -999em;
width: 990em;
visibility:hidden;
display:none;
}

.two-column-wrapper .col1,
.two-column-wrapper .col2 
{float:left;
 width:50%;
}
fieldset 
{border:0px solid transparent;
}
img.frame 
{border:5px solid #BAE3F8;
}
div.table-layout .text-body
{overflow: auto;
   height: auto !important;
   height: 1%;
   padding-left:3px;
}
div.table-layout
{padding:0px!important;
}
div.table-layout .frame 
{float: right;
}
/* =Typography
-----------------------------------------------------------------------------*/
h1 {font-size: 2.0em;	font-weight: normal; color:#054B7B;}
h2 {font-size: 1.2em;	font-weight:bold; color:#054B7B;}
h3 {font-size: 1.2em;	margin-bottom:17px;}
h4 {font-size: 1.2em	}
p, .panel-body li {font-size: 1.2em; line-height:1.5em;}

address
{font-style:normal;
 color:#0A476E;
 font-weight:bold;
}
.adr .fn
{display:block;
}

#content h1,
#content h2
{margin-left:21px;
}
#content #main-content h1,
#content #main-content h2,
#content #secondary-content h1,
#content #secondary-content h2
{margin-left:0px;
}
#wrapper div.full-width h1 
{margin-left:19px!important;
}
#wrapper div.full-width h1.nopadd
{margin-left:0px!important;
}
span.required 
{color:#C10000;
 padding-left:13px;
 font-size:1.2em;
}
p span.required 
{font-size:1em;
}
/* =Links
-----------------------------------------------------------------------------*/
a:link,
a:visited,
a:active,
a:hover 
{color:#054B7B;
}
a:link,
a:visited,
a:active
{text-decoration:none;
}
a:hover
{text-decoration:underline;
}
p.read_more a span
{position: absolute;
margin-left: -999em;
width: 990em;
visibility:hidden;
display:none;
}
div.panel-body p.read_more
{margin-bottom:0px!important;
}
/* =Lists
-----------------------------------------------------------------------------*/
.h-list li,
.h-list li p 
{display:inline;
}
.h-list
{list-style-type:none;
}
.panel-body ul
{list-style-type:none;
 
}
.panel-body ol
{list-style-type:decimal;
 padding-left:20px;
 color:#054B7B;
}
.panel-body ul li 
{background-image:url(../images/icons/bullet.gif);
 background-repeat:no-repeat;
 padding-left:20px;
 margin-bottom:2px;
 background-position:6px 5px;
}
.panel-body ol li
{ margin-bottom:2px;
  color:#000;

} 
/* =Wrapper
-----------------------------------------------------------------------------*/
#wrapper 
{height:100%;

}
/* =Header
-----------------------------------------------------------------------------*/
#header-wrapper 
{background-color:#B097C6;
 background-image:url(../images/generic/header_belt.jpg);
 background-repeat:repeat-x;
}
#header-wrapper #header 
{width:720px;
 margin:0 auto;
 padding:24px 0px 21px 14px;
 
 
 
}
#header-wrapper #header img
{float:left;
}
#header-wrapper #header div.search 
{float:right;
 
 padding-top:18px;
}
#header-wrapper #header div.search input.textbox
{
 float:left;
 padding:3px;
 height:16px;
}
#header-wrapper #header div.search input.button
{float:left;
margin-left:3px;
}
/* =Form styles
-----------------------------------------------------------------------------*/
input.textbox,
textarea
{background-color:#F1F1F1;
 color:#5f5f5f;
 padding:3px;
 border-left:1px solid #A6A6A6;
 border-top:1px solid #A6A6A6;
}

/* =Main Navigation
-----------------------------------------------------------------------------*/
#header-wrapper div#navigation 
{width:734px;
 margin:0 auto;
 
    
}
#header-wrapper div#navigation ul
{list-style-type:none;
 border-left:1px solid #431869;
 border-right:1px solid #431869;
 background-image:url(../images/navigation/gradient_grey.gif);
 background-repeat:repeat-x;
 float:left;
 width:732px;
 background-color:#EAEAEA;
}
#header-wrapper div#navigation ul li 
{float:left;
 border-right:1px solid #431869;
 min-height:9px;
}
#header-wrapper div#navigation ul li a, 
#header-wrapper div#navigation ul li p
{color:#0A476E;
}
#header-wrapper div#navigation ul li.selected p
{font-weight:bold;
}
#header-wrapper div#navigation ul li.selected
{background-image:url(../images/navigation/selected.gif);
 background-repeat:repeat-x;
 background-color:#E5DCEC;
}
div#navigation li
{/*padding:8px 19px 9px 30px;*/
 min-height:34px;
}
div#navigation li p a,
div#navigation li p span 
{display:block;
 min-height:14px;
}
div#navigation li.home p a,
div#navigation li.home p span  
{
 padding:8px 19px 9px 30px;
}
div#navigation li.about p a,
div#navigation li.about p span 
{padding:8px 17px 9px 15px;
} 
div#navigation li.data p a,
div#navigation li.data p span  
{padding:8px 19px 9px 17px;
}
div#navigation li.case p a,
div#navigation li.case p span 
{padding:8px 20px 9px 16px;
}
div#navigation li.our p a,
div#navigation li.our p span  
{padding:8px 18px 9px 15px;
}
div#navigation li.news p a,
div#navigation li.news p span 
{padding:8px 19px 9px 15px;
}
div#navigation li.careers p a,
div#navigation li.careers p span 
{padding:8px 19px 9px 18px;
}
/*Styles For Safari*/

html[xmlns*=""] body:last-child  #header-wrapper div#navigation li.contact p a, 
html[xmlns*=""] body:last-child  #header-wrapper div#navigation li.contact p span
{padding:8px 28px 9px 23px!important;
}
/**/
/*Styles For All Other Browsers*/
#header-wrapper div#navigation li.contact p a, 
 #header-wrapper div#navigation li.contact p span
{padding:8px 28px 9px 17px;

}
/**/
#header-wrapper div#navigation li.contact
{ border-right:0px solid transparent;
}
#header-wrapper div.image 
{width:100%;
 background-color:#fff;
 height:205px;
 background-image:url(../images/generic/header_image.gif);
 background-repeat:no-repeat;
 background-position:center top;


 }
/* =Main Content Area
-----------------------------------------------------------------------------*/
#content 
{width:732px;
 margin:0 auto;
 background-color:#fff;
 
 /*height:100%;*/

}
#wrapper .with-nav,
#wrapper .full-width,
#wrapper .with-sec-content
{padding-top:2px;
} 
#content div#main-content 
{float:left;
 width:536px;
border-right:6px solid #E5DCEC;
padding-bottom:12px;
}
div.with-nav #main-content,
div.with-sec-content #main-content
{border-right:0px solid transparent!important;
 padding-left:21px!important;
 padding-right:40px!important;
 width:475px!important;
}
div.full-width #main-content
{padding-left:16px!important;
padding-right:16px!important;
width:700px!important;
border-right:0px solid transparent!important;
}

#wrapper .full-width div.ext_padd
{padding-left:35px!important;
padding-right:35px!important;
}
#content div#main-content div.panel-body p,
#content div#main-content div.panel-body ol,
#content div#main-content div.panel-body ul 
{margin-bottom:12px;
}
#content div#column-wrap
{float:left;
 
}
#content div.panel 
{padding:3px;
 border-bottom:6px solid #E5DCEC;
}
.full-width div.panel,
.with-nav div.panel,
.with-sec-content div.panel
{border-bottom:0px solid transparent!important;
}
.with-sec-content div.panel
{padding:0px!important;
}

#content div#main-content .two-column-wrapper 
{border-bottom:6px solid #E5DCEC;
}
.full-width div#main-content .two-column-wrapper
{border:0px solid transparent!important;
}
.full-width div#main-content .two-column-wrapper .col1 
{width:431px;
 
}
.full-width div#main-content .two-column-wrapper .col2
{width:215px;
 padding-left:36px;

}
#content div.panel div.panel-header
{padding-top:13px;
}
#content div.panel div.panel-body

{padding-top:13px;
 padding-bottom:13px;
}
#content div#main-content .homebg
{background-color:#fff;
 
  padding-bottom:3px;
}
#content div#main-content .homebg div.inner-wrap
{background-image:url(../images/generic/home_wrap_bg.gif);
margin-bottom:3px;
 
}
.with-nav div.panel 
{padding:0px!important;
 border:0px solid transparent!important;
}
/* =Panel (summary)
-----------------------------------------------------------------------------*/
#content div.summary
{padding:5px 16px 14px 14px;
 border-bottom:0px solid transparent;
}
#content div.summary p
{font-size:1.6em;
 color:#0A476E;
 font-weight:bold;
 margin-bottom:0px!important;
}

/* =Panel (featured)
-----------------------------------------------------------------------------*/
#content div.featured
{border:0px solid transparent;
 padding-top:0px;
 border-top:3px solid #fff;
 
}
#content div.featured h2 
{font-size:2.0em;
 margin-bottom:0px;
}
#content div.featured div.panel-header
{background-color:#DA802F;
 
 padding:7px 12px 2px 11px;
margin-bottom:0px;
}
#content div.featured div.panel-header h2 
{color:#fff;
}
#content div.featured div.panel-body ul 
{list-style-type:none!important;
 
}
#content div.featured div.panel-body ul li
{background-image:none!important;
 padding-left:0px!important;
 padding-bottom:0px!important;
}
#content div.featured div.panel-body 
{/*background-color:#FAF3E5;*/
 background-image:url(../images/generic/title_box_shadow_orange.gif);
 background-repeat:repeat-x;
 padding:14px 11px;
 min-height:66px;
}
#content div.featured div.panel-body p
{margin-bottom:10px;
}

#content div.featured div.panel-body ul li p 
{margin-bottom:3px!important;
}
#content div.featured div.panel-body ul li p a
{color:#6A4401;
}
#content #secondary-content div.featured div.panel-header
{background-color:#498959;
}
#content #secondary-content div.featured div.panel-body h3,
#content #secondary-content div.featured div.panel-body p,
#content #secondary-content div.featured div.panel-body a
{color:#185B29;
}
#content  #secondary-content div.featured div.panel-body
{background-color:#EFF2EF;
  background-image:url(../images/generic/title_box_shadow_green.gif);

 padding-bottom:16px;
} 
#content  #secondary-content div.image img.frame
{margin-bottom:12px;
}


/* =Panel (client-featured)
-----------------------------------------------------------------------------*/
#content div.client-featured
{padding-left:14px;
 padding-right:14px;
 border-bottom:0px!important;
}
/* =Panel (general)
-----------------------------------------------------------------------------*/
#content div.general
{border-bottom:0px solid transparent;
 text-align:justify;
}
#content div.general .panel-body 
{padding-bottom:0px!important;
}
#content div.general img 
{margin-top:15px;
 margin-bottom:15px;
 margin-right:15px;
}
#content div.general img.float_right 
{margin-right:0px!important;
 margin-left:15px!important;
}
#content div.general p,
#content div.general ol,
#content div.general ul
{margin-bottom:30px;
}
/* =Panel (vcard)
-----------------------------------------------------------------------------*/
#content div.vcard p 
{margin-bottom:5px!important;
}
#content div.vcard .panel-body 
{padding-top:7px!important;
}
/* =Panel (address)
-----------------------------------------------------------------------------*/
#content div.address
{border-bottom:0px solid transparent!important;
}
#content div.address .panel-body 
{padding-bottom:0px!important;
}
/* =Panel (form)
-----------------------------------------------------------------------------*/
#content div.form div.two-column-wrapper
{background-color:#F7F9FB;
 padding:32px 25px;
}
#content div.form div.two-column-wrapper .col1,
#content div.form div.two-column-wrapper .col2
{width:50%;
 padding:0px;
}
#content div.form label
{color:#054B7B;
 font-weight:bold;
 }
 #content div.form p 
 {margin-bottom:1px!important;
 }
 #content div.form input.textbox
 {margin-bottom:27px;
  width:275px;
 }
 #content div.form textarea
 {width:278px;
 }
 #content div.form .panel-header 
 {padding-top:9px!important;
  
 }
 #content div.form .panel-header h2
 {padding-bottom:8px;
 }
  /*#content div.form .panel-header h2,
  #content div.form .panel-header p
  {float:left;
  }
    #content div.form .panel-header h2
    {width:466px;
    }*/
 #content div.form input.button 
 {border:0px;
  background-color:Transparent;
  background-image:url(../images/generic/form_button_short.gif);
  width:78px;
  padding:8px 15px 10px 15px;
  background-repeat:no-repeat;
  margin-top:20px;
  /*clear:both;*/
  /*float:right;*/
  color:#0A476E;
  font-weight:bold;
  font-family:Arial, Verdana, sans-serif;
  font-size:1.2em;
 }
 #content div.form div.two-column-wrapper .col2 textarea,
 #content div.form div.two-column-wrapper .col2 p
 {margin-left:30px;
 }
 #content div.form div.two-column-wrapper .col2 textarea
 {height:230px;
 }
  #content div.form div.two-column-wrapper .col1 h3,
  #content div.form .panel-header p span
  {font-size:1.2em;
   color:#054B7B;
   font-weight:bold;
  }
  #content div.form div.two-column-wrapper .col1 ul
  {float:left;
   clear:both;
   display:block;
  }
    #content div.form div.two-column-wrapper .col1 ul li
    {background-image:none;
     padding-left:0px;
     float:left;
     clear:both;
     padding-bottom:20px;
    }
    #content div.form div.two-column-wrapper .col1 ul li input,
    #content div.form div.two-column-wrapper .col1 ul li label
    {float:left;
    }
    #content div.form div.two-column-wrapper .col1 ul li input
    {margin-right:16px;
     margin-top:4px;
    }
   #content div.form div.two-column-wrapper .col1 ul li label
   {font-weight:normal;
   }
     #content div.form div.two-column-wrapper .stretch
     {width:100%;
     }
 /*#content div.form div.two-column-wrapper p.required_validator
 {margin-top:-20px;
  margin-bottom:10px;
 }*/
 /* =Panel (list-item)
-----------------------------------------------------------------------------*/
 #content div.list-item .panel-body 
 {padding-top:7px!important;
  margin-left:17px;
  margin-right:17px;
 }
  #content div.list-item .panel-header
  {margin-left:17px;
   margin-right:17px;
  }
  #wrapper #content div.list-item .panel-body p,
  #wrapper #content div.list-item .panel-body ul,
  #wrapper #content div.list-item .panel-body ol 
  {margin-bottom:8px;
  }
  #wrapper #content div.list-item
  {margin-bottom:11px;
   background-color:#F7F9FB;
   
  } 
 /* =Panel (article)
-----------------------------------------------------------------------------*/
#wrapper #content div.article .panel-body p,
#wrapper #content div.article .panel-body ul,
#wrapper #content div.article .panel-body ol
{margin-bottom:35px!important;
}
#wrapper #content div.article .panel-body p.read_more 
{margin-top:-29px;
}
 /* =Panel (search)
-----------------------------------------------------------------------------*/
#wrapper #content div.search 
{background-image:url(../images/generic/border.gif);
 background-repeat:repeat-x;
 background-position:left bottom;
 background-color:transparent;
 margin-left:17px;
 margin-right:17px;
 padding-bottom:12px;
}
#wrapper #content div.last 
{background-image:none;
}
#wrapper #content div.search .panel-body 
{padding-bottom:0px;
 margin-left:0px;
 margin-right:0px;
}
#wrapper #content div.search .panel-header 
{ margin-left:0px;
 margin-right:0px;
}
#wrapper #content div.search .panel-body p
{margin-bottom:1px;
}
#wrapper #content div.page-nav p
{background-image:url(../images/generic/border.gif);
 background-repeat:repeat-x;
 background-position:left bottom;
 color:#0A476E;
 padding-bottom:4px;
}
#wrapper #content div.page-nav ul 
{float:right;
 padding-top:8px;
}
#wrapper #content div.page-nav ul li 
{font-size:1.2em;
 padding-left:25px;
 color:#0A476E;
}

#wrapper #content div.page-nav 
{padding-top:15px;
  margin-left:17px;
  margin-right:17px;
}
/* =Secondary Content Area
-----------------------------------------------------------------------------*/
#content div#secondary-content 
{float:left;
 width:190px;
 border-left:6px solid #E5DCEC;
margin-left:-6px;
}
#wrapper .with-sec-content div#secondary-content 
{border-left:0px solid transparent!important;
 margin-left:0px!important;
 width:190px;

}
#wrapper .with-sec-content #main-content 
{
 width:467px!important;
}
/* =Crumbtrail
-----------------------------------------------------------------------------*/
#content #crumbtrail 
{background-color:#F2EEF7;
 margin:12px 6px;
padding:10px 12px 8px 12px;
}
#content #crumbtrail ul li
{padding-right:3px;
}
#content #crumbtrail ul li p a 
{padding-right:4px;
}

#content #crumbtrail li.selected p
{font-weight:bold;
 color:#0A476E;
 }
/* =Secondary Navigation
-----------------------------------------------------------------------------*/
#content div#sub-navigation
{float:left;
 width:183px;
padding-left:7px;
padding-bottom:20px;
}
#content div#sub-navigation ul 
{list-style-type:none;
 background-image:url(../images/navigation/sub_shadow.gif);
 background-repeat:repeat-x;
 background-position:right bottom;
 padding-bottom:4px;
}
#content div#sub-navigation ul li 

{border-bottom:1px solid #431869;
 background-image:url(../images/navigation/sub_gradient_grey.gif);
 background-repeat:repeat-y;
 background-position:right top;
 background-color:#fff;

}
#content div#sub-navigation ul li.selected
{ background-image:url(../images/navigation/selected.gif);
    background-repeat:repeat-x;
 background-position:left top;
    background-color:#EBE4F0;
}
#content div#sub-navigation ul li a,
#content div#sub-navigation ul li.selected span
{padding:7px 10px;
 display:block;
 min-height:6px;
}
#content div#sub-navigation ul li.selected p 
{color:#0A476E;
 font-weight:bold;
}
#content div#sub-navigation ul li.last
{border-bottom:0px solid transparent;
}
/* =Site Map
-----------------------------------------------------------------------------*/
ul.sitemap li
{list-style-type:none;
 padding-bottom:16px;
 margin-top:0px;
}
ul.sitemap li p span 
{padding-right:8px;
 font-weight:bold;
 color:#054B7B;
}
ul.sitemap li a 
{font-weight:bold;
}
ul.sitemap ul.level2 li a
{font-weight:normal;
} 
ul.sitemap li p
{background-image:url(../images/generic/border.gif);
 background-repeat:repeat-x;
 background-position:left bottom;
 padding-bottom:5px;
}
ul.sitemap li ul.level2 p 
{background-image:none;
padding-bottom:0px;
}
ul.sitemap li ul.level2
{padding-top:5px;
 margin-left:30px;
}
ul.sitemap li ul.level2 li 
{padding-top:2px;
 padding-bottom:0px!important;
 margin-top:2px;
}
/* =Footer
-----------------------------------------------------------------------------*/
#footer 
{border-top:6px solid #E5DCEC;
 clear:both;
 padding:10px 11px;
 margin:0 auto;
 width:710px;
 background-color:#fff;
}
#footer ul 
{list-style-type:none;
}
#footer ul li p 
{font-size:1.1em;
 color:#333;
 margin-left:5px;
}
#footer ul li p a 
{ color:#333;
  margin-right:9px;
}
#footer ul li img 
{margin-bottom:-2px;
}

/* =Hacks (Safari)
-----------------------------------------------------------------------------*/


