/*--------------------------------------------
   doc title: estafet master stylesheet
   filename: styles.css
   author: j brighton
   date: 12/05/2008

   ------------------

   1. defaults
   2. structure
   3. navigation
   4. headings, typography, links
   5. forms
   6. images
   7. iframes

--------------------------------------------*/

/*-------- 1. defaults --------*/

*
		{
		margin: 0;
		padding: 0;
		}
body
		{
		font-family: Trebuchet MS, arial, sans-serif;
		font-size: 0.75em;
		color: #2D363F;
		text-align: center;
      background: #fff url('/inc/img/back_page.gif') 50% 0 no-repeat;
		}
img
		{
		border: 0;
		}
/*-------- 2. structure --------*/
	#page_holder
		{

		width: 758px;
		padding: 0 17px 0 17px;
		text-align: center;
		margin: 0 auto 0 auto;
		overflow: hidden;

		}
	#topnav
		{
		background: #82C0D3;
		text-align: left;
		height: 26px;
		width: 732px;
		margin: 0 auto 1px auto;
		}
	#logo_holder
		{
		height: 100px;
		margin: 0 13px 0 13px;
		}
   /*--- content styles ---*/
	#content_left
		{
		width: 380px;
		margin: 0 0 0 13px;
		padding: 0 67px 0 67px;
      display: inline;
		float: left;
		text-align: left;

		background: url('/inc/img/back_content_page.jpg') repeat-x;
		}
	#nav_right
		{
		margin: 0 13px 0 527px;
		text-align: left;
		padding: 37px 0 0 12px;

		}
	#home_left
		{
		display: inline;
	    width: 354px;
		margin: 0 0 0 13px;
		padding: 20px 34px 0 34px;
        background:  transparent url('/inc/img/back_content_page.jpg') repeat-x;
		float: left;
		text-align: left;
		min-height: 213px;
		}
	#home_right
		{
		text-align: left;
	   width: 276px;
		margin: 5px 10px 0 5px;
		float: left;
		padding: 0 28px 0 0;
		}
	div.news
		{
      width: 294px;
		float: left;
		margin: 8px 0 0 0;
		}
	div.subscribe
		{
		width: 294px;
		padding: 10px 0 5px 0;
		margin: 5px 0 10px 0;
		border-top: 1px solid #E3E3E3;
		border-bottom: 1px solid #E3E3E3;
		float: left;
		}
	div.subscribe p
		{
		width: 100%;
		}
	#content_cta
		{
		float: left;
		width: 350px;
      background:  url('/inc/img/icon_phone.gif') 0 27px no-repeat;
		padding: 27px 30px 0 0;
      margin: 20px 0 0 0;
		border-top: 1px solid #B2B6BC;
		}
	.gap
		{
		margin: 40px 0 0 0;
		}
	#cta
		{
		width: 352px;
		height: 50px;
		float: left;
		text-align: left;
		margin: 10px 0 0 43px;
      background:  url('/inc/img/icon_phone.gif') no-repeat;
		padding: 0 30px 0 0;
		}
	#footer
		{
		text-align: left;
		width: 740px;
		margin: 28px auto 0 auto;
		border-top: 1px solid #BDBDBD;
      background: transparent;
      clear: both;
		}
	.newsarticle
		{
		border-bottom: 1px solid #B2B6BC;
		margin: 0 0 12px 0;
		}
   .first
      {
      margin-top: 25px;
      }
	.servicesitem
		{
		border-top: 1px solid #B2B6BC;
		background: #fff;
      width: 380px;
      float: left;

		}
	.lastarticle, .lastitem
		{
		border-bottom: 0 !important;
		margin: 0 0 0 0 !important;
		}
	#popup_spread
		{
		width: 150px;
		height: 90px;
		padding: 5px 10px 10px 10px;
		background: #158AAC;
		color: #fff;
		text-align: left;
		display: none;
		visibility: hidden;
		font-size: 0.9em;
		line-height: 1.4em;
		}
