/* 
   MARINE PROJECTS : MASTER STYLESHEET
   Colin Watts, March 07

   FOUNDATIONS                                                                                          FOUNDATIONS ::
---------------------------------------------------------------------------------------------------------------------- */
*
{
  margin:           0;
  padding:          0;
  border:           0;
  }
body
{
  background-color: #EDEDED;
  font:					    normal 62.5% Arial, Helvetica, sans-serif;
  color:            #666;
  text-align:       center;
  }
ul
{
  list-style-type:  none;
  }
a
{
  text-decoration:  none;
  }
div#wrapper
{
  width:            850px;
  margin:           0 auto;
  text-align:       left;
  }
div#frame
{
  float:            left;
  width:            902px; /* FIX IE */
  w\idth:           850px;
  background:       #EDEDED url("../images/frame_bg.jpg") no-repeat;
  padding:          46px 26px 0;
  }
  
/* HEADER                                                                                                    HEADER ::
---------------------------------------------------------------------------------------------------------------------- */  
div#header
{
  float:            left;
  width:            798px; /* FIX IE */
  w\idth:           760px;
  height:           221px;
  background:       #FFF url("../images/header_bg.jpg") 482px 0 no-repeat;
  border:           19px solid #FFF;
  border-width:     0 19px 19px;
  }
a#hometab
{
  width:            63px;
  height:           23px;
  position:         absolute;
  z-index:          10;
  top:              46px;
  left:             50%;
  margin:           0 0 0 -340px;
  background:       #FFF url("../images/home-tab.gif") no-repeat;
  text-indent:      -9999px;
  overflow:         hidden;
  }
div#header h1
{
  float:            left;
  width:            482px;
  height:           221px;
  background:       #FFF url("../images/marine-projects.gif") no-repeat;
  text-indent:      -9999px;
  }
div#header h2
{
  text-indent:      -9999px;
  }

/* CONTENT                                                                                                  CONTENT ::
---------------------------------------------------------------------------------------------------------------------- */  
div#content
{
  float:            left;
  width:            798px; /* FIX IE */
  w\idth:           760px;
  background:       #184BA6 url("../images/content_bg.gif") repeat-y;
  border:           1px solid #FFF;
  border-width:     0 19px;
  }

/* PRIMARY                                                                                                  PRIMARY ::
---------------------------------------------------------------------------------------------------------------------- */  
div#primary
{
  float:            left;
  width:            482px; /* FIX IE */
  w\idth:           406px;
  background-color: #FFF;
  border:           1px solid #184BA6;
  border-width:     0 38px;
  }

div#primary h1
{
  float:            left;
  width:            406px; /* FIX IE */
  w\idth:           375px;
  height:           52px;
  border:           1px solid #FFF;
  border-width:     0 7px 0 6px;
  background:       #FFF url("../images/title_bg.jpg") no-repeat;
  padding:          14px 0 0 18px;
  font-size:        2em;
  color:            #FFF;
  }
div#primary h3
{
  float:            left;
  width:            406px; /* FIX IE */
  w\idth:           359px;
  border:           1px solid #FFF;
  border-width:     0 23px 0 24px;
  font-size:        1.3em;
  line-height:      1.6em;
  color:            #555;
  padding:          12px 0;
  }
div#primary p
{
  float:            left;
  width:            406px; /* FIX IE */
  w\idth:           359px;
  border:           1px solid #FFF;
  border-width:     0 23px 0 24px;
  font-size:        1.1em;
  line-height:      1.6em;
  color:            #555;
  padding:          12px 0;
  }
div#primary p.intro
{
  color:            #6D96DE;
  font-weight:      bold;
  font-size:        1.2em;
  }
span.uc
{
  text-transform:   uppercase;
  }
span.huge
{
  font-size:        160%;
  line-height:      .8em;
  float:            left;
  margin:           0 4px 0 0;
  }
div#primary a
{
  color:            #184BA6;
  }
div#primary a:hover
{
  color:            #072865;
  text-decoration:  underline;
  }
div#primary img
{
  float:            left;
  margin:           16px 0 0 6px;
  display:          inline; /* FIX IE */
  }
div#primary img#mainImage
{
  width:            316px;
  height:           316px;
  margin:           0 0 0 6px;
  }
div#primary img.thumb
{
  width:            74px;
  height:           74px;
  margin:           0 0 5px 5px;
  }

