@charset "utf-8";
/* Expression Engine Theme
-----------------------------------------------------------------
Theme Name: Syrup
Author: Marcus Kielly - marcus@deckchair.co.uk
Company: http://www.deckchair.co.uk/
Version: 1.0f
Date: 19 March 2009
-----------------------------------------------------------------
*/
/*-------------------------------------------------------------*/
/* MASTHEAD */
/*-------------------------------------------------------------*/
#masthead
	{
padding: 0;
	height: 130px;
margin: 0 0 5px 0;
	}

#masthead h1
	{
    display: block;
    float: left;
	}

#masthead .masthead_sub #menu h3
	{
        float: left;
	}

#masthead #masthead_boxout
      {
float: right;
      width: 300px;
      height: 65px;
      margin: 17px 25px 0px 0px;
     }

#masthead a h1
    {
     width: 170px;
     height: 55px;
     margin: 22px 0px 0px 23px;
    }

#masthead #masthead_boxout h2
    {
line-height: 20px;
    }

#masthead #masthead_boxout span
    {
float: right;
margin-top: 10px;
    }

#masthead #masthead_boxout strong
    {
      float: right;
      clear: left;
    }

/*-------------------------------------------------------------*/
/*NAVIGATION*/
/*-------------------------------------------------------------*/
#menu
	{
margin-top: 18px;
float: left;
clear: left;
	width: 980px;
	height: 35px;
	}

.nav
	{
	float: left;
	height: 16px;
	}

.nav li
	{
	float: left;
	padding: 0px 20px 0px 20px;
	line-height: 28px;
	}

.sub_nav
	{
	float: right;
	margin-right: 20px;
	}

.sub_nav li
	{
	float: left;
       margin-left: 10px;
	line-height: 28px;
	}

#nav_case
     {
      width: 145px;
      display: inline;
      float: left; 
      clear: left;
      margin: 12px 0px 0px 0px;
      }

#nav_case a
      {
      float: left;
      width: 115px;
      height: 12px;
      padding: 7px 0px 6px 30px;
      margin-bottom: 4px;
      display: inline;
      }
/*-------------------------------------------------------------*/
/* CONTENT */
/*-------------------------------------------------------------*/
#content
	{
	float: left;
        padding-left: 20px;
        display: inline;
        padding-bottom: 20px;
       margin-top: 8px;
	}

#content.home
	{
	width: 620px;
	}

#content.home .header
       {
	width: 580px;
       }

#content .header
       {
       padding: 12px 0px 10px 15px;
      width: 925px;
       }

dl
    {
    float: left;
    width: 400px;
    display: inline;
    }


dt, dd
    {
      float: left;
      padding: 3px 0px 3px 10px;
    }

dd
    {
      display: block;
      width: 280px;
    }

dt
    {
      clear: left;
    }

/* INTRO.................................................. */
.intro h2
    {
     width: 585px;
     padding: 10px 0px 10px 10px;
    }

.intro p
     {
     width: 565px;
     padding: 5px 0 5px 10px;
    }

.intro
    {
     margin-bottom: 20px;
    }

.intro img
     {
     margin-bottom: 10px;
     }

/* RECENT .................................................. */

.recent
    {
    float: left;
    width: 595px; 
    padding-bottom: 20px;
    }

.recent p, .recent a 
    {
    padding-left:15px;
    }

.recent  h2.header
    {
     width: 620px;
     margin-bottom: 15px;
    padding-left:15px;
    }

.recent h3
    {
    margin: 18px 0px 5px 0px;
     width: 320px;
    padding-left:15px;
    }

.recent p
    {
float: left;
     width: 320px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    }

.recent a 
     {
     width: 300px;
     }

.recent .img_window
    {
     width: 190px;
     height: 120px;
     overflow: hidden;
     float: right;
    padding: 0;
    margin-right: 15px;
    }

.recent img.recent_img
    {
     width: 190px;
    }

.recent a
    {
      float: left;
      clear: left;
margin-bottom: 10px;
    }

/*-------------------------------------------------------------*/
/* CONTENT SECTIONS*/
/*-------------------------------------------------------------*/
.pageblock
     {
     width: 600px;
     float: left; 
     clear: left;
     margin-top: 10px;
     }

/*COL_TEXT-----------------------------------------------*/

.col_text h3, .col_text h4
     {
     display: inline;
     float: left; 
     clear: left;
     margin: 0px 10px 3px 0px;
     }

.col_text 
     {
     display: inline;
     padding-top: 20px;
     }

.col_text p
     {
     width: 590px;    
     }

.col_text p, .col_text a
     {
     margin-top: 10px;
     display: inline;
     float: left; 
     clear: left;
     }

.col_text a
     {
     padding-left: 15px;
     }

.policies .col_text a, .links_archive .col_text a
     {
     padding-left: 0px;
     }

