/*  

Theme Name: Windowline
Theme URI: http://www.atyourcommand.com.au
Description: Re-released under GPL.
Version: 1.0
Author: John Brunskill
Author URI: http://www.atyourcommand.com.au

*/

/* Main Containers
-------------------------------------------------------------- */

#wrapper {width:970px;margin:0 auto;}
#header, #footer, #topNavigation, .container {width: 950px;margin:0 auto;}
#header {position:relative;z-index:100;height:215px;padding:0 5px} 
#sidebar {padding-top: 40px;}
#footer {padding-top: 10px;clear:both;}

.container {position:relative;display: block;padding:0;}

/* Page
-------------------------------------------------------------- */

#pageTop {background: transparent url(../images/bg-page-top.png) no-repeat scroll 50% 50%;height:15px;}
#page {background: transparent url(../images/bg-page-middle.png) repeat-y scroll center top;}
#pageBottom {background: transparent url(../images/bg-page-bottom.png) no-repeat scroll 50% 50%;height:15px;}


/* Top Navigation
-------------------------------------------------------------- */

#topNavigation {}
#topNavigation ul{float:right;margin:0;padding:0;}
#topNavigation ul li{display:inline;font-size:11px;}
#topNavigation ul li a{padding:5px 25px;color:#666666;text-decoration:none;}
#topNavigation ul li a:hover{color:#ffffff;text-decoration:underline;}


/* Header Logo (Image replacement)
-------------------------------------------------------------- */

#header h1 {height:116px;width:247px;padding:0px;margin: 0px;line-height:2em;z-index:100;position:absolute;top:20px;left:35px;}
#header h1 a {height:116px;width:247px;background:transparent url(../images/logo-windowline.png) no-repeat scroll 50% 50%;display: block;text-indent: -3000px;overflow:hidden;}

/* Badge
-------------------------------------------------------------- */

#badge {position:absolute;right:325px;top:-30px;width:135px;height:130px;background:transparent url(../images/bg-badge.png) scroll no-repeat 50% 50%;z-index:10;}

/* Strapline + Hero Image
-------------------------------------------------------------- */

#strapline {position:absolute;right:38px;top:78px;width:354px;height:66px;background:transparent url(../images/bg-heading-strap.jpg) scroll no-repeat 50% 50%}

#hero-image {position:absolute;left:305px;top:-15px;width:260px;height:183px;background:transparent url(../images/bg-hero-banner.png) scroll no-repeat 50% 50%}

