/* Designed by: Minnow Web Design 
   http://www.minnowwebdesign.com
*/

/* Begin Structure */

body{
margin:0;
padding:0;
/*line-height: 1.5em;*/
line-height:22px;
background-color:#05a9e8;
background-image:url(../images/background2.jpg);
background-repeat:repeat-x;	
background-position:left top;
width:100%;
}

#maincontainer{
width: 800px /*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: #transparent; /*Background color for top*/
  vertical-align:bottom; background-color:#ffffff;
  
}

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

div#blueStripe {width:800px; background-color:#0076a3; height:81px; vertical-align:top; position:absolute; left:0%; top:0%; left: 50%; margin-left: -400px; /* half of the width */}

div#imgHead {z-index:99;}

div#yellowStripeHolder {background-color:transparent;  width:100%;  margin-left: auto;
  margin-right: auto ; width:800px; z-index:50;}

div#yellowStripe {background-color:transparent; height:58px; width:800px; position:absolute; top:78px; z-index:50; left: 50%; margin-left: -400px; /* half of the width */}

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

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

div#content {width:798px; 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:auto;
}

#right {
text-align: right;
}

div#footer {
background:#dddddd;
background-color:dddddd;
z-index:100;
margin:0px;
padding:0 0 10px 0;
font-size:9px;
line-height:0px;
}
#footer {
background:#dddddd;
background-color:dddddd;
z-index:100;
}
div.foot {
background:#dddddd;
background-color:dddddd;
z-index:100;
}
.foot {
background:#dddddd;
background-color:dddddd;
z-index:100;
}

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

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

div#menu ul li {list-style-type: circle; 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;}

div#menuText a:link, div#menuText a:visited, div#menuText a:active {
color:#000000;
}

div#menuText a:hover {
color:#0076a3;
}

div#menuText{margin-top:10px; color:#000000; size:20px; vertical-align:top; letter-spacing:.2em; word-spacing: 25px; vertical-align:middle; text-align:center; font-weight:bold; font-family:Georgia, Arial; font-size:14px;  padding:10px;}

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

#contentwrapper{
background-color:#ffffff;
top:100px;
float: left;
width: 100%;
margin-bottom:20px;
}

/*For two column layout */
#contentcolumn{
margin-right: 0px; /*Set right margin to RightColumnWidth*/
margin-top:335px; 
text-align:left;
}

/*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 {z-index:100}

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

img.photoPage {
margin: 5px;
border-color::#0077a2;
border-width:5px;
border-style:ridge;
width:700px;
}

img.photoPageVertical {
margin: 5px;
border-color::#0077a2;
border-width:5px;
border-style:ridge;
width:350px;
}


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/stargeeStarList.gif);
background-repeat: no-repeat;
background-position: 0 0em;
padding-left: 2.6em;
padding-bottom:15px;
}

.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('oneColumnLayout/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('oneColumnLayout/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;
}