* {
margin: 0;
padding: 0;
border: 0;
}

body {
text-align: center;
background-color: #333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

#container {
margin: 10px auto;
width: 1024px;
text-align: left;
border: 3px solid #2b2a2a;
}

#header {
height: 150px;
width: 1024px;
background-image: url(images/header.gif);
background-repeat: no-repeat;
}

#nav {
float: left;
padding: 0;
margin: 0;
width: 1024px;
background-color: #556170;
padding-top: 10px;
}

#nav .button {
/* border: 1px solid #00FF33; */
float: left;
padding-left: 20px;
}

.horizonsep {
background-image: url(images/horizon_sep.gif);
background-repeat: repeat-x;
background-color: #556170;
width: 100%;
padding: 0;
margin: 0;
height: 20px;
}

#content {
background-color: #556170;
width: 100%;
}

#mainimage {
background-color: #556170;
width: 1004px;
height: 455px;
padding: 10px 0;
margin: 0 auto;
}

#mainimage a {
text-decoration: underline;
color: #FFF;
}

#mainimage a:hover, a:focus {
color: #CCC;
}

#footer {
background-color: #556170;
width: 1021px;
padding: 5px 0;
padding-right: 3px;
margin: 0;
text-align: right;
color: #fff;
font-size: 85%;
}

#footer #copyright {
float: right;
width: 187px;
height: 18px;
background-image: url(images/copyright.jpg);
background-repeat: no-repeat;
}

#folio {
width: 984px;
padding: 20px;
margin: 0;
}

#folioleft {
float: left;
/* border: 1px solid yellow; */
width: 390px;
margin: 20px 0;
}

#folioright {
/* border: 1px solid red; */
float: right;
width: 594px;
margin: 20px 0;
}

#thumbsarea {
/* border: 1px solid pink; */
width: 370px;
}

.foliothumb {
width: 85px;
height: 85px;
margin-bottom: 10px;
margin-right: 10px;
}

#foliopreview {
text-align: center;
}

#foliopreview a {
color: #fff;
font-size: 75%;
text-decoration: underline;
}

#foliopreview a:hover, a:focus {
color: #ccc;
}

#foliopreview img {
margin: 0 auto;
}

.foliocontrols {
width: 370px;
text-align: center;
margin-bottom: 20px;
}

.foliocontrols a {
color: #fff;
font-size: 75%;
text-decoration: underline;
}

.foliocontrols a:hover, a:focus {
color: #ccc;
}

#contact {
padding: 20px;
margin: 0;
}

#contactform {
width: 600px;
margin: 0 auto;
padding: 10px;
background-color: #747e8a;
}

#contactform h1 {
margin: 5px 8px 15px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
color: #333;
}

#contactform p {
padding-bottom: 10px;
margin: 0 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #333;
}

#contactform a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: inherit;
color: #fff;
text-decoration: underline;
}

#contactform a:hover, #contacttext a:focus {
color: #ccc;
}

hr {
height: 2px;
color: #333;
width: 80%;
margin: 0 auto;
padding: 10px 0;
clear:both;
}

#foliolinks {
width: 730px;
margin:0 auto;
}

.foliolink {
background-color: #2c3137;
padding:7px 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
size: 85%;
float: left;
margin: 0 2px;
}

.foliolink a {
color: #ccc;
text-decoration: none;
}

.foliolink a:hover, a:focus {
color: #999;
text-decoration: none;
}

#profile {
padding: 20px;
margin: 0;
}

.profiletext {
padding: 5px;
background-color: #747e8a;
width: 620px;
float: left;
}

.profiletext h1 {
margin: 5px 8px 15px 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
color: #333;
}

.profiletext p {
padding-bottom: 10px;
margin: 0 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 140%;
color: #000;
text-align: left;
}

.profiletext a {
color: #fff;
font-size: inherit;
text-decoration: underline;
}

.profiletext  a:hover, a:focus {
color: #ccc;
}

.profiletext ul {
float: left;
list-style-type:none;
font-size: 75%;
color: #000;
padding: 5px 10px;
font-style: italic;
}

#profileimage {
width: 334px;
height: 502px;
margin-left: 10px;
float: right;
background-image:url(images/profile.jpg);
background-repeat: no-repeat;
}

.formlefttext {float:left; width: 150px; margin: 3px 0 2px 2px;padding: 1px 0; text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;color: #333;}
.formmiddleinput {float: left; width: 200px; margin: 0 0 0 2px; text-align: left;}
.formrightrfv {float: left; width: 200px; margin: 3px 0 2px 2px;padding: 1px 0; text-align: left;}

.errortext {font-size:75%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0000;}

.clearboth {
clear: both;
}