/* Font setting */

.clear:after
{
  content: "."; 
  display: block; 
  position: relative;
  height: 0;
  clear: both; 
  visibility: hidden;
}

.clear
{
	display: inline-block;
	width: auto;
}

* html .clear
{
	height: 1%;
}

.clear
{
	display: block;
}

body, input, textarea, select {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	color: #666;
	font-size: 76%;
}



body {
	background: #fff url("images/bg_main.png") center top repeat-x;
	padding: 0 25px;
	margin: 29px 0;
	_margin: 28px 0;
	text-align: center;

}


/* Content frame */

#container {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 750px;

}

#logo {
	background: url("images/netsmithlogo.png") left top no-repeat;
	float:left;
	width:243px;
	height:350px;
	margin-top:40px;
	_height: 1em;
}

#content {
	background: url("images/bg_content.png") center top no-repeat;
	float:right;
	border: 0;
	margin-top: 12px;
	padding-top: 32px;
	padding-left: 10px;
	width:465px;
	_height: 1em;
}

#skills {
	background: url("images/header_text.png") center top no-repeat;
	float:left;
	border: 0;
	margin: 0px;
	padding: 0px;
	width:437px;
	height:auto;
	_height: 1em;
}

#floater {
	float:left;
	border: 0;
	margin: 0px;
	padding-top: 160px;
	padding-left: 32px;
	width:437px;
	_height: 1em;
}

#contactform {
	float:left;
	border: 0;
	margin: 0px;
	padding-top: 20px;
	padding-left: 32px;
	width:437px;
	_height: 1em;
}

#footer {
	float:left;
	border: 0;
	margin: 0px;
	width:437px;
	padding-top: 20px;
	padding-left: 32px;
	_height: 1em;
}

#thanks {
	float:left;
	background-color:#ffffcc;
	border: 1;
	width:348px;
	padding-top: 20px;
	padding-left: 20px;
	margin-left: 32px;
	margin-top: 20px;
	_height: 1em;
}

input {  
color: #333;
	border: 1px solid #888;  
	padding: 3px;  
	margin-bottom:10px;
	width:300px;
	font-size: 1em;  
	background-color: #F8F8F8;  
}  

input:focus {  
    border-color: #000;  
    background-color: #FFFE9D;  
} 

textarea {
	border: 1px solid #888;  
	padding: 3px;  
	margin-bottom:10px;
	font-size: 1em;  
	background-color: #F8F8F8;  
}


textarea:focus {  
    border-color: #000;  
    background-color: #FFFE9D;  
} 

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#ffffcc;
    border:1px solid #C9C9A1;
    border-top:1px solid #FFD372;
    border-left:1px solid #FFD372;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#333;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}