/*



Theme Name: Oceannic



Theme URI: http://www.perth-web-design.com.au/



Description: A theme by <a href="http://www.perth-web-design.com.au/">PerthWebDesign</a>.



Version: 1



Author: PerthWebDesign



Author URI: http://www.perth-web-design.com.au/







*/







html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, em, font, img, ins, kbd, q, s, samp,



small, strike, strong, sub, sup, tt, var,



b, u, i, center,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td {



  font-family: arial, sans-serif;



  }

body {

font:"Trebuchet MS", Tahoma, Arial;



  font-size:14px;





  color: #424242;



  /*background:url(assets/images/bg.jpg) ;

  background-repeat:no-repeat;

  background-color:#88caf9;

  background-position:center;

  background-position:top;*/



  margin: 0px;



  padding: 0px 0px 0px;



  height:100% auto;

}



a {

  color: #424242;

  text-decoration: none;

}

a:visited {

  color: #CC6633;

  text-decoration: none;

}

a:hover {

  color: #424242;

  text-decoration: underline;

}

img{ border:0px; }

#page{

width:1010px;

height:auto;

margin:0 auto;



}

div.bg{

  background:url(assets/images/bg1.png);

padding:10px 10px 20px 10px;

margin-bottom:100px;

  }





#header{

  background:url(assets/images/bghead.png);

  background-repeat:no-repeat;

  background-position:bottom;

  width:940px;

  height:190px;

  position:relative;

  margin:0 auto;

  padding:0 0px 0 40px;

  }

  

#headerimg{

  float:left;

  margin:15px 0 10px 0;

  } 

  



.bg_gallery{/*-webkit-border-bottom-left-radius: 15px;

-webkit-border-bottom-right-radius: 20px;*/

background:url(assets/images/slide-bg.png) #FFF no-repeat;

margin:0 auto;

width:980px; height:410px;

text-align:center;

}



.button_bg{

margin:0 auto;

width:980px;;

height:15px;

}

#contactnumber{ float:right;}

#nav {

  list-style: none;

  margin: 0px;

  position: absolute;

  right: 10px;

  bottom: 25px;

  font-size:16px;

  font-weight:bold;

  color:#4a4a49;

  margin-right:30px;

  /*margin-top:30px;*/

}

#nav ul {

  list-style: none;

}

#nav li {

  float: left;

  margin-left: 5px;

}

#nav a {

  color: #4a4a49;

  text-decoration: none;

  padding: 45px 10px;

  display: block;

}

#nav a:visited {

  color: #4a4a49;

  text-decoration: none;

}

#nav a:hover {

  
   background: url(assets/images/home-nav.png) no-repeat center transparent;

    display: block; color: #004a6c;

}



h2 {

  color: #424242;

  margin: 0px 0px 35px 0px;

  border-bottom: 1px solid #CCCCCC;

  letter-spacing: -1px;

  font-size:27px;

  font-family:"Times New Roman", Times, serif;

  padding-bottom: 15px;

  font-weight:normal;

}

h2 a, h2 a:visited {

  color: #59770e;

  text-decoration: none;

}

h2 a:hover {

  color: #FF6600;

  text-decoration: none;

}

h3 {

  font-size:18px;

  color: #424242;

  margin: 10px 0px 5px;

  font-weight:normal;

  border-bottom: 1px solid #CCCCCC;

  padding-bottom: 15px;

}

.float_left{float:left;}

.float_right{float:right}

.clear{clear:both;}



#space{height:20px;}



#content{

  width:880px;

  padding:20px 40px 20px 60px;

  background-color:#FFFFFF;

  margin:0 auto;

}



.post{width:480px; 

float:left; 

padding:0 10px 0 10px; 

background-color:#FFFFFF; 

line-height:1.7em;

}



.post ul{ list-style: none;  list-style-image:url(assets/images/bullet.png); color:#737373;}

.post li{

padding-left:5px;



}

#post-14 p{ left:0px;}

#sidebar{ 

  width:358px;

  float:right;

  }

