/**
 * CSS Stylesheets
 *
 * @author Phillip B Oldham <phillip.oldham@kilo75.com>
 * @version 1.0
 * @linked filename </path/to/file.css>
 */

/**
 * Section Contents
 *
 * Contents register for
 * large CSS files
 *
 * @section 1 Defaults
 * @section 2 ?
 * ...
 */

/**
 * Defaults
 * @section 1
 */

*
{
padding: 0;
margin: 0;
}

html
{
height: 100%;
margin: 0 0 1px 0;
font-size: 0.9em;
/* font-size: 80%; */
font-family: Arial, Helvetica, sans-serif;
background: #E7EBD6;
}

/* Fix outline bug in FF1.5+ */
a, a:active
{
outline: none;
}

* html
{
font-size: 79%;
}

* html h1
{
font-size: 2em;
}

* html h2
{
font-size: 1.5em;
}

* html h3
{
font-size: 1.3em;
}

* html h4
{
font-size: 1em;
}

* html h5
{
font-size: .8em;
}

body
{
height: 100%;
background: #E7EBD6;
text-align: center;
}

a
{
color: #697F4F;
}

sub
{
line-height: 0;
vertical-align: text-bottom;
}

sup
{
line-height: 0;
vertical-align: text-top;
}

/**
 * The following section re-implements
 * basic spacing/margin/padding values
 * for elements.
 *
 *--remove this line to uncomment--/

h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
label,
ul,
ol,
dl,
fieldset,
address
{
margin: 1em 5%;
}

li,
dd
{
margin-left: 5%;
}

fieldset
{
padding: 0.5em;
}

/* --dummy comment to end blocking of defaults-- */

#wrapper
{
width: 770px;
text-align: left;
margin: 0 auto;
}

#header
{
height: 220px;
background: url(/design/bg.1.jpg) no-repeat 0 0;
}

body.home #header
{
height: 220px;
background: url(/design/bg.1.jpg) no-repeat 0 0;
}

body.Work #header
{
height: 220px;
background: url(/design/bg.4.jpg) no-repeat 0 0;
}

body.Testimonials #header
{
height: 220px;
background: url(/design/bg.5.jpg) no-repeat 0 0;
}

body.Services #header
{
height: 220px;
background: url(/design/bg.2.jpg) no-repeat 0 0;
}

body.About #header
{
height: 220px;
background: url(/design/bg.3.jpg) no-repeat 0 0;
}

#maincontent
{
font-family: 'trebuchet ms', arial, helvetica, sans-serif;
}

#navigation
{
position: absolute;
top: 117px;
}

#header h1
{
position: absolute;
top: 153px;
background: url(/design/bg.menu.png);
height: 65px;
line-height: 65px;
text-align: center;
width: 770px;
border: 1px solid #FFF;
border-left: 0;
border-right: 0;
color: #FFF;
font-size: 2.2em;
font-weight: normal;
letter-spacing: 0.01em;
}

#navigation ul
{
background: url(/design/bg.menu.png);
list-style: none;
height: 35px;
line-height: 35px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
padding: 0 0 0 1em;
float: left;
}

#navigation ul li
{
display: inline;
padding: 0 1em 0 0;
}

#navigation ul li a
{
text-decoration: none;
color: #FFF;
font-size: 1.2em;
font-weight: bold;
}

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

#maincontent #content
{
float: right;
width: 520px;
font-size: .9em;
color: #333;
line-height: 1.4;
word-spacing: .1em;
margin: 1.5em 0;
}

#kerridgehelm-index #content
{
width: 50%;
}

#content a
{
font-weight: bold;
}


#listing
{
clear: left;
}

#footer
{
clear: both;
margin-top: 1em;
padding: 1em 0;
border-top: 1px solid #FFF;
}

#footer
{
text-align: center;
font-size: .8em;
font-family: 'trebuchet ms', arial, helvetica, sans-serif;
font-weight: bold;
color: #444;
}

#footer address
{
font-style: normal;
}

#content ul
{
margin: .1em 1.5em;
}

#content ul ul
{
margin: .1em 1.5em;
}

#content h3
{
margin: 1em 0;
}

#content p
{
margin: 1em 0;
}

#testimonials
{
float: left;
width: 222px;
margin: 20px 0;
background: url(/design/quotes.top.gif) no-repeat 0 0;
padding-top: 10px;
}

#testimonials .quotebottom
{
font-size: .9em;
font-weight: bold;
color: #575F4E;
background: url(/design/quotes.bottom.gif) no-repeat 0 100%;
padding: 10px 10px 40px 10px;
text-indent: 40px;
}

#testimonials p.clientname
{
font-size: 1em;
font-weight: bold;
color: #575F4E;
padding: 10px 10px 10px 10px;
text-align: right;
}



#note
{
float: left;
width: 222px;
margin: 20px 0 0 0;
background: url(/design/note.top.gif) no-repeat 0 0;
padding-top: 10px;
}

#note .quotebottom
{
font-size: .9em;
font-weight: bold;
color: #333;
background: url(/design/note.bottom.gif) no-repeat 0 100%;
padding: 10px;
}

#note blockquote
{
margin: 10px;
white-space: pre;
}

/**
 * This class hides any elements
 * used only for accessibility.
 */
.access
{
position: absolute;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
text-indent: -5000em;
width: 0 !important;
height: 0 !important;
overflow: hidden;
}

/**
 * Fix IE PNG support.
 * /

img, div, ul, h1
{
behavior: url(/design/iepngfix.htc);
}
/**/

#outbound-links ul, 
.contact-details
{
list-style: none;
}

#outbound-links ul
{
float: left;
width: 770px;
text-align: center;
clear: both;
margin: 1em 0;
}

#outbound-links ul li
{
width: 365px;
float: left;
padding: 0 10px;
}

#outbound-links ul li.outbound-left
{
text-align: right;
}

#outbound-links ul li.outbound-right
{
text-align: left;
}