/* Images Special
-------------------------------------------------------------- */
img.hero {float:left;padding:5px;margin:0 20px 0 0;background:#f8f8f8 url(../images/bg-highlite.gif) scroll repeat-x left top;border: solid 1px #e5e5e5;}


/* Introduction Home Page
-------------------------------------------------------------- */

#introduction {height:306px;background:url(../images/bg-intro-home.png) no-repeat scroll 50% 50%}
#introduction h2 {font-family:Helvetica, Arial, sans-serif;color:#ffffff;margin:30px 30px 10px 0;font-size:28px;line-height:1.4em;/*letter-spacing:-1.8px;*/ letter-spacing:-1.5px; }
#introduction h2 strong{color:black;font-style:normal}
#introduction p {font-size:13px;line-height:1.7em;text-transform:none;color:#efefef;padding:0 40px 0 0;}

/* Job Viewer 
---------------------------------------------------------------*/
#viewer {position:relative;visibility:hidden;width:480px;}
h6#viewer-trigger {position:absolute;top:1px;left:5px;z-index:1;}
#slider {margin: 0 auto;position: relative;}
#imageWindow {background:transparent url(../images/bg-viewer.png) no-repeat scroll 50% 50%;width:360px;height:165px;position:absolute;top:144px;left:50px;}

.scroll {overflow: hidden;width: 360px;height:280px;margin: 0 auto;position: relative;}
.scrollContainer {position: relative;margin:40px 0 0 0;}
.scrollContainer div.panel {padding: 10px;width: 100px;/*height: 318px;*/}
.panel {margin-top:0px}

#left-shadow {position: absolute;top: 0;left: 0;width: 12px;bottom: 0;background:url(../images-viewer/leftshadow.png) repeat-y;}
#right-shadow {position: absolute;top: 0;right: 0;width: 12px;bottom: 0;background: url(../images-viewer/rightshadow.png) repeat-y;}

.inside {padding: 10px;/*border: 1px solid #999;*/position:relative;}
.inside img {display: block;border: 1px solid #666;margin: 0 0 10px 0;/*width: 250px;*/}

.inside h2 {background-color:#fff;font-weight: normal;color: #111;font-size: 0;margin: 0 0 8px 0;}
.inside p {font-size: 0;color: #222222;margin:.1em 0}



.scrollButtons {width:36px;height:75px;position: absolute;top: 59px;cursor: pointer;z-index:100;}
.scrollButtons.left {position:absolute;top:10px;left:-29px;background: url(images/btn-slider-set.png) no-repeat scroll 0 50%;}
.scrollButtons.left:hover {background:url(images/btn-slider-set.png) no-repeat scroll -40px 50%;}
.scrollButtons.right {position:absolute;top:10px;right:-31px;background:url(images/btn-slider-set.png) no-repeat scroll -80px 50%;}
.scrollButtons.right:hover {background:url(images/btn-slider-set.png) no-repeat scroll -120px 50%;}

/*div  for padding and promo styles*/

.column {padding:0px 20px 0px 0px}
.right {margin:0 20px 0 20px}

.box {padding:20px 20px 5px 20px;}
.promo {margin-bottom:6px;background:#f8f8f8 url(../images/bg-highlite.gif) scroll repeat-x left top;border: solid 1px #e5e5e5;}
#contact .promo {background:#A9D1EB url(../images/bg-highlite.gif) scroll repeat-x left top;}
.promo img{}

#promo-video {position:relative;background-color:#a9d1eb;}
#promo-video:hover {background-color:#8fb6ce;}
#promo-video img{float:left;margin:0;}
#promo-video h3{margin-left:140px;}
#promo-video p{margin-left:140px;}

#promo-maps{position:relative;}

#promo-help{position:relative;}
#promo-help span{color:#2c2b2b;font-size:110%;font-weight:bold;}
#promo-help img{position:absolute;right:0;bottom:0;margin:0;}

/*Image ribbons*/

.ribbon {position:absolute;}
#new {width:61px;height:55px;right:0;top:0;}

img.profile {float:none;background-color:white;padding:5px;margin:5px 10px -3px 0;}
blockquote.block {font:25px/30px Georgia, "Times New Roman", Times, serif;color:#414141;text-align:center;padding:30px 60px 10px;margin:0 0 15px 0;color:#414141;font-style:normal;background: transparent url(../images/bg-quotes.png) scroll no-repeat 30px 0}
blockquote cite {font-family:Helvetica, Arial, sans-serif;color:#636b75;font-size:15px;font-weight:normal;font-style:normal;}

/* Side containers
-------------------------------------------------------------- */

.sidebox {font-size: 1.2em;}
.sidebox ul{padding:0;margin:0;list-style-type:none;}
.sidebox ul li{padding:20px 20px 15px 20px;margin-bottom:6px;background:#A9D1EB url(../images/bg-highlite.gif) scroll repeat-x left top;border: solid 1px #e5e5e5;}
 

/* Regular Page Styles
-------------------------------------------------------------- */
.page {padding:30px 0;}
.page p {line-height:1.6em}
.page.cms h3 {padding:0 0 0 235px}
.page.cms p {padding:0 0 0 235px}
.page.cms ul, .page.cms ol {padding:0pt 0pt 0pt 235px;}
.page li {font-size:13px;line-height:1.6em;color: #333333}
.page img {float:left;/*background-color:#cccccc;*/margin:0 20px 20px 0;/*border:solid 1px white;padding:10px;*/}


/* Wordpress Image Div Wrapper Classes
-------------------------------------------------------------- */
.page.cms p.wp-caption-text {color:#221f1b;font-weight:bold;text-align:center;padding:0;margin:5px 0;}
.wp-caption {float:left;margin:0;}
.alignleft {float:left;margin:0 40px 20px 0;}
.alignright {float:right;margin:0 0 20px 40px;}

/* Blog Index Page Styles
-------------------------------------------------------------- */

.post.brief {padding:0 0 0 120px;background:0;}
.post.brief h2{font-size:2em;line-height:1.2em;margin:0 0 5px 10px;padding: 0px;letter-spacing:-1.9px;color:#221f1b;}
.post.brief h2 a{color:#221f1b;text-decoration:none;}
.post h2 {margin-bottom:25px;}
.post ul, .page.cms ol {padding:0}
.post li {font-size:13px;line-height:1.6em;color: #333333}
.post img {float:left;padding:5px;margin:0 20px 20px 0;background:#f8f8f8 url(../images/bg-highlite.gif) scroll repeat-x left top;border: solid 1px #e5e5e5;}
.post.brief img {margin:-30px 20px 20px -120px;}
.post img.icon {float:left;padding:0;margin:0 10px 0 0;background:0;border:0;}


/* Pagination
-------------------------------------------------------------- */
div.pagination {padding:0 0 25px 0;text-align: right;}

/* Top Links Bar
-------------------------------------------------------------- */

#topNavigation {padding:5px 0 3px 0;}
#topNavigation p img, #topNavigation p img a {margin-right: 5px;padding: 0px;border:none;}

/* Navigation
-------------------------------------------------------------- */
#navigation {width:940px;position: absolute;bottom: 0px;left: 10px;z-index:10;height:68px;background: url(../images/bg-nav-set.png) scroll no-repeat 2px top}
ul#navbar{list-style-type:none;margin: 0px;padding: 0px;float:left;width:100%;}
ul#navbar li {display:inline;text-align:center;float:left;position:relative;}
ul#navbar li a{display:block;padding: 30px 25px 22px;}
ul#navbar li a, ul#navbar li a:link, ul#navbar li a:visited{float:left;line-height: 16px;font-size: 14px;color: #666666;text-decoration: none;background: url(../images/bg-nav-set.png) scroll no-repeat right 0px}
ul#navbar li a:hover {color: #0983d1;text-decoration:none;background: url(../images/bg-nav-set.png) scroll no-repeat right 50%}

ul#navbar li.current_page_item a, ul#navbar li.current_page_parent a {color: #ffffff;background:transparent url(../images/bg-nav-set.png) no-repeat 50% bottom scroll;}

/*site navigation drop downs*/

ul#navbar li ul {float:left;list-style:none;position:absolute;z-index:2000;top:5em;left:0;margin:0;padding:8px 0;display:none;width:200px;background-color: #efefef;border: 1px solid #cccccc;}
ul#navbar li > ul {left: 0;}

ul#navbar li ul {-moz-border-radius:6px;-webkit-border-radius:6px;}
ul#navbar li ul {filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

ul#navbar li:hover ul, ul#navbar li.sfhover ul {display:block;}
ul#navbar li li {float:none;text-align:left;}
ul#navbar li li a, ul#navbar li li a:link, ul#navbar li li a:visited {height:auto;padding:6px 10px;float:none;width:auto;width/**/:/**/ auto;background:0;border:0;font-size: 14px;color: #0983d1;text-align:left;}
ul#navbar li li:hover, ul#navbar li.sfhover li.sfhover, ul#navbar li.sfhover li:hover, ul#navbar li li a:hover {/*background:url(images/icon-arrow-right.png) 8px 3px no-repeat scroll;*/}
ul#navbar li li.current_page_item a{border: 0;background:0;color: #454545;}

/* Promo Containers
-------------------------------------------------------------- */

/* Posts Containers
-------------------------------------------------------------- */

/* Ads Container
---------------------------------------------------------------*/

/* Footer Logo and SEO optomizing
---------------------------------------------------------------*/

p.copy {font-size:1em;padding: 0px;margin-top: 5px;color:#efefef;}

p.links {font-size:1.2em;float: left;clear: left;padding: 0px;margin: 0px;}
p.links a {color:#666666;text-decoration:none;padding:0 25px 0 0;}
p.links a:hover {color:#000000;text-decoration:underline;}

/* Template divs
---------------------------------------------------------------*/

#contact {padding:20px 0 20px 0;}
#blog {padding:20px 0 20px 0;}
#maps {padding:20px 0 20px 0;}

/* Maps
---------------------------------------------------------------*/

/* Promo Containers
-------------------------------------------------------------- */
.map {background: #d3d0d0 url(../images/bg-box.gif) repeat-x scroll left top;position: relative;}
.map div.inner {border:solid 1px #efefef;padding:30px 20px;float:none;}
.map img {float:left;margin:0 0px 0px 20px;}

/* Misc
---------------------------------------------------------------*/
div.line_dotted {height:0;border-top:dotted 1px #666666;margin:0 0 5px 0;}

/* Associations
-------------------------------------------------------------- */

#associations {margin:20px 5px 0;padding:20px 30px 10px;background-color:#8ba7b3;}
#associations p{text-align:center;color:#ffffff; margin:0 0 5px 0;}
#associations ul{list-style-type:none;margin: 0px;padding: 0 0 0 100px;float:left;width:100%;}
#associations ul li {display:inline;margin: 0px;padding: 0px;text-align:center;float:left}
#associations ul li a{display:block;padding:5px;}
#associations ul li a{float:left;text-decoration: none;}
#associations ul li a img{}

/* Projects Drop Down Box
-------------------------------------------------------------- */
div#switcher { position: absolute;right: 20px;width: 380px;font-family: Arial;font-size: 13px;top: 0px;z-index:50;}
div#switcher.show {border: 1px solid #f00;}
div#switcher a {color: #675d55;text-decoration: none;}
div#switcher a:hover, div#switcher td.alt a:hover {	color: #fff;}
div#switcher td.alt a {color: #212121;}
div#switcher h6 {display: block;margin-bottom:0px;height: 25px;width: 207px;cursor: pointer;float: right;}
body div#switcher h6.hide, body div#switcher h6.hover {display: none;}
div#links {float:right;width: 380px;background-color: #8ca8b5;border: 1px solid efefef;display: none;}
div#links.show {display: block;}
div#links div {}
div#links div.alt, div#links div#second {background-color: #bbc5c8;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
div#links div table {width:auto;margin: 10px 10px 10px 25px;}
div#links div table tr.hover a {color: #fff;}
div#links table td, div#links table th {line-height: 1.5em;}
div#links table th {font-size:14px; font-weight:bold;}
div#links table td.alt {}
div#links table img {border:solid 1px #fff;}

/*Browse Buttons
--------------------------------------------------------------*/

.browse{margin:5px 0 0 0;}
.browse a {text-indent:-2000px;width:37px;height:37px;display:block;overflow:hidden;}
.browse .browseLeft a {float:left;background: url(../images/bg-btn-prev.png) scroll no-repeat 50% 50%}
.browse .browseRight a {float:right;background: url(../images/bg-btn-next.png) scroll no-repeat 50% 50%}
.browse .browseRight a:hover {border:none;}

/* Video Container iframe
-------------------------------------------------------------- */

#video {position:relative;z-index:1;}

/* Misc
-------------------------------------------------------------- */
/*fix underline in promo boxes in IE7*/
a.greybox, #promo-maps, #promo-maps:hover {text-decoration:none;}

/*fix underline in promo boxes in IE7*/
#anchorGraphicAlt {clear:both;margin:0;text-align:right;z-index:0;}