#sidebar a, #sidebar a:visited {

  color: #949494;

  text-decoration: none;

  font-size:12px;

}

#sidebar a:hover {

  color: #FF6600;

  text-decoration: none;

  font-size:12px;

} 

  

.bg_sidebar{

   background-color:#f1f1f1;

   padding:15px 5px 5px 5px;

  -webkit-border-bottom-left-radius: 5px;

  -webkit-border-bottom-top-radius: 5px;

  -webkit-border-bottom-button-radius: 5px;

  -webkit-border-bottom-right-radius: 5px;

  padding-left:10px;

}

.bg_sidebar p{margin:0; padding:0;}

.center{width:294px; margin:0 auto;}



.font-gary{color:#747474;}



#footer{/*background-color:#e9e9e9; width:980px; margin:0 auto; color:#a4a4a4; font-size:14px; height:19px; position:relative;*/

    background-color: #E9E9E9;
    color: #A4A4A4;
    font-size: 14px;
    height: 25px;
    margin: -15px auto 0;
    position: relative;
    width: 980px;

}

#footer .left{float:left; padding-left:80px; }

#footer .right{float:right; margin-right:10px;  }
margin-right: 10px;
}


#left_menu{

  float:left; 

  padding-left:42px;

  list-style: none;

  margin: 0px;

  bottom: 0px;

  position:absolute;

  font-size:12px;

  color:#a4a4a4;

  margin-right:30px;

  } 

  

#left_menu ul {

  list-style: none;

}

#left_menu li {

  float: left;

  margin-left: 8px;

}

#left_menu a {

  color: #a4a4a4;

  text-decoration: none;

  display: block;

}

#left_menu a:visited {

  color: #a4a4a4;

  text-decoration: none;

}

#left_menu a:hover {

  color: #004a6c;

}



.menu-item-18 a {

    border: 0 none;

    display: block;

  font-size:16px;

  font-weight:bold;

    height: 52px; padding-top:11px;

    outline: medium none; color: #4a4a49;

    width: 128px; text-decoration: none;

}

.menu-item-18 a:hover, .menu-item-18.current_page_item {

    background: url(assets/images/contact-nav.png) no-repeat center transparent;

    display: block; color: #004a6c;

}

.menu-item-19 a {

    border: 0 none;

    display: block;

    height: 52px;

  font-size:16px;

  font-weight:bold; padding-top:11px;

    outline: medium none;

    width: 138px; color: #4a4a49; text-decoration: none;

}

.menu-item-19 a:hover, .menu-item-19.current_page_item {

    background: url(assets/images/our-services-nav.png) no-repeat center transparent;

    display: block; color: #004a6c;

}

.menu-item-20 a {

    border: 0 none;

    display: block;

    height: 52px;

  font-size:16px; padding-top:11px;

  font-weight:bold;

    outline: medium none;

    width: 86px; color: #4a4a49; text-decoration: none;

}

.menu-item-20 a:hover, .menu-item-20.current_page_item {

    background: url(assets/images/profile-nav.png) no-repeat center transparent;

    display: block; color: #004a6c;

}



#phonenumber{ 

width:436px; 

height:56px; 



background-image:url(assets/images/number.png) ;

background-repeat:no-repeat;

padding:20px 50px 25px 50px;

 }

 

