/*Minnow Web Design */

/* Begin Structure */

body{
margin:0;
margin-top:0px;
padding:0;
/*line-height: 1.5em;*/
line-height:22px;
background-color:#90a84b;
width:100%;
background-image:url(images/background.jpg);
}

#navCatTabs ul li a:hover {
	color:#999999;
}

#maincontainer{
width: 100%; /*Width of main container  was 783px*/
margin: 0 auto; /*Center container on page*/
margin-top:30px;
}


div#mainmenu{	width:785px;  float:left;	height:33px;	vertical-align:top;	
text-align:left;}

div#header { width:1024px; background-color:#ffffff; height:400px; z-index:99; vertical-align:bottom;}

div#whiteStripe {width:783px; background-color:#ffffff; height:10px; z-index:99; vertical-align:bottom;}

div#blueStripe {width:100%; background-color:#013857; height:20px; z-index:99; vertical-align:top;}

div#minnowhead {position: absolute; top:20px;}

div#picturerow {margin: 0 auto;/*Center content on page*/ }

div#content {width:1022px; background-color:#FFFFFF; text-align:left; 
margin: 0 auto;/*Center content on page*/ 
border-bottom-color:#000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-left-color:#000000;
border-left-width:1px;
border-left-style:solid;
border-right-color:#000000;
border-right-width:1px;
border-right-style:solid;
font-family:Verdana, Marlett, Arial;
font-size:16px;
overflow:hidden;
height:100%;
line-height:1.25em;
}

div#phoneNo {
font-family:Helvetica, sans-serif;
}

div#porfolio {height:600px; text-align:center; }

div#smallporfolio { height:50px; text-align:center; margin-top:80px;}

div#menu ul li {list-style-type: none;	list-style-image: none;}

div#menu a {padding-bottom:1px; padding-left:1px; padding-right:3px; padding-top:2px; }

div#mainContent {width:783px; background-color:#FFFFFF; height:600px; text-align:left; 
}

div#menu{color:#013857; size:20px; vertical-align:top; letter-spacing:.2em; text-align:center; font-family:Georgia, Arial; font-size:14px;  padding:0px;}

a:link  {
text-decoration:none;
color:#013857; size:12px; vertical-align:top;
font-weight:bolder;font:Verdana, Marlett, Arial;
}
a:visited  {
text-decoration:none;
color:#013857; size:12px; vertical-align:top;font-weight:bolder;font:Verdana, Marlett, Arial;
}
a:hover  {
text-decoration:none;
color:#999999; size:12px; vertical-align:top;font-weight:bolder;font:Verdana, Marlett, Arial;
}
a:active  {
text-decoration:none;
color:#013857; size:12px; vertical-align:top;font-weight:bolder;font:Verdana, Marlett, Arial;
}

#contentwrapper{
float: left;
width: 100%;
margin-bottom:20px;
height: 100%;
}

/*For two column layout */
#contentcolumn{
margin-right: 250px; /*Set right margin to RightColumnWidth*/
margin-top:0px; 
text-align:left;
border-right-style:solid;
border-right-width:1px;
border-right-color:#013857;
height:100%;
}

/*For Single column layout*/
singlecontentcolumn{
margin-top:10px; 
text-align:left;
}

#rightcolumn{
float: left;
width: 250px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
margin-top:0px;
text-align:left;
}

