@charset "UTF-8";

/* CSS Document */



/* General Styles */



body {

background:url(../images/layout/body.png) top repeat-x;

}



html {

min-height:101%;

}



.contentwrap {

height:100%;

background:url(../images/layout/main-content.png) top repeat-y;

width:960px;

margin:0 auto;

}



.headwrap {

background:url(../images/layout/header.png) top no-repeat;

}



.footer {

width:960px;

margin:0 auto;

padding-top:50px;

padding-bottom:50px;

background:url(../images/layout/footer.png) top no-repeat;

}



p img {

padding:5px;

background:#fff;

}



* {

outline:none;

}



/* Slider */

#slider {

    width: 820px;

    margin: 0 auto;

    position: relative;

}



.scroll {

    height: 450px;

    width: 820px;

    overflow: auto;

    overflow-x: hidden;

    position: relative;

    clear: left;

}



.scrollContainer div.panel {

    padding: 0;

    height: 350px;

    width: 820px;

}



ul.navigation {

    list-style: none;

    margin: 0;

    padding: 0;

    padding-bottom: 9px;

	padding-top:8px;

	border-top:1px solid #eee;

}



ul.navigation li {

    display: inline;

    margin-right: 10px;

}



ul.navigation a {

    padding: 10px;

    color: #000;

    text-decoration: none;

}



ul.navigation a:hover {

    background-color: #fff;

}



ul.navigation a.selected {

    background-color: #eee;

}



ul.navigation a:focus {

    outline: none;

}





.hide {

    display: none;

}



/* Contact */



fieldset {

padding:20px;

border:1px solid #eee;

background:#fefefe;

}



legend {

padding:5px 10px;

background:#fff;

border:1px solid #eee;

}



label {

display:block;

font-weight:bold;

color:#246;

}



input, textarea {

border:1px solid #ccc;

margin:5px 0 10px 0;

padding:5px;

font-size:120%;

}



/* Services */



.service {

border-bottom:1px dotted #ccc;

padding-bottom:20px;

margin-bottom:20px;

padding-top:10px;

}



ul#tab-container-1-nav {

border-bottom:1px solid #ccc;

height:24px;

margin:0 0 20px 0;

padding:0;

}



ul#tab-container-1-nav li {

list-style:none;

float:left;

margin:0 15px 0 0;

padding:0;

}



ul#tab-container-1-nav li a {

padding:5px 0;

}



ul#tab-container-1-nav li a:hover, ul#tab-container-1-nav li a.active {

border-bottom:2px solid #ccc;

text-decoration:none;

color:#000;

}



.service img {

float:left;

}



.service h3, .service p {

margin-left:50px;

}



/* Header */



.header img { /* YOU MAY NEED TO CUSTOMISE THESE STYLES TO MATCH YOUR LOGO */

float:left;

padding-top:15px;

}



.header h1, .header h5 {

margin-left:50px;

margin-bottom:0;

padding-bottom:0;

}



.header {

height:190px;

padding-top:50px;

}



.nav {

padding-top:15px;

}



.nav ul {

float:right;

margin:0;

padding:0;

}



.nav ul li {

float:left;

line-height:normal;

margin:0 0 0 20px;

list-style:none

}



.nav ul li a {

font-weight:normal;
color:#FFFFFF;


}



/* Homepage */





.hpservices {

margin-bottom:20px;

}



.final {

padding-top:15px;

clear:left;

}



.final h4 {

font-weight:bold;

margin-bottom:0;

font-size:12px;

}



.final p {

font-size:11px;

}



.hpservices img {

float:left;

}



.hpservices h5, .sub h5 {

margin:0 0 0 40px;

color:#246;

}



.hpservices p, .sub p {

margin-left:40px;

}



.sub {

background:#fff;

clear:both;

padding:30px 0;

margin:15px -80px;

border-bottom:1px solid #eee;

border-top:1px solid #eee;

}



.sub img {

float:left;

}



/* Typography */



h1, h1 a {

color:#300C16;

letter-spacing:-3px;

font-weight:bold;

text-decoration:none;

}



h1 a:hover {

text-decoration:none;

color:#000;

}



h5 {

color:#246;

font-weight:bold;

}



h4.welcome {

padding:10px;

background:#eee;

font:20px Georgia;

line-height:30px;

font-style:italic;

text-align:center;

color:#246;

}



h4.welcome:first-line {

font-weight:bold;

}



blockquote {

color:#999;

border-left:3px solid #ccc;

margin-left:0;

padding-left:30px;

}



p.big {

font-size:15px;

font-weight:bold;

}



h2 {

font-weight:bold;

color:#246;

}



/* Footer */



.footer ul {

margin:0;

padding:0;

}



.footer ul li {

list-style:none;

margin:0 15px 0 0;

padding:0;

float:left;

}



.footer h5 {

margin:0;

font-size:120%;

font-weight:bold;

}






