/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Reset
3. Layout
4. Colours
5. Typography
6. Forms


/*------------------------------------------------------------------
1. Body
*/
html,body{
	margin: 0;
	padding: 0;
	background: #f6f6f6 url(/images/bg-page.jpg) repeat-x;
}
body{
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: center;
}

.hide{
	display: none;
}

/*------------------------------------------------------------------
2. Reset
*/
h1, h2, h3, h4, h5, h6, p, ul, li, form{border: 0; margin: 0; padding: 0;}

/*------------------------------------------------------------------
3. Layout
*/
div#container{
	margin: 0 auto;
	text-align: left;
	width: 920px;
}
div#masthead{
	height: 100px;
	position: relative;
}
div#cover, div#coverless{
	overflow: hidden;
	padding: 50px 0 0 20px;
	width: 900px;
}
body#Home div#cover{
	background: url(/images/bg-masthead-home.jpg) center top no-repeat;
	height: 240px;
	padding: 100px 0 0 20px;
}
body#Default div#cover{
	background: url(/images/bg-masthead-about.jpg) center top no-repeat;
	height: 164px;
}
body#About div#cover{
	background: url(/images/bg-masthead-about.jpg) center top no-repeat;
	height: 164px;
}
body#Services div#cover{
	background: url(/images/bg-masthead-services.jpg) center top no-repeat;
	height: 164px;
}
body#CaseStudies div#cover{
	background: url(/images/bg-masthead-casestudies.jpg) center top no-repeat;
	height: 164px;
}
body#Gallery div#cover{
	background: url(/images/bg-masthead-gallery.jpg) center top no-repeat;
	height: 164px;
}
body#Careers div#cover{
	background: url(/images/bg-masthead-careers.jpg) center top no-repeat;
	height: 164px;
}
body#Contact div#cover{
	background: url(/images/bg-masthead-contact.jpg) center top no-repeat;
	height: 164px;
}
div#coverless{
	background: url(/images/bg-masthead-simple.jpg) center top no-repeat;
	height: 21px;
	padding: 15px;
}
div#panelwrapper{
	background: #f2f2f2 url(/images/hp-faux-columns.gif) left bottom repeat-y;
	margin: 0 0 35px 0;
	min-height: 170px;
}
div.homepanel, div.homepanelmiddle{
	border-top: 5px solid #fff;
	float: left;
	padding: 15px 20px 3px 20px;
	width: 260px;
}
div.homepanelmiddle{
	background: transparent url(/images/bg-homepanel.jpg) 35px top no-repeat;
	margin: 0 10px 35px 10px;
}
div#content{
	float: left;
	padding: 0 0 30px 20px;
	width: 548px;
}
div#sidebar{
	float: right;
	padding: 0 0 20px 20px;
	width: 332px;
}
div#footer{
	background: url(/images/bg-footer.jpg) 50% 0 no-repeat;
	clear: both;
	color: #9b9b9b;
	padding: 20px 20px 15px 20px;
	width: 100%;
}
body#Home div#footer{
	background: url(/images/bg-footer.jpg) 50% 0 no-repeat;
	color: #9b9b9b;
	padding: 20px 20px 15px 20px;
	width: 100%;
}
div.accreditation{
	background: #fff;
	border: 1px solid #eaeaea;
	float: left;
	margin: 0 5px 0 0;
	padding: 5px;
	width: 270px;
	vertical-align: middle;
}
div.accreditation img{
	float: left;
	margin: 0 7px 0 0;
}
div#nav{
	float: left;
	height: 37px;
	margin: 0;
	padding: 8px 0 0 10px;
	width: 540px;
}
div#search{
	float: right;
	width: 190px;
}
img#logo{
	float: left;
	margin: 20px 0 0 20px;
}
div#getintouch{
	color: #b0b0b0;
	float: right;
	font-family: "Microsoft Sans Serif", Arial, sans-serif;
	font-size: 15px;
	text-align: right;
	width: 300px;
}
div#getintouch span{
	color: #4b4b4b;
}
div#map{
	height: 300px;
	width: 548px;
}
div.entry{
	background: url(/images/line.gif) left top repeat-x;
	padding: 10px 0 0 0;
}
div#content img{
	border: 4px solid #e5e5e5;
	margin: 0 0 20px 0;
}

/* slides */
.pics{
	height: 413px;
	margin:  0;
	padding: 0;
	width: 548px;
}
.pics img{
	padding: 10px;
	background-color: #eee;
	width: 520px;
	height: 385px;
	top: 0;
	left: 0;
}
#slidesnav{
	background: #e5e5e5;
	margin: 0 0 20px 0;
	padding: 5px 12px 9px 12px;
}

/* sidebar boxes */
div.spotlight, div.spotlight-news{
	background: url(/images/bg-sidebar-spot.gif) -20px 0 repeat-y;
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	margin: 0 0 10px 0;
	width: 332px;
}
div.spotlight-news, div#sidebar ul{
	background: #fff;
	background-image: none;
	padding: 10px;
	width: 312px;
}
div.teaser{
	float: left;
	padding: 10px 10px 15px 10px;
	width: 162px;
}
div.thumbnail{
	color: #888;
	float: right;
	font-style: italic;
	overflow: hidden;
	width: 150px;
}
div.thumbnail div{
	padding: 8px 10px;
}

div.clearb{
	clear: both;
}
div.clearl{
	clear: left;
}
div.clearr{
	clear: right;
}

/* lists */
ul#nav-primary{
	list-style: none;
}
ul#nav-primary li{
	display: inline;
	font-size: 12px;
	list-style: none;
}
ul#nav-primary a{
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 3px 7px;
	text-align: center;
	text-decoration: none;
}
ul#nav-primary a.selected{
	background: #c50b0b;
}
ul#nav-primary a:hover{
	background: #888;
}