/* NEWS */

.news_archive
     {
     width: 940px;
     padding-bottom:20px;
     float: left; 
     clear: left;
     }

.news_archive .col_text
     {
     width: 700px;
     margin-left: 20px;
     float: left;
     }

.news.story .col_text
     {
     float: left;
     clear: left;
     width: 500px;
     }

.news_archive.story .col_text h3, .news_archive.story .col_text h4
     {
     margin-left: 0px;
     }

.news_archive .col_img, .news_archive .img_window
      {
      float: left; 
      clear: left;
      width: 160px;
      }

.news_archive .col_img
      {
margin-top: 20px;
      }

.news_archive .img_window
      {
      height: 95px;
      overflow: hidden;
      }

/* CASE STUDIES */
.case
     {
     float: left;
     }

.case h2
     {
     margin-top: 20px;
     padding: 0px 0px 5px 15px;
     }

.case_archive
     {
     width: 780px;
     float: left;
     clear: left;
     padding-bottom: 20px;
     }

.case_archive .col_text, .news.story .col_text
     {
     width: 590px;
     float: left;
     padding-left: 15px;
     padding-top: 20px;
     }

.case_archive .col_text
     {
     margin-left: 10px;
     }

.case_archive .col_img, .case_archive .img_window
      {
      float: left; 
     clear: left;
     width: 160px;
     }

.case_archive .img_window
      {
      margin-top: 20px;
      height: 95px;
     overflow: hidden;
     }

.case.category.story .col_text, .case.category.story .col_text p
     {
     width: 400px;
     float: left;
    }

/* SERVICES */

div.services_section
    {
    padding: 15px;
    float: left; 
    clear: left;
    width: 910px;
    }

.services .col_text
    {
    line-height: 18px;
    }

.services .col_text, .about .col_text, .links_col_text
     {
     width: 590px;
     float: left;
     clear: left;
     padding-top: 10px;
     }

.services .col_text h2, .services .col_text h3
     {
     padding-top: 20px;
     width: 610px;
     float: left;
     clear: left;
     }

.services .col_text ul, .about .col_text ul
     {
     width: 500px;
     float: left; 
     clear: left; 
     }

.services .col_text li
     {
     margin-top: 5px;
     padding-left: 20px;
     }

.services .col_img 
     {
float: right;
     }

/* ABOUT */

.about .col_text ul
     {
     margin-top: 20px;
     }

.about .col_text li
     {
     margin-top: 0px;
     padding-left: 20px;
     height: 20px;
     }

.about .col_text a
     {
     width: 400px;
     margin-top: 3px;
      }

/* ASSOCIATIONS */
.links
    {
    margin-bottom: 0px;
    }
.links_archive
     {
     width: 900px;
     padding: 0px 20px 20px 20px;
     float: left; 
     clear: left;
     }

.archive .col_text p
     {
     width: 510px;
     }

.links_archive .col_img 
     {
margin-top: 20px;
     }

.links_archive .col_text 
     {
     margin-top: 20px;
     float: left;
     clear: left;
     }

.links_archive .col_img .img_window
     {
     width: 200px;
     height: 150px;
     float: right;
     clear: right;
     }

.links_archive .col_img img
     {
      width: 200px;
      height: 150px;
     }

/* POLICIES */

.policies .col_text
     {
     width: 920px;
     float: left;
     clear: left;
     padding-bottom: 20px;
     }

.policies .col_text p 
     {
     width: 905px;
     float: left;
     clear: left;
     padding-right: 15px;
     }

.policies .col_text, .policies .col_text li
     {
     padding-left: 15px;
     }

.policies .col_text a, .policies .col_text ul, .policies .col_text li
     {
     float: left;
     clear: left;
     }

.policies .col_text ul
   {
   margin-top: 20px;
   }

.policies .col_text li
{
margin-top: 5px;
}



/*COL_IMG-----------------------------------------------*/

.archive .col_img
     {
    margin-top: 20px;
    width: 160px;
    float: left;
    }

.associations.archive .col_img 
     {
    margin-top: 20px;
    width: 160px;
    float: left;
    }

.archive .img_window
     {
    width: 160px;
    height: 92px;
    display: block;
    overflow: hidden;
    }

.news.archive .col_img
     {
    margin-top: 20px;
    width: 220px;
    float: left;
    }

.news.archive .img_window
     {
    width: 205px;
    height: 125px;
    margin-left: 15px;
    display: block;
    overflow: hidden;
    }

.story .col_img
    {
margin-right: 15px;
    padding-top: 20px;
    width: 275px;
    float: right; 
    }

.story .col_img img
    {
    width: 275px;
    float: right; 
    margin-bottom: 10px;
    }

.col_img img {
border: solid 1px #E7EEE9;
}


