/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
	padding:0;
	margin:0;
	color: #000;
	text-align:center;
        font-family: sans-serif;
        font-weight: 600;
	font-size: 0.8em;
}
#outer{
	min-height:100%;
	width: 100%;
	color: #000000;
	margin:auto;
	text-align:left;
	position:relative;
}
#outer p {padding-left:6px; padding-right:6px}
* html #outer{height:100%} 
#header {
	border-bottom:0px solid #000;
	background-color: #006600;
        background-image:url(images/top_bg.png);
	height:166px;
}
#footer {
	width:100%;
	clear:both;
	height:50px;
	border-top: 6px solid #FED900;
	border-bottom:0px solid #FFF;
	background-color: #006600;
	color: #FFF;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
        padding-top: 6px;

}
#nav {
      background-color: #FFF;
      border-bottom:0px solid #000;
      background-image:url(images/nav_valdostawebmaster.png);
      background-repeat: no-repeat;
      height: 141px;
      margin:0;
}

#buttons {
position: absolute; right: 150px; top: 180px;
}
/* Clear Both needed to make room for footer*/
.clearfooter{clear:both;height:40px;}

#main {
clear:both;
width:80%;
margin:0px auto;
text-align:left;
padding:15px;
border:0px dashed #9AFF9A;
background-color:#FFF;
	}

#portfolio {
width:100%;
height: 600px;
margin:0px auto;
text-align:left;
padding:0px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~  MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #00FF99;
background-color: #0033CC;
text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~  IMG ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
border: 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ HEADINGS ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1 {
font-size:150%;
color: #3366CC;
margin-top:-5px;
margin-bottom:-5px;
background-color: transparent;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ PARAGRAPHS ~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p{
color: #006600;
font-family: sans-serif;
background-color: transparent;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ BOXES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.box370
{
float: left;
width: 370px;
border: 0px;
margin: 0 15px 15px 0;
padding: 3px;
}


 .thumbnail
{
float: left;
width: 125px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 3px;
text-align: center;
}

 .clearboth { clear: both; height:40px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ LISTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.squarelist li { 
list-style-type: square; 
color: #006600;
font-family: sans-serif;
background-color: transparent;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.normal:link { 
color: #006600;
font-family: sans-serif;
text-decoration: none;
}
a.normal:visited { 
color: #006600;
font-family: sans-serif;
text-decoration: none;
}
a.normal:hover { 
color: #000;
font-family: sans-serif;
text-decoration: none;
background-color: #33FFCC;
}
a.normal:active { 
color: #006600;
font-family: sans-serif;
text-decoration: none;
}