//*
-------------------------------------------------
URI: http://www.powerjetvaleting.co.uk/
Created by Patrick Barber
-------------------------------------------------

CONTENTS

1: Site Master Setup

2: Layout
	2.1 main form
	2.2 container
	2.3 header
	2.4 images
	2.5 content
	2.6 footer
	
3: Global Elements
	3.1 primary navigation
	3.2 secondary navigation
	3.3 accessibility
	
4: Page/Area Specific
	4.1 home
	4.2 sitemap
	
5: Useful Classes

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

html, body { margin: 0; padding: 0; background: #fff; color: #000; font-family: 'Trebuchet MS', Verdana, sans-serif; height: 100%; text-align: center }
img	{ border: 0 0 0 1px; border-color:#996600; background: none }
form { margin: 0; padding: 0px }
label { font-weight: bold }
select, input, textarea { margin: 0; padding: 0; border: 1px solid #000 }
input.nb { border: 0 none }
address { font-style: normal }
fieldset { border: 0; padding: 0; margin: 0 }
ul, ol { margin: 0; padding: 0; list-style: none }
a { text-decoration: none; font-weight: bold }
hr { background: #fff; width: 100%; height: 1px; margin: 3px auto 0 0; clear: both }
hr.double { border: none 0; background: #fff; width: 100%; height: 2px; margin: 3px auto 0 0; text-align: left; clear: both }
p { margin: 8px 0 }
h1, h2, h3, h4, h5, h6 { color: #000 }
h1 { font-family: Impact, Arial, Verdana, sans-serif, ; font-size: 2em; text-align: left; font-weight:100 padding-right:70px; padding-top:20px; color: #3846EF }
h2 { font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 1.7em; text-align:left; color: #9EB1E2 }
h3 { font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 1.5em; text-align:left; color: #9EB1E2 }
h4 { font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 1.3em; color: #9EB1E2 }
h5 { font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 1.1em; color: #9EB1E2 }
h6 { font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 1em; color: #9EB1E2 }

/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

/* 2.2 - container */
div#container {  position:relative; background-color: #ffffff; color:#FFFFFF;  text-align: center; width: 990px; border-style:solid; border-width: 1px; margin: auto; }

/* 2.3 - header */
div#header { border-bottom: 1px solid #6785D3; background-image: url(../images/powerjet-white2-copy.jpg); background-repeat:no-repeat; padding: 10px 0 20px 0; text-align:left; height: 115px}
div#header ul#primary-navigation { font-family: Arial, Verdana, sans-serif; font-size:12px; padding-top: 110px }
div#header ul#primary-navigation a:link { color: #6785D3 }
div#header ul#primary-navigation a:visited { color:#6785D3}
div#header ul#primary-navigation a:hover {color: #BBC9EC;}
div#header ul#primary-navigation li {display: inline; padding: 3px 12px 0px 12px; margin:0px; border-right: 1px solid #C0C0C0;}
div#header ul#primary-navigation li.first { }
div#header ul#primary-navigation li.last { border: 0 none }


/* 2.4 - images */
div#images { width:980px; padding-top:20px; padding-bottom:20px; height: auto; border-color:#0099FF }
div#images .left { height:auto; width:222px; float:left; text-align:left; padding-right:20.6px; border-color:#0099FF }	
div#images .middle-left { height:auto; width:222px; float:left; text-align:left; padding-right:20.6px; border-color:#0099FF }
div#images .middle-right { height:auto; width:222px; float:left; text-align:left; padding-right:20.6px; border-color:#0099FF }
div#images .right { height: auto; width: 222px; float: left; text-align:left; border-color:#0099FF}
div#images .desc { color: #6785D3; text-align:left; width:222px; font-family: Arial, Impact, 'Trebuchet MS', Verdana, sans-serif; font-size:12px; line-height:20px; }
div#images .desc a:link { color: #6785D3 }
div#images .desc a:visited { color: #6785D3 }
div#images .desc a:hover { color: #BBC9EC }


/* 2.5 - content */
div#content { padding:1em; text-align:left;}
div#content p { font-family: 'Trebuchet MS', Verdana, sans-serif; font-size:small; color: #6785D3; padding-right: 10px; }
div#content ul { list-style:disc}
div#content ul li {font-family: 'Trebuchet MS', Verdana, sans-serif; font-size:small; color:#6785D3; padding-right: 10px; line-height:20px}
div#content a:link {color: #0000FF; text-decoration:underline}
div#content a:visited {color: #0000FF;  text-decoration:underline}
div#content a:hover { background: #0000FF; color: #FFFFFF; text-decoration:underline}
div#content p.notice { font: 'Trebuchet MS', Arial, Verdana, sans-serif; font-size:small; color: #3846EF}
div#content ol { list-style: decimal}
div#content ol li { font-family: 'Trebuchet MS', Verdana, sans-serif; font-size:small; color: #6785D3; padding-right: 10px; line-height:20px}

/* 2.6 - footer */
div#footer { font-size:12px; border-top: 1px solid #066DB9; border-bottom: 1px solid #066DB9; border-left: 1px solid #066DB9; border-right: 1px solid #066DB9; color:#000000; background-color: #6785D3; text-align: left; margin:0px ; clear: both; padding-top: 10px; }
div#footer p { font-size:12px; font-weight:bold; color: #FFFFFF; padding: 15px 10px 10px 10px; margin:0px}
div#footer a:link {color: #C7D1EF;}
div#footer a:visited {color:#C7D1EF}
div#footer a:hover { color: #FFFFFF}
div#footer ul li { font-family: Arial, Verdana, sans-serif; font-size:12px; display: inline; padding: 5px 12px 5px 12px; margin:0px; border-right: 1px solid #cccccc }
div#footer ul li.first {  }
div#footer ul li.last { border: 0 none  }


/* -----------------------------------------------
3. GLOBAL ELEMENTS
----------------------------------------------- */

/* 3.1 - primary navigation */



/* 3.2 - secondary navigation */

/* 3.3 - accessibility */
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position: static; width: auto; height: auto }

/* -----------------------------------------------
4. PAGE/AREA SPECIFIC
----------------------------------------------- */

/* 4.1 - home */

/* 4.2 - sitemap */
h2.sitemap, h2.maximise, h2.minimise { background: url(/_includes/images/global/icons/icn_maximise.gif) no-repeat center left;cursor : default;padding-left : 15px }
h2.minimise { background : url(/_includes/images/global/icons/icn_minimise.gif) no-repeat center left }
ul.sitemap { list-style-type : none;margin-left : 0.5cm;padding-left : 0 }
ul.sitemap li { background: transparent; padding-left : 1.1em }
ul.sitemap li a { background: transparent url(/_includes/images/global/icons/sitemapdocbullet.gif) no-repeat; padding-left: 1em }
ul.sitemap li img { padding-right: 2px }
ul.sitemap li a.parent { background: transparent; padding-left: 0 }
ul.sitemap li ul { background: transparent no-repeat; list-style-type: none; margin: -1em 0 0 -1.6em; padding : 1.4em 0 0 0.6em }
ul.sitemap li ul:hover { background: transparent no-repeat }
ul.sitemap li ul li { margin-left: 0.5cm;padding-left : 10px }

/* -----------------------------------------------
5. USEFUL CLASSES
----------------------------------------------- */

.clr { overflow: hidden; clear: both; height: 1px; margin-top: -1px }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */
.la { text-align: left }
.ra { text-align: right }
.ca { text-align: center }
.fl { float: left }
.fr { float: right }
.vt { vertical-align: top }
.vm { vertical-align: middle }
.vb { vertical-align: bottom }