@charset "utf-8";
/* CSS Document */

body{ padding:0; margin:0; color:#989090; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
@font-face {
    font-family: 'HelveticaLTStdCondensed';
    src: url('../font/helveticaltstd-cond.eot');
    src: url('../font/helveticaltstd-cond.eot') format('embedded-opentype'),
         url('../font/helveticaltstd-cond.woff') format('woff'),
         url('../font/helveticaltstd-cond.ttf') format('truetype'),
         url('../font/helveticaltstd-cond.svg#HelveticaLTStdCondensed') format('svg');
}
@font-face {
    font-family: 'HelveticaLTStdBoldCondensed';
    src: url('../font/helveticaltstd-boldcond.eot');
    src: url('../font/helveticaltstd-boldcond.eot') format('embedded-opentype'),
         url('../font/helveticaltstd-boldcond.woff') format('woff'),
         url('../font/helveticaltstd-boldcond.ttf') format('truetype'),
         url('../font/helveticaltstd-boldcond.svg#HelveticaLTStdBoldCondensed') format('svg');
}
#logo{
	position:fixed;
	width:114px;
	height:140px;
	top:0px;
	left:30px;
	z-index:101;
	padding: 15px 15px 10px;
	cursor:pointer;
	background: rgba(255,255,255,0.5);
	transition: all 0.6s ease;
	/*background:url(../img/logo_cgrey.png);
	background-position:0 0;*/
}
li{ line-height:26px; }
.logo-dis{ display:none; }
/*#logo:hover{
	background-position:0 88px;
}*/
/*#logo-slide{
	position:fixed;
	top:110px;
	left:50px;
	transition: all 0.3s ease;
	margin-top:-35px;
	opacity:0;
	filter: alpha(opacity=0);
	z-index:100;
}*/
/*#logo-slide.show{
	top:110px;
	opacity:1;
	filter: alpha(opacity=100);
}*/
#menu{transition: all 0.3s ease; position: fixed; width: 0%;top: 0;right: -200px;background: #d2cbcb;height: 100%;z-index: 999;box-shadow: 0px 0px 6px #6d6767;font-family: 'HelveticaLTStdBoldCondensed';}
#menu a{
	color: #6c666c;
	font-size:16px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 6px 10px 6px 10px;
	text-transform:uppercase;
	width:150px;
	border-bottom: 1px solid #c3bbbb;
	margin-left:15px;
	transition: all 0.2s ease;
}
#menu a:hover{
	color:#F5F3F3;
}
#menu-toggle{
	position: fixed;
	top: 20px;
	right: 120px;
	z-index: 1000;
	padding: 10px;
	font-family: 'HelveticaLTStdBoldCondensed';
	color:#cccccc;
	transition: all 0.3s ease;
}
#menu-toggle.color{
	color:#989090;
}
.m-logo{
	margin-bottom:20px;
}

#menu-toggle:hover{
	cursor: pointer;
}
#menu.open{
	right: 0;
	width: 200px;
	display: block;
}
#menu-toggle.open{
	right: 210px;
}
.cont_area{
	width:1000px;
	margin:0 auto;
}
.ico-img{
	position:absolute;
	top:20px;
	left:15px;
}
.ico-img2{
	position:absolute;
	top:20px;
	left:20px;
}
.cont_area h2{
	font-family: 'HelveticaLTStdBoldCondensed';
	font-size:50px;
	color:#989090;
	text-transform:uppercase;
	text-align:center;
	margin:0px 0 20px;
}
.slideDiv{
	width: 100%;
	position: relative;
	margin: 20px 0 0;
}
.slideDiv h3{
	font-family: 'HelveticaLTStdBoldCondensed';
	font-size:40px;
	color:#989090;
	text-transform:uppercase;
	text-align:center;
	margin:0px 0 20px;
}
.cont_area .intro{
	width:800px;
	margin:0 auto;
	text-align:center;
	font-family: 'HelveticaLTStdCondensed';
	font-size:20px;
	color:#989090;
}
p{
	margin:0 0 10px;
}
.abt_disp{ margin:0; padding: 0; width: 100%; float: left; }
.disp2{ margin-left: 20%; width: auto; }
.abt_disp h5{
	font-family: 'HelveticaLTStdBoldCondensed';
	color:#989090;
	font-weight:normal;
	margin:10px 0 0;
	text-align: center; font-size: 22px;
	text-transform: uppercase;
}
.abt_disp li{ list-style: none; float: left; width: 31.03%; padding: 0 1%; margin: 10px 0; text-align: center; border-right: 1px solid #e4dede; }
.abt_disp li:last-child{ border-right: none; }
.abt_disp li Img{ margin: 20px 0; }
.abtCont{ float: left; width: 100%; position: relative; margin: 20px 0 0; }
.consImg{ float: left; margin: 50px; }

/* ==================================================
   Tabs
================================================== */

.nav {
 	margin-bottom: 0px;
  	margin-left: 0px;
  	list-style: none;
	font-family: 'HelveticaLTStdCondensed';
}
.nav-tit {
	border-bottom: 1px solid #E9E4E4;
    border-top: 1px solid #E9E4E4;
    height: 50px;
    width: 1000px;
}
.nav-tit ul{
	/*padding-left:10%;
	margin-left:-50px;*/
	text-align: center;
}
.ast_ul{
	/*padding-left:20% !important;*/
}
.proj_ul{
	/*padding-left:14% !important;*/
	text-align: center;
}
.pj_cont{
	width:400px;
	float: left;
}
.pj_img{
	width:520px;
	float: left;
	margin: 20px 0 0 30px;
}
.nav > li > a {
  	display: block;
  	color: #989090;
  	font-size: 24px;
	font-weight: 300;
	text-align:center;
	border: none;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
          	border-radius: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  	background-color: #DE5E60;
	color: #FFFFFF;
  	text-decoration: none;
  	display: block;
}

.nav > li > a > img {
  	max-width: none;
}

.nav > .pull-right {
  	float: right;
}

.nav-tabs {
  	*zoom: 1;
}

.nav-tabs:before,
.nav-tabs:after {
  	display: table;
  	content: "";
  	line-height: 0;
	width:1000px;
}

.nav-tabs:after {
  	clear: both;
}

.nav-tabs {
  	border-bottom: none;
}

.nav-tabs > li {
	display: inline-block;
	float: none;
	text-align: center;
	margin: 0 -1px 0 0;
}

.nav-tabs > li > a {
	background: transparent;
	padding:15px 20px;
  	line-height: 20px;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
	border: none;
	background:url(../img/sel-arrow.png) scroll center top 50px no-repeat #DE5E60;
  	background-color: #DE5E60;
	color: #FFFFFF;
  	cursor: default;
}

.tabbable {
  	*zoom: 1;
	margin:20px 0 30px;
}

.tabbable:before,
.tabbable:after {
  	display: table;
  	content: "";
  	line-height: 0;
}

.tabbable:after {
  	clear: both;
}

.tab-content {
  	overflow: auto;
	padding: 20px;
	font-family: 'HelveticaLTStdCondensed';
}
.tab-content h4{
	font-family: 'HelveticaLTStdBoldCondensed';
	color:#989090;
	font-weight:normal;
	margin:10px 0 0;
}
.tab-content h3{
	font-family: 'HelveticaLTStdBoldCondensed';
	color:#989090;
	font-weight:normal;
	margin:10px 0 0;
}

.tab-content > .tab-pane {
  	display: none;
}

.tab-content > .active {
  	display: block;
}
.clearfix:after{
	display:block;
	visibility:hidden;
	content:".";
	height:0;
	line-height:0;
}
#yvids{ 
	margin-left: 90px;
}
/* ==================================================
   Contact Page
================================================== */
.contact-path{
	width:1000px;
}

