/*
Theme Name: CLS
Description: Semantic, SEO Optimised, Custom Wordpress Theme for CLS
Author: Alyte Creative
Author URI: http://www.alyte.com.au
*/


/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#069}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#FFF url(images/bg.png) repeat-x;color:#505d6a;font:88%/140% Verdana, Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
html {background:#39515F}
h1 {color:#00376c;font:1.7em "Segoe Print", Arial, Sans-Serif;margin:0 0 10px}
h1 span{font:.55em Verdana, Arial, Sans-Serif; font-weight:bold;}
h2 {font: 1.25em/1.25em Arial, Garamond, Serif}
h3 {color:#00376c;font: 1.25em/1.25em "Segoe Print", Arial, Sans-Serif;margin:0 0 10px} 
h4 {font:bold 1em/1.25em Georgia, Garamond, Serif}
hr {margin:0 0 0.5em;border:0;border:#00376c 1px dotted }
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th { padding:3px}
td { padding:3px}
table { }

/* Containers */
#page {margin:0 auto;width:973px}

/* Header */
#header {background:url(images/slogan.png) no-repeat 99% 53px;height:174px;overflow:hidden;position:relative;width:100%}
#header #logo {margin:17px 0}
#header #splash {background:url(images/splash-bg.png) no-repeat;height:216px;position:absolute;top:96px;left:0;width:100%; }
#header #splash img {margin:17px}

#login{width:289px;margin-left:10px;float:right;height:137px;background:url(images/login.jpg);padding:10px;text-align:center;color:#fff;padding-top:50px}
#sidebox{width:289px;margin-left:10px;float:right;height:137px;background:url(images/login.jpg);padding:10px;text-align:center;color:#fff;padding-top:50px}



#header ul {background:url(images/menu-bg.png) no-repeat bottom;bottom:0;font-size:1.2em;font-style:italic;left:0;list-style:none;margin:0;padding:0 0 35px;position:absolute;text-transform:lowercase;width:100%}
#header ul li {float:left;margin:0 15px}
#header ul li a {color:#4f6a7d;float:left;font-weight:bold;height:37px;overflow:hidden;line-height:45px;text-decoration:none}
#header ul li a:hover, #header ul li.current_page_item a {background:url(images/menu-home.png) no-repeat center top;color:#0060bb}
.cufon-active #header ul {font-size:1em}

/* Content */
#content {float:left;overflow:hidden;padding:20px 0 20px 5px;width:950px}
#content.small{width:530px;}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}
	
	/* Post */
	#content .post {border-bottom:1px solid #CCC;margin:0 0 25px}
	#content .post .meta {font-size:0.8em}
	#content .post h1 {border:0;margin:0}
	#content .sticky {background:#f5efca}

/* Pagination */
#content #prev-next {list-style:none}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}

#ctas{width:960px;}
.clear{clear:both}
.area {background:url(images/area.png) no-repeat;display:inline;float:left;font-size:.85em;height:105px;line-height:1.25em;margin:0 63px 15px 0px;width:190px}
.area strong {display:block;font-size:1.3em;font-style:italic;font-weight:bold;margin:4px 0;text-transform:lowercase}
.area a {color:#505d6a;display:block;padding:7px;text-decoration:none}
.last{margin-right:0;}

/* Sidebar */
#sidebar {float:right;padding:20px 0 20px;width:210px}
#sidebar.large{width:420px;}
#sidebar .area {background:url(images/area.png) no-repeat;display:inline;float:left;font-size:.85em;height:105px;line-height:1.25em;margin:0 0 15px 15px;width:190px}
#sidebar .big {background:url(images/area-big.png) no-repeat;display:inline;float:left; text-align:center;font-size:.85em;height:245px;line-height:1.25em;margin:0 0 15px 15px;width:190px}
#sidebar .big img{padding-top:10px;}
.area strong {display:block;font-size:1.3em;font-style:italic;font-weight:bold;margin:4px 0;text-transform:lowercase}
.area a {color:#505d6a;display:block;padding:7px;text-decoration:none}
.products strong {color:#0060bb}
.areas strong {color:#5d0606}
.environment strong {color:#05601a}
.contact strong {color:#003567}


/* Footer */
#footer {background:#39515F url(images/footer.png) repeat-x;clear:both;color:#6b7d87;font-size:.8em;padding:10px;overflow:hidden}
#footer .content {margin:0 auto;width:960px}
#footer a {color:#6b7d87;text-decoration:none}
#footer p {background:url(images/footer-logo.png) no-repeat;float:left;padding:0 0 5px 100px}
#footer #credit {background:none;float:right}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

img.size-medium{ padding:8px;background: url(images/medium.jpg);}
img.size-thumbnail{ padding:8px;background: url(images/thumb.jpg);}


/* Home */
body.home {background-image:url(images/bg-home.png)}
.home #header {height:370px}
.home #header ul {background-image:url(images/menu-bg-home.png);padding:0 0 30px}