/*
Theme Name: NapFish v2
Theme URL:
Description: Wordpress theme NapFish Internet Solutions Web Site.
Version: 2
Author: Nick Fish
Author URL: http://www.napfish.ca
Tags: blue, sand, custom header, fixed width, two columns, widgets
*/
/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;list-style-type:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
/* End Reset */

body {font-family: Helvetica,Verdana,"Trebuchet MS",Arial; color:#333;  margin:0; padding:0; background-color:#F0EEE1; font-size:14px; line-height:1em }

body a { color:#004176; text-decoration:underline; font-weight: bold }
body a:visited { color: #999; text-decoration:underline; font-weight:bold}
body a:hover { color: #333; text-decoration:underline; font-weight:bold }
p { margin:8px 0}
strong {font-weight:bold}
em { font-style:italic; font-weight:bold;}
.left { float:left}
.right {float:right}
.green { color:#9DCE5B;}
.largegreen { color:#9DCE5B; font-size:1.2em; margin-bottom:20px; }
.ltblue { color:#53BFEE}
.small { font-size:0.8em; color: #666; margin-bottom:4px;}
.textctr { text-align:center}
.ctr { margin:0 auto; width:480px}
hr {border: 0; color: #F0EEE1; background-color: #F0EEE1; height: 1px; width: 100%; text-align: left; }
#fresh img {margin: 5px; padding:5px; background-color:#fff; border:1px solid #DDD; float:left}
abbr, acronym, span.abbr { cursor: help; border-bottom: 1px dashed #000;}
#wrapper { width:960px; margin:0 auto 20px auto;}
#logo { height: 60px; padding:20px 0; float:left; width:302px; } 
.logobox { height:36px; margin:20px 0 0 20px; padding:7px 10px; float:right; border:1px solid #ddd; background-color:#f7f7f7; color:#004176; font-size:1em; }
.logobox a { color:#004176; text-decoration:none}
.logobox a:hover { text-decoration:underline; color:#004176;}
.logobox img { vertical-align:top; float:left; }
.logobox p { float:left; margin:0 0 8px 8px; font-weight:600; line-height:1.3em; }

/* STart Menu */
#menu { background:#2880B9 url(images/menubg.jpg) repeat-x; padding-right:20px;  width:938px; border:1px solid #004176; color:#FFF; z-index:98; float:left; } 
.chromestyle{ width: 770px; font-weight:normal; text-transform:capitalize; float:left;}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.chromestyle ul{ width: 760px; padding: 12px 0;
text-align: left; /*set value to "left", "center", or "right"*/
font-weight:normal;}

.chromestyle ul li{ display: inline;}

.chromestyle ul li a{color: #FFF; padding:11px 10px; text-decoration: none;}
.chromestyle ul li a:visited{color: #FFF; text-decoration: none; }
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: #2CB1EB; /*THEME CHANGE HERE*/
color:#fff; text-decoration:none;}

/* Style for Drop Down Menu */
.dropmenudiv{ position:absolute; top: 0;
border: 1px solid #004176; /*THEME CHANGE HERE*/
border-bottom-width: 0; font-size:1em; line-height:1.2em; z-index:100; background-color: white; width: 200px; visibility: hidden; text-transform:capitalize;}

.dropmenudiv a, .dropmenudiv a:visited, .dropmenudiv li a, .dropmenudiv li a:visited{ width: auto; display: block;
border-bottom: 1px solid #004176; /*THEME CHANGE HERE*/
padding: 8px; text-decoration: none; background:#2880B9; color: #FFF; list-style:none; list-style-type:none; list-style-image:none; }

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover, .dropmenudiv li a:hover{ /*THEME CHANGE HERE*/
background-color: #2CB1EB; color:#FFF; text-decoration:none; list-style:none; list-style-type:none; list-style-image:none; }
/* End Menu */

/* Content SLider */
#jFlowSlide{ background:url(images/bluebg.png) no-repeat; }
.jflow-content-slider {position:relative;overflow:hidden; width:960px; height:250px; }
#myController { font-size:0.79em;  color:#FFF;  width:920px; z-index:100; position: absolute; top: 236px; left: 20px; display:none;   }
#myController span.jFlowSelected { margin-right:0px; }
.slide-wrapper { width:920px; height:210px; padding:20px; float:left; position:relative; z-index:1; }
.slide-thumbnail img {max-width:375px;padding:0; background-color:#f7f7f7; border:2px solid #ddd; float:left; }
.slide-details { float:right; width:456px;}
.slide-details .pic { position: absolute; bottom: 20px; right: 20px;  }
.quote-link { width:176px; height:41px; text-decoration:none; display:block; background-image:url(images/free-quote.jpg); background-position:0 0; position: absolute; bottom: 20px; right: 20px; }
.quote-link:hover,.quote-link:active	{ background-position:176px 0; }
.signup-link { width:176px; height:41px; text-decoration:none; display:block; background-image:url(images/signup-buttons.jpg); background-position:0 0; position: absolute; bottom: 20px; right: 20px; }
.signup-link:hover,.signup-link:active	{ background-position:176px 0; }

.slide-details p { font-size:1.36em; color:#fff; line-height:1.5em; letter-spacing:0.5px; margin-bottom:20px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:normal; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding:0 5px;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { text-decoration:underline; }
.planslide { font-size:1.57em; line-height:41px; color:#fff; font-weight:bold;  background-position:0 0; position: absolute; bottom: 20px; right: 255px;}
/* End Content Slider */

#contentwrap { width: 938px; padding:0 0 0 20px ; background:#FFF url(images/contentbg.gif) repeat-y; border-left:1px solid #ddd; border-right:1px solid #ddd; float:left;  }
#content { width:670px; float:left; padding:10px 0 20px 0; font-size:1em; line-height:1.5em}
#content h1, #content h1 a, #content h1 a:hover, #content h1 a:visited { font-size:1.5em; font-family: Geneva, Arial, Helvetica, sans-serif;color: #004176; font-weight:bold; margin:10px 0; text-transform:capitalize;text-decoration:none; }
#content h1 a:hover { text-decoration:underline}
#content h2 {font-size:1.2em; font-family: Geneva, Arial, Helvetica, sans-serif;font-weight:bold; text-transform:capitalize; }
#content h2, #content h2 a, #content h2 a:hover, #content h2 a:visited {  color:#9DCE5B;  margin:20px 0 10px 0; text-decoration:none}
#content h2 a:hover { text-decoration:underline}
#content h3 { font-size:1.1em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#333; font-weight:bold; text-transform:capitalize;margin:20px 0 10px 0}
#content h4 { font-size: 1em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#004176; font-weight:bold; text-transform:capitalize;margin:20px 0 10px 0}
<!--
table { font-weight:bold}
.style2 {color: #FFFFFF; font-size:1em; line-height:22px; padding:6px 0;}
.style2 img { margin-right: 5px;}
#fav { background:url(images/favorite.png) no-repeat;background-position: 6px 5px;}
.style3 {color: #004176; font-weight: bold;	padding: 10px 5px;	font-size:1em;}
#pad { padding-left:5px; border-left:1px solid #004176;}
.border { border:1px solid #ddd; border-top:0; border-left:0; text-align:center;}
.borderleft { border:1px solid #ddd; border-top:0;}
#space { padding-top:1px}
.signuptab-link { width:120px; height:28px; text-decoration:none; display:block; background-image:url(images/signup.jpg); background-position:0 0; margin:0 auto; }
.signuptab-link:hover,.signuptab-link:active	{ background-position:120px 0; }
-->
#banner { background:url(images/bluebg.png) no-repeat; width:920px; height:210px; padding:20px; float:left; position:relative; z-index:1;}
#banner .button { position: absolute; bottom: 20px; right: 20px;  }
#banner .rt { float:right; width:456px; }
#banner p { font-size:1.36em; color:#fff; line-height:1.5em; letter-spacing:0.5px; margin-bottom:20px; font-family: Geneva, Arial, Helvetica, sans-serif;}
#banner #banphoto { padding:5px; background-color:#f7f7f7; border:2px solid #666; float:left;}

.entry { float:left;width:670px; text-align: left;border-bottom:1px solid #F0EEE1;padding-bottom:10px; margin:20px 0;}
.entry img { float:left; padding:5px; border:1px solid #ddd; background-color:#f7f7f7; max-width:180px;}
.excerpt { width:440px; float:left; margin-left:20px;}
#content .excerpt h2 {font-size:1.2em; font-family: Geneva, Arial, Helvetica, sans-serif;font-weight:bold; text-transform:capitalize; }
#content .excerpt h2, #content  .excerpt h2 a, #content .excerpt h2 a:hover, #content .excerpt h2 a:visited {  color:#9DCE5B;  margin:0 0 10px 0; text-decoration:none}

.single-entry { float:left;	width:670px; text-align: left; margin-bottom:20px;}
.share-post { background:#E8F7FD url(images/share-post.gif) no-repeat ;background-position: 0% 50%;  width:515px; padding:10px 5px 10px 150px; border:1px solid #77CDF2; margin-bottom:20px  }
.share-post img { margin-right:10px; padding-top:4px;}
.about-post { background:#f7f7f7 url(images/about-post.gif) no-repeat ;background-position: 0% 50%;  width:515px; padding:10px 5px 10px 150px; border:1px solid #ddd; font-size:0.88em;margin-bottom:20px  }

.comcount a, .comcount a:visited{float:left;border:1px solid #DDD; padding:10px; background:#f7f7f7; color:#333; font-weight:bold;  text-align:center; text-decoration:none; float:left; }
.comcount a:hover {text-decoration:underline; color:#333}
.more-link a, .more-link a:visited {float:left;border:1px solid #77CDF2; padding:10px; background-color:#E8F7FD; color:#004176; font-weight:bold;  text-align:center; text-decoration:none; margin:0 20px 0 0; float:left }
.more-link a:hover {text-decoration:underline; color:#004176}

ol.commentlist { list-style-image: none; list-style-type:none; margin:0; padding:0;}
.commentlist li { border: 1px solid #ddd; padding:10px; margin-bottom:10px}
.alt { background-color:#f7f7f7}
#commentform #submit { background-color: #ddd; border: 1px solid #666; color:#666; text-align:center; font-weight:700; padding:5px 10px;cursor:pointer}


.navigation, .navigation a, .navigation a:visited, .navigation a:hover { font-size:1.1em; text-decoration:none;}

/* Start Portfolio Boxes */
.lbox { width:200px; float:left; border:1px solid #e7e7e7; background-color:#fff; margin:10px 10px 10px 0; padding:5px; height:150px;}
.lbox img { padding: 0;}
.lbox ul { margin:0; padding:0}
.lbox li { list-style-image:none; list-style:none; font-size:0.86em; padding:0px; margin:0;}
.lbox li b {color:#004176;}
.creativebox { width:200px; float:left; border:1px solid #ddd; background-color:#fff; margin:10px 5px 10px 0; padding:5px; height:150px;}
.boxgrid{ width: 210px;	height: 160px;	margin:10px 5px 10px 0; float:left; background:#333;color: #333; border: solid 1px #ddd; overflow: hidden; position: relative;}
.boxgrid img{ position: absolute; top: 0; left: 0; padding:5px; background-color:#fff;}
.boxgrid ul{padding: 5px 10px; color:#fff; font:12px Verdana, Arial, sans-serif;}
.boxgrid h3, #content .boxgrid h3 { font-size:16px; font-weight:bold; color:#fff; font-family:Geneva, Arial, Helvetica, sans-serif; line-height:20px; padding:0 10px; margin:5px 0 0; text-decoration:none;}
.boxgrid h3 a, boxgrid h3 a:visited { text-decoration:none; color:#fff}
.boxgrid h3 a:hover { text-decoration:underline; color:#fff}
.boxgrid a,  .boxgrid a:hover { color:#77CDF2; font-weight:bold; margin-top:15px; text-decoration:none;}
.boxgrid a:visited { color:#fff}
.boxgrid a:hover { text-decoration:underline}
				
.boxgrid ul li { margin-bottom:5px;}
.boxgrid strong { color:#F0EEE1}
.boxcaption{ float: left; position: absolute; background: #333;	height: 150px;	width: 200px;}
.port { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px;}
/* End Portfolio Boxes */
/* Search */

#search { float: right; width:158px; background:url(images/search.png) no-repeat; height:20px; margin-top:10px;}
#searchform {height: 16px;}

#s {
width: 130px;
	color:#333;
	font-size:0.88em;
	font-weight:600;
	border: 1px solid #ddd;
	background-color:#FFF;
	text-transform: lowercase;
padding: 2px 4px;
margin-left: 24px;
}
#searchsubmit {color:#FFF;border: 1px solid #DDF3A9; background-color:#9DCE5C; padding:4px; cursor:pointer;}
/* Search 2 */

#search2 { float: left; width:300px; background:url(images/search.png) no-repeat; height:20px; margin-top:10px;}
#searchform2 {
	height: 16px;
}

#s2 {
width: 266px;
	color:#333;
	font-size:1em;
	font-weight:600;
	border: 1px solid #ddd;
	background-color:#FFF;
	text-transform: lowercase;
padding: 5px;
margin-left: 24px;
}
#searchsubmit2 {background-color: #ddd; border: 1px solid #666; color:#666; text-align:center; font-weight:700; padding:5px 10px;cursor:pointer; margin-top:10px; float:right;}

/* Sidebar */
#sidebar { width:250px;  float:right; }
#sidebar h3 { background-color: #ddd; color:#666; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; padding:4px 0 4px 10px; line-height:26px; text-indent:35px;}
.wid { margin-bottom: 20px;}
.widtxt { padding:10px; margin-bottom:10px; font-size:0.88em; line-height:1.4em}
.textwidget ul li { list-style:square; list-style-type:square; list-style-position:inside;}
.textwidget ul li a { color:#333; font-weight:bold; text-decoration:none;}
.textwidget ul li a:visited { color:#333; font-weight:bold; text-decoration:underline;}
.textwidget ul li a:hover { color:#004176; font-weight:bold; text-decoration:none;}
#text-342692081 { background:url(images/services.png) no-repeat; }
#text-368858102 {background:url(images/payopt.png) no-repeat;}
#text-380122712 {background:url(images/quote.png) no-repeat;}
#random-quote { background:url(images/test.png) no-repeat;}

.form, .forminput, #commentform input { font-size:1em; width:220px;}  
.forminput, #commentform input { padding:4px 0; text-indent:5px; border:1px solid #ddd; background-color:#fff; margin-bottom:4px;}
div.wpcf7 .cbutton input { background-color: #ddd; border: 1px solid #666; color:#666; text-align:center; font-weight:700; padding:5px 10px;cursor:pointer}

.ctform, .feedback { width:400px; padding:5px; font-weight:bold; }
.feedback { padding:4px 0; text-indent:5px; border:1px solid #ddd; background-color:#fff; font-size:0.93em; font-weight:normal;}
select.feedback { padding-right:8px; text-indent:0;}
.wpcf7-list-item { float:left; display:block; clear:both}

.feature  { border: 1px solid #77CDF2; background:#E8F7FD; width: 290px; height:165px; padding:10px; margin:20px 0 }
.feature h5 { font-size:1.3em; color:#004176; margin:0 0 5px 0; font-weight:bold;}
.feature h6 { font-size:1em; margin:0 0 20px 0;font-weight:bold;}
.feature a, .feature a:visited, .feature a:hover { color:#333; text-decoration:none; font-size:1.1em}
.feature a:hover { text-decoration:underline}
.feature h7, .feature h7 a { line-height:2em; font-size:1.29em; font-weight:bold;}
#wp { background:#E8F7FD url(images/wp.gif) no-repeat; background-position: 240px 10px; float:left;}
#pg { background:#E8F7FD url(images/gallery.png) no-repeat; background-position: 240px 10px; float:right;}

#footer
{ background:#2880B9 url(images/footerbg.jpg) repeat-x; width:918px; border:1px solid #004176; font-size:1em; font-weight:bold; color:#fff; padding:20px; }
#footer p { padding:15px 250px 0px 0px; text-align:center;}

.fsection { width:214px; float:left; margin-right:20px; text-transform:lowercase; }
.fsection h3 { color:#fff; font-size:1.1em; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; text-transform: capitalize; padding:0 ; margin:5px 0 8px 0; }
.fsection ul { margin:0; padding:0;font-size:0.9em}
.fsection li { list-style:square; list-style-position:inside;margin:4px 0; padding:0; }
.fsection li a, footer a, .fsection a {text-decoration:none; color:#fff; }
.fsection li a:visited, .fsection a:visited, footer a:visited {color:#ddd; text-decoration:none;}
.fsection li a:hover, .fsection a:hover, footer a:hover {color:#fff; text-decoration:underline}
.fsection img { border:0; padding:5px 8px 0 0}
#twitter_update_list li span { font-weight:normal}
#nomarg { margin-right:0}
#copyright { text-align:left; font-size:0.86em; margin:20px 0; text-transform:capitalize;}

/* Pagination */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {padding: 5px; margin: 5px; text-decoration: none; border: 1px solid #ddd; background-color:#fff; color: #333;}

.wp-pagenavi a:hover {border: 1px solid #DDD; background-color:#f7f7f7; color: #333; }

.wp-pagenavi a:active, .wp-pagenavi span.current { padding: 5px; margin: 5px; text-decoration: none; border: 1px solid #ddd ; color: #666; background-color:#f7f7f7;}

.wp-pagenavi span.pages {padding:5px; margin: 5px; color: #333;	border: 1px solid #ddd; background-color:#fff;}

.wp-pagenavi span.extend {padding: 5px;	margin: 5px; color: #333; border: 1px solid #ddd; background-color:#fff;}
/* End Pagination */


#commentform {
}
#comment {
width: 580px;
}



.alignright {	float: right; margin-left:10px;}
.alignleft {	float: left; margin-right:10px;}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}

img.aligncenter, div.aligncenter {

display: block;

	margin-left: auto;

	margin-right: auto;

}

hr {
	display: none;
}

.clear { clear:both; font-size:1px}