/* TEAM,PROJECTS                                                                                      TEAM,PROJECTS ::
---------------------------------------------------------------------------------------------------------------------- */
dl.team_member,dl.project
{
  float:            left;
  width:            406px; /* FIX IE */
  w\idth:           394px;
  border:           1px solid #FFF;
  border-width:     0 6px;
  padding:          6px 0;
  border-bottom:    6px solid #CCC;
  }
dl.team_member dt,dl.project dt
{
  float:            left;
  clear:            left;
  width:            107px;
  }
#primary dl.team_member dt img,#primary dl.project dt img
{
  float:            left;
  width:            107px;
  margin:           0;
  }
dl.team_member dd,dl.project dd
{
  float:            right;
  width:            277px;
  }
dl.team_member dd h2,dl.project dd h2
{
  font-size:        1.4em;
  color:            #6D96DE;
  }
div#primary dl.team_member p,div#primary dl.project p
{
  width:            267px;
  border:           0;
  padding:          0;
  }
div#primary dl.team_member p
{
  padding:          0 0 6px 0;
  }

/* TESTIMONIALS                                                                                        TESTIMONIALS ::
---------------------------------------------------------------------------------------------------------------------- */
div#primary blockquote
{
  float:            left;
  width:            406px; /* FIX IE */
  w\idth:           359px;
  border:           1px solid #FFF;
  border-width:     0 23px 0 24px;
  font-size:        1.2em;
  line-height:      1.6em;
  color:            #333;
  padding:          12px 0;
  }
div#primary blockquote p
{
  border:           0;
  }
div#primary blockquote em
{
  display:          block;
  margin:           10px 0 0 0;
  font-style:       normal;
  font-weight:      bold;
  color:            #6D96DE;
  }
div#primary blockquote em span
{
  color:            #BBB;
  }

/* T&Cs,PRIVACY,SITEMAP                                                                        T&Cs,PRIVACY,SITEMAP ::
---------------------------------------------------------------------------------------------------------------------- */
div#primary ol, div#primary ul
{
  float:            left;
  width:            352px; /* FIX IE */
  w\idth:           332px;
  padding:          0 0 20px 20px;
  margin:           0 24px;
  display:          inline; /* FIX IE */
  list-style-type:  square;
  }
div#primary ul li
{
  clear:            left;
  font-size:        1.3em;
  margin:           6px 0;
  }
div#primary ol li ul, div#primary ul li ul
{
  width:            332px; /* FIX IE */
  w\idth:           312px;
  margin:           0;
  padding:          5px 0 10px 20px;
  list-style-type:  square;
  }
div#primary ol li
{
  clear:            left;
  font-size:        1.1em;
  line-height:      1.5em;
  margin:           .5em 0 0 0;
  }
div#primary ol li ul li, div#primary ul li ul li
{
  font-size:        1em;
  }
  
/* CONTACT DETAILS                                                                                  CONTACT DETAILS ::
---------------------------------------------------------------------------------------------------------------------- */
div#contact_details
{
  float:            left;
  width:            406px; /* FIX IE */
  w\idth:           394px;
  background-color: #416EBD;
  border:           1px solid #FFF;
  border-width:     6px 6px 0;
  }

div#contact_details h2
{
  float:            left;
  width:            394px; /* FIX IE */
  w\idth:           359px;
  border:           1px solid #416EBD;
  border-width:     0 17px 0 18px;
  margin:           19px 0 0 0;
  font-weight:      normal;
  font-size:        1.5em;
  color:            #A1BBE6;
  }
div#contact_details dl
{
  float:            left;
  width:            394px; /* FIX IE */
  w\idth:           359px;
  border:           1px solid #416EBD;
  border-width:     0 17px 0 18px;
  padding:          19px 0;           
  }
div#contact_details dl dt, div#contact_details dl dd
{
  float:            left;
  width:            80px;
  height:           16px;
  font-size:        1.2em;
  color:            #A1BBE6;
  }
div#contact_details dl dd
{
  width:            279px;
  color:            #FFF;
  }
div#contact_details dl dd a
{
  color:            #FFF;
  }
div#contact_details dl dd a:hover
{
  color:            #072865;
  }

/* FORMS                                                                                                      FORMS ::
---------------------------------------------------------------------------------------------------------------------- */
form
{
  float:            left;
  width:            406px; /* FIX IE */
  w\idth:           394px;
  border:           1px solid #FFF;
  border-width:     0 6px;
  }
fieldset, legend, span.warning
{
  float:            left; 
  width:            394px;
  }