.font_head_name{color:#4d4c4c; font-size:18px; text-shadow: -1px 1px #e9e9e9; margin-right:3px;  }

.font_head_number{color:#4d4c4c; font-size:24px; font-weight:bold; text-shadow: 1px 1px #e9e9e9 }

.margin_right{margin-right:40px;}



.inputboxtext input{ background-color:#dadada; width:251px; border:0px; padding:10px 10px 10px 15px; color:#666666;

  -moz-border-radius: 3px; margin-top:7px;

border-radius: 3px;}

.inputboxtext textarea{ background-color:#dadada; width:440px; height:130px; border:0px; padding:10px 10px 10px 15px; color:#666666;

  -moz-border-radius: 3px; margin-top:7px; font-family:Arial, Helvetica, sans-serif; font-size:13px;

border-radius: 3px;}

.gfield_label{ display:none; margin-top:-7px;}

.gform_body ul li{ position:relative; display: block; left:-45px; margin-bottom:7px;}

.gform_body{ padding-top:2px; height:290px;}

.validation_message{ color:#FF0000;}

.gform_button{ background:url(assets/images/btn_contact.png) no-repeat; width:92px; height:35px; border:0px; text-align:center; cursor:pointer; color:#FFF;

font-size:16px;

}



/* The slices in the Slider



-------------------------------*/



  /* banner */



#highlight {

  width:882px;

  padding:15px 0 0 48px;

  

  position:relative;



  z-index:0; float:left;

}



#highlight_sub {

  width:882px;

  padding:15px 0 0 48px;

  

  position:relative;



  z-index:0; float:left;

}



*+html #highlight { width:882px;

  padding:30px 0 0 48px\9;



  position:relative;



  z-index:0; float:left;

}



.slides_container {

  width:882px;

  overflow: hidden;

  position:relative; float:left; 

  display: block; text-align:left;

  

}

.slides_container a { 

  

  display:block; text-align:left;

}

.slides_container a img {

  display: block; border:0px; width:882px;



}

.slide_content{ position:absolute; z-index:600; }

.slide_excerpt{ position:absolute; z-index:1000; padding:80px 0 0 400px; display:block;}

ul.main_pagination {

  list-style:none;

  margin:0;

  padding:0;

  width:115px;

  height:12px;

  position:absolute;

  left:840px;

  top:360px;

  z-index:500; text-align:left;

}

ul.main_pagination li {

  display:block;

  float:left; text-align:left;

}

ul.main_pagination li a {

  background: url(../oceannic/assets/images/pagination_corrent.png) no-repeat;

  

  width:13px;

  height:13px;

  display:block;

  float:left;

  margin-right:4px; text-align:left;

}

.main_pagination li.current a {

  background: url(../oceannic/assets/images/pagination.png) no-repeat;

}



.top_line {

  display:block;

  width:980px;

  height:18px;

  background: url(../img/background/top_line.png) top no-repeat;

  position:absolute;

  top: -5px;

  z-index:900;

}



.down_line {

  display:block;

  width:980px;

  height:18px;

  background: url(../img/background/down_line.png) top no-repeat;

  position:absolute;

  z-index:900;

  top: 278px;

}



/*-------------------------------*/

/*///////////////////////*/

#slidercontainer {

    position: relative; background:#ffffff;

    width: 980px; margin:0 0 0 5px;

    z-index: 1;

}



#sliderarea {

    width: 882px; padding:17px 0 0 45px;

    height: 308px;
    overflow:hidden;

    z-index: 2; border:0px;

}
#sliderarea img {width:100%;height:auto;}

*+html #sliderarea { 

    width: 882px; padding:30px 0 0 45px\9;

    height: 295px;

    z-index: 2; border:0px;

}

#slidercontainer .bx-window {

    position: relative;

    height: 325px;

    width: 882px;

    z-index: 3;

}



#slider, #slider li {

    position: relative;

    height: 275px;

    width: 882px;

}



#slider p {

  margin: 0px !important;

}



#sliderarea img {

 border:0px;



}

/*--------------slide-----------------*/

.border_img{

background:url(assets/images/border-img.jpg) no-repeat;

width:326px;

height:178px;

padding:8px 0px 8px 8px;

}



.border_img p{margin:0px; padding:0px;}

/*-------------------------------*/

/* Primary Navigation*/

#primary_navigation {
  top:8px; right:50px;
    position: relative;
    width: 550px;
    height: 50px; text-transform:uppercase;
    z-index: 7;
}
/* ie 7*/
*+html #primary_navigation {
  top:20px; right:50px;
    position: relative;
    width: 550px;
    height: 50px; text-transform:uppercase;
    z-index: 7;
}

/*/////////////////////////////////////////////////////////////////////////////
    Navigation
/////////////////////////////////////////////////////////////////////////////*/

