/*
Theme Name: WA Suspensions
Theme URI: http://wasuspensions.com.au/
Description: WA Suspensions Theme.
Version: 1.0
Author: Levi Buzolic
Author URI: http://levibuzolic.com
Tags: clean, blue, simple, two column, fauna
*/

*,h1,h2,h3,h4,h5,h6,h7,h8,p,div,body,html,ul,li,ol,img,a{margin:0;padding:0;}
.clear { clear: both; }
.hide { display: none; }
p { margin: 0em 0 1.2em 0; }
hr { display: none; }
a img { border: none; }
.overflow { overflow: hidden; width: 100%; }
acronym { border-bottom: none; }
a { text-decoration: none; color: #00aeef; }
a:hover { color: #08b; }

body { background: #222; color: #444; font: normal 12px Arial, Helvetica, sans-serif; }

/* ---------- Main Layout ---------- */
#header { background: #3c3c3c url(/wp-content/themes/wasuspensions/img/header.gif) top left repeat-x; height: 160px; }
#banner { background: #009dd8 url(/wp-content/themes/wasuspensions/img/banner.gif) top left repeat-x; height: 200px; }
#body { background: #fff url(/wp-content/themes/wasuspensions/img/body.gif) top left repeat-x; }
#footer { border-top: 1px solid #111; }

.inner { width: 960px; margin: 0 auto; overflow: hidden; }

/* ---------- Header ---------- */
#header h2 { display: block; width: 136px; height: 134px; float: left; margin: 13px 0 0 40px; }
#header h2 a { display: block; background: url(/wp-content/themes/wasuspensions/img/logo.gif) top left no-repeat; width: 136px; height: 134px; text-indent: -9999em; overflow: hidden; }

/* ----- Menu ----- */
#header #menu { float: right; list-style: none; width: 690px; margin: 75px 0 0 0; }
#header #menu li { float: left; list-style: none; padding-right: 20px; }
#header #menu li a { display: block; height: 22px; background-position: bottom left; background-repeat: no-repeat; text-indent: -9999em; overflow: hidden; }
#header #menu li a:hover, #header #menu li a.active { background-position: top left; }

#header #menu li a.menu-home { background-image: url(/wp-content/themes/wasuspensions/img/menu-home.gif); width: 38px; }
#header #menu li a.menu-news { background-image: url(/wp-content/themes/wasuspensions/img/menu-news.gif); width: 37px; }
#header #menu li a.menu-products { background-image: url(/wp-content/themes/wasuspensions/img/menu-products.gif); width: 65px; }
#header #menu li a.menu-workshopservices { background-image: url(/wp-content/themes/wasuspensions/img/menu-workshopservices.gif); width: 128px; }
#header #menu li a.menu-industrialrail { background-image: url(/wp-content/themes/wasuspensions/img/menu-industrialrail.gif); width: 115px; }
#header #menu li a.menu-gallery { background-image: url(/wp-content/themes/wasuspensions/img/menu-gallery.gif); width: 55px; }
#header #menu li a.menu-contactus { background-image: url(/wp-content/themes/wasuspensions/img/menu-contactus.gif); width: 73px; }

/* ---------- Banner ---------- */
#banner .inner { width: 100%; margin: 0; }
#banner #banner-flash { width: 100%; height: 200px; background: url(/wp-content/themes/wasuspensions/img/flash.gif) top center no-repeat; }

/* ---------- Body ---------- */
#body #content { float: left; width: 600px; padding: 20px 0 20px 20px; }

/* ----- Content ----- */
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; color: #333; font-weight: bold; letter-spacing: -0.05em; text-transform: uppercase; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #00aeef; }
#body #content h1 { font-size: 26px; margin-bottom: 10px; }
#body #content h2 { font-size: 18px; margin-bottom: 10px; }
#body #content h3 { font-size: 14px; }
#body #content h4 { font-size: 12px; }
#body #content h5 { font-size: 10px; }
#body #content { line-height: 1.6em; }
.editlink { float: right; }
.editlink a { display: block; float: right; padding: 4px 8px; color: #00aeef; }
.editlink a:hover {	background: #00aeef; color: #fff; }
.alignright { float: right; margin-left: 10px; }
.alignleft { float: left; margin-right: 10px; }
.aligncenter { margin: 0 auto; }

#body #content .newsitem h2 { margin-bottom: 0; }
#body #content .newsitem .date { color: #888; margin-bottom: 10px; }

/* ----- Gallery ----- */
#gallery .albums { width: 100%; overflow: hidden; }
#gallery .album { height: 80px; padding: 5px; margin-bottom: 8px; display: block; border: 1px solid #ccc; background: #ddd; line-height: normal; }
#gallery .album .thumb { float: left; }
#gallery .album .albumdesc { margin-left: 85px; }
#gallery .album .date { color: #888; }

#gallery .album:hover, #gallery .album.hover { background: #bce7f7; border: 1px solid #7fd6f7; }

#gallery .albumdescription { padding: 10px 0 10px 0; }

#gallery .images a { float: left; margin: 5px 5px 0 0; border: 1px solid #ccc; background: #ddd; padding: 4px; display: block; }
#gallery .images a:hover { background: #bce7f7; border: 1px solid #7fd6f7; }
#gallery .imagedescription { padding: 10px 0 10px 0; }

.imgnav { float: right; width: 120px; height: 30px; margin: 4px 4px 0 0; }

.imgnav a.imgprevious { float: left; }
.imgnav a.imgnext { float: right; }
.imgnav a { display: block; padding: 6px 10px; background: none; }
.imgnav a:hover { background: #00aeff; color: #fff; }

/* --- Fancy List Items --- */
#body #content ul { list-style: none; } 
#body #content ul,
#body #content ol { margin: 0 0 1.2em 1.4em; }
#body #content ul li { margin: 0 0 .2em 0; padding-left: 1em; background: url(/wp-content/themes/wasuspensions/img/bullet.gif) 0 7px no-repeat; }
#body #content ol li { margin: 0 0 .2em 1.6em; }

/* ---------- Sidebar ---------- */
#body #sidebar { margin-left: 639px; padding: 20px 0 0 21px; background: url(/wp-content/themes/wasuspensions/img/vdiv.gif) top left no-repeat; }
#body #sidebar h3 { font-size: 20px; }

/* ----- Recent News ----- */
#body #sidebar .news { padding: 0 20px 20px 0; }
#body #sidebar .news ul,
#body #sidebar .news ul li { list-style: none; }
#body #sidebar .news ul li a { display: block; padding: 8px 8px 8px 10px; cursor: pointer; }
#body #sidebar .news ul li a span.title { font-size: 14px; color: #00aeef; display: block; }
#body #sidebar .news ul li a span.date { font-size: 11px; color: #888; display: block; }
#body #sidebar .news ul li a:hover { background: #00aeef; }
#body #sidebar .news ul li a:hover span.title { color: #fff; }
#body #sidebar .news ul li a:hover span.date { color: #80d7f7; }

/* ----- Recent Photos ----- */
#body #sidebar .photos { width: 100%; padding-bottom: 20px; overflow: hidden; }
#body #sidebar .photos ul,
#body #sidebar .photos ul li { list-style: none; }
#body #sidebar .photos ul li { float: left; width: 90px; height: 90px; margin: 5px 5px 0 0; }
#body #sidebar .photos ul li a { border: 1px solid #ccc; background: #ddd; padding: 4px; display: block; }
#body #sidebar .photos ul li a:hover { background: #bce7f7; border: 1px solid #7fd6f7; }

/* ---------- Footer ---------- */
#footer { color: #666; }
#footer a { color: #888; }
#footer a:hover { color: #ccc; }
#footer .sep { color: #333; }
#footer .copyright { float: right; padding: 20px; text-align: right; }
#footer .siteinfo { float: left; padding: 20px 20px 20px 100px; background: url(/wp-content/themes/wasuspensions/img/logo-footer.gif) 20px 22px no-repeat; }
#footer a#levibuzolic { display: block; float: right; height: 31px; width: 97px; background: url(/wp-content/themes/wasuspensions/img/levibuzolic.gif) top left no-repeat; margin-top: 6px; }
#footer a#levibuzolic:hover { background-position: bottom left; }
#footer a#levibuzolic span { display: none; }

#googlemap { width: 600px; height: 300px; }

/* ---------- Form Styling ---------- */
#body #content form { margin-bottom: 10px; }
#body #content form ol { margin: 0; padding: 0; list-style: none; }
#body #content form ol li { margin: 0; padding: 2px 0; list-style: none; }
#body #content form label.shortlabel { float: left; width: 60px; }
#body #content form input { padding: 4px; color: #444; font: normal 12px Arial, Helvetica, sans-serif; }
#body #content form button { padding: 6px 12px; }
#body #content form textarea { width: 586px; height: 120px; padding: 6px; color: #444; font: normal 12px Arial, Helvetica, sans-serif; }

/* ---------- 2010-06-04 ---------- */

ul#nav { float: right; width: 568px; height: 62px; margin: 55px 40px 0 0; position: relative; list-style: none; }
ul#nav li { position: absolute; height: 22px; }
ul#nav li.menu-home { width: 38px; top: 0px; left: 0px; }
ul#nav li.menu-news { width: 82px; top: 0px; left: 93px; }
ul#nav li.menu-products { width: 66px; top: 0px; left: 228px; }
ul#nav li.menu-gallery { width: 97px; top: 0px; left: 347px; }
ul#nav li.menu-contactus { width: 74px; top: 0px; right: 0px; }
ul#nav li.menu-4x4 { width: 25px; bottom: 0px; left: 0px; }
ul#nav li.menu-4x4gvmupgrades { width: 120px; bottom: 0px; left: 85px; }
ul#nav li.menu-workshopservices { width: 127px; bottom: 0px; left: 265px; }
ul#nav li.menu-industrialrail { width: 113px; bottom: 0px; right: 0px; }

ul#nav li a { display: block; height: 22px; cursor: pointer; background-image: url(/wp-content/themes/wasuspensions/img/menu.png); background-repeat: no-repeat; font-size: 1px; text-indent: -9999em; overflow: hidden; }
ul#nav li.menu-home a { width: 38px; background-position: 0px 0px; }
ul#nav li.menu-home a:hover, ul#nav li.menu-home a.active { background-position: 0px -40px; }
ul#nav li.menu-news a { width: 82px; background-position: -48px 0px; }
ul#nav li.menu-news a:hover, ul#nav li.menu-news a.active { background-position: -48px -40px; }
ul#nav li.menu-products a { width: 66px; background-position: -140px 0px; }
ul#nav li.menu-products a:hover, ul#nav li.menu-products a.active { background-position: -140px -40px; }
ul#nav li.menu-gallery a { width: 97px; background-position: -216px 0px; }
ul#nav li.menu-gallery a:hover, ul#nav li.menu-gallery a.active { background-position: -216px -40px; }
ul#nav li.menu-contactus a { width: 74px; background-position: -323px 0px; }
ul#nav li.menu-contactus a:hover, ul#nav li.menu-contactus a.active { background-position: -323px -40px; }
ul#nav li.menu-4x4 a { width: 25px; background-position: -407px 0px; }
ul#nav li.menu-4x4 a:hover, ul#nav li.menu-4x4 a.active { background-position: -407px -40px; }
ul#nav li.menu-4x4gvmupgrades a { width: 120px; background-position: -442px 0px; }
ul#nav li.menu-4x4gvmupgrades a:hover, ul#nav li.menu-4x4gvmupgrades a.active { background-position: -442px -40px; }
ul#nav li.menu-workshopservices a { width: 127px; background-position: -572px 0px; }
ul#nav li.menu-workshopservices a:hover, ul#nav li.menu-workshopservices a.active { background-position: -572px -40px; }
ul#nav li.menu-industrialrail a { width: 113px; background-position: -709px 0px; }
ul#nav li.menu-industrialrail a:hover, ul#nav li.menu-industrialrail a.active { background-position: -709px -40px; }

#content table { width: 100%; border: 1px solid #ddd; border-bottom: none; border-right: none; border-collapse: collapse; margin: 0 0 15px 0; line-height: normal; }
#content table td, #content table th { border: 1px solid #ddd; border-top: none; border-left: none; background: #fff; border-collapse: collapse; padding: 6px; }
#content table th { font-weight: bold; }
#content table td.detail { width: 100px; }

h1, h2, h3, h4, h5, h6 { font-family: 'MyriadProLightCondBold', Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #fff; }

#body #content h1 { font-size: 36px; }
#body #content h2 { font-size: 30px; line-height: 1.1em; }
#body #content h3 { font-size: 24px; }
#body #content h4 { font-size: 18px; }
#body #content h5 { font-size: 14px; text-transform: uppercase; }
#body #sidebar h3 { font-size: 30px; }
#body #sidebar h4 { font-size: 14px; padding-left: 10px; text-transform: uppercase; }

#body #sidebar table { margin: 0 0 15px 0; }
#body #sidebar table td, #body #sidebar table th { font-size: 14px; text-align: left; padding: 2px 0 2px 10px; }

#body #sidebar table th { font: normal 14px 'MyriadProLightCondBold', Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #fff; text-transform: uppercase; }

#body #content .newsitem { padding: 20px 0 20px 0; border-bottom: 1px solid #ddd; }
#body #content .newsitem .text { width: 100%; overflow: hidden; }
#body #content .newsitem .date { margin: 0 0 15px 0; text-shadow: 0 1px 0 #fff; }

#content .navigation { width: 100%; overflow: hidden; }
#content .navigation a { padding: 10px; font-weight: bold; }
#content .navigation .prev,
#content .navigation .prev a { float: left; }
#content .navigation .next,
#content .navigation .next a { float: right; }

#footer { text-shadow: 0 1px 0 rgba(0,0,0,0.3); }

.sidebar-contact p { font-size: 14px; padding-left: 10px; }

@font-face { font-family: 'MyriadProLightCondBold'; src: url('/wp-content/themes/wasuspensions/fonts/myriadpro-semiboldcond-webfont.eot'); src: local('`'), url('/wp-content/themes/wasuspensions/fonts/myriadpro-semiboldcond-webfont.woff') format('woff'), url('/wp-content/themes/wasuspensions/fonts/myriadpro-semiboldcond-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }