/*--------------------------------------------*/
/*-- Stylesheet for Platform Communications --*/
/*--   www.platformcommunications.com.au    --*/
/*--   Created by Elixir Marketing Group    --*/
/*--------------------------------------------*/


/*----------------- body -----------------------*/

html { color: #666; background:#dfe2dc none repeat-y top center; }
body { margin: 0 auto; text-align: left; }
#wrap { margin: 0 auto; width: 980px; background-color: #fff; background: #dfe2dc url(../images/bg-wrap.gif) top center repeat-y; }
.container_16 { background: transparent url(../images/bg-hd.png) no-repeat;}
body#home .container_16 {  height: 770px;background: transparent url(../images/banner-home.png) no-repeat;}


/*----------------- header -----------------------*/
#hd { overflow: hidden; height:  200px;}
#hd #site-logo { float: left; /*width: 180px; height: 110px;*/ /*margin: 10px 0 0 20px;padding: 0px;*/}
#hd #site-logo img {/* display: block;*/ margin: 10px 0 0 30px;padding: 0px;}
#hd #site-logo h1 { display: none; margin: 0; }
#hd #site-nav { float: left; width: 450px; margin: 25px 0 0 10px;/*background-color: #fff;*/}
#hd #site-nav ul { margin: 0; color: #545d50; }
#hd #site-nav li { display: inline; padding: 0px; color: #fff; }
#hd #site-nav a {
display: block;
float: left;
width: 83px;
margin-bottom: 2px;
padding: 1px 7px 0px 8px;	
border-left: 2px dotted #666;
color: #343d30;
/*background-color: #fff;*/
font-size: 1em;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 0px;
font-family: 'trebuchet ms', arial, sans-serif;
}
#hd #site-nav a.nb { border-left: 2px solid #fff; }
#hd #site-nav a:hover { color: #a00; text-decoration: none; }


/*----------------- main area -----------------------*/

#bd { height: 570px; }
#side{height:510px;margin:10px 0px 0;padding:10px;color:#fff;background-color:#343d30;}
#content{height:400px;margin:0 0 20px;padding:10px;}



/*----------------- footer -----------------------*/

#ft { text-align: center; background-color:#dfe2dc; background: #dfe2dc url(../images/bg-footer.gif) top center no-repeat; }
#ft p {
margin: 0px 0;
padding: 10px;
color: #999;
font-size: 12px;
line-height: 16px;
text-align: center;
}
#ft a { color: #a00; text-decoration: none; }



/*----------------- tables styles -----------------------*/