/*-------- 3. navigation --------*/
   /*-------- MAIN navigation --------*/
	ul#mainnav
		{
		list-style-type: none;
        padding: 4px 0 0 8px;
		float: left;
		}
	#mainnav li
		{
		display: inline;
		background: url('/inc/img/nav_divider.gif') 100% no-repeat;
		}
	#mainnav li.last
		{
		border-right: 0 !important;
		}
	#mainnav li a
		{
		text-decoration: none;
		color: #000;
		padding: 0 8px 0 10px;
		}
	#mainnav li a:hover
		{
		text-decoration: underline;
		}
	.on
		{
		font-weight: bold;
		}
   .warning
      {
      color: #ff0000;
      font-weight: bold;
      }
   /*-------- SERVICES navigation --------*/
	ul#servicesnav
		{
		width: 305px;
		margin: 0 0 0 0;
		}
	.topservice
		{

		width: 297px;
		background: #0582A7;
		text-decoration: none;
		color: #fff;
      display: block;
		padding: 2px 0 6px 8px;
		margin: 0 0 2px 0 !important;
		height: 16px;

		}
	.topservice a
		{
		color: #fff;
		font-size: 1.2em;
		text-decoration: none;
		border-bottom: 1px dotted #fff;
		}
	.topservice a:hover
		{
		color: #2D363F;
		text-decoration: none;
		border-bottom: 1px dotted #2D363F;
		}
	ul#servicesnav li
		{
		float: left;
      clear: left;
		list-style-type: none;
		padding: 1px 0 1px 0;
		border-bottom: 1px solid #E3E3E3;
		}
	ul#servicesnav li
		{
		display: block;
		margin: 0 0 2px 0;
		width: 100%;
		}
	ul#servicesnav li a
		{
		background: url('/inc/img/icon_arrow_blue_right.gif') 99% 50% no-repeat;
		text-decoration: none;
		color: #2D363F;
		padding: 4px 30px 4px 8px;
		}
	ul#servicesnav li a:hover
		{
		text-decoration: underline;
		}
	.servicelast
		{
		margin: 0 0 3px 0;
		}
   /*-------- CONTENT sub-navigation ---*/
	ul#contentsubnav
		{
		display: block;
		float: left;
		width: 200px;
		padding: 0px 0 0 0;
		margin: 0 13px 50px 0;
		list-style-type: none;
		}
	ul#contentsubnav li
		{
		padding: 0;
		font-size: 0.9em;
		line-height: 1.1em;
		margin: 0 0 7px 0;
		display: inline;
		}
	#contentsubnav li a.selected
		{
		background: url(/inc/img/icon_dash_blue.gif) 15px 10px no-repeat;
		color: #158AAC;
		}
	#contentsubnav li a
		{
		background: url(/inc/img/icon_dash_black.gif) 15px 10px no-repeat;
		margin: 0 0 0 0;
		padding: 5px 0 5px 25px;
		color: #2D363F;
		display: block;
		text-decoration: none;
		border-bottom: 1px solid #B2B6BC;
		}
   /*---- RELATED sub-navigation -----*/
	ul#relatedsubnav
		{
		float: left;
		display: inline;
		padding: 0px 0 0 25px;
		margin: 20px 0 20px 0;
		}
	ul#relatedsubnav li
		{
		padding: 0;
		font-size: 0.9em;
		line-height: 1.1em;
		margin: 0 0 7px 0;
		}
	#relatedsubnav li a
		{
		margin: 0 0 0 0;
		padding: 5px 0 5px 0;
		color: #2D363F;

		text-decoration: none;
		}
   /*-------- FOOTER navigation --------*/
	ul#footernav
		{
		list-style-type: none;
      padding: 6px 0 0 4px;
		display: inline;
		float: left;
		margin: 15px 0 0 0;
		}
	#footernav li
		{
		background: url('/inc/img/nav_divider.gif') 100% no-repeat;
		display: inline;

		}
   #footernav li.menulast
      {
      padding-left: 6px;
      background: none !important;
      }
	#footernav li a
		{
		color: #343E46;
		text-decoration: none;
		padding: 0 8px 0 11px;
		font-size: 0.9em;

		}
	#footernav li a:hover
		{
		text-decoration: underline;
		}
