/*
Theme Name: Big Fish Roofing
Theme URI: 
Description: 
Version: 1.0
Author: Media Mix Marketing | Deborah J Fisher
Author URI: http://www.mediamixmarketingsolutions.com  http://www.deborahjfisher.com/
*/
@charset "utf-8";
/* CSS Document */

img.left, img.alignleft{
	float:left;
	padding-right:10px;
}
img.right, img.alignright{
	float:right;
	padding-left:10px;
}
img.center, img.aligncenter{
	display:block;
	margin:0 auto;
}
.clear{
	clear:both;
}
a img, img a{
	border:none;
}
.tcenter{
text-align:center;
}
body{
	margin:0;
	padding:0;
	background:url(images/bodybg.jpg) 0 195px repeat-x #00040D;
}
#wrapper{
	width:960px;
	margin:0 auto;
	background:none;
	overflow:visible;
}
#header{
	width:100%;
	background:url(images/headerbg.jpg) repeat-x;
}
#header-holder{
	width:960px;
	margin:0 auto;
}
#logo{
	float:left;
	width:326px;
}
#phone{
	float:right;
	width:506px;
	text-align:right;
}
.ph-lg{
	font: bold 20pt Arial, Helvetica, sans-serif;
	color:#d7df21;
	padding:10px 0 0 0;
	margin:0;
}
.ph-sm{
	font:10pt Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0;
	margin:0;
}
#social{
	width:200px;
	padding:5px 0;
	text-align:right;
	float:right;
}
/*============================navigation=========================*/
#nav{
	width:100%;
	height:40px;
	background:url(images/navbg.jpg) repeat-x;
	position:relative;
	z-index:100;
}
#nav-holder{
	width:960px;
	height:40px;
	margin:0 auto;
}
#mainnav{
	list-style:none;
	float:left;
	height:40px; /*change*/
	width:960px; /*change*/
	margin:0 auto;
	padding:0;
}
#mainnav li{
	float:left;
	display:block;
	position:relative; /*this is important to position the dropdown correctly*/
	padding:7px 20px 8px 20px; /*change*/
	background:url(images/navdiv.png) top right no-repeat;
}
#mainnav li.nodiv{
	background:none;
}
#mainnav li:hover{ /*for hover bg*/
}
#mainnav li:hover .dd{
	 left:-1px;
	 top:37px; /*change to match height of navigation bar minus a few pixels for proper hover behavior*/
}
#mainnav li:hover a{
	color:#fcb040; /*change*/
}
#mainnav li a{
	display:block;
	font: 14pt 'steelfish_rgregular',sans-serif; /*change*/
	letter-spacing:2px;
	text-transform:uppercase;
	color:#fff; /*change*/
	text-decoration:none;
	text-shadow:0 3px 3px #000000;
}
.drop-indicator{
	background:url(http://www.bigfishroofing.com/wp/wp-content/themes/Big%20Fish%20Roofing/images/down-arrow.png) no-repeat 100px center;
}
.dd{
	position:absolute;
	left:-999em;
}
.dd{ /*dropdown style*/
	width:150px;
	padding:10px;
	background:#fcb040;
	background:-moz-linear-gradient(top, #fcb040, #d7df21);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcb040), to(#d7df21));
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	-moz-border-radius: 0px 0px 5px 5px;
	-o-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
#mainnav li .dd a{
	font:12pt/22pt 'steelfish_rgregular',sans-serif; /*change*/
	color:#03123c; /*change*/
	text-decoration:none;
	text-shadow:none;
}
#mainnav li .dd a:hover{
	color:#fff; /*change*/
	text-shadow:0 3px 3px #000000;
}
/*=========================end navigation=============================*/
#banner{
	width:700px;
	float:left;
}
#slider{
	height:340px;  /*edit to fit banner area*/
	overflow:hidden; /*hides additional images on page load*/
	position:relative;
	z-index:0; /*for drop-down navs: set position:relative (or absolute) on nav with z-index >0*/
}
#slider a{ /*fix for IE and Opera*/
display:block;
}
#quickform{
	width:260px;
	height:340px;
	float:right;
	background:#fcb040;
}
#quickform h1{
	font:italic 18pt/18pt "Times New Roman", Times, serif;
	color:#fff;
	text-align:center;
	margin:0;
	padding:5px;
}
#calls{
	width:940px;
	height:356px;
	background:url(images/callsbg.png) repeat;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.call{
	width:306px;
	height:356px;
	background:url(images/callbg.png) top repeat-x #006AAE;
}
.call h1{
	background:url(images/callh1bg.jpg) center top no-repeat;
	height:43px;
	color:#fff;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	font:14pt/34pt 'myanmar_sangam_mnregular',sans-serif;
	font-variant:small-caps;
	letter-spacing:1px;
	text-align:center;
}
.call h2{
	color:#d7df21;
	font-size:24pt;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	font-weight:normal;
}
.call h3{
	font-size:14pt;
	color:#fff;
	text-align:center;
	margin:10px 0;
	padding:0;
	font-weight:normal;
}
.call p{
	color:#fff;
	font:10pt Arial, Helvetica, sans-serif;
	text-align:center;
	margin:10px 0;
	padding:0 5px;
}
.callmarg{
	margin-right:10px;
}
.callnomarg{
	margin:0;
}
.callleft{
	float:left;
}
.callright{
	float:right;
}
#main{
}
#content{
	padding:20px;
	width:594px;
	float:left;
}
h1, .widgettitle{
	color:#fca839;
	font:16pt Arial, Helvetica, sans-serif;
}
h2, h3#comments{
	color:#d7df21;
	font:12pt Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
