@charset "utf-8";

/******
/-----------------
   Stylesheet V.1.0
  Created by WebStuff.biz P: +61 2 4325 1188
  Copyright, 2012
  --------------------------/
  CSS Reset  **/
html,body,div,header,footer,nav,section,figure,span,img,table,td,ul,li,input,button,dt,dd,dl,h1,h2,h3,h4,a{margin:0px;padding:0px;border:none;}
a{text-decoration:none;outline:none}
ul{list-style:none;}
table{border-collapse:collapse;}
p{padding:5px 0px;margin:0px;}
sup,sub{line-height:50%}
@font-face {
    font-family: 'MProR';
    src: url('myriad-reg-webfont.eot');
    src: url('myriad-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriad-reg-webfont.woff') format('woff'),
         url('myriad-reg-webfont.ttf') format('truetype'),
         url('myriad-reg-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MProC';
    src: url('myriadpro-cond-webfont.eot');
    src: url('myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-cond-webfont.woff') format('woff'),
         url('myriadpro-cond-webfont.ttf') format('truetype'),
         url('myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MProSB';
    src: url('myriadpro-semibold-webfont.eot');
    src: url('myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-semibold-webfont.woff') format('woff'),
         url('myriadpro-semibold-webfont.ttf') format('truetype'),
         url('myriadpro-semibold-webfont.svg#MyriadProSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MProB';
    src: url('myriadpro-bold.eot');
    src: url('myriadpro-bold.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-bold.woff') format('woff'),
         url('myriadpro-bold.ttf') format('truetype'),
         url('myriadpro-bold.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MProBC';
    src: url('myriadpro-boldcond-webfont.eot');
    src: url('myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-boldcond-webfont.woff') format('woff'),
         url('myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('myriadpro-boldcond-webfont.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**  ---------
  Starts  **/
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
h1,h2,h3,h4{padding:10px 0px;font-family:'MProSB';font-size:44px;font-weight:normal}
  h1 span,h2 span{font-family:'MProB';color:#0075ac}
h2{font-size:36px;line-height:34px}
h3{font-size:22px;color:#0075ac}
  h3.alt{color:#333}
h4{font-size:16px;color:#006ca4}
blockquote{margin:0px;padding:15px;font-family:'MProSB';font-size:20px;color:#0091d0;background:url(../images/blockquote_bg.gif) no-repeat 0px 5px}
hr{margin:10px 0px;border:none;border-top:1px solid #ccc}
#wrapper{width:100%;padding-top:90px;background:url(../images/content_bg.gif) bottom left repeat-x}
#container{width:960px;margin:0px auto;}
header{position:fixed;top:0px;left:0px;width:100%;height:90px;background:url(../images/header_bg.gif) repeat-x;z-index:100;box-shadow:0px 5px 5px #333}
  #header_inner{position:relative;width:960px;margin:0px auto;z-index:101}
    #header_inner .logo{position:absolute;top:-200px;left:320px;z-index:102}
nav{position:absolute;top:30px;left:0px;z-index:103}
    nav ul{}nav li{position:relative;float:left}
      nav ul ul{position:absolute;top:30px;left:0px;width:200px;background:#004979}
        nav ul ul li{float:none}
          nav ul ul li a:hover{background:#fff;color:#004979;text-shadow:none}
    nav a{display:block;padding:0px 9px;line-height:30px;font-family:'MProR';font-size:14px;text-transform:uppercase;color:#fff;outline:none;text-shadow:1px 1px 0px #002b48;border-radius:3px}nav a:hover{background:#004979}
      nav .nav_resp{display:none}
#content{position:relative;min-height:320px;padding:30px 0px 30px}
  #content ul,#content ol{margin:0px 0px 0px 20px;padding:10px;color:#004C7C}
  #content ul{list-style:square}
    #content li{padding:3px}
  #content p a,#content li a{color:#008CCB}
footer{width:960px;margin:10px auto;padding-top:20px;text-align:right;color:#666;font-size:10px}
  footer img{margin:-20px 0px 0px 15px;border-left:1px solid #ddd;float:right}

#mainbanner,#subbanner{position:relative;width:100%;text-align:center;background:#333;overflow:hidden;z-index:3}
#mainbanner{min-height:460px}
  #mainbanner ul,#subbanner ul{position:relative;width:100%;min-height:460px;margin:0px auto;background:#333;z-index:900}
    #mainbanner li,#subbanner li{display:inline-block;width:100%}#mainbanner li{display:none}#mainbanner li:first-child{display:block}
      #mainbanner li img{width:100%}
      #mainbanner li div{position:absolute;top:40px;right:20%;width:430px;text-align:right;z-index:1000}
        #mainbanner li div h2 span{display:block}
        #mainbanner li div a{display:block;width:160px;margin:10px 0px;text-align:center;line-height:40px;font-family:'MProSB';font-size:20px;color:#fff;text-transform:uppercase;background:url(../images/sprites/buttons.gif);float:right}#mainbanner div a:hover{background-position:0px -40px;color:#000}
      #mainbanner h4{font-size:20px}
      #mainbanner dl{list-style:square}
        #mainbanner dt{display:block;width:140px;margin:0 0 0 60px;padding:5px;float:left}
          #mainbanner dt.long{margin-left:0px;width:410px}
  #mainbanner .actions{position:absolute;bottom:0px;left:0px;display:none;width:100%;height:110px;text-align:left;background:url(../images/pixel_green.png);z-index:1100}
    #mainbanner .actions div{width:960px;margin:0px auto}
      #mainbanner .actions div a{display:block;width:280px;height:100px;padding:10px 30px 0px 10px;font-size:10px;color:#000;float:left}#mainbanner .actions div a:hover{background:#006ca4;color:#fff}#mainbanner .actions div a:hover h3{color:#fff}
        #mainbanner .actions div a h3{padding:0px}
        #mainbanner .actions div a img{margin-right:15px;padding:10px 0px 20px;float:left}
  #mainbanner .arrownav{position:absolute;top:0px;left:0px;width:50%;height:100%;z-index:950}
    #mainbanner .arrownav div{width:100%;height:70%;margin:0px auto;position:relative}
      #mainbanner .arrownav a.arrow-back{position:absolute;bottom:-50px;right:395px;opacity:0.7}#mainbanner .arrownav a.arrow-back:hover{opacity:1}
      #mainbanner .arrownav a.arrow-forward{position:absolute;bottom:-50px;right:350px;opacity:0.7}#mainbanner .arrownav a.arrow-forward:hover{opacity:1}
#subbanner{height:150px;overflow:hidden;box-shadow:0px 5px 5px #999}
  #subbanner ul{height:150px;min-height:auto}
  #subbanner h1{position:absolute;bottom:-60px;left:0px;width:100%;margin-bottom:60px;padding:60px 0px 0px;text-align:center;background:url(../images/subbanner-h1_bg.png) bottom center no-repeat;text-shadow:1px 1px 0px #fff;z-index:1000}
    #subbanner img{width:1400px}

#product_list td a{position:relative;display:block;height:100px;margin:3px 5px;padding:5px;background:#eee;border:1px solid #ddd;overflow:hidden}#product_list td a:hover{background:#0094D3 url(../images/header_bg.gif) bottom repeat-x;border-color:#0092D1;box-shadow:0px 3px 4px #333}#product_list td a:hover h4{color:#fff}#product_list td a:hover span{left:30px;color:#FFED00}
  #product_list td a span{position:absolute;bottom:10px;left:15px;color:#000;font-size:10px}
#product_list h4{max-width:130px;padding:20px 0px 0px 10px;float:left}
#product_list img{float:right}

#map_canvas{position:absolute;width:600px;height:300px}	/* bottom:30px; */

.contactleft{width:600px!important}
.contactdetails{text-align:center}
/**  ---------
  Class Declarations  **/
.left{float:left;}.right{float:right;}.clear{clear:both;}

a.contactus{display:inline-block;margin:10px;padding:5px 10px;background:#0093D3;color:#fff!important;font-family:'MProB';font-size:14px}a.contactus:hover{background:#004F80}

.column-1{position:relative;padding:0px 10px}
.column-2,.column-3{position:relative;width:440px;padding:0px 30px 0px 10px;float:left}
.column-3{width:300px;padding:0px 10px}.column-3:first-child{min-height:300px}

.imgside img{position:absolute;top:-30px;left:-5px;z-index:5}

.gallery{width:780px;margin:0px auto;padding:0px 10px;float:right}
  .gallery ul,.gallery-enter ul,aside ul{list-style:none!important;margin:0px;padding:0px}
    .gallery li{width:168px;height:120px;margin:5px;oveflow:hidden;float:left;box-shadow:0px 3px 5px #999}
      .gallery li img{width:100%;height:100%}
.gallery-enter li,aside li{position:relative;width:200px;height:370px;margin:5px;border:5px solid #fff;box-shadow:0px 3px 5px #999;overflow:hidden;float:left;cursor:pointer}
  .gallery-enter li img,aside li img{height:390px;margin-left:-70%}aside#productentry li img{margin-left:-30%}
  .gallery-enter li h1,aside h1{position:absolute;bottom:0px;left:0px;width:200px;text-align:center;line-height:34px;color:#fff;text-shadow:0px 0px 10px #000;cursor:pointer}
  .gallery-enter li .viewmore{display:none;position:absolute;top:15px;left:0px;padding:10px 20px 10px 40px;background:#fff;color:#000;cursor:pointer}.gallery-enter li:hover .viewmore{display:block}
.boxplus-slider{width:100%}
  .boxplus-viewport{padding:10px!important}
  .boxplus-viewport ul{}
    div.sigplus-gallery ul > li{width:172px!important;height:124px!important;margin:4px!important;box-shadow:0px 3px 5px #999!important;overflow:hidden}
      div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img{width:168px!important;height:120px!important;padding:0px!important}
  
  
aside{width:135px;padding:10px;text-align:center;background:#fff}aside .res_gallery_list{margin-right:0px}aside#productentry{position:absolute;bottom:0px;left:10%;width:80%;border:1px solid #ccc;border-bottom:none;border-radius:5px 5px 0px 0px}
  aside ul{text-align:center;padding:0px!important}
  aside li{display:inline-block;margin:5px 20px 0px -10px;float:none}
  aside h4{font-size:14px;color:#fff}
aside .photos{list-style:none!important;margin:0px!important;padding:0px!important}
  aside .photos li,aside li{width:110px;height:100px}aside#productentry li{width:215px}
    aside .photos img,aside img{margin-top:-30px}
    aside img{height:auto!important}
    aside .photos img{height:210px!important}
    aside .photos a{color:#0075AC}
    aside .photos h1,aside h1{width:120px!important;font-size:18px}aside#productentry h1{width:215px!important}
    aside .photos li .viewmore{padding-left:20px!important}
/**   Form Stylings   **/
.column-3.contactform{padding-top:10px;padding-bottom:10px;background:#0093D3;color:#fff}
  .column-3.contactform h3{text-align:center;color:#fff}

span.contactopen{display:block;margin:10px 0px;padding:10px;background:#0078C1 url(../images/footer_bg.gif);color:#fff;font-weight:bold;font-size:14px;text-align:center;cursor:pointer;
     -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
}span.contactopen:hover{background:#666}
label{position:relative;display:inline-block;float:left;height:26px;padding-left:7px;line-height:26px;width:93px;font-size:12px;font-weight:bold;color:#fff}
input,textarea,select{width:185px;margin:0;padding:5px;color:#666;background:#f5f5f5;border:1px solid #ccc;margin:5px 0;font:14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;border-radius:3px}
    input#contactus{width:auto}
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit{cursor: pointer; border: 1px solid #222; background:#333; color:#fff;float:right}
input.submit:hover{background:#444;}

    #recaptcha_area input#recaptcha_response_field{left:0px}
	#recaptcha_errors {color:#000000;margin:5px 0;font-weight:bold;font-size:14px}
	#recaptcha_errors span{font-weight:bold;font-size:18px;display:block;position:relative;}
	
fieldset{width:auto;margin:0px;padding:0px;border:none}
legend{padding:7px 10px;font-weight:bold;color:#000;border:1px solid #eee;-moz-border-radius:5px;-webkit-border-radius:5px;}
#recaptcha_widget_div{float:left}
span.required{position:absolute;top:5px;left:0px;height:15px;border-left:3px solid #ff0000;text-indent:-9999px}
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../includes/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#success_page{margin:10px 0px;padding:10px;background:#1d68a1;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#success_page h1{background: url('../includes/assets/success.gif') left no-repeat;margin-bottom:0px;padding-left:22px;font-size:14px;border:none;}


/* =============================================================================
   Media Queries
   ========================================================================== */
   
@media screen and (max-width: 1400px){
  #mainbanner ul{width:960px}
    #mainbanner li{width:1400px;margin-left:-220px}
      #mainbanner li img{width:auto}
  #mainbanner .arrownav{height:auto}
    #mainbanner .arrownav div{height:300px}
}
@media screen and (max-width: 960px){
  #header_inner{width:100%}
    #header_inner .logo{left:10px}
  nav{top:17px;left:300px}
    nav li{margin-left:0px!important}
  #mainbanner,#mainbanner ul{background:#fff}
  #mainbanner ul,#mainbanner li{width:100%}
    #mainbanner li img{margin-left:-15%}
    #mainbanner li div{right:-26%}
      #mainbanner li div p,#mainbanner li div h2,#mainbanner li div h3{text-shadow:0px 0px 6px #fff}
  #mainbanner .arrownav a.arrow-back{left:10px;right:auto}
  #mainbanner .arrownav a.arrow-forward{left:55px;right:auto}
      #mainbanner .actions div{width:100%}
        #mainbanner .actions div a{width:30%;padding-right:15px}
          #mainbanner .actions div a h3{font-size:16px}
  #subbanner li img{margin-left:-359px}
  #container{width:100%}
    #content{position:relative}
      .column-2{width:43%}
      .column-3{width:30%}
  footer{width:100%}
  .contactleft{height:auto!important}
  .column-3:first-child{min-height:10px!important}
  .contactform{width:90%!important;margin:20px 0px;padding:5%}
    .contactform form{width:300px;margin:0px auto}
  #map_canvas{position:static;clear:both;width:90%;margin:0px 5%}
  .res_gallery_list{position:absolute;bottom:0px;left:10%;width:80%;border:1px solid #ccc;border-bottom:none;border-radius:5px 5px 0px 0px;background:#fff}
  .gallery{width:auto;margin-bottom:250px}
  #product_list h4{position:absolute;top:10px;left:0px;padding:10px;background:#eee}
}
@media screen and (max-width: 880px){
/*  nav{width:50%}
    nav ul{display:none;position:absolute;top:40px;left:15%;width:80%;background:#004979;border-radius:5px}
      nav li{text-align:center;border-top:1px solid #00689E;float:none}nav li:first-child{border:none}
        nav li a:hover{background:#00689E}
      nav .nav_resp{display:block;position:absolute;top:10px;left:0px;width:100%;padding:0px 9px;text-align:center;line-height:30px;font-family:'MProR';font-size:16px;text-transform:uppercase;color:#fff;outline:none;text-shadow:1px 1px 0px #002b48;border-radius:5px;z-index:103}nav .nav_resp:hover{background:#004979}
  #mainbanner li{width:100%;margin-left:0px}
    #mainbanner li div{width:100%;right:0px;top:60px;color:#fff!important;}
      #mainbanner li div h2{font-size:24px}
        #mainbanner li div h2 span{color:#fff!important}
      #mainbanner li img{opacity:.4}
  #mainbanner .actions div{width:100%}
    #mainbanner .actions div a{width:33%;padding:10px 0px 0px;overflow:hidden}
      #mainbanner .actions div a h3{font-size:16px}
  .imgside{display:none}
  .column-3,.column-2{width:90%;padding:10px;float:none}
    .column-3:first-child{min-height:auto!important}
  #subbanner h1{color:#fff;text-shadow:1px 1px 0px #000}
  #subbanner img{margin-left:-50%}
  aside{position:absolute;bottom:0px;left:0px;width:90%;margin-left:4%}
  .gallery{width:100%;margin-bottom:160px}
  #map_canvas{position:static;width:100%;margin:10px 0px;}
  .contactleft{width:100%!important}  */
}
@media screen and (max-width: 570px){
  
  nav{top:30px;width:50%}
    nav ul{display:none;position:absolute;top:40px;left:15%;width:80%;background:#004979;border-radius:5px}
      nav li{text-align:center;border-top:1px solid #00689E;float:none}nav li:first-child{border:none}
        nav li a:hover{background:#00689E}
      nav .nav_resp{display:block;position:absolute;top:10px;left:0px;width:100%;padding:0px 9px;text-align:center;line-height:30px;font-family:'MProR';font-size:16px;text-transform:uppercase;color:#fff;outline:none;text-shadow:1px 1px 0px #002b48;border-radius:5px;z-index:103}nav .nav_resp:hover{background:#004979}
  #mainbanner,#mainbanner ul{background:#333}
  #mainbanner li{width:100%;margin-left:0px}
    #mainbanner li div{width:100%;right:0px;top:60px;color:#fff!important;}
      #mainbanner li div h3{color:#fff}
      #mainbanner li div h2{font-size:24px}
        #mainbanner li div h2 span{color:#fff!important}
      #mainbanner li img{opacity:.4}
  #mainbanner .actions{bottom:0px}
    #mainbanner .actions div{width:100%}
      #mainbanner .actions div a{width:33%;padding:10px 0px 0px;overflow:hidden}
        #mainbanner .actions div a h3{font-size:16px}
  .imgside{display:none}
  .column-3,.column-2{width:90%;padding:10px;float:none}
    .column-3:first-child{min-height:auto!important}
  #subbanner h1{color:#fff;text-shadow:1px 1px 0px #000}
  #subbanner h3{color:#fff;text-shadow:1px 1px 0px #000}
  #subbanner img{margin-left:-50%}
  #content{padding:10px}
  aside{position:absolute;bottom:0px;left:0px;width:90%;margin-left:4%}
  .gallery{width:100%;margin-bottom:160px}
  #map_canvas{position:static;width:100%;margin:10px 0px;}
  .contactleft{width:100%!important}
  
  header{}
  #header_inner .logo{left:50%;margin-left:-160px}
  nav{left:10px;top:110px;width:92%}
    nav .nav_resp{background:#004979}
  #mainbanner li div{text-align:center;font-size:10px}
  #mainbanner .actions div a img{display:block;margin:0px 20px}
    #mainbanner .actions div a h3{margin-top:100px}
  .gallery{margin-bottom:30px;padding:0px 20px}
    div.sigplus-gallery > ul{margin-left:30px!important}
      div.sigplus-gallery ul > li{width:125px!important}
  .res_gallery_list{display:none}
  
  img.right,img.left{padding:10px 0px;float:none}
  
  table td{width:100%!important;display:block;clear:both}
}
@media screen and (max-width:400px){
  .gallery li{width:42%}
}