legend
{
  padding:          16px 0 0 0;
  width:            300px;
  text-transform:   uppercase;
  font-weight:      bold;
  color:            #0B3E9B;
  }
legend em
{
  font-size:        .8em;
  color:            #999;
  }
span.warning
{
  font-size:        1.1em;
  font-weight:      bold;
  color:            #F50;
  }
input.text, textarea
{
  float:            left;
  width:            394px; /* FIX IE */
  w\idth:           382px;
  border:           3px double #DDD;
  margin:           3px 0 0 0;
  padding:          3px;
  background-color: #EEE;
  font-family:			Arial, Helvetica, sans-serif;
  font-size:        1.3em;
  color:            #333;
  }
input.text:focus, textarea:focus
{
  border-color:     #CCC;
  }
input.submit
{
  float:            right;
  width:            100px;
  margin:           16px 0 0 0;
	padding:          3px 0;
	border:           0;
	color:            #FFF;
	font-size:        1.3em;
	background-color: #749BDE;
	border:           3px double #416EBD;
  }
input.submit:hover
{
  cursor:           pointer;
  background-color: #0B3E9B;
  }
div.alert
{
  float:            left;
  width:            394px;
  background-color: #FF8282;
  margin:           0 0 0 6px;
  display:          inline; /* FIX IE */
  padding:          15px 0;
  text-align:       center;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #FFF;
  }
div.success
{
  background-color: #6CFFA7;
  }

/* SECONDARY                                                                                              SECONDARY ::
---------------------------------------------------------------------------------------------------------------------- */  
div#secondary
{
  float:            left;
  width:            238px; /* FIX IE */
  w\idth:           226px;
  background-color: #416EBD;
  border:           1px solid #FFF;
  border-width:     0 6px;
  }
ul#navigation, ul#navigation li, ul#navigation a
{
  float:            left;
  width:            226px;
  }
ul#navigation a
{
  width:            226px; /* FIX IE */
  w\idth:           160px;
  padding:          8px 0 0 66px;
  height:           23px;
	font-size:        1.3em;
	font-weight:      bold;
	background:       #749BDE;
	color:            #BBD0F6;
	border-bottom:    8px solid #92B3EF;
  }
body#services a#nav_services,  
body#team a#nav_team,
body#projects a#nav_projects,
body#testimonials a#nav_testimonials,
body#contact a#nav_contact,
ul#navigation a:hover
{
  height:           31px;
  border-bottom:    0;
	color:            #FFF;
	background:       url("../images/nav_over.gif") no-repeat;
  }

div#secondary img
{
  float:            left !important;
  float:            none; /* FIX IE */
  border-top:       19px solid #FFF;
  width:            226px;
  }
div#secondary blockquote
{
  float:            left;
  width:            226px; /* FIX IE */
  w\idth:           194px;
  padding:          16px;
  background-color: #6D96DE;
  font-size:        1.1em;
  font-weight:      bold;
  color:            #FFF;
  }
div#secondary blockquote em
{
  display:          block;
  margin:           10px 0 0 0;
  font-style:       normal;
  }

/* TERTIARY                                                                                                TERTIARY ::
---------------------------------------------------------------------------------------------------------------------- */
div#tertiary
{
  float:            left;
  width:            226px; /* FIX IE */
  w\idth:           194px;
  padding:          16px;
  border-top:       19px solid #FFF;
  }
div#tertiary h3
{
  text-transform:   uppercase;
  color:            #FFF;
  font-size:        1.1em;
  }
div#tertiary p
{
  color:            #FFF;
  font-size:        1.1em;
  }
div#tertiary ul, div#tertiary ul li
{
  float:            left;
  width:            194px;
  }
div#tertiary ul
{
  margin:           16px 0 0 0;
  }
div#tertiary ul li a
{
  font-size:        1.1em;
  color:            #A1BBE6;
  }
div#tertiary ul li a:hover
{
  color:            #FFF;
  }

/* FOOTER                                                                                                    FOOTER ::
---------------------------------------------------------------------------------------------------------------------- */  
div#footer
{
  float:            left;
  width:            798px; /* FIX IE */
  w\idth:           760px;
  height:           58px;
  background-color: #C0C0C0;
  border:           1px solid #FFF;
  border-width:     0 19px;
  }
div#footer img
{
  float:            left;
  margin:           0 0 0 58px;
  }
a#credit
{
  float:            right;
  margin:           20px 168px 0 0;
  font-size:        1.3em;
  color:            #FFF;
  }
a#credit:hover
{
  color:            #072865;
  }