/* 
   Emerald Media : Master Stylesheet
   =================================
   Colin Watts, February 08

   RESET DEFAULT STYLING + FOUNDATIONS                                RESET DEFAULT STYLING + FOUNDATIONS ::
------------------------------------------------------------------------------------------------------------ */

@import url("reset.css");

body
{
  background-color: #FFF;
  font:             normal 62.5% Arial, Helvetica, sans-serif;
  color:            #2C2C2C;
  text-align:       center;
  }
div#wrapper
{
  width:            800px;
  margin:           0 auto;
  text-align:       left;
  }
div.frame
{
  float:            left;
  width:            800px;
  position:         relative;
  }
a
{
  text-decoration:  none;
  color:            #2C2C2C;
  }

/* HEADER                                                                                          HEADER ::
------------------------------------------------------------------------------------------------------------ */
a.skiplink
{
  display:          none;
  }
h1#emeraldmedia a
{
  position:         absolute;
  top:              4px;
  left:             0;
  width:            175px;
  height:           65px;
  background:       #FFF url("../images/emerald-media.jpg") no-repeat 0 0;
  z-index:          50;
  text-indent:      -9999px;
  }
h1#emeraldmedia a:hover
{
  background-position: -175px 0;
  }
div#banner
{
  background:       #FFF url("../images/shadow-top.jpg") no-repeat 0 0;
  margin:           48px 0 0;
  padding:          32px 0 0;
  overflow:         hidden;
  }
div#banner h2, div#banner h3
{
  text-indent:      -9999px;
  font-size:        0;
  line-height:      0;
  height:           0;
  }
div#banner img
{
  float:            left;
  width:            800px;
  height:           230px;
  }

/* NAVIGATION                                                                                  NAVIGATION ::
------------------------------------------------------------------------------------------------------------ */
ul#navigation
{
  margin:           1px 0 0;
  }
ul#navigation, ul#navigation li, ul#navigation li a
{
  float:            left;
  width:            170px;
  }
ul#navigation li a
{
  margin:           6px 0 0;
  height:           25px;
  text-indent:      -9999px;
  }
ul#navigation li a:hover, ul#navigation li a.current
{
  background-position: -170px 0;
  }
a#nav_home        { background-image: url("../images/nav_home.gif"); }
a#nav_about       { background-image: url("../images/nav_about.gif"); }
a#nav_services    { background-image: url("../images/nav_services.gif"); }
a#nav_ourclients  { background-image: url("../images/nav_ourclients.gif"); }
a#nav_news        { background-image: url("../images/nav_news.gif"); }
a#nav_associates  { background-image: url("../images/nav_associates.gif"); }
a#nav_leadingedge { background-image: url("../images/nav_leadingedge.gif"); }
a#nav_contact     { background-image: url("../images/nav_contact.gif"); }

ul#navigation ol
{
  padding:          0 0 12px;
  }
ul#navigation ol, ul#navigation ol li, ul#navigation ol li a
{
  float:            right;
  width:            152px;
  }
ul#navigation ol a
{
  margin:           12px 0 0;
  height:           auto;
  text-indent:      0;
  font-size:        1.1em;
  }
ul#navigation ol a:hover, ul#navigation ol a.current
{
  color:            #018752;
  }

/* CONTENT                                                                                          CONTENT ::
------------------------------------------------------------------------------------------------------------ */
div#content
{
  background:       #FFF url("../images/shadow-bottom.jpg") no-repeat 0 0;
  }
div#body
{
  float:            left;
  width:            460px;
  min-height:       300px;
  padding:          30px 0 20px;
  }
div#body h1
{
  margin:           -10px 40px .4em;
  font-size:        2.4em;
  color:            #046B3E;
  }
div#body h2
{
  margin:           -10px 40px .7em;
  font-size:        1.9em;
  }
div#body h3
{
  clear:            both;
  margin:           1em 40px .4em;
  font-size:        1.6em;
  font-weight:      normal;
  word-wrap:        break-word;
  }
div#body h4
{
  margin:           -10px 40px 15px;
  font-size:        1.2em;
  }
div#body p
{
  margin:           0 40px 1.6em;
  font-size:        1.2em;
  line-height:      1.4em;
  color:            #555;
  }
div#body p.intro
{
  color:            #2c2c2c;
  font-size:        1.4em;
  line-height:      1.5em;
  }
div#body a
{
  color:            #046B3E;
  }
div#body a:hover
{
  color:            #004F2C;
  border-bottom:    1px dotted #004F2C;
  }

div#body img
{
  float:            left;
  margin:           0 40px 20px;
  border:           5px solid #E6E7EC;
  }

div#body div.item
{
  float:            left;
  width:            380px; /* FIX IE */
  w\idth:           360px;
  margin:           0 40px 20px;
  display:          inline; /* FIX IE */
  background-color: #E6E7EC;
  padding:          10px;
  }
div#body div.item:hover
{
  background-color: #DBDDE0;
  }
div#body div.item h4
{
  margin:           0;
  font-size:        1.3em;
  }
div#body div.item p
{
  margin:           4px 0 10px;
  color:            #2c2c2c;
  }
div#body div.item img
{
  margin:           3px 10px 10px 0;
  border:           0;
  }
div#body div.item dl dt
{
  font-weight:      bold;
  font-size:        1.1em;
  }
div#body div.item dl dd
{
  margin:           0 0 8px;
  font-size:        1.2em;
  }

/* SERVICES, CLIENTS + NEWS                                                      SERVICES, CLIENTS + NEWS ::
------------------------------------------------------------------------------------------------------------ */
div#body div.service, div#body div.client, div#body div.news
{
  w\idth:           380px;
  padding:          0;
  }
div#body div.item h3, div#body div.item h3 a
{
  float:            left;
  width:            380px;
  margin:           0;
  border:           0;
  }
div#body div.item h3
{
  margin-right:     -3px; /* FIX IE */
  }
div#body div.item h3 a:hover
{
  border:           0;
  }
div#body div.img
{
  float:            left;
  margin:           10px 20px 0;
  display:          inline; /* FIX IE */
  border:           1px solid #BBB;
  border-width:     8px 15px;
  width:            340px; /* FIX IE */
  w\idth:           310px;
  height:           50px;
  overflow:         hidden;
  }
div#body div.img img
{
  margin:           -25% 0 0 -2px !important;
  margin:           -25% -20px 0 -4px; /* FIX IE */
  }
div#body div.img img.letterbox
{
  margin:           0 !important;
  width:            340px;
  }
div#body div.item h3 a strong
{
  float:            left;
  width:            340px;
  margin:           10px 20px 0;
  font-size:        1em;
  color:            #2c2c2c;
  }
div#body div.item h3 a strong em
{
  font-style:       normal;
  font-size:        .7em;
  }
div#body div.item h3 a:hover strong
{
  color:            #018752;
  }
div#body div.item h3 a sub
{
  display:          block;
  margin:           0 20px;
  padding:          0 0 10px;
  font-size:        .8em;
  font-weight:      normal;
  color:            #666;
  }
div#body div.item h3 a:hover sub
{
  color:            #2c2c2c;
  }

div#body ul#images
{
  float:            left;
  width:            380px;
  padding:          0 0 5px;
  background-color: #E6E7EC;
  margin:           0 0 25px 40px;
  display:          inline; /* FIX IE */
  }
div#body ul#images li
{
  float:            left;
  border:           1px solid #E6E7EC;
  border-width:     5px 0 0 5px;
  margin:           0;
  padding:          0;
  list-style:       none;
  }
div#body ul#images img
{
  margin:           0;
  padding:          0;
  border:           0;
  }
div#body ul#images li.first
{
  width:            315px;
  }
