/*Minnow Web Design */

/* Begin Structure */

body{
margin:0;
padding:0;
/*line-height: 1.5em;*/
line-height:22px;
background-color:#95a69c;
background-image:url(images/MinnowBackgroundCloud.gif);
width:100%;
}

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


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

div#header { width:100%; background-color:#013857; height:69px; 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:785px; 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:12px;
overflow:hidden;
height:100%;
}

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:10px;}

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:#007F18; 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:10px; 
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:10px;
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:black;
font-size:14px;
margin-top:40px;
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:-20px;
}

#footw {
 width:785px;
}

/*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;
}

.georgia {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.center {
	text-align:center;
}

.smallPrint {
	font-size:10px;
	line-height:1.5;
	margin-left:80px;
	width:550px;
}

.leftMove {
	margin-left:280px;
}

.moveImg{
	margin-left:70px;
}