.innertube{
margin: 30px 30px 0px 30px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#quote{ font-family:Comic Sans MS, Comic Sans MS5; font-size:120%}

#quoted {font-size:100%; font-weight:bold; margin-top:7px;}

/* End Structure */

img {
	border:0;
}

img.floatLeft { 
	float: left; 
    margin: 0 22px 9px 0px; 
}

h4 {font-size:125%; letter-spacing:.1em; color:#000000;}

h5 {font-size:110%; letter-spacing:.05em;}

ul
{
list-style-type: none;
padding: 0;
margin: 0;
margin-left: 1em;
}

li
{
background-image:url(images/fishMinnow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 2.6em;
}

.question {color:#000000; margin-bottom:0px; letter-spacing:.1em; font-weight:bold;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('images/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*Image backgrounds*/
/*#our_work h2 { 
color:#000000; 
margin-bottom:10px; 
}

#our_work li { 
background:transparent none repeat scroll 0 0; 
float:none; 
margin:0 0 10px; 
padding:0; 

}

#our_work li a { 
font-size:1.1em; 
height:auto; 
padding:0; 
width:auto; 
}

#our_work li img { 
display:block; 
margin:0 0 10px; 
position:static; 
}*/

.image{
	border-style:outset;
	border-color: #95a69c;
	border-width:2px;
}

.floatLeftImage { 
    float: left; 
    margin: 0 15px 0 0; 
	border-style:outset;
	border-color: #95a69c;
	border-width:5px;
}


h3{
color:white;
font-size:18px;
text-align:center;
margin-top:40px;
margin-left:10px;
margin-right:10px;
}
/*new jquery look*/
.boxgrid{ 
				width: 725px; 
				height: 103px; 
				margin:10px;
				float:left; 
				background:#013857; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
				margin-left:30px;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				
/*end new jquery look*/

/* nicer buttons start*/

a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-top:15px;
}
/*end nicer buttons*/

#projQuest {
font-size:14px;
margin-top:-12px;
}

#footw {
 width:1024px;
}

/*Change highlight color to match web page*/
::selection         { background:#95a69c; color:#000; /* Safari and Opera */ }
::-moz-selection  { background:#95a69c; color:#000; /* Firefox */ }

/*Prevent firefox scroll jump*/
html { overflow-y:scroll; }

/*rounded corners for input elements*/
input       { -moz-border-radius:10px; -webkit-border-radius:10px; }

/*pointer cursors*/
input[type=submit],label,select,.pointer    { cursor:pointer; }

/*block links in list*/
#navigation li a    { display:block; }

/*style to add icon to mouseover for links of a certain type, not set up here*/
a[href$='.pdf'] { padding:0 20px 0 0; background:transparent url(/graphics/icons/pdf.gif) no-repeat center right; }

blockquote.quote {
padding: 3px 3px 0px 3px;
width:90%;
background-color: #F0F0F0;
background-image: url(Quote.png);
background-position: top left;
background-repeat: no-repeat;
text-indent: 20px;
}

blockquote.quote p {
padding-bottom: 1.3em;
background-image: url(Quote.png);
background-repeat: no-repeat;
background-position: bottom right;
}

/*added from slider portfolio page*/
#content {
	margin-left:35px;
}
	h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		color:#a2b533;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
 
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		background:#5DC9E1;
		color:#fff;		
		}				
	#content{
		position:relative;
		}	
		
#slider{
margin-left:30px;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:750px;
		height:500px;
		overflow:hidden; 
		}	
#mask-gallery {
	
}
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;		
		top:220px;
		}	
		
	#prevBtn{ 
		left:0px;
		}	
		
	#nextBtn{ 
		left:780px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}
	img{border:none;}				
	
	
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
*                                       { margin: 0; padding: 0; }
body                                    { font: 16px Georgia, Serif; }
a, a img                                { border: 0; text-decoration: none; outline: 0; }

#page-wrap                              { width: 790px; padding: 15px; background: white; margin: 0 auto 50px; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

h1                                      { font: bold 60px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 20px 0; text-align: center; }
h2                                      { font: bold 30px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; }
h3                                      { font: 16px Georgia, Serif; margin: 0 0 10px 0; }  
h5                                      { font: 15px Georgia, Serif; text-align: center; }
pre                                     { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }

ul                                      { margin: 0 0 25px 25px; }
ul li                                   { font: 15px Georgia, Serif; margin: 0 0 8px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }

/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 790px; height: 590px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 750px; overflow: auto; height: 500px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 29999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #003b2e; border-bottom: 3px solid #003b2e; margin: 0; height:500px;}
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 750px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 170px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -60px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 500px; text-align: center; color:ffffff;}
#thumbNav a                             { color: white; font: 9px/16px; Georgia, Serif; display: inline-block; padding: 1px 8px; height: 18px; margin: 0 5px 0 0; background: #003b2e url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #50000D; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 4px; top: 500px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#porth2 {
	margin-left:20px;
}