/* CSS Document */

html {
padding:0 0 25px 0;
margin: 0;
}

body {
padding:0;
background-color: #ffffff;
margin: 0;
font-family: Century Gothic, Lucida Sans Unicode, Lucida Grande, Verdana;
color: #141414;
font-size: 13px;
background: url("../images/elements/bg2.gif") top right repeat-y;
background-attachment: fixed;
}

p {
margin: 10px 0;
line-height: 18px; 
}

h2 {
color: #8c8d8e;
font-size: 18px;
font-weight: normal;
margin: 0;
padding: 0;
}

h3 {
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 10px 0;
background: transparent url("../images/elements/portfolio_line.gif") 0 30px no-repeat;
}

form {
padding: 0px;
margin: 0px;
}

input {
border: 1px solid #cccccc;
font-family: verdana, helvetica, sans;
font-size: 11px;
color: #333333;
}

.coral{
color: #e6674a;	
}

.yellow {
color: #FFCC33;
}
.red {
color: #c30000;
}
.light-purple {
color: #CCCCFF;
}
.fleft {
float: left;
margin: 0 10px 0 0;

}
.fright {
float: right;
margin: 0 0 0 10px;
}

a:visited {
color: #999;
}
.small_text {
font-size: 11px;
padding: 0px;
margin: 0px;
}

/* Header formatting */
#header {
height: 25px;
background-color: #ffffff;
padding: 4px 5px 0 0;
margin: 0px;
}
.header_buttons img{
border: 1px solid #333;
}

/* drop down menu formatting */ 


.nav_box img {
border: 0;
}

/* See Form formatting */

.email_friend {
margin-right: 5px;
font-size: 11px;
}

/* See Bookmark formatting */

.bookmark {
margin-right: 0px;
font-size: 11px;
}

/* Form formatting */

.form_container1 input {
margin:0;
padding: 0;
border: 0px;
width: 100%;
height: auto;
font-family: Verdana;
font-size: 11px;
}
.form_container1 p{
	padding: 2px;
	margin:2px;
}
.email_friend p {
text-align: left;
}
.email_friend .grey_line_first {
border-bottom: 1px solid #333; 
}
.email_friend .grey_line {
border-bottom: 1px solid #333; 
border-top: 1px solid #333; 
}
.email_friend .grey_line_last {
border-top: 1px solid #333; 
}

/* Bookmark formatting */

.bookmark p {
padding: 0px;
margin: 0px;
}
.bookmark p a {
padding: 5px;
width: 120px;
display: block;
}
.bookmark .grey_line_first {
border-bottom: 1px solid #333; 
}
.bookmark .grey_line {
border-bottom: 1px solid #333; 
border-top: 1px solid #333; 
}
.bookmark .grey_line_last {
border-top: 1px solid #333; 
}

/* Bookmark icons - images */

/* Masthead formatting */
#masthead {
height: 106px;
padding-bottom: 4px;
background: url("../images/elements/line.gif") bottom left no-repeat;
}
.masthead_logo {
padding: 0 0 0 24px;
}

/* Top Navigation formatting */
#topnav {
height: 30px;
padding: 0 0 0 60px;
margin: 0;
border-bottom: 1px solid #333; 
}
.topnav_buttons {
padding: 0 0 0 0;
}
.topnav_buttons img{
padding: 0 10px 0 0;
}

/* Main formatting */

#main #leftnav {
float: left;
width: 185px;
background-color: #fff;
}
.feature_box {
background-color: #fff;
}
.feature_box_title{
height: 30px;
}
.feature_box ul{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.feature_box li{
height: 30px;
}
.feature_box .nav_box li{
padding-left: 24px;
background: url("../images/elements/navbox_line.gif") bottom no-repeat;
}
.feature_box .nav_box a:link{
font-size: 18px;
font-weight: normal;
}
#main #content {
background-color: #fff;
width: 500px;
padding: 5px 15px 35px 15px;
position: absolute;
top: 168px;
left: 180px;
}

/* contact page */

.contact_form ul{
list-style-type: none;
background-color: #fff;
border: 1px solid #333;
padding: 5px;
margin: 0px;
}
.contact_form li{
list-style-type: none;
padding: 4px;
margin: 0px;
}

.contact_form input{
margin:0;
padding: 0;
border: 1px solid #999;
height: auto;
font-family: Verdana;
font-size: 13px;
}

.contact_form textarea{
margin:0;
padding: 0;
border: 1px solid #999;
height: auto;
font-family: Verdana;
font-size: 13px;
}

/* Footer formatting */
#footer {
font-family: Verdana;
font-size: 11px;
border-top: 1px solid #e6674a; 
position:fixed;
bottom:0;
background-color: #ffffff;
padding:0;
height: 25px; 
margin: 0; 
width:100%;
}
.footer_menu{
padding: 5px;
float: left;
}
.footer_copyright{
padding: 6px 7px 5px 5px;
float: right;
font-size: 90%;
}
.footer_menu a:link {
color: #C30000;
}
.footer_copyright a:link {
color: #2E3F4D;
}
.footer_logo{
float: left;
padding-left: 5px;
}

/* images + portolfio */

.portfolio_display {
background: transparent url("../images/elements/portfolio_line.gif") bottom left no-repeat;
padding: 10px 0;
clear: both;
}

.portfolio_display p{
padding-bottom: 10px;
margin: 0 0;
}
.thumbnail {
border: solid 1px #999999;
padding: 5px;
margin-right: 10px;
margin-bottom :10px;
float: left;
}
.thumbnail img{
display: block;
}
a:link img {
border: 0px;
}
.clear{
display: block;
clear: both;
margin: auto;
}