div#body ul#images li.first img
{
  margin-left:      0 !important;
  margin-left:      -3px; /* FIX IE */
  }
div#body ul#images li.thumb
{
  width:            70px;
  height:           70px;
  overflow:         hidden;
  cursor:           pointer;
  }
div#body ul#images li.thumb img
{
  margin-left:      -55px ;
  }

/* TESTIMONIALS                                                                              TESTIMONIALS ::
------------------------------------------------------------------------------------------------------------ */
div#body blockquote
{
  padding:          10px 0;
  }
div#body blockquote p
{
  font-size:        1.3em;
  padding:          0 10px;
  color:            #333;
  }
div#body blockquote strong
{
  font-size:        400%;
  font-weight:      bold;
  float:            left;
  height:           6px;
  line-height:      6px;
  padding:          20px 0 0 0;
  margin:           -12px 4px 0 -8px;
  color:            #046B3E;
  }
div#body blockquote span
{
  font-size:        160%;
  font-weight:      bold;
  line-height:      0;
  position:         relative;
  top:              4px;
  left:             3px;
  color:            #046B3E;
  }
div#body blockquote p.cite
{
  margin:           8px 0 0;
  font-size:        1.1em;
  color:            #666;
  }

/* TERMS + CONDITIONS                                                                  TERMS + CONDITIONS ::
------------------------------------------------------------------------------------------------------------ */
div#body ol, div#body ul
{
  clear:            left;
  margin:           0 32px 25px 40px;
  }
div#body li
{
  margin:           0 0 10px;
  list-style-type:  circle;
  font-size:        1.2em;
  color:            #555;
  }
div#body ol li
{
  list-style-type:  lower-roman;
  }
div#body li ul
{
  margin:           10px 0 0;
  }
div#body li ul li
{
  margin:           10px 0 0 20px;
  list-style-type:  square;
  font-size:        1em;
  }

body#sitemap div#body ul
{
  padding-left:     15px;
  }
body#sitemap div#body li ul
{
  padding-left:     5px;
  }
body#sitemap div#body li ul li
{
  padding-left:     5px;
  font-size:        .9em;
  }

/* FORMS                                                                                            FORMS ::
------------------------------------------------------------------------------------------------------------ */
form
{
  float:            left;
  width:            380px;
  margin:           0 40px 20px;
  display:          inline; /* FIX IE */
  }
fieldset, div#body form ol, form ol li
{
  float:            left;
  width:            380px;
  margin:           0;
  }
div#body form ol li
{
  list-style:       none;
  margin:           0;
  padding:          0 0 14px;
  }
legend
{
  text-indent:      -9999px;
  line-height:      0;
  }
label
{
  float:            left;
  width:            380px;
  padding:          0 0 3px;
  font-size:        1em;
  }
li.warning label
{
  color:            #CF4D4D;
  }
label em
{
  font-style:       normal;
  font-size:        .9em;
  color:            #888;
  }
