/*
** project:		IFS Brokers
** date:		2008/04/09
*/
html { height: 100%; margin-bottom: 1px; }
body { margin: 0; background: #FFFFFF; color: #555555; font: 62.5%/1.5 "Georgia", serif; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", sans-serif; }

* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

ul, dt, dd, p { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 1.5em; }
p { margin-bottom: 1.25em; }
li *, dt *, dd *, p *, li p { font-size: 1em; }
ul li ul { margin-bottom: 0; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

#realname { visibility: hidden; display: none; }


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.wrapper { width: 910px; margin: 0 auto; }

.clear { float: left !important; clear: both !important; width: 100% !important; }
.clear2 { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }

.flat { margin: 0 !important; padding: 0 !important; }

h1 { color: #FFFFFF; background: #0D191B; }
h1 img { display: block; }
h2 { margin-top: 25px; color: #A92126; font-size: 1.8em; font-weight: 400; }

p.first { margin-bottom: 1ex; font-weight: 700; }

a { color: #0A304A; text-decoration: underline; }
a:focus,
a:hover { color: #AF132C; text-decoration: underline; }

ul { list-style: none; margin: 0 0 1em  1em; padding: 0; font-size: 1.1em; line-height: 2; }
ul li { padding: 0 0 0 1em; background: transparent url("../images/arrow_0.png") no-repeat 0 1.7ex; }

label { display: block; color: #000000; font-weight: 700; font-size: .9em; }
input.text, textarea { padding: 2px 0; border: 1px solid #D8D8D8; }

p.error {color: #A92126; font-weight: bold;}
p.ok {font-weight: bold;}
.primary-column {font-size: 1.1em;}

/*
** buttons
*/
a.button-0 { display: inline-block; padding: 0 8px; background: transparent url("../images/button_0.png") no-repeat 50% 50%; color: #FFFFFF; font: .75em "Arial", sans-serif; text-transform: uppercase; text-decoration: none; line-height: 15px; }
a.button-0:focus,
a.button-0:hover { color: #FFFFFF; text-decoration: none; }

input.button-1 { width: 77px; height: 17px; border: none; background: transparent url("../images/button_1.png") no-repeat 50% 50%; color: #FFFFFF; font: .75em "Arial", sans-serif; text-transform: uppercase; text-decoration: none; cursor: pointer; }


/*
** header
*/
#header { background: transparent url("../images/header_background.png") repeat-x 0 0; }
 #header p { margin: 0; }
 #header ul { list-style: none; margin: 0; padding: 0 0 0 8em; border-top: 5px solid #D3D3D6; }
  #header ul li { float: left; margin-right: 1em; padding: 1em 1em 0 0; border-right: 1px solid #D3D3D6; background: transparent; font: .95em "Arial", sans-serif; text-transform: uppercase; }
  #header ul li.last { margin-right: 0; padding: 1em 0 0 0; border-right: none; }
   #header ul li a { text-decoration: none; }


/*
** menu
*/
#menu { border-top: 5px solid #E1E2E3; background: #3F4040 url("../images/menu_background.png") repeat-x 0 0; }
 #menu ul { list-style: none; padding: 0; }
  #menu ul li { float: left; padding-right: 1px; padding-left: 0; background: transparent url("../images/menu_separator.png") no-repeat 100% 0; }
  #menu ul li.last { background-image: none; }
   #menu ul li a { float: left; margin: 0; padding: 1ex 1em 1ex 1em; color: #FFFFFF; font-size: 1.2em; font-weight: 700; text-transform: uppercase; text-decoration: none; }
   #menu ul li a:focus,
   #menu ul li a:hover { background: transparent url("../images/menu_indicator.png") no-repeat 50% 100%; color: #BD2F37; }
   #menu ul li a span.number { font-family: arial, helvetica, sans-serif; }

/*
** billboards
*/
#billboard { margin-bottom: 2px; background: #9D131B url("../images/billboard_background.png") repeat-x 0 0; }
 #billboard p.big { width: 360px; min-height: 115px; padding: 134px 490px 0 40px; background: transparent url("../images/billboard.jpg") no-repeat 50% 0; color: #E4B6B6; font-size: 1.4em; font-style: italic; }
 #billboard p.small { height: 175px; background: transparent url("../images/billboard_small.jpg") no-repeat 50% 0; }


/*
** main
*/
#main { background: transparent url("../images/main_background.png") repeat-x 0 0; }

.staffPic { padding: 3px; border: 3px solid #ccc; float: right; background: #fff; margin: 0 0 15px 15px; width: 120px; height: 120px; }

/*
** location
*/
.location { padding: 3ex 0; color: #888888; font: 1em "Arial", sans-serif; text-transform: uppercase; }
 .location a { color: #BD2F37; text-decoration: none; }
 .location a.current { color: #2A2A2A; }
 .location a:focus,
 .location a:hover { text-decoration: underline; }


/*
** columns
*/
.primary-column { width: 602px; }
 .primary-column .contents { padding: 16px 24px; border: 1px solid #E3E3E3; border-top: none; background: #FFFFFF; }
  .primary-column .contents p { font-size: 1.1em; }

.secondary-column { width: 296px; }
 .secondary-column .contents { padding: 16px 31px; border: 1px solid #E3E3E3; border-top: none; background: #F5F5F5; }


/*
** example form
*/
form.example p input.text,
form.example p textarea { width: 230px; }


/*
** three columns
*/
ul.three-columns { list-style: none; margin: 0; padding: 0; }
 ul.three-columns li { float: left; width: 296px; padding: 0; }
 ul.three-columns li.middle { margin: 0 11px; }
   ul.three-columns li h1 img { display: block; }
  ul.three-columns li .contents { padding: 16px 23px; border: 1px solid #E3E3E3; border-top: none; background: #FFFFFF; font-size: 1em; }
   ul.three-columns li .contents img { margin-bottom: 1em; }
   ul.three-columns li .contents p a.button-0 { float: left; position: relative; top: 7px; font-size: .9em; } 


/*
** footer
*/
ul#footer { list-style: none; margin: 60px 0 0 0; padding-bottom: 20px; background: transparent url("../images/footer_background.png") no-repeat 0 0; color: #000000; font: .9em "Arial", sans-serif; text-transform: uppercase; line-height: 29px; }
 ul#footer li { display: inline; margin-right: 1em; padding: 0 1em 0 0; border-right: 1px solid #CCCCCC; background: #EBEBEB; }
 ul#footer li.first { margin-left: 20px; border-right: none; } 
 ul#footer li.last { border-right: none; } 
  ul#footer li a { text-decoration: none; }
  ul#footer li a:focus,
  ul#footer li a:hover { text-decoration: underline; }


/*
** the end
*/