/*
Main CSS for site
by Simon Pollard - Deckchair UK Ltd
http://deckchair.co.uk
*/

/*
Sticky Footer Solution by Steve Hatcher
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 62px;}  /* must be same height as the footer */

/* CLEAR FIX*/
.clearfix:after
    {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
    .clearfix {display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix { height: 1%;}
    .clearfix {display: block;
    }
    /* End hide from IE-mac */

#footer
    {
    position: relative;
	margin-top: -62px; /* negative value of footer height */
	height: 62px;
	clear:both;
    }




/* CENTERING */
/*----------------------------------------------------------------------------*/

div#main_content{
	width: 940px;
    padding: 10px;
	margin-left: auto;
	margin-right: auto;
    }

div#main_content img#homepage{
  margin-bottom: 20px;
}


div#main_content, div#masthead_content {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
    }

div#footer_content {
	width: 940px;
    padding: 5px 10px 5px 10px;
	margin-left: auto;
	margin-right: auto;
    }

body
    {
    background: #FFFFFF url('./../graphics/bg_body.png') top no-repeat;
    }

body.yim
    {
    background: #FFFFFF url('./../graphics/bg_body_yim.jpg') top no-repeat;
    }

/* MASTHEAD */
/*----------------------------------------------------------------------------*/
div#masthead
    {
    height: 150px;
    background: url('./../graphics/bg_masthead_24.png') top repeat-x;
    }

div#masthead_content a#logo{
  float: left;
  margin: 10px 0 0 50px;
  width: 125px;
  height: 125px;
  background: url('./../graphics/bg_logo_24.png') top left no-repeat;
}

div#masthead_content h1{
  float: left;
  margin: 35px 0 0 115px;
  width: 635px;
  height: 39px;
  background: url('./../graphics/bg_masthead_title_text_24.png') top left no-repeat;
}

div#masthead_content
    {
      height: 150px;
    }


/* NAVIGATION */
/*----------------------------------------------------------------------------*/
div#nav_main ul{
  float: left;
  margin: 22px 0 0 115px;
}


div#nav_main li{
float: left;
list-style: none;
width: 80px;
}

div#nav_sub{
width: 210px;
float: left;
padding: 0 20px 0 20px;
}

div#nav_sub ul{
margin-top:20px;
width: 200px;
float: left;
}

div#nav_sub ul li{
list-style-type:none;
margin-bottom: 20px;
}

div#nav_sub ul li a{
text-decoration: none;
}

div#nav_sub ul li a:hover{
text-decoration: underline;
}

div#pagination{
float: left;
clear: left;
}


div#pagination dl dd{
   text-indent: 0;
   float: left;
   display: inline;
   padding: 0 4px 0 4px;
   margin-right: 2px;
   border: solid 1px #394241;
}


/* CONTENT */
/*----------------------------------------------------------------------------*/
div#content_area{
width: 650px;
float: right;
margin-bottom: 20px;
}

div#content_area h2{
  border-bottom: 2px solid #f2eddc;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

div#content_area dl{
margin-bottom: 0;
}

div#content_area dl dd{
 text-indent: 0;
}

div#content_area div#map{
  margin: 30px 0 30px 0;
   border: solid 2px #f2eddc;
}


div#content_area div#gallery img{
width: 100px;
height: 100px;
float: left;
margin: 0 10px 10px 0;
}

/* CONTACT FORM */
/*----------------------------------------------------------------------------*/
div#content_area form#email_form label,div#content_area form#email_form input, div#content_area form#email_form textarea {
float: left;
clear: left;
}

div#content_area form#email_form label{
width: 350px;
margin: 0 0 3px 0;
}

div#content_area form#email_form input, div#content_area form#email_form textarea {
width: 350px;
margin: 0 0 20px 0;
padding: 2px;
}

div#content_area form#email_form input#submit{
width: 100px;
margin: 0 0 20px 0;
padding: 2px;
}

div#content_area form#email_form label span{
  float: right;
}


/* FOOTER */
/*----------------------------------------------------------------------------*/
#footer
    {
    position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;
    background: #d1e1ec url('./../graphics/bg_footer.png') top repeat-x;
    }

div#footer_content {
      height: 20px;
    }

/* COMMON ELEMENTS */
/*----------------------------------------------------------------------------*/

/* HEADERS */

h1, h2, h3, h4, h5, h6
{
margin-bottom: 10px;
}

/* BODY TEXT */

p, blockquote
    {
    margin-bottom: 10px;
    }

/* ANCHORS */
a
    {
      outline: none;
      text-decoration: none;
    }

a:hover
    {
    cursor: pointer;
    cursor: hand;
    text-decoration: underline;
    }

/* LISTS */
.no_bullet
    {
    list-style-type: none;
    }

ul
    {
      list-style: inside;
    }

ol
    {
    margin-left: 20px;
    }


ul, ol, dl
    {
    margin-bottom: 20px;
    }

dt
    {
      margin-top: 10px;
    }

dd
    {
      text-indent: 10px;
    }