div#sidebar ul{
	list-style: none;
	margin: 10px 0;
}
div#sidebar li a, table#gallerycats a, div.homepanel div a{
	background: #d6d6d6 url(/images/icons/arrow.gif) 300px 50% no-repeat;
	border: 1px solid #c6c6c6;
	color: #c50b0b;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 1px 0;
	padding: 4px 7px;
}
div.homepanel div a{
	background: #d6d6d6 url(/images/icons/arrow.gif) 244px 50% no-repeat;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
div#sidebar li a:hover, div#sidebar li a.selected, table#gallerycats a:hover, div.homepanel div a:hover{
	background: #c50b0b url(/images/icons/arrow.gif) 300px 50% no-repeat;
	border: 1px solid #c6c6c6;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
div.homepanel div a:hover{
	background: #c50b0b url(/images/icons/arrow.gif) 244px 50% no-repeat;
	font-weight: normal;
}
table#gallerycats{
	border: 10px solid #fff;
	margin: 10px 0;
	width: 100%;
}

#content ul, div.homepanelmiddle ul{
	background: url(/images/line.gif) 0 8px repeat-x;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	list-style: none;
}
div.homepanelmiddle ul{
	background: none;
	padding: 5px 0 0 0;
}
#content ul li, div.homepanelmiddle ul li{
	font-size: 13px;
	margin: 0;
	padding: 3px 0 3px 15px;
	background: url(/images/bullet-content.gif) 0 8px no-repeat;
}

/* gallery */
table#gallerythumbs{
	margin: 10px 0 6px 0;
}
table#gallerythumbs td{
	padding: 0 6px 0 0;
	vertical-align: top;
}
div.gallerythumb{
	background: url(/images/bg-thumb.gif) no-repeat;
	height: 85px;
	margin: 0;
	overflow: hidden;
	text-align: center;
	width: 127px;
}
div#content div.gallerythumb img, div.homepanel div.gallerythumb img{
	border: 0;
	margin: 0;
}
table#gallerythumbs h6{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 10px;
	min-height: 24px;
	margin: 8px 0;
	padding: 6px 0;
	width: 127px;
}

/*------------------------------------------------------------------
4. Colours
*/
a:link, a:visited{
	text-decoration: none;
	color: #c50b0b;
}
a:hover{
	text-decoration: underline;
	color: #c50b0b;
}
a:active{
	text-decoration: none;
	color: #c50b0b;
}
div#footer a{
	color: #444;
}

/*------------------------------------------------------------------
5. Typography
*/
h1{
	color: #444;
	font-family: "Franklin Gothic Heavy", "Franklin Gothic Medium", Arial, sans-serif;
	font-size: 36px;
	font-weight: normal;
	width: 545px;
}
h2{
	color: #c50b0b;
	font-family: "Franklin Gothic Medium", Arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
}
div.homepanel h2, div.homepanelmiddle h2{
	color: #333;
}
h3, h4{
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0 0 3px 0;
}
h4{
	color: #c50b0b;
}
p{
	line-height: 18px;
	margin: 0 0 20px 0;
}
p.homeintro{
	color: #c50b0b;
	font-family: "Franklin Gothic Medium", Arial, sans-serif;
	font-size: 15px;
}
p.summary{
	margin: 0;
	width: 548px;
}
div#content p.summary{
	margin: 0 0 20px 0;
}
p.summary span{
	background: #e8e8e8;
	color: #333;
	font-family: "Franklin Gothic Book", Arial, sans-serif;
	font-size: 17px;
	line-height: 23px;
}
div#footer p{
	margin: 0 0 10px 0;
}
p.date{
	color: #888;
	margin: 0;
}
address{
	background: #ffffee;
	border: 5px solid #f1f1e1;
	color: #8a8a75;
	/*font-style: normal;*/
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 20px 0;
	padding: 8px;
}

/*------------------------------------------------------------------
6. Forms
*/

form{
	border: 5px solid #e4e4e4;
	padding: 20px;
	background: #eee;
}
form#search_form{
	border: 0;
	padding: 8px 0 0 0;
	background-color: transparent;
}
form#search_form input{
	float: left;
	margin: 0 3px 0 0;
}
form#search_form input#keywords{
	background: #bebebe;
	border: 1px solid #d3d3d3;
	color: #333;
	padding: 1px 3px;
}
fieldset{
	border: 0;
	margin: 0;
}
.formrow{
	padding: 5px 0;
	border-bottom: 1px solid #dedede;
}
form#enquiry label{
	float: left;
	display: block;
	margin: 0;
	padding: 3px 0 0 0;
	width: 200px;
	font-weight: bold;
	font-size: 13px;
}
form#enquiry label span{
	color: #c50b0b;
}
form#enquiry input, form#enquiry textarea{
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #333;
	padding: 1px 2px;
}
form#enquiry textarea{
	width: 212px;
}

/* buttons */
.buttons a, .buttons button{
    display: block;
    float: left;
    margin: 0 7px 0 0;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */
}
.buttons button{
    width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding: 5px 10px 5px 7px; /* Firefox */
    line-height: 17px; /* Safari */
}
*:first-child+html button[type]{
    padding: 4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
}
div#content div.buttons img{
	border: 0;
	margin: 0;
}

/* positive */
button.positive, .buttons a.positive{
    color: #529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color: #E6EFC2;
    border: 1px solid #C6D880;
    color: #529214;
}
.buttons a.positive:active{
    background-color: #529214;
    border: 1px solid #529214;
    color: #fff;
}