/*-------- 4. headings, typography --------*/
   /*-- typography --*/
	#topnav p
		{
		float: right;
		margin: 2px 10px 0 0;
		padding: 0 0 2px 0;
		font-size: 1.1em;
		}
	#logo_holder p
		{
		float: right;
		margin: 40px 32px 0 0;
		padding: 0 0 3px 0;
		font-size: 1.3em;
		font-weight: normal;
		color: #2D363F;
		}
	#logo_holder p a
		{
		text-decoration: none;
		color: #000;
		font-size: 1.3em;
		font-weight: bold;
		}
	#topnav a.dottedlink
		{
		color: #000;
		text-decoration: none;
	   border-bottom: 1px dotted #000;
		}
	#home_right h2
		{
		font-weight: normal;
		display: inline;
		margin: 4px 0 12px 8px;
		font-size: 1.2em;
		color: #158AAC;
		border-bottom: 1px dotted #158AAC;
		float: left;
		clear: both;
		}
	#home_right h2 a
		{
		color: #158AAC;
		text-decoration: none;
		}
	#home_right h2 a:hover
		{
		color: #2D363F;
		text-decoration: none;
	   border-bottom: 1px dotted #2D363F;
		}
	#home_left h1
		{
		display: inline;
		font-size: 1.7em;
		color: #158AAC;
		float: left;
		clear: right;
		font-weight: normal;
		margin: 10px 0 10px 0;
		}
	#home_left p
		{
		font-size: 1.2em;
		line-height: 1.4em;
		float: left;
		clear: left;
		width: 100%;
		margin: 5px 0 5px 0;
		}
	#home_left p a
		{
		color: #0582A7;
	    border-bottom: 1px dotted #0582A7;
		margin-bottom: 2px;
		text-decoration: none;
		}
	#home_left p a:hover
		{
		color: #E0050C;
		text-decoration: none;
	   border-bottom: 1px dotted #E0050C;
		}

	ul#newslist
		{
		float: left;
		clear: left;
		padding: 8px 0 0 0;
		list-style-image: url(/inc/img/icon_arrow_red_right2.gif);
		}
	.newslist
		{
		margin: 0 0 10px 10px;
		float: left;
		clear: left;
		width: 260px;
		line-height: 1.4em;
		padding: 0 0 0 16px;
		background: url(/inc/img/icon_arrow_red_right.gif) 0 3px no-repeat;
		}
	a.newslist
		{
		color: #2D363F;
		text-decoration: none;
		}
	#home_right p
		{
		display: inline;
		margin: 0 0 10px 8px;
		float: left;
		clear: left;
		line-height: 1.4em;
		}
	#nav_right h2
		{
		color: #2D363F;
		font-weight: normal;
		margin: 0 0 0 0;
		padding: 0 0 8px 4px;
		width: 196px;
		font-size: 1.3em;
		border-bottom: 1px solid #B2B6BC;
		}
	#content_left h1
		{
		margin: 35px 0 0 0;
		font-weight: normal;
		color: #2D363F;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #B2B6BC;
		font-size: 1.6em;
		margin: 38px 0 0 0;
		}
	#content_left h1.spaced
		{
		margin-bottom: 25px;
		}

	#content_left h2
		{
		font-size: 1.2em;
		color: #158AAC;
		margin-bottom: 3px
		}
	#content_left .intro
		{
		font-size:1.2em;
      line-height:1.4em;
		margin: 25px 0 25px 0;
		}
	#content_left p
		{
		margin-bottom: 10px;
		font-size: 1em;
		line-height: 1.4em;
		}
	#content_left p a, #content_left li a, label a
		{
		color: #0582A7;
		border-bottom: 1px dotted #0582A7;
		text-decoration: none;
		}
    #content_left p a:hover, #content_left li a:hover, label a:hover
		{
		color: #E0050C;
		border-bottom: 1px solid #E0050C;
		text-decoration: none;
		}

    #content_left ol
		{
		margin: 0 0 10px 10px;
		}
    #content_left ol li
		{
		margin: 0 0 6px 10px;
		}
	#content_left ul
		{
		margin: 0 0 10px 20px;
		}
   #content_left ul li ul
		{
		margin: 0 0 0 20px;
		}
	#content_left li
		{
      margin: 0 0 0 10px;
		line-height: 1.4em;
		}
	#content_left li ul li
		{
		font-size: 1em;
		line-height: 1.4em;
		}
	#cta p, #content_cta p
		{
		padding: 0 0 2px 40px;
		line-height: 1.3em;
		font-size: 1.2em;
		}
	.cta_title
		{
		color: #E0050C;
		}
	#cta p a.dottedlink, #content_cta a.dottedlink
		{
		color: #0582A7;
		border-bottom: 1px dotted #0582A7;
		text-decoration: none;
		}
	#cta a.dottedlink:hover, #content_cta a.dottedlink:hover
		{
		color: #2D363F;
		border-bottom: 1px dotted #2D363F;
		text-decoration: none;
		}
	#content_left .newsarticle h2
		{
		font-size: 0.9em;
		color: #2D363F;
		}
	#content_left .servicesitem h2
		{
		position: relative;
		top: 10px;
      font-size: 1.2em;
      font-weight: normal;
		}
	#content_left .servicesitem h2 a
		{
		border-bottom: 1px dotted #158AAC;
		text-decoration: none;
		color: #158AAC;
		}
	#content_left .servicesitem h2 a:hover
		{
		border-bottom: 1px dotted #2D363F;
		text-decoration: none;
		color: #2D363F;
		}
	.newsarticle p
		{
		clear: right;
		margin: 0 0 0 37px;
		line-height: 1.4em;
		}
	.servicesitem p
		{
		clear: right;
		margin: 10px 0 0 161px;
		padding: 5px 10px 0 18px;
		line-height: 1.4em;
		background: url(/inc/img/icon_arrow_red_right.gif) 0 8px no-repeat;
		}
	#content_left .articledate
		{
		color: #158AAC;
		margin-bottom: 0;
		}
	#testimonial
		{
		float: left;
		width: 172px;
		padding: 30px 10px 0 0;
		font-size: 1em;
		text-align: left;
		margin: 0 0 20px 0;
		background: url(/inc/img/back_testimonial.gif) no-repeat;
		}
	#testimonial p
		{
		padding: 0 0 5px 20px;
		line-height: 1.3em;
		}
	#testimonial .role
		{
		color: #158AAC;
		margin-bottom: 20px;
		font-weight: bold;
		}
	#popup_spread h2
		{
		font-size: 1.1em;
		margin: 10px 0 5px 0;
		}
	.blackh
		{
		color: #2D363F;
		}
	.contact_intro_left
		{
		color: #0582A7;
		width: 200px;
		float: left;
      font-size: 1.1em !important;
		margin: 15px 20px 0 8px;
		}
	.contact_address
		{
		margin: 15px 0 0 0;
		}
	.address_heading
		{
		font-size: 1.3em;
      display: block;
      margin-bottom: 5px;
		}
	.address_blue
		{
		color: #0582A7;
		}
   .company_reg
      {
      font-size: 0.9em;
      margin: 135px 10px 0 0;
      float: left;
      }
   .blackbold
      {
      color: #000;
      font-weight: bold;
      }
   .spaced
      {
      margin-top: 10px;
      }
   h4
      {
      margin-top: 15px;
      }
   h4 a
      {
      color: #2D363F;
      text-decoration: none;
      }
   .sitemap a
      {
      color: #2D363F;
      text-decoration: none;
      }
   .sitemap a:hover,    h4 a:hover
      {
      text-decoration: underline;
      }