.thumbgrid
    {
    width: 275px;
    float: right; 
    margin: 10px 0px 10px 0px;
    }

.story .col_img .thumbgrid img
     {
     width: 50px;
     height: 50px;
     float: left; 
     margin-right: 10px;
     }

/*------------------------------------------------------------------*/
/* SECTIONS */
/*------------------------------------------------------------------*/

/*CASE STUDIES*/

.case.category, case.story
   {
   float: left; 
   width: 795px;
    margin-left: 15px;
   }


.category .archive
    {
    display: inline;
    width: 775px;
    float: left;
    padding-bottom: 20px;
    }

/*NEWS*/

.news
     {
     width: 940px;
     float: left;
     display: inline;
    }

div.news.archive
     {
     padding-bottom: 20px;
     }

.story a
     {
float: left; 
clear: left;
     }

.story .thumbgrid a
     {
float: left;
clear: none; 
     }


.client_icons *
{
margin: 0px;
width: 24%;
}

.client_names h3
   {
   margin-bottom:20px;
   }

.client_names
{
margin-top: 20px;
width: 900px;
padding: 20px;
float: left;
clear: left;
}

.client_names ul
{
width: 680px;
float: left;
}

.client_names li
{
width: 25%;
height: 20px;
float: left;
}

/*-------------------------------------------------------------*/
/* ASSOCIATIONS*/
/*-------------------------------------------------------------*/
.associations.archive
{
width: 940px;
float: left;
padding-bottom: 20px;
}


/*-------------------------------------------------------------*/
/* CONTACT*/
/*-------------------------------------------------------------*/
.errors, .errors h3, .errors ul, .errors li
     {
      float: left;
     clear: left;
     }

 .errors ul
     {
     margin-top: 12px;
     }

 .errors li
     {
     margin-bottom: 5px;
     }

.errors
     {
     width: 920px;  
     padding : 18px 0px 20px 20px
     }

.info_panel
     {
     margin-top: 20px;
     display: block;
     float: left;
     width: 910px;
     height: 110px;
     padding: 15px;
     }

.info_panel h3
    {
margin-bottom: 15px;
    }

.info_panel .col_1
    {
     width: 410px;
    float: left;
    clear: left;
    }

.info_panel dt, .info_panel dd
{
float: left; 
clear: left;
padding: 0px;
padding-bottom: 3px;
}

.info_panel dd
{
padding-bottom: 20px;
}

.btn_submit
    {
     width: 90px;
     height: 40px;
     }

/*-------------------------------------------------------------*/
/* SITEMAP*/
/*-------------------------------------------------------------*/
.sitemap ul 
     {
     width: 185px;
     float: left; 
     margin: 20px 50px 0px 0px;
     display: inline;
     }

.sitemap li
    {
     width: 170px;
     padding: 0px 0px 5px 15px;
     float: left; 
     clear: left;
    margin-bottom: 20px;
    }

.sitepanel
     {
     margin-top: 15px;
     padding: 18px 18px 0px 0px;
     float: right; 
     clear: right; 
     width: 242px;
     }
/*-------------------------------------------------------------*/
/* SIDEBAR */
/*-------------------------------------------------------------*/

#side_bar
	{
	float: right;
	width: 300px;
        margin: 8px 20px 0px 0px;
        padding-bottom: 20px;
	}

.side_box *
       {
       width: 250px;
        float: left;
       clear: left;
       margin: 8px 0px 0px 0px
       padding: 0px 0px 0px 20px;
        }

#side_bar h2
    {
    width: 280px;
    padding: 15px 0px 10px 20px;
    margin-top: 0px;
    }

#side_bar, .side_box h2, .side_box h3, .side_box h4, .side_box p, .side_box li
       {
       display: inline;
       }

.side_box
    {
    float: left;
    clear: left;
    width: 300px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    }

.side_box .header
       {
       width: 300px;
       height: 35px;
       margin-top: 0px;
       margin-left: 0px;
       }

.side_box h3
       {
       margin-top: 10px;
       }

.side_box h4
      {
      margin-top: 3px;
     }

.side_box p
      {
      margin: 8px 0px 0px 0px;
     }

.side_box ul
      {
      float: left;
      margin-top: 8px;
     padding-left: 20px;
     }

#side_bar .side_box li
      {
      float: left;
      margin-top: 18px; 
     padding: 0px 0px 0px 10px;
     }

#side_bar .services a, #side_bar .call a, #side_bar strong, .side_box .sidepost
    {
    padding-left: 20px;
    }

.side_box .sidepost
   {
margin-top: 15px;
   }

.side_box .sidepost a
   {
margin-top: 12px;
   }

#side_bar .call a
   {
   padding-top: 8px;
   }

#side_bar .services a
   {
   padding-top: 18px;
   }

.side_box.icons
    {
	height: 51px;
    }