/*** --- BLUEPRING IMPORTS --- ***/
@import url("blueprint/src/grid.css");
@import url("blueprint/src/ie.css");
@import url("blueprint/src/reset.css");
@import url("blueprint/src/typography.css");
@import url("blueprint/src/forms.css");
@import url("blueprint/screen.css");

/*** --- HEADER CSS --- ***/
/* header backgrond and position */
body { background: url("../images/wgheaderback.png") repeat-x; }
.header { margin-top: 5px; }

/* global header menu */
.global-menu { margin-top: 5px; }
.global-menu  ul { padding: 0; }
.global-menu  ul li { display: inline; float: left; }
.global-menu  ul li a { font-size: 12px; color: #fff; display: block; font-weight: bold; line-height: 45px; padding: 0 30px; }
.global-menu  ul li a.current { color: #000; background-color: #EE1C25; line-height: 45px; }
.global-menu  ul li:hover a  { color: #000; background-color: #fff; opacity: 0.9; filter: alpha(opacity=90); }
.global-menu  ul li ul { display: none; position: absolute; z-index: 200; }
.global-menu  ul li:hover ul { display: block; }
.global-menu  ul li ul li { display: block; border-left: 1px solid #EE1C25; border-right: 1px solid #EE1C25; border-bottom: 1px solid #EE1C25; float: none; width: 300px; }
.global-menu  ul li ul li a { font-size: 11px; text-align: left; }
.global-menu  ul li ul li a:hover { background-color: #000; color: #fff; filter: alpha(opacity=90); opacity: 0.9; }
.global-menu img { width: 25%; height: 30px; margin-top: -17px; float: right; padding: 4px; }

/* logo and title */
.wgLogoLink { }
.wgLogoLink img { width: 100%; height: 70px }
.wgtitle, .wgtitle-chi { float: left; margin-left: 25px; margin-top: 12px; }
.wgtitle img { height: 50px; width: 90%; }
.wgtitle-chi img { height: 50px; width: 90%; }

/* right links - contact us, site map, careers, etc */
ul#headerLinks { float: right; margin: 0; list-style: none; }
ul#headerLinks li { display: inline; }
ul#headerLinks li a { font-size: 11px; border-left: 1px solid #EE1C25; float: left; line-height: 28px; margin-top: 2px; padding: 0 15px; }

/* language toggle */
ul#langToggle { float: right; margin: 0; list-style: none; }
ul#langToggle li { display: inline; }
ul#langToggle li a { font-size: 11px; border: 1px solid #EE1C25; float: left; line-height: 28px; margin-top: 2px; padding: 0 15px; color: #FFF; background:#000; }
.lang-div { margin-top: 20px; }


/*** --- FOOTER CSS --- ***/
.footer { }
ul#footerLinks { text-align: center; margin: 0; list-style: none; border-top: 2px solid #EE1C25; padding-top: 10px; }
ul#footerLinks li { display: inline; }
ul#footerLinks li a { border-left: 1px solid #EE1C25; padding: 0 15px; }
.copyright { text-align: center; padding-top: 5px; }

/*** --- COMMON GENERAL STYLING --- ***/
/* breadcrumbs */
ul#breadcrumb { float: left; margin: 0; list-style: none; }
ul#breadcrumb li { display: inline; }

/* page headers */
.pageheader img { width: 100%; height: 120px; }

/* side menu */
#side-menu { padding: 10px; margin: 0 10px; }
.side-menu { border: 1px solid #ccc; list-style: none; margin: 0; padding: 0; vertical-align: top; border-radius: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.side-menu li { margin: 0; border-bottom: 1px solid #ccc; background: #CCC; list-style: none; }
.side-menu li p { padding: 5px 10px; margin: 0; font-size: 14px; font-weight: bold; }
.side-menu li a { background: #000; color: #fff; display: block; padding: 5px 5px 5px 25px; font-size: 12px; }
.side-menu li a.current { background: #fff; color: #000; font-weight: bold; }
.side-menu li a:hover { background: #fff; color: #000; font-weight: bold; }
.side-menu ul { padding-left: 0; display: none; margin: 0; list-style: none; }
.side-menu ul ul { display: block; }
.side-menu ul li a { background: #000; color: #ccc; display: block; padding: 5px 5px 5px 35px; font-size: 11px; }
.side-menu ul li a:hover { background: #FCD8D8; color: #000; font-weight: bold; }
.side-menu ul li a.current { background: #FCD8D8; color: #000; font-weight: bold; }
.side-menu li a.collapsed { background: #000 url("../images/up.png") no-repeat 10px 50%; color: #fff; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ccc; display: block; padding: 5px 5px 5px 25px; }
.side-menu li a.expanded { background: #fff url("../images/down.png") no-repeat 10px 50%; color: #000; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ccc; display: block; padding: 5px 5px 5px 25px; }

/* links */
a:link { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover { color: #000; }
a:active, a:focus, a:current { color: #666; text-decoration: none; }

/* content position */
.content { padding: 10px 0 25px; background: #F0F0F0; }

/* info div styling */
.info-box { margin: 10px 0; padding: 10px 15px; background: #fff; border-radius: 5px; border: 1px solid #CCC; }
.info-box p { text-align: justify; }
.info-box #breadcrumb { padding-left: 0; }
.projectheader { border-bottom: 1px groove #ccc; margin-bottom: 15px; }
.projectheader h2 { float: left; margin-top: 20px; margin-bottom: 0; }
.projectlogo img { height: 70px; width: 80%; float: right; }
.projectlogo { float: right; }
.projectFeatured img { height: 100px; width: 100%; float: left; }
.projectFeatured { float: left; }

/*** --- HOME INDEX.PHP CSS --- ***/
.home-menu dl { margin: 0 0 0 1em }
.home-menu dt { font-size: 14px; background: #CCC; color: #000; margin: 0; padding: 10px 5px 10px 30px; border-bottom: 1px solid #999; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.home-menu dd { margin: 0; border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; }
.home-menu a { background: #000; color: #fff; display: block; padding: 10px 5px 10px 30px; font-size: 12px; }
.home-menu a:hover { background: #fff; color: #000; }

/* home image */
#my-slider img { width: 100%; }



/* home intro */
.home-intro { padding: 15px; }
.home-intro h3 { text-align: center; }
.home-intro img { width: 60%; height: 30px; margin-bottom: 10px; }
.home-intro p { text-align: justify; }
.home-intro a:hover { padding-left: 5px; font-weight: bold; }

/* home quicklinks */
.home-quicklinks { padding: 15px; }
.home-quicklinks h3 { text-align: center; }
.home-quicklinks img { width: 70%; height: 70px;}
.home-quicklinks ul { padding-left: 0; }
.home-quicklinks ul li { list-style: none; text-align: center; }
.home-quicklinks ul li a:hover { padding-left: 5px; font-weight: bold; }

/* home associates */
.home-associates img { width: 100px; height: 50px;}
.home-associates ul { text-align: center; }
.home-associates ul li { display: inline;}
.home-associates ul li a:hover { padding-left: 10px; font-weight: bold; }
.home-associates ul li a { padding: 0 5px;}

/* home contact */
.home-contact { padding: 15px; }
.home-contact h3 { text-align: center; }
.home-contact img { width: 40%; height: 30px; margin-bottom: 10px; }

/* site map */
.sitemap-col { margin: 18px; }

/*** --- PROJECTS CSS --- ***/
#proimages { display:none; }
.panel { margin:0 0 12px 0;	}
ul.exposureThumbs { background:#000; border:12px solid #000; border-right:none; padding:0; margin:0; list-style-type:none; height:79px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; }
ul.exposureThumbs li { background:#111; margin:0 12px 0 0; padding:0; text-align:center; display:none; float:left; } 
ul.exposureThumbs li img { cursor:pointer; height:79px; width:100%; } 
ul.exposureThumbs li.last { margin:0; } 
.exposureTarget { border-radius: 5px; width:606px; height:420px; background-color:#111; background-image:url("../images/loader.gif"); background-repeat:no-repeat; background-position:center center; float:left;	 padding:0; margin:0; border:12px solid #000; position:relative; overflow:hidden; } 
.exposureWrapper { position:absolute;  top:0; left:0; } 
.exposureWrapper img { cursor:pointer; position:absolute; top:0; left:0; width:606px; height:420px; } 
.exposureLoaded { background-image:none; } 
.exposureData { position:absolute; left:0; right:0; bottom:-2000px; height:60px; padding:7px; background-image:url("../images/veil.png"); color:#fff; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:16px; font-weight:bold; display:none; } 
.extra {font-size: 10px; }
/* In this demo we are using thumbs with fixed size */
ul.exposureThumbs li { width:111px; height:79px; } 
.exposureSlideshowControls a, .exposureControls span, .exposureControls a { font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; padding:8px; background-color:#ccc; display:block; float:left; }
.exposureSlideshowControls a { float:right; } 
.exposureSlideshowControls a, .exposureControls a { color:#333; text-decoration:none; outline:none; } 
.exposureSlideshowControls a:active, .exposureSlideshowControls a:hover, .exposureControls a:active, .exposureControls a:hover { background-color:#EAEAEA; color:#444; }
.exposurePaging .active { color:#111; background-color:#000; color: #EE1C25 }
.exposureNextPage { border-top-right-radius: 5px 5px; }
.exposurePrevPage { border-top-left-radius: 5px 5px; }
.exposurePlaySlideshow, .exposurePauseSlideshow { border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; }
.clear { clear:both; }


body:after { content: url("../images/close.png") url("../images/loading.gif") url("../images/prev.png") url("../images/next.png"); display: none; }
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }
.lightbox .lb-image { display: block; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.lightbox a img { border: none;}
.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.lb-outerContainer:after { content: ""; display: table; clear: both; }
.lb-container { padding: 4px; }
.lb-loader { position: absolute; top: 43%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat; }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
.lb-container > .nav { left: 0; }
.lb-nav a { outline: none; }
.lb-prev, .lb-next { width: 49%; height: 100%; cursor: pointer;
/* Trick IE into showing hover */ display: block; }
.lb-prev { left: 0; float: left; }
.lb-prev:hover { background: url("../images/prev.png") left 48% no-repeat; }
.lb-next { right: 0; float: right; }
.lb-next:hover { background: url("../images/next.png") right 48% no-repeat; }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.lb-dataContainer:after { content: ""; display: table; clear: both;}
.lb-data { padding: 0 4px; color: #bbbbbb; }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url("../images/close.png") top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;}
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }


/* thornleigh */
.about-thornleigh img { width: 100%; }


/*** --- CONTACTUS CSS --- ***/
/* headoffice */
.map { width: 400px; height: 250px; border: 1px solid #EE1C25; }