/*-------- 5. forms --------*/
   /*-- contact-form --*/
    form
      {
      clear: both;
      }
    fieldset
		{
		background: #DFDFE0;
		border: 0;
		width: 380px;
		}
	fieldset p.internal
		{
      margin: 0 0 0 10px;
		}
	form div.main
		{
	   background: #2D363F;
		color: #fff;
		padding: 3px 10px 0 10px;
		clear: both;
		margin: 0 0 15px 0;
		height: 20px;
		}
	form div.inner
		{
		margin: 15px 0 15px 0;
		}
	form div.secondary
		{
	   border-top: 1px solid #fff;
		clear: both;
		margin: 10px 0 15px 0;
		padding-top: 10px;
      padding-left: 30px;
		}
	.last
		{
      text-align: center;
		margin: 10px 0 0 0 !important;
      padding-left: 0 !important;
		}
    .form_divider_left
		{
		width: 200px;
	   float: left;
		}
	.form_divider_right
		{

		text-align: right;
		}
	#contact_form label, #newsletter_form label
		{
		clear: left;
		float: left;
		width: 150px;
		margin: 0 0 0 15px;
		}
	#contact_form label.right, #newsletter_form label.right
		{
		float: none;
		clear: none;
	   width: 250px;
		margin: 10px 10px 10px 0;
		}
	#contact_form label.onecol, #newsletter_form label.onecol
		{
		clear: none;
		float: left;
		width: 170px;
      margin: 5px 5px 0 0;
		}
   #contact_form label.twocol, #newsletter_form label.twocol
		{
		float: left;
		clear: none;
		width: 155px;
      margin: 5px 0 0 0px;
		}
    #contact_form label.final, #newsletter_form label.final
		{
		margin: 5px 0 15px 0;
		}
	#contact_form input, #contact_form select, #contact_form textarea, #newsletter_form input, #newsletter_form textarea
		{
		float: left;
		width: 150px;
		margin: 0 0 10px 0;
		border: 1px solid #008AA3;
		}
    #contact_form select
      {
      font-size: 0.9em;
      }
    #contact_form input.checkbox_full, #newsletter_form input.checkbox_full
		{
		float: none;
		vertical-align: middle;
		margin: 0 0 0 0;
	   border: 0;
		width: 20px;
		}
    #contact_form input.checkbox_short, #newsletter_form input.checkbox_short
		{
		float: left;
		clear: left;
		vertical-align: middle;
		margin: 5px 0 0 10px;
		width: 20px;
		border: 0;
		}
	#contact_form input.checkbox_short_right, #newsletter_form input.checkbox_short_right
		{
		float: left;
		vertical-align: middle;
		margin: 5px 0 0 0;
		width: 20px;
		border: 0;
		}
	#contact_form input#form_submit, #newsletter_form input#form_submit
		{
		float: none;
		font-size: 1.1em;
		color: #fff;
		border: 0 !important;
      height: 18px;
		width: 80px;
      padding: 0 0 2px 0;
		background: url(/inc/img/back_button_submit.gif) repeat-x;*/
		}
	#newsletter_subs_form
		{
		background: #E7E7E7;
		margin: 15px 0 0 11px;
		width: 345px;
		}
	#newsletter_subs_form fieldset
		{
		border: 0;
		}
	.form_divider
		{
		background: #6E6E6E;
		display: block;
		width: 340px;
		height: 20px;
		padding: 5px 0 0 5px;
		color: #fff;
		font-weight: bold;
		float: left;
		}
/*-------- 6. images --------*/
#logo
		{
		float: left;
		margin: 0 0 0 23px;
		}
#chat_bubble
		{
		margin: 0 0 0 4px;
      vertical-align: middle;
		}
#logo_bea
		{
		float: right;
		}
#nav_right img
		{
		float: left;
		}
.news_icon, .services_icon
		{
		float: left;
		margin: 0 10px 0 0;
		}
#icon_acrobat
		{
		margin: 0 0 0 18px;
		}
.banner_small
      {
      float: left;
      margin: 5px 0 0 0;
      }
object#myContent {
      display: block;
      margin: 0 auto 0 auto;
      }
       </style> 
/*-------- 7. iframes --------*/