/*
Theme Name: Fishy Business
Description: Fishy Business
Version: 1.0
Author: Bkstudios
Author URI: http://www.bkstudios.com.au
*/

@charset "utf-8";

html { padding:0px; margin:0px; color:#FFF; background-color:#000;}
body { 	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:0px;
	background-color:#000;
}

#main_container{background: url(images/bg-about.jpg) no-repeat center center #000000; background-size:100% 100%; min-height:600px; width:1260px; margin-left:auto; margin-right:auto;}
.container{width:945px;}

h1{color:#FFF; padding:5px 0;font-size:3em;}
h2{ color:#FFF; padding:0px; font-family: 'Oswald', sans-serif; margin-left:0px;}

p{ margin-bottom:2px; margin:5px 0; color:#FFF;}

input[type=text]{ border:none; color:#646160; background-color:#2b2726; border-radius:0px;	}
input[type=email]{ border:none; color:#646160;	background-color:#2b2726; border-radius:0px; }
input[type=submit]{border:none; color:#646160; background-color:#2b2726; height:25px; border-radius:0px;}

textarea{color:#646160; background-color:#2b2726; border:none; width:100%;}

input[type=text].search{ background-color:#b1b1b1; border:none; height:25px; color:#FFF;border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; font-family: 'Oswald', sans-serif; font-weight:lighter;font-size:1.3em;}

div.blog ul{padding:10px; margin:10px 0;}	
div.blog ul > li{text-decoration:none; color:#FFF; margin-left:25px;}	
div.blog ul > li > a{text-decoration:none; color:#FFF;}	
div.blog ul > li > a.active{text-decoration:none; color:#FFF;}	

.nav{
	font-family: 'Oswald', sans-serif;
	font-size:11px;
	font-weight:normal;
	list-style:none;
	margin-left:0px;
}
.nav li{
	float:left;	
	height:80px;
	width:105px;
	text-align:center;
	padding-right:3px;	
	margin-right:10px;	
	color:#FFF;
	font-size:14px;
	background: rgb(0, 0, 0); background:rgba(0, 0, 0, 0.80);	
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.90);
	cursor:pointer;
}
	
.nav li:last-child{
	margin-right:0px;
	}
	
.nav a{
    text-align:center;
    display: inline-block;
    vertical-align: -55px;  
    line-height: 80px;
	font-weight:normal;
	color:#FFF;
}
.nav a:hover{
	color:#fff;
	text-decoration:underline;	
}

.nav a.active{
	color:#ff8700;
}

div.nice-border{ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.90); }
div.side-heading,div.right-heading{ height:80px; }

div.heading{ margin-top:10px;}
div.main-body{ background:#000; min-height:100px;}
div.footer{ background-color:#000; height:55px}

.footer .address{font-family: 'Oswald', sans-serif; font-weight:lighter; color:#FFF; text-align:right;}

div.overlay{background: rgb(0, 0, 0); background:rgba(0, 0, 0, 0.80); }

div.container_heading{height:60px; border:none; background: rgb(0, 0, 0); background:rgba(20, 17, 10, 0.5); margin-top:-60px;}
div.container_content{ border:none; color:#b9a976; width:1260px;}
div.container_footer{height:100px;}

.mainwrapper {
  font: 10pt normal Arial, sans-serif;
  height: auto;
  margin: 10px auto 0 auto;
  text-align: center;
}

img.bordered{
    border: 5px solid #fff;	
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;	
}
.mainwrapper .box {
    border: 5px solid #fff;
    cursor: pointer;
    height: 182px;
    float: left;
    margin: 5px;
    position: relative;
    overflow: hidden;
    width: 93%;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;	
}

.mainwrapper .box img {
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.mainwrapper .box .caption {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;	
}

.mainwrapper .box .simple-caption {
    height: 30px;
    width: 100%;
    display: block;
    bottom: -30px;
    line-height: 25pt;
    text-align: center;
}

.mainwrapper .box:hover .simple-caption {
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}



/*responsive*/
@media only screen and (min-width: 1024px) and (max-width:1100px) 
{
#main_container{width: 100% !important;  min-height: 500px !important;}
.container {width: 95% !important;}
div.container_content{width: 95% !important;}
div.main-body{height: 300px !important;}
/*contact_us*/
.your-message textarea{width: 96% !important;}
/*gallary*/
.mainwrapper .box{ height: 162px !important;}
.ngg-gallery-thumbnail-box { margin-right: 4px;}

}
@media only screen and (min-width: 800px) and (max-width: 1023px)
{

#main_container{width: 100% !important; min-height: 454px !important;}
.container {width: 95% !important;}
div.container_content{width: 95% !important;}
div.main-body{height: 300px !important;}
/*contact_us*/
.your-message textarea{width: 96% !important;}
/*gallary*/
.mainwrapper .box{height: 127px !important;}
.ngg-gallery-thumbnail-box { margin-right: 4px;}
.ngg-gallery-thumbnail img{width: 108px;}
/*menu*/
.nav li{height: 66px; margin-right: 8px; width: 81px;}
.nav a{line-height: 45px; vertical-align: -38px;}
#nav-container {margin: 6px auto !important;}
/*footer*/
.row-fluid .offset3 {margin-left: 18.66% !important; width: 66% !important;}
/*font-size*/
h1{font-size: 35px;}
h5 {font-size: 14px; margin: 5px 0;}

}
@media only screen and (min-width: 768px) and (max-width: 799px)
{
#main_container{width: 100% !important; min-height: 454px !important;}
.container {width: 95% !important;}
div.container_content{width: 95% !important;}
div.main-body{height: 300px !important;}
/*contact_us*/
.your-message textarea{width: 96% !important;}
/*gallary*/
.mainwrapper .box{height: 122px !important;}
.ngg-gallery-thumbnail-box { margin-right: 4px;}
.ngg-gallery-thumbnail img{ width: 103px;}
/*menu*/
.nav li{height: 66px; margin-right: 8px; width: 81px;}
.nav a{line-height: 45px; vertical-align: -38px;}
#nav-container {margin: 6px auto !important;}
/*footer*/
.row-fluid .offset3 {margin-left: 18.66% !important; width: 66% !important;}
/*font-size*/
h1{font-size: 35px;}


}
@media only screen and (min-width: 737px) and (max-width: 767px)
{

#main_container{width: 100% !important;  min-height: 430px !important;}
.container {width: 95% !important;}
div.container_content{width: 95% !important;}
div.main-body{height: 300px !important;}
/*contact_us*/
.your-message textarea{width: 96% !important;}
/*gallary*/
.mainwrapper .box{height: 117px !important;}
.ngg-gallery-thumbnail-box { margin-right: 3px;}
.ngg-gallery-thumbnail img{ width: 100px;}
/*menu*/
.nav li{height: 66px; margin-right: 6px; width: 78px;}
.nav a{line-height: 45px; vertical-align: -38px;}
#nav-container {margin: 6px auto !important;}
/*footer*/
.row-fluid .offset3 {margin-left: 18.66% !important; width: 66% !important;}
/*font-size*/
h1{font-size: 32px;}   

}

/*-----------Mobile -------------------*/
@media only screen and (min-width: 671px) and (max-width: 736px)
{

#main_container{width: 100% !important; min-height: 332px !important;}
.container {width: 95% !important;}
div.container_content{width: 90% !important;}
div.main-body{height: 300px !important;}
.row-fluid .span10 {width: 100% !important;}
/*contact_us*/
.your-message textarea{width: 96% !important;}
.row-fluid .span7 { float: none !important;  width: 100% !important;}
.row-fluid .span5 {float: none !important; margin: 0 auto !important; width: 100% !important;}
/*gallary*/
.mainwrapper .box{ height: 166px !important;}
.ngg-gallery-thumbnail-box {margin-right: 3px; width: 24.5%;}
.ngg-gallery-thumbnail img{ width: 100% !important;}
.row-fluid .span4 {margin: 0 auto !important; width: 50% !important;}
.mainwrapper .box .simple-caption {bottom: -40px; height: 40px;}
.ngg-gallery-thumbnail{width: 90% !important;}

/*menu*/
#nav-container { display: block !important; margin: 0 auto !important;  position: relative !important;  top: -220px !important; z-index: 9999 !important;}
.nav li{float: none !important; height: auto !important; margin-right: 0 !important; padding-right: 0 !important;  width: 100% !important;}
.nav a{border-bottom: 1px solid !important; display: block !important; line-height: 40px !important; width: 100% !important;}
.toggleMenu{background: #f7941e url("images/toggle.png") no-repeat scroll right center !important;  color: #ffffff !important; padding: 10px !important; 
	text-align: center !important; width: 97% !important; font-size: 18px !important;}
.nav a:hover {color: #f7941e !important; text-decoration: none !important;}
a:hover, a:focus {text-decoration: none !important;}

/*footer*/
.row-fluid .offset3 { margin: 0 auto !important; width: 100% !important;}
.footer .address{ margin: 10px auto !important; text-align: center !important;}
.footer .span2 {float: none !important; margin: 0 auto !important; width: 13%;}
/*font-size*/
h1{ font-size: 28px;}   
/**/
#main_container {margin-top: 220px !important;}
.row-fluid.overlay {position: relative !important; top: -220px !important;}

}
@media only screen and (min-width: 570px) and (max-width: 670px)
{

#main_container{width: 100% !important;  min-height: 290px !important;}
.container {width: 95% !important;}
div.container_content{width: 90% !important;}
div.main-body{height: 300px !important;}
.row-fluid .span10 {width: 100% !important;}
/*contact_us*/
.your-message textarea{width: 96% !important;}
.row-fluid .span7 { float: none !important;  width: 100% !important;}
.row-fluid .span5 {float: none !important; margin: 0 auto !important; width: 100% !important;}
/*gallary*/
.mainwrapper .box{height: 153px !important;}
.ngg-gallery-thumbnail-box {margin-right: 3px; width: 24.4%;}
.ngg-gallery-thumbnail img{width: 94% !important;}
.row-fluid .span4 {margin: 0 auto !important; width: 50% !important;}
.mainwrapper .box .simple-caption {bottom: -40px; height: 40px;}

/*menu*/
#nav-container { display: block !important; margin: 0 auto !important;  position: relative !important;  top: -220px !important; z-index: 9999 !important;}
.nav li{float: none !important; height: auto !important; margin-right: 0 !important; padding-right: 0 !important;  width: 100% !important;}
.nav a{border-bottom: 1px solid !important; display: block !important; line-height: 40px !important; width: 100% !important;}
.toggleMenu{background: #f7941e url("images/toggle.png") no-repeat scroll right center !important;  color: #ffffff !important; padding: 10px !important; 
	text-align: center !important; width: 96.3% !important; font-size: 18px !important;}
.nav a:hover {color: #f7941e !important; text-decoration: none !important;}
a:hover, a:focus {text-decoration: none !important;}

/*footer*/
.row-fluid .offset3 { margin: 0 auto !important; width: 100% !important;}
.footer .address{ margin: 10px auto !important; text-align: center !important;}
.footer .span2 {float: none !important; margin: 0 auto !important; width: 13%;}
/*font-size*/
h1{ font-size: 28px;}   
/**/
#main_container {margin-top: 220px !important;}
.row-fluid.overlay {position: relative !important; top: -220px !important;}


}

@media only screen and (min-width: 501px) and (max-width: 569px)
{

#main_container{width: 100% !important;  min-height: 240px !important;}
.container {width: 95% !important;}
div.container_content{width: 90% !important;}
div.main-body{height: 300px !important;}
/*contact_us*/
.your-message textarea{width: 96% !important;}
.row-fluid .span7 { float: none !important;  width: 100% !important;}
.row-fluid .span5 {float: none !important; margin: 0 auto !important; width: 100% !important;}
/*gallary*/
.mainwrapper .box{ height: 180px !important;}
.ngg-gallery-thumbnail-box {margin-right: 3px; width: 24%;}
.ngg-gallery-thumbnail img{width: 89% !important;}
.row-fluid .span4 {float: none !important; margin: 0 auto !important; width: 70% !important;}
.mainwrapper .box .simple-caption {bottom: -40px; height: 40px;}

/*menu*/
#nav-container { display: block !important; margin: 0 auto !important;  position: relative !important;  top: -220px !important;
z-index: 9999 !important;}
.nav li{float: none !important; height: auto !important; margin-right: 0 !important; padding-right: 0 !important;  width: 100% !important;}
.nav a{border-bottom: 1px solid !important; display: block !important; line-height: 40px !important; width: 100% !important;}
.toggleMenu{background: #f7941e url("images/toggle.png") no-repeat scroll right center !important;  color: #ffffff !important; padding: 10px !important; 
	text-align: center !important; width: 96.3% !important;}
.nav a:hover {color: #f7941e !important; text-decoration: none !important;}
a:hover, a:focus {text-decoration: none !important;}

/*footer*/
.row-fluid .offset3 { margin: 0 auto !important; width: 100% !important;}
.footer .address{ margin: 10px auto !important; text-align: center !important;}
.footer .span2 {float: none !important; margin: 0 auto !important; width: 13%;}
/*font-size*/
h1{ font-size: 28px;}   
/**/
#main_container {margin-top: 220px !important;}
.row-fluid.overlay {position: relative !important; top: -220px !important;}



}
@media only screen and (min-width: 476px) and (max-width: 500px)
{

#main_container{width: 100% !important; height: 200px !important;   min-height: 218px !important;}
.container {width: 95% !important;}
div.container_content{width: 90% !important;}
/*div.main-body{height: 300px !important;}*/
/*contact_us*/
.your-message textarea{width: 96% !important;}
.row-fluid .span7 { float: none !important;  width: 100% !important;}
.row-fluid .span5 {float: none !important; margin: 0 auto !important; width: 100% !important;}
/*gallary*/
/*.mainwrapper .box {float: none !important;  height: 180px !important;  margin: 5px auto !important; width: 100% !important;}*/
.ngg-gallery-thumbnail-box {margin-right: 3px; width: 32.5%;}
.ngg-gallery-thumbnail img{ width: 94% !important;}
.row-fluid .span4 {float: none !important; margin: 0 auto !important;  width: 90% !important;}
.mainwrapper .box .simple-caption {bottom: -40px; height: 40px;}

/*menu*/
#nav-container { display: block !important; margin: 0 auto !important;  position: relative !important;  top: -220px !important; width: 100% !important; 
z-index: 9999 !important;}
.nav li{float: none !important; height: auto !important; margin-right: 0 !important; padding-right: 0 !important;  width: 100% !important;}
.nav a{border-bottom: 1px solid !important; display: block !important; line-height: 40px !important; width: 100% !important;}
.toggleMenu{background: #f7941e url("images/toggle.png") no-repeat scroll right center !important; color: #ffffff !important; padding: 10px 0 !important; text-align: center !important;
    width: 100% !important;}
.nav a:hover {color: #f7941e !important; text-decoration: none !important;}
a:hover, a:focus {text-decoration: none !important;}
.nav {background: #000000 none repeat scroll 0 0 !important;}

/*footer*/
.row-fluid .offset3 { margin: 0 auto !important; width: 100% !important;}
.footer .address{ margin: 10px auto !important; text-align: center !important;}
.footer .span2 {float: none !important; margin: 0 auto !important; width: 15%;}
/*font-size*/
h1{ font-size: 28px;}   
/**/
#main_container {margin-top: 220px !important;}
.row-fluid.overlay {position: relative !important; top: -220px !important;}
.row-fluid .span10 {width: 100% !important;}
/*24-6-2015*/
.row-fluid .span12 {clear: both !important; float: none !important; position: static !important;}
.mainwrapper {margin: 27px auto 0;}
.address > div {line-height: 30px; text-align: center !important;}

}
@media only screen and (min-width: 385px) and (max-width: 475px)
{

#main_container{width: 100% !important;  height: 177px !important; min-height: inherit !important;}
.container {width: 95% !important;}
div.container_content{width: 90% !important;}
/*div.main-body{height: 300px !important;}*/
/*contact_us*/
.your-message textarea{width: 96% !important;}
.row-fluid .span7 { float: none !important;  width: 100% !important;}
.row-fluid .span5 {float: none !important; margin: 0 auto !important; width: 100% !important;}
/*gallary*/
/*.mainwrapper .box {float: none !important;  height: 180px !important;  margin: 5px auto !important; width: 100% !important;}*/
.ngg-gallery-thumbnail-box {margin-right: 3px; width: 32.5%;}
.ngg-gallery-thumbnail img{ width: 94% !important;}
.row-fluid .span4 {float: none !important; margin: 0 auto !important;  width: 90% !important;}
.mainwrapper .box .simple-caption {bottom: -40px; height: 40px;}

/*menu*/
#nav-container { display: block !important; margin: 0 auto !important;  position: relative !important;  top: -220px !important; width: 100% !important;
z-index: 9999 !important;}
.nav li{float: none !important; height: auto !important; margin-right: 0 !important; padding-right: 0 !important;  width: 100% !important;}
.nav a{border-bottom: 1px solid !important; display: block !important; line-height: 40px !important; width: 100% !important;}
.toggleMenu{background: #f7941e url("images/toggle.png") no-repeat scroll right center !important; color: #ffffff !important; padding: 10px 0 !important; text-align: center !important;
    width: 100% !important;}
.nav a:hover {color: #f7941e !important; text-decoration: none !important;}
a:hover, a:focus {text-decoration: none !important;}
.nav {background: #000000 none repeat scroll 0 0 !important;}

/*footer*/
.row-fluid .offset3 { margin: 0 auto !important; width: 100% !important;}
.footer .address{ margin: 10px auto !important; text-align: center !important;}
.footer .span2 {float: none !important; margin: 0 auto !important;  width: 18%;}
/*font-size*/
h1{ font-size: 28px;}   
/**/
#main_container {margin-top: 220px !important;}
.row-fluid.overlay {position: relative !important; top: -220px !important;}
.row-fluid .span10 {width: 100% !important;}
/*30-6-2015*/
.row-fluid .span12 {clear: both !important; float: none !important; position: static !important;}
.mainwrapper {margin: 27px auto 0;}
.address > div {line-height: 30px; text-align: center !important;}
.mainwrapper .box { height: 173px;}
.row-fluid.main-body {height: auto !important;}


}
@media only screen and (min-width: 321px) and (max-width: 384px)
{
#main_container{width: 100% !important; height: 167px !important; min-height: inherit !important;}
.container {width: 95% !important;}
div.container_content{width: 90% !important;}
/*div.main-body{height: 300px !important;}*/
/*contact_us*/
.your-message textarea{width: 96% !important;}
.row-fluid .span7 { float: none !important;  width: 100% !important;}
.row-fluid .span5 {float: none !important; margin: 0 auto !important; width: 100% !important;}
/*gallary*/
/*.mainwrapper .box {float: none !important;  height: 180px !important;  margin: 5px auto !important; width: 100% !important;}*/
.ngg-gallery-thumbnail-box { margin-right: 10px; width: auto;}
.ngg-gallery-thumbnail img{ width: 94% !important;}
.row-fluid .span4 {float: none !important; margin: 0 auto !important;  width: 90% !important;}
.mainwrapper .box .simple-caption {bottom: -40px; height: 40px;}

/*menu*/
#nav-container { display: block !important; margin: 0 auto !important;  position: relative !important;  top: -220px !important; width: 100% !important; 
	z-index: 9999 !important;}
.nav li{float: none !important; height: auto !important; margin-right: 0 !important; padding-right: 0 !important;  width: 100% !important;}
.nav a{border-bottom: 1px solid !important; display: block !important; line-height: 40px !important; width: 100% !important;}
.toggleMenu{background: #f7941e url("images/toggle.png") no-repeat scroll right center !important; color: #ffffff !important; padding: 10px 0 !important; text-align: center !important;
    width: 100% !important;}
.nav a:hover {color: #f7941e !important; text-decoration: none !important;}
a:hover, a:focus {text-decoration: none !important;}
.nav {background: #000000 none repeat scroll 0 0 !important;}

/*footer*/
.row-fluid .offset3 { margin: 0 auto !important; width: 100% !important;}
.footer .address{ margin: 10px auto !important; text-align: center !important;}
.footer .span2 {float: none !important; margin: 0 auto !important; width: 20%;}
/*font-size*/
h1{ font-size: 28px;}   
/**/
#main_container {margin-top: 220px !important;}
.row-fluid.overlay {position: relative !important; top: -220px !important;}
.row-fluid .span10 {width: 100% !important;}
/*30-6-2015*/
.row-fluid .span12 {clear: both !important; float: none !important; position: static !important;}
.mainwrapper {margin: 27px auto 0;}
.address > div {line-height: 30px; text-align: center !important;}
.mainwrapper .box {height: 150px;}
.row-fluid.main-body {height: auto !important;}

}


@media only screen and (min-width: 200px) and (max-width: 320px)
{
#main_container{width: 100% !important; height: 136px !important; min-height: inherit !important;}
.container {width: 95% !important;}
div.container_content{width: 90% !important;}
/*div.main-body{height: 300px !important;}*/
/*contact_us*/
.your-message textarea{width: 96% !important;}
.row-fluid .span7 { float: none !important;  width: 100% !important;}
.row-fluid .span5 {float: none !important; margin: 0 auto !important; width: 100% !important;}
/*gallary*/
/*.mainwrapper .box {float: none !important;  height: 180px !important;  margin: 5px auto !important; width: 100% !important;}*/
.ngg-gallery-thumbnail-box { margin-right: 10px; width: auto;}
.ngg-gallery-thumbnail img{ width: 94% !important;}
.row-fluid .span4 {float: none !important; margin: 0 auto !important;  width: 90% !important;}
.mainwrapper .box .simple-caption {bottom: -40px; height: 40px;}

/*menu*/
#nav-container { display: block !important; margin: 0 auto !important;  position: relative !important; top: -208px !important; width: 100% !important; 
	z-index: 9999 !important;}
.nav li{float: none !important; height: auto !important; margin-right: 0 !important; padding-right: 0 !important;  width: 100% !important;  font-size: 13px;}
.nav a{border-bottom: 1px solid !important; display: block !important; line-height: 40px !important; width: 100% !important;}
.toggleMenu{background: #f7941e url("images/toggle.png") no-repeat scroll right center !important; color: #ffffff !important; padding: 10px 0 !important; text-align: center !important;
    width: 100% !important;}
.nav a:hover {color: #f7941e !important; text-decoration: none !important;}
a:hover, a:focus {text-decoration: none !important;}
.nav {background: #000000 none repeat scroll 0 0 !important;}

/*footer*/
.row-fluid .offset3 { margin: 0 auto !important; width: 100% !important;}
.footer .address{ margin: 10px auto !important; text-align: center !important;}
.footer .span2 {float: none !important; margin: 0 auto !important; width: 23%;}
/*font-size*/
h1{ font-size: 28px;}   
/**/
#main_container {margin-top: 220px !important;}
.row-fluid.overlay {position: relative !important; top: -220px !important;}
.row-fluid .span10 {width: 100% !important;}
/*30-6-2015*/
.row-fluid .span12 {clear: both !important; float: none !important; position: static !important;}
.mainwrapper {margin: 27px auto 0;}
.address > div {line-height: 30px; text-align: center !important;}
.mainwrapper .box {  height: 130px;}
.row-fluid.main-body {height: auto !important;}

}