.enquiry_arae{
	width:585px;
	height:auto;
	float:left;
}
.enquiry_arae h4{
	font-family: 'HelveticaLTStdCondensed';
	color:#989090;
	font-size:30px;
	font-weight:normal;
}
.enquiry_arae input{
	width:565px;
	font-family: 'HelveticaLTStdCondensed';
	padding:10px;
	height:25px;
	background:#f4f0f0;
	border:none;
	color:#9a9090;
	font-size:18px;
}
#Alert{
	font-size:16px;
	color:#DE5E60;
	font-family: 'HelveticaLTStdCondensed';
	width:235px;
	float: left;
	margin: 7px 0px 0px 0px;
	font-weight: bold;
}
.enquiry_arae textarea{
	width:565px;
	font-family: 'HelveticaLTStdCondensed';
	padding:10px;
	height:160px;
	background:#f4f0f0;
	border:none;
	color:#9a9090;
	font-size:18px;
	resize:none;
}
.enq-button{
	float:right;
	height:40px !important;
	width:120px !important;
	font-family: 'HelveticaLTStdCondensed';
	background:#F4F0F0;
	color:#989090;
	font-size:18px;
}
.contact_address{
	width:280px;
	float:left;
	margin-left:60px;
	font-size:20px;
	font-family: 'HelveticaLTStdCondensed';
}
.contact_address h4{
	font-family: 'HelveticaLTStdCondensed';
	color:#989090;
	font-size:30px;
	font-weight:normal;
}
.contact_address p span{
	font-family: 'HelveticaLTStdBoldCondensed';
	color:#989090;
}
.space1{
	padding-left:30px;
}

/* ==================================================
   GOOGLE MAP
================================================== */
.page_bg{
	background:#FFF;
	padding:50px 0;
}
.map_area{
	width:100%;
	height:auto;
	position:relative;
}
.social_icon{
	width:600px;
	margin:0 auto;
}
.social_icon h4{
	font-family: 'HelveticaLTStdCondensed';
	color:#989090;
	font-size:28px;
	text-align:center;
	margin: -40px 0 25px;
}
.social_icon ul{
	margin-left:130px;
}
.social_icon li{
	display:inline-block;
	padding-left:20px;
	*display:inline;
}
.footer_path{
	width:100%;
	height:40px;
	padding-top:20px;
	background:#f4f0f0;
	text-align:center;
	font-size:14px;
	font-family: 'HelveticaLTStdCondensed';
}

.site_plan{
	margin:0;
	padding:0;
}
.site_plan li{
	list-style: none;
	padding: 5px 5px 10px 5px;
	float: left;
}
.site_plan li img{
	border: 1px solid #b2b2b2;
}
.site_plan li img:hover{
	border: 1px solid #de5e60;
}
/* ==================================================
   tab slider
================================================== */
#projSlider { width: 980px; margin: 0 auto; position: relative; }
.scroll { height: auto; width: 100%; overflow: auto; overflow-x: hidden; position: relative;  clear: left; background: #FFFFFF url(content_pane-gradient.gif) repeat-x scroll left bottom; }
.scrollContainer div.panel { padding: 20px; height: auto; width: 1000px; }
#shade { background: #EDEDEC url(shade.jpg) no-repeat 0 0; height: 50px; }
ul.navigation { list-style: none; margin: 0; padding: 0; padding-bottom: 9px; }
ul.navigation li { display: inline; margin-right: 10px; }
ul.navigation a { padding: 10px; color: #000; text-decoration: none; }
ul.navigation a:hover { background-color: #f6f6f6; }
ul.navigation a.selected { background-color: #fff; }
ul.navigation a:focus { outline: none; }
.scrollButtons { position: absolute; top: 50%; cursor: pointer; }
.scrollButtons.left { left: -40px; width: 40px; height: 40px; background: url(../img/scroll_left.png) no-repeat 0 0; transition: all 0.3s; }
.scrollButtons.left:hover { background: url(../img/scroll_left.png) no-repeat 0 -40px ;  }
.scrollButtons.right { right: -40px; width: 40px; height: 40px; background: url(../img/scroll_right.png) no-repeat 0 0;  transition: all 0.3s; }
.scrollButtons.right:hover { background: url(../img/scroll_right.png) no-repeat 0 -40px; }
.hide { display: none; }

/* ==================================================
    Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
================================================== */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/cb/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/cb/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/cb/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/cb/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/cb/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/cb/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/cb/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/cb/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/cb/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/cb/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/cb/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/cb/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/cb/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/cb/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}