table{margin-bottom:.2em;}
th,td{border:0px none;padding:.2em;}
th{font-weight:bold;text-align:center;}
.highlite {background-color: #ECEBEB;padding: 10px 10px 10px 10px;border: 1px solid #CCCCCC;}



/*----------------- text_styles -----------------------*/

p { font-size: 1em; padding: 0px; text-align: left; margin: 10px 0px; }
h1, h2, h3, h4, h5 {font-family: 'trebuchet ms', arial, sans-serif;}
h1 {
color: #a00;
margin: 0px 0 0px;
padding: 0;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
}
h2 {
color: #a00;
font-size: 2em;
font-weight: normal;
margin: 0px 0 5px 0px;
border-bottom: 0px solid #eee;
text-transform: lowercase;
}
h3 { font-size: 1.4em; font-weight: bold; margin: 10px 0 5px 0px; text-transform: uppercase;}
h4 { font-size: 1.3em; margin: 0pt; padding: 3px 0px 3px 0px; }

#bd ul, #bd ol { font-size: 1em; }

ul li{
	margin-left: 15px;
/*	padding: 0 0 0 0px;*/
	list-style-type: disc;
/*	list-style-position: inside;*/
/*	background: transparent url(../images/icons/bullet_white.png) 0 0px no-repeat;*/
}

a img { border: 0px none; }
a,a:link,a:active,a:visited { color: #00aeef; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline:none }

.clear{display:block;clear:both;}
hr.divider{border-color:#ddd;margin:10px;}
em,i{font-style:italic;}





/*----------------- home -----------------------*/
#banner.home {/*position: absolute; top : 250px;*/ /*margin: 0px 0px; width: 960px;*/ height: 240px; color: #666;}
#banner.home #intro {float: left; margin: 135px 0 0 15px; width: 655px; color:  #fff;}
#banner.home #intro p { color:  #fff; font-size: 1.0em; line-height: 1.3em;}
#banner.home #postit {float: left; margin: 75px 0 0 30px; width: 175px; }
#banner.home #postit h3 { margin: 0; padding:0px;font-size: 1.2em;color: #a00; border-bottom: 0px none; text-transform: none;}
#banner.home #postit p { color:  #343d30; margin-right: 5px; font-size: .9em;text-align: center;}
#banner.home #postit a { display: block; color:  #343d30; }
#banner.home #postit a:hover { display: block; color:  #a00; text-decoration: none;}
#bd.home { height:  330px;}
#content.home { margin: 0 10px 10px; padding: 5px 0; height: 310px; color: #fff; background-color:#343d30;}
/*#content.home #columns { margin: 0 10px;}*/
#content.home h2 { color:  #fff; border-bottom: 0px none;}
#content.home p { font-size: 1em; }
#content.home .col { float: left; margin: 0 0 0 15px; padding: 0px; height: 300px; width: 293px; color: #343d30;background-color:#fff;}
#content.home .col h3 { margin: 0; padding: 5px 10px;font-size: 1.1em;color: #fff; border-bottom: 0px none; text-transform: lowercase;}
#content.home .col h4 { margin: 5px 10px 0; padding:  0 0; font-size: 1em;  color: #666;}
#content.home .col p { margin:  5px 10px;font-size: .9em; line-height: 1.2em; }
/*#content.home #news.col { margin: 0 0px; padding: 0px; }*/
#content.home #news.col h3 { background-color:#89af4d;}
#content.home #news.col h4 { margin: 5px 10px 0; padding: 0 0; font-size: .9em; font-weight: normal;font-style: italic;font-family: helvetica, arial, sans-serif; color: #444;}
#content.home #news.col p { margin:  0px 10px 5px;font-size: .9em; line-height: 1.2em; }
#content.home #news.col a { color:#89af4d;}
#content.home #news.col div.line { margin: 8px 10px;color: #fff; border-top: 2px dotted #343d30;}
#content.home #studies.col h3 { background-color:#0e80c5;}
#content.home #studies.col a { color:#0e80c5;}
#content.home #services.col h3 { background-color:#b4282e;}
#content.home #services.col a { color:#b4282e;}
#content.home #services.col ul { font-size: .9em; line-height: 1.1em; margin-bottom: 5px; }
#content.home #services.col li { margin-top: 0px; margin-left: 30px;}



/*----------------- who-we-are -----------------------*/

#content.people {  margin: 0; padding: 0px; height: 570px; color: #666;background-color: #fff !important; background-image: url(../images/bg-people.gif);background-position: left bottom; background-repeat: repeat-x; }
#content.people #people-intro {position: absolute; width: 560px; margin: 0 0 0 360px;}
#content.people #people-intro p { line-height: 1.3em; margin: 0 0 0; }
#content.people .person { position: absolute; }
#content.people .person a.trigger { display: block; position: absolute;/* background-color: #eee; */z-index: 2;}
#content.people .person a.trigger:hover { /*background-color: #a00;*/ }
#content.people #person-bubble, .person-bubble { position: absolute;  margin: 40px 20px 0 360px; width:  560px;display: none; padding: 0; color: #fff; background: transparent url(../images/bg-person-bubble.gif) bottom left no-repeat; z-index: 5; }
#content.people #person-bubble h3{ font-size: 1.2em; margin: 0; padding: 10px 10px 2px;color: #fff; background: transparent url(../images/bg-person-bubble.gif) top left no-repeat;font-weight: normal; text-transform: uppercase; font-family: helvetica, arial, sans-serif;}
#content.people #person-bubble p { font-size: .9em; line-height: 1.4em; margin:  0; padding: 0 10px 10px; color: #fff; }



/*----------------- our-work -----------------------*/

#content.work { margin: 0; padding: 0px; color: #343d30; background-color: transparent; }
#content.work h2 { margin: 0 20px; padding: 0px;}
#content.work #work-intro p { margin: 0 20px; font-size: 1.0em;}
#content.work #work-intro a { color: #343d30; text-decoration: underline;}
#content.work .sliderGallery{overflow:hidden;position:relative;margin: 20px 0 0;padding:0px;height:430px;width:940px;}
#content.work .sliderGallery ul{position:absolute;list-style:none;overflow:none;white-space:nowrap;padding:0;margin:0;}
#content.work .sliderGallery ul li {display: inline;padding: 0px;margin: 0px;background-image: none;}
#content.work .sliderGallery ul li img{border: 1px solid #999;}
#content.work .slider { width: 940px; height: 15px; top: 410px; padding: 0px; position: relative; background-color: #939d8e; }
#content.work .handle { position: absolute; cursor: move; margin: 2px; height: 11px; width: 50px; top: 0; background-color: #343d30; z-index: 100; }



/*----------------- case-studies -----------------------*/

#content.studies { height: 430px; margin: 0; padding: 0px; color: #343d30; background-color: transparent; }
#content.studies h2 { margin: 0 20px; padding: 0px;}
#content.studies #case-description h3 { margin: 0 20px; font-size: 1.0em;}
#content.studies #case-description h4 { margin: 0 20px; font-size: .9em; color: #545d50;}
#content.studies #studies-choose {overflow:hidden;position:relative;margin: 20px 0 0;padding:0px;height:417px;width:940px;}
#content.studies #studies-choose ul{position:absolute;list-style:none;overflow:none;white-space:nowrap;padding:0;margin:0;}
#content.studies #studies-choose ul li {display: inline;padding: 0px;margin: 0px;background-image: none;}
#content.studies #studies-choose ul li a {display: block; float: left;border: 1px solid #999;}
#content.studies #studies-choose ul li a span {display: block; position:  absolute;width:  154px;height: 415px;}
#content.studies #studies-choose ul li a:hover {border: 1px solid #a00;}
#content.studies #studies-choose ul li a:hover span { background-color: #c00;opacity: 0.5;-moz-opacity: 0.5; filter:alpha(opacity=50);}

#content.studies #studies-description { height:520px; margin: 0 0 10px; padding: 5px 10px; color: #fff;background-color:#343d30; }
#content.studies #studies-description h3 { font-size: 1.2em; text-transform: uppercase;}
#content.studies #studies-description h4 { font-size: 1em; }
#content.studies #studies-description p { font-size: .9em; }
#content.studies #studies-description li { font-size: .9em; }
#content.studies #studies-description a { color: #fff; text-decoration: underline;}
#content.studies #studies-nextprev { height:15px; margin: 5px 0 0px; padding: 5px 10px; color: #fff; background-color: #343d30; text-align: center; text-transform: uppercase;}
#content.studies #studies-nextprev a {  font-size: .8em; top: 0; color: #fff; }
#content.studies #studies-nextprev a.prev { float: left; }
#content.studies #studies-nextprev a.next { float: right; }

#content.studies .sliderGallery {overflow:hidden;position:relative;margin: 0px 0 0;padding:0px;height:420px;width:460px;}
#content.studies .sliderGallery ul{position:absolute;list-style:none;overflow:none;white-space:nowrap;padding:0;margin:0;border: 0px solid #999;}
#content.studies .sliderGallery ul li {display: inline;padding: 0px;margin: 0px;background-image: none;}
#content.studies .sliderGallery ul li img{border: 0px solid #999;}
#content.studies .slider { width: 460px; height: 15px; top: 395px; padding: 0px; position: relative; background-color: #939d8e; }
#content.studies .handle { position: absolute; cursor: move; margin: 2px; height: 11px; width: 50px; top: 0; background-color: #343d30; z-index: 100; }



/*----------------- contact-us -----------------------*/

#content.contact { margin: 0; padding: 0px; height: 570px; color: #666;background: #edf8fe url(../images/bg-contact.png) center bottom no-repeat;}
#content.contact h2 { position: relative; top: 460px; left:480px; width: 300px;border-bottom: 0px none;}
#content.contact #contact-bubble { position: relative; top: 290px; left:390px;margin: 0; padding: 10px 5px; width: 290px;height: 110px; color: #fff;background-color: #d2232a;}
#content.contact #contact-bubble p { font-size: 1.1em; font-family: 'trebuchet ms', arial, sans-serif;}
#content.contact #contact-bubble a { color: #fff;}



/*----------------- our-clients -----------------------*/
#content.clients { margin: 0; padding: 0px 0; height: 550px;overflow: hidden; color: #343d30;background-color:#fff;}
#content.clients h2 { color:  #a00; border-bottom: 0px none;}
#content.clients h3 { font-size: 1.1em;color: #343d30; border-bottom: 0px solid #737d6e;}
#content.clients h3 span { font-size: .8em; float: right; color: #fff;}
#content.clients p, #content.clients li { font-size: .9em; }
#content.clients a { display: block;float: left;margin: 0px 30px 10px 10px;}
#side.clients { margin: 0; padding: 10px; height: 540px; color: #fff;background-color:#343d30;}
#side.clients h2 { color:  #fff; border-bottom: 0px none;}
#side.clients h3 { font-size: 1em;color: #fff; border-bottom: 0px solid #737d6e; text-transform: uppercase;}
#side.clients p, #side.clients li { font-size: .9em; }



/*----------------- our-services -----------------------*/
#banner.services {margin-bottom: 10px;}
#content.services { margin: 0; padding: 10px; height: 430px; color: #fff;background-color:#343d30;}
#content.services h2 { color:  #fff; border-bottom: 0px none;}
#content.services h3 { font-size: 1.1em;color: #fff; border-bottom: 0px solid #737d6e;}
#content.services h3 span { font-size: .8em; float: right; color: #fff;}
#content.services p { font-size: .9em; margin: 0px 0px;}
#content.services a { color: #fff; text-decoration: underline;}
#content.services li {font-size: .9em;}
#side.services { margin: 0; padding: 10px; height: 540px; color: #fff;background-color:#343d30;}
#side.services h2 { color:  #fff; border-bottom: 0px none;}
#side.services h3 { font-size: 1em;color: #fff; border-bottom: 0px solid #737d6e; text-transform: uppercase;}
#side.services p { font-size: .9em;  margin: 0px 0px;}
#side.services a { color: #fff; text-decoration: underline;}
#side.services li {font-size: .9em;}


/*----------------- latest-news -----------------------*/
#banner.news {margin-bottom: 10px;}
#content.news { margin: 0; padding: 10px; height: 430px; color: #fff;background-color:#343d30;}
#content.news h2 { color:  #fff; border-bottom: 0px none; margin-left: 10px;}
#content.news h3 { margin: 20px 10px 0px;font-size: 1.1em;color: #fff; border-bottom: 0px solid #737d6e;}
#content.news p { font-size: .9em; margin: 5px 10px;}
#content.news ul, #content.news ol { font-size: .9em; margin: 5px 10px;}
#content.news p.news-date { margin: 0px 10px;font-size: .8em; font-weight: normal;font-style: italic;color: #eee;text-transform: none;}
#content.news a { color: #fff; text-decoration: underline;}
#side.jobs { margin: 0; padding: 10px; height: 430px; color: #fff;background-color:#343d30;}
#side.jobs h2 { color:  #fff; border-bottom: 0px none;}
#side.jobs h3 { font-size: 1em;color: #fff; border-bottom: 0px solid #737d6e; text-transform: uppercase;}
#side.jobs p, #side.jobs li { font-size: .9em; }
#side.jobs a { color: #fff; text-decoration: underline;}
#side.jobs a.pdflink { display: block; height: 38px; margin: 5px 10px;padding: 2px 10px 0px 50px; color: #fff; font-size: 1em; background: transparent url(../images/pdflink.gif) left bottom no-repeat;text-decoration: none;}


/*----------------- pages -----------------------*/

#content.pages { color: #343d30;height: 490px;margin: 0; padding: 0px 0px 0px; }
#content.pages a { color: #343d30; text-decoration: underline;}



/*----------------- jScrollPane -----------------------*/

.scroll-pane {overflow:hidden;}
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#939d8e;}
.jScrollPaneDrag{position:absolute;margin: 2px;background:#343d30;cursor:pointer;overflow:hidden;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden; /*background-color:#666;*/ height:9px;}
a.jScrollArrowUp:hover{/*background-color:#f60;*/}
a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/height:9px;}
a.jScrollArrowDown:hover{/*background-color:#f60;*/}
a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{/*background-color:#f00;*/}