input.text, textarea
{
  float:            left;
  width:            380px; /* FIX IE */
  w\idth:           370px;
  padding:          6px 4px;
  border:           1px solid #CCC;
  background-color: #FFF !important;
  color:            #555;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  }
li.warning input.text, li.warning textarea
{
  border-color:     #CF4D4D;
  }
input.text:focus, textarea:focus
{
  border-color:     #999EA2;
  }
button
{
  float:            right;
  margin:           5px 0 0;
  padding:          4px 10px;
  border:           1px solid #999EA2;
  font-size:        1em;
  color:            #004F2C;
  }
button:hover
{
  cursor:           pointer;
  border-color:     #046B3E;
  background-color: #046B3E;
  color:            #FFF;
  }

/* ALERTS                                                                                          ALERTS ::
------------------------------------------------------------------------------------------------------------ */
div.alert
{
  float:            left;
  width:            380px;
  margin:           0 0 15px;
  padding:          15px 0;
  text-align:       center;
  font-size:        1.2em;
  color:            #FFF;
  background-color: #CF4D4D;
  }
div.success
{
  background-color: #046B3E;
  }

/* SIDEBAR                                                                                        SIDEBAR ::
------------------------------------------------------------------------------------------------------------ */
ul#sidebar
{
  margin:           1px 0 0;
  }
ul#sidebar, ul#sidebar li, ul#sidebar h4
{
  float:            left;
  width:            170px;
  }
ul#sidebar li
{
  background-color: #E6E7EC;
  margin:           6px 0 0;
  }
ul#sidebar img
{
  float:            left !important;
  float:            none; /* FIX IE */
  margin:           0 0 5px !important;
  margin:           0; /* FIX IE */
  }
ul#sidebar a
{
  float:            left;
  width:            160px;
  padding:          5px;
  }
ul#sidebar a:hover
{
  background-color: #DBDDE0;
  }
ul#sidebar h4 strong
{
  font-size:        1.2em;
  font-weight:      normal;
  }
ul#sidebar h4 a:hover strong
{
  color:            #018752;
  }
ul#sidebar h4 sub
{
  display:          block;
  font-size:        1em;
  font-weight:      normal;
  color:            #666;
  }
ul#sidebar h4 a:hover sub
{
  color:            #2c2c2c;
  }

/* SUBSIDIARY                                                                                  SUBSIDIARY ::
------------------------------------------------------------------------------------------------------------ */
div#subsidiary
{
  padding:          0 0 60px;
  }
div#subsidiary div.ad_banner {
	padding:		6px 166px;
	background:		#F1F3F6;
}
  
a#partner, h5#latest a
{
  float:            left;
  width:            800px;
  height:           37px;
  background:       #FFF url("../images/emerald-banner.gif") no-repeat 0 0;
  text-indent:      -9999px;
  }
a#partner
{
  margin-top:       8px;
  }
a#partner:hover
{
  background-position: 0 -37px;
  }
h5#latest a
{
  margin:           22px 0 0;
  height:           25px;
  background-image: url("../images/latest-news.gif");
  }
h5#latest a:hover
{
  background-position: 0 -25px;
  }
div#subsidiary ul
{
  float:            left;
  width:            800px; /* FIX IE */
  w\idth:           798px;
  padding:          0 1px;
  background-color: #F1F3F6;
  }
div#subsidiary li
{
  float:            left;
  width:            266px; /* FIX IE */
  w\idth:           240px;
  padding:          12px 13px;
  background-color: #F1F3F6;
  }
div#subsidiary li:hover
{
  background-color: #E9E9EC;
  }
div#subsidiary h6
{
  font-size:        1.1em;
  font-weight:      normal;
  }
div#subsidiary h6 a:hover
{
  color:            #018752;
  }
div#subsidiary li p
{
  margin:           6px 0 0;
  padding:          0;
  color:            #666;
  }
div#subsidiary li p a
{
  font-style:       italic;
  font-weight:      bold;
  }
div#subsidiary li p a:hover
{
  color:            #018752;
  }
div#subsidiary p
{
  clear:            left;
  margin:           0 0 0 11px;
  padding:          10px 0 0;
  color:            #999;
  }
div#subsidiary p a
{
  padding:          0 2px;
  color:            #2c2c2c;
  }
div#subsidiary p a:hover
{
  color:            #018752;
  }
div#subsidiary p#copyright
{
  margin:           0 0 0 13px;
  padding:          6px 0 0;
  color:            #999;
  }
a#credit
{
  position:         absolute;
  right:            0;
  bottom:           36px;
  width:            142px;
  height:           62px;
  background:       #FFF url("../images/dusza.gif") 0 0 no-repeat;
  text-indent:      -9999px;
  overflow:         hidden;
  outline:          0;
  }
a#credit:hover
{
  background-position: 0 -62px;
  }