h3#respond{
	color:#fca839;
	font:12pt Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
p, table, #content ul{
	color:#fff;
	font:11pt Arial, Helvetica, sans-serif;
}
#content ul li{
	margin:5px 0;
}
#content a{
	color:#D7DF21;
	text-decoration:none;
}
#content a:hover{
	color:#fff;
}
#main ul li a{
	color:#D7DF21;
	text-decoration:none;
}
#main ul li a:hover{
	color:#fff;
}
#sidebar ul{
	color:#d7df21;
	font:12pt Arial, Helvetica, sans-serif;
}
#sidebar ul li{
	margin:5px 0;
}
#sidebar{
	width:306px;
	padding:10px;
	float:right;
}
.sb-sec{
	width:300px;
	margin:0 auto;
}
#sidebar div.left{
	float:left;
}
#sidebar div.right{
	float:right;
}
#footer{
	width:100%;
	min-height:100px;
	background:url(images/footerbg.png) top repeat-x #00caf5;
	color:#fff;
	font:9pt Arial, Helvetica, sans-serif;
}
#footer a{
	text-decoration:none;
	color:#fff;
	font:9pt Arial, Helvetica, sans-serif;
}
#footer a:hover{
	color:#fca839;
}
#footer-holder{
	width:960px;
	margin:0 auto;
}
#footer-left{
	width:700px;
	float:left;
}
#footer-right{
	width:260px;
	float:right;
	text-align:center;
	padding:10px 0;
}
#footer ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer ul li{
	float:left;
	padding:10px;
}
#footer .mm{
	color:#fff;
	font:7pt Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	padding:0;
}
#footer .mm a{
	color:#D7DF21;
	font:7pt Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#footer .mm a:hover{
	text-decoration:underline;
}

/*==================================fonts===============================*/
@font-face {
    font-family: 'steelfish_rgbold';
    src: url('fonts/steelfish_bd-webfont.eot');
    src: url('fonts/steelfish_bd-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/steelfish_bd-webfont.woff') format('woff'),
         url('fonts/steelfish_bd-webfont.ttf') format('truetype'),
         url('fonts/steelfish_bd-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'steelfish_rgregular';
    src: url('fonts/steelfish_rg-webfont.eot');
    src: url('fonts/steelfish_rg-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/steelfish_rg-webfont.woff') format('woff'),
         url('fonts/steelfish_rg-webfont.ttf') format('truetype'),
         url('fonts/steelfish_rg-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'angryblueregular';
    src: url('fonts/angryblu-webfont.eot');
    src: url('fonts/angryblu-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/angryblu-webfont.woff') format('woff'),
         url('fonts/angryblu-webfont.ttf') format('truetype'),
         url('fonts/angryblu-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myanmar_sangam_mnregular';
    src: url('fonts/myanmar_sangam_mn-webfont.eot');
    src: url('fonts/myanmar_sangam_mn-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/myanmar_sangam_mn-webfont.woff') format('woff'),
         url('http://www.bigfishroofing.com/wp/wp-content/themes/Big%20Fish%20Roofing/fonts/myanmar_sangam_mn-webfont') format('truetype'),
         url('http://www.bigfishroofing.com/wp/wp-content/themes/Big%20Fish%20Roofing/fonts/myanmar_sangam_mn-webfont#yanmar_sangam_mnregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*=================================WP styles===========================*/
.customcontactform h4{display:none;}
form.customcontactform{padding:10px 20px;}
form.customcontactform label{display:block;color:#fff;font:normal 10pt Arial, Helvetica, sans-serif;}
form.customcontactform input{width:200px;padding:5px;}

.ufo-form{font:normal 10pt Arial, Helvetica, sans-serif;color:#fff;}
#ufo-form-id-3{width:240px !important;margin:0 auto;}
#quickform div.ufo-form span.ufo-cell-center label, #quickform div.ufo-customform-row{margin:0 !important;padding:0 !important;}
.qf-submit, .fe-submit{background:url(images/submitbtn.png) no-repeat;width:216px;height:45px;border:none;cursor:pointer;text-indent:-9999px;overflow:hidden;display:block;margin:10px auto;}
#quickform div.ufo-form-submit-success, div.ufo-form-submit-failure{width:100px !important;margin:20px auto !important;color:#000 !important;}
.commentlist{list-style:none;margin:0;padding:0;color:#fff;}
.gallery-caption{color:#fff;font:8pt Arial,Helvetica,sans-serif;text-transform:uppercase;}
/*=============================*/
.dropcap{float: left; color:#FCA839; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Impact,sans-serif;}
.inlinebtn{display:block;width:40%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin:10px auto;padding:5px;background:#D7DF25;color:#051F6A;text-transform:uppercase;font:bold 14pt arial,helvetica,sans-serif;text-align:center;border:1px solid #fff;}
#sidebar a{text-decoration:none;}
#sidebar .inlinebtn{width:100%;}
.inlinebtn:hover{background:#F2F926;}