#primary_navigation ul { font-family: Arial, sans-serif, Helvetica;
    float: right;
}

#primary_navigation li {
    position: relative;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    text-align: left;
    list-style: none;
  
}

#primary_navigation li a {
    padding: 10px 10px;
    display: block;
    font-weight: bold;
    font-size: 16px;
    line-height: 15px;
    height: 15px;
    color: #4a4a49;
    text-decoration:none;
}
#primary_navigation a:hover {
    color:#004160; background:#e3e3e3;
  -moz-border-radius: 8px;
    -webkit-border-radius:  8px;
    border-radius: 8px;
}
#primary_navigation li:hover{
  color:#004160; background: url(assets/images/nav-arrow8.png) bottom center no-repeat;
  height:55px;
}
#primary_navigation li.current_page_item a{
  color:#004160; background:#e3e3e3 !important; display:block; padding: 10px 10px;
  -moz-border-radius: 8px;
    -webkit-border-radius:  8px;
    border-radius: 8px;
}
#primary_navigation li.current_page_item{
    color:#004160; background: url(assets/images/nav-arrow8.png) bottom center no-repeat;
  height:55px;
}



/*--second level------------------------------------------*/

#primary_navigation :hover > a, #primary_navigation ul ul :hover > a {
    color:#004160;
}

#primary_navigation ul ul :hover > a, #primary_navigation ul ul ul :hover > a {
    color:#2a2a2a !important;
}

#primary_navigation ul li ul.children {
    position: absolute;
  margin-top:20px;
    width: 184px;
    min-height: 0px;
    left: -20px;
    visibility: hidden;
}


 

#primary_navigation ul ul li a {
    background: #adadad;
  color:#666666 !important;
    margin: 0px;
    border-bottom: 1px #777 solid !important;
}

#primary_navigation ul ul li:last-child {
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
  display:block;
  border-bottom:0px !important;
}
/*#primary_navigation ul li ul li:last-child {
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    border: 0px;
  background: none !important;
  height:30px !important;
}*/

#primary_navigation ul ul li a {
    width: 170px;
    padding: 7px 4px 7px 10px;
    border-bottom: 0px;
    color: #4a4a49 !important;
    font-size: 14px;
    line-height: 14px;
}

#primary_navigation ul li ul.children li:hover{
    color: #2a2a2a;
  background: none !important;
  height:30px !important;
}
#primary_navigation ul li ul.children li a:hover{
    color: #2a2a2a;
  background: none !important;
  background: #676767 !important;
  -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  
}
#primary_navigation ul ul .current_page_item a {
    color: #2a2a2a;
}

#primary_navigation ul ul .current_page_item ul li a {
    color: #4a4a49 !important;
}

#primary_navigation ul ul .current_page_item a:hover {
    color: #2a2a2a;
}

/*--third level-------------------------------------------*/
#primary_navigation ul ul ul {
    width: 184px;
    top: -20px !important;
    left: 140px !important;
    min-height: 0px;
}

#primary_navigation ul ul ul li:first-child {
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

#primary_navigation ul ul ul li:last-child {
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

#primary_navigation ul ul ul li:only-child {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 0px;
} 

/*--show second level on first level hover----------------*/
#primary_navigation ul li:hover ul, #primary_navigation ul a:hover ul {
    visibility: visible;
}

/*--hide third level on second level hover----------------*/
#primary_navigation ul :hover ul ul {
    visibility: hidden;
}

/*--show third level on second level hover----------------*/
#primary_navigation ul :hover ul :hover ul {
    visibility: visible;
}
/*-----------------------------------------------------------------------*/




.gform_body ul il { display:block;}



.shadow img{

box-shadow: 0px 0px 6px #000;

  border:#FFFFFF solid 5px;

  

}

.shadow{ margin-left:5px;}



.padding_top{padding-top:30px; background-color:#FFFFFF; width:980px; margin:0 auto;}

.padding_top_right{padding-top:30px;}

.slidebar-cen img{}