@charset "utf-8";
/* CAR PARKING SIGNS v1.0 2009 */

html { background: url(img/bg.jpg) top left repeat #000; }
body { margin:0; background: url(img/bg.jpg) top left repeat #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
a img { border:none; }
h1, h2 { font-size:17px; color:#2898DB; margin:0 0 5px 0; }
h3 { font-size:15px;  }
/*FORMSTYLE*/
fieldset { margin:10px 0; padding:10px; border:none;  }
legend { font-weight:bold; }
label { display:block; color:#fff; }
input { width:180px; border:1px solid #999; padding:3px; }
select { width:180px; border:1px solid #999; padding:3px;  }
textarea { width:180px; border:1px solid #999; padding:3px; }

#mailing { padding:5px 0 5px 10px; margin:0; }
#mailing input { width:165px; float:left; padding:0; margin: 0 0 5px 0; }
#mailing input#button { width:30px; float:left; padding:0; border:none; }

/* END FORMSTYLE */

/* USING THIS FAILS W3C a:focus, a:active { outline: 0; -moz-outline: none; } */

#container { width:935px; margin:0 auto; border-left:1px solid #666; border-right:1px solid #666; padding:0 20px; background:#111; }

/* HEADER */
#header { width:935px; height:154px; margin:0 auto; font-size:13px; position:relative; background:url(img/bg-head.jpg) top left repeat-x;  }
#header img { position:absolute; top:-2px; left:12px; }
#header p, #header ul { margin:0; padding:0; float:right; clear:right; }
#header p.big { font-size:22px; padding:10px 10px 10px 0; }
#header p.print { background:url(img/printer.jpg) left center no-repeat #333; padding:5px 2px 5px 34px; margin:0 10px 0 0; }
#header p.print a { color:#fff; text-decoration:none; }
#header p.print a:hover { color:#fff; text-decoration:underline; }
/* NAVIGATION */
#header ul#nav { font-weight:bold; list-style:none; margin:5px 0 0 0; padding:0; }
#header ul#nav li { float:left; }
#header ul#nav li a { height:43px; display:block; text-indent:-999999px; color:#fff; text-decoration:none;  }
ul#nav li a.home { width:71px !important; background:url(img/nav/home-off.jpg) top left no-repeat;  }
ul#nav li a:hover.home { width:71px !important; background:url(img/nav/home-on.jpg) top left no-repeat; }
ul#nav li a.about { width:72px !important; background:url(img/nav/about-off.jpg) top left no-repeat; }
ul#nav li a:hover.about { width:72px !important; background:url(img/nav/about-on.jpg) top left no-repeat; }
ul#nav li a.install { width:91px !important; background:url(img/nav/installation-off.jpg) top left no-repeat; }
ul#nav li a:hover.install { width:91px !important; background:url(img/nav/installation-on.jpg) top left no-repeat; }
ul#nav li a.news { width:60px !important; background:url(img/nav/news-off.jpg) top left no-repeat; }
ul#nav li a:hover.news { width:60px !important; background:url(img/nav/news-on.jpg) top left no-repeat; }
ul#nav li a.links { width:57px !important; background:url(img/nav/links-off.jpg) top left no-repeat; }
ul#nav li a:hover.links { width:57px !important; background:url(img/nav/links-on.jpg) top left no-repeat; }
ul#nav li a.contact { width:132px !important; background:url(img/nav/contact-off.jpg) top left no-repeat; }
ul#nav li a:hover.contact { width:132px !important; background:url(img/nav/contact-on.jpg) top left no-repeat; }
/* END NAVIGATION */
/* END HEADER */

/* FOOTER */
#footer { width:935px; clear:both; padding:15px 0; margin:10px 0 0 0; color:#fff; text-align:center; font-size:9px; border-top:1px solid #fff; }
#footer ul { list-style:none; margin:0; }
#footer li { display:inline; }
#footer a:link { color:#2898DB; text-decoration:none; }
#footer a:visited { color:#2898DB; text-decoration:none; }
#footer a:hover { color:#2898DB; text-decoration:underline; }
#hidden { display:none; }
/* END FOOTER */

/* BRANDING */
#branding { width:700px; min-height:223px; float:left; background:#000; color:#fff; margin:0 0 10px 0; }
/* END BRANDING */

/* CONTENT */
#content { width:935px; clear:both; margin:0 auto; }
#intro { float:left; }
#intro a { color:#000; text-decoration:none; }
#intro a:hover { color:#cc0000; text-decoration:none; }
#sidebar { width:235px; float:left; padding:0 0 0 0; margin:0; background:url(img/bg-nav.jpg) top left no-repeat; font-weight:bold; }
#sidebar ul { list-style:none; margin:0 0 0 5px; padding:5px 0; font-size:11px; font-weight:bold; line-height:20px; }
#sidebar li { padding:0 0 0 20px; background:url(img/nav-arrows.jpg) left center no-repeat; }
#sidebar ul li a { color:#fff; text-decoration:none; }
#sidebar ul li a:hover { color:#fff; text-decoration:underline; }
#sidebar p.title { margin:10px 5px 5px 5px; padding:0; text-transform:uppercase; font-weight:bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }

.item { width:209px; height:94px; clear:both; margin:10px 0 0 0; padding:10px 10px 0 0; font-size:13px; color:#359EDD; text-align:right; text-transform:lowercase; }
.item img { float:right; clear:both; margin:10px 0 0 0; }
.item img.last { margin:2px 0 0 0; }
.item p { margin:0; padding:0; }
.item p span { color:#6f6f6f; }
.item p span.small { font-size:11px; font-weight:normal; }
.item p span.large { font-size:18px; font-weight:bold; }
.item p span.orange { font-size:14px; color:#FF9900; }
#brochure { background:url(img/bg-brochure.jpg) top left no-repeat; }
#phone { background:url(img/bg-phone.jpg) top left no-repeat; }
#mailer { background:url(img/bg-mailer.jpg) top left no-repeat; }
#rss { background:url(img/bg-rss.jpg) top left no-repeat; }
/* END CONTENT */

/*PAGE*/
#primary { width:410px; float:left; padding:0 0 0 10px; }
#primary img { margin:10px 0 0 35px; border:1px solid #fff; }
#primary ul li a { color:#fff; text-decoration:none; }
#primary ul li a:hover { color:#fff; text-decoration:underline; }
#primary a { color:#2898DB; text-decoration:none; }
#primary a:hover { color:#2898DB; text-decoration:underline; }
#secondary { width:260px; float:left; padding:0 10px 0 10px; }
#secondary p.title { margin:0 0 5px 0; padding:0; font-weight:bold; font-size:14px; }
#secondary img { margin:0 0 5px 0; }
#secondary a { width:217px; height:34px; font-size:14px; color:#2898DB; text-decoration:none; width:auto; background:url(img/bg-request.jpg) top left no-repeat; padding:8px 15px 10px 28px; }
#secondary a:hover { color:#2898DB; text-decoration:underline; }
#secondary a span { color:#fff; font-weight:bold; }
#list { width:210px; float:right; background:#322E2F; padding:10px 0 0 10px; }
#list h2 span { color:#fff; }
#list ul { padding:0 0 10px 15px; margin:0; list-style-image:url(img/blue-bull.jpg); }
#list ul li { padding:0 0 2px 0; }
#inner { width:680px; float:left; clear:right; padding:10px 0 0 20px; }
.post { width:620px; padding: 20px; border-bottom:1px solid #fff; clear:both; }
.post img { float:right; }
.post ul { margin:0; padding:0; list-style:none; font-weight:bold; }
.post a { color:#2898DB; text-decoration:none; width:auto; background:url(img/news-arrows.jpg) left center no-repeat; padding:0 0 0 20px; }
.post a:hover { color:#2898DB; text-decoration:underline; }
#quick { width:250px; float:right; background:#fff; padding:0 0 20px 0; }
#quick p { width:240px; margin:0; padding:5px 5px 4px 5px; font-size:17px; font-weight:bold; color:#333; background:url(img/bg-quick.jpg) left center repeat-x; border-bottom:1px solid #a9a9a9; }
#quick p.small { font-size:11px; background:none; border:none; font-weight:normal; }
#quick form { margin:0; padding:20px; }
#quick input { width:200px; border:1px solid #999; padding:3px; margin:0 0 5px 0; }
#quick input#button2 { width:30px; float:right; padding:0; border:none; }
#quick select { width:200px; border:1px solid #999; padding:3px;  }
#quick textarea { width:200px; border:1px solid #999; padding:3px; margin:0 0 5px 0; }
#secondary p span { color:#000; }

#optimise { width:100%; clear:both; text-align:center; padding:10px 20px; font-size:11px;  }
#optimise p { color:#2898DB; font-size:16px; font-weight:bold; margin:0; }
#optimise ul { margin:0; padding:0;  }
#optimise li { display:inline; }
/*END PAGE*/

/*GENERAL CLASSES*/
.clear { clear:both; }
.fl { float:left; }
.bold { font-weight:bold; }
.red { color:#CC0000; }
.blue { color:#2898DB; }
li a.external { background:url("img/ext.gif") top right no-repeat; padding:0 10px 0 0; }
/*END GENERAL CLASSES*/