@charset "utf-8";
/* CSS Document for Phreesurf Web Design - Contact page */

/* LAYOUT */
body {
background:url(/img/bgs/bg2.jpg) repeat-x top center #01203f;
margin:0;
font-family: "Century Gothic","Avant Garde", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center
}
#container {
width: 80%;
margin: auto;
}
#head {
width: 100%;
text-align: center;
margin: 10px auto 0 auto;
display:block;
}
#content1 {
margin: 10px 0;
margin-left: auto;
margin-right: auto;
width:220px;
display:block;
}
#content1a {
margin: 0 8px;
float:left
}
#content1b {
margin: 0 8px;
float:right
}
#content2 {
width: 50%;
padding: 20px 0;
margin: 0 auto;
text-align:left
}
/*#content3{
width: 100%;
margin: 20px 0;
}*/
#content3 {
position:relative;
height:4%;
width: 100%;
margin: 20px 0;
}
.centerit { text-align: center }
.clearit { clear: both }
#thanks { margin: 0 0 25px 0 }
/* END LAYOUT */

/* FORMATTING */
h2 {
font-size: 16px;
font-weight:bold;
font-family:  "Century Gothic","Avant Garde", Verdana, Arial, Helvetica, sans-serif;
color: #FC3
}
a {
text-decoration:none;
font-family: "Century Gothic","Avant Garde", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
a:link, a:visited { color: #FC3; }
a:hover { color: #FC3; }
a:active { color: #CFF; }
a.blu:link, a.blu:visited { color: #09F; }
a.blu:hover { color: #1656CC; }
a.blu:active { color: #00F; }
.clink, .copy { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
a.clnk:link {
font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #FFCC33;
text-decoration:none
}
a.clnk:visited { color: #FC3; }
a.clnk:hover { color: #FC3; }
a.clnk:active { color: #CFF; }
.copy { color: #f1f1f1; }
.10txt { font-size: 10px; }
.12txt { font-size: 12px; }
.13txt { font-size: 13px; }
.ylwtxt { color:#FF6 }
.purptxt { color:#9966FF }
.blutxt { color:#6CF }
.whttxt { color:#FFF }
.olvtxt { color:#9F0 }
.orgtxt { color: #FC3; }
.orgtxt2 { color: #FC3; }
.grytxt { color: #696969; }
/* END FORMATTING */

/* FORM ELEMENTS */
select {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #006699;
width:200px
}
input {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #006699;
}
textarea {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #006699;
width:250px;
height:50px
}
.thesubmit {
clear:left;
margin: 15px auto 10px 0
}
#theform {
background:url(/img/bgs/blubox.jpg);
border:#AAC;
width: 350px;
}
.frm {
padding-left: 143px;
padding-top: 10px;
padding-bottom: 5px
}
.label {
font-weight:bold;
color:#333333;
float:left;
width: 130px;
margin-left: -135px;
font-size: 14px;
padding: 8px 0 5px 0;
font-family:"Trebuchet MS", "Century Gothic", "Avant Garde", Verdana, Arial, Helvetica, sans-serif;
}
.label2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#333333;
float:left;
padding: 12px 0 0 0;
width: 218px;
margin-left: -135px;
line-height:12px
}
.field { padding: 8px 0 5px 0; }
.captcha {
display:block;
margin-left: auto;
margin-right: auto;
padding: 10px 0 5px 0
}
#foot {
width:100%;
margin-left: auto;
margin-right: auto;
}
.ftxt {
font-family:  Century Gothic, Arial, Helvetica, sans-serif;
color:#FFCC33;
text-align: center
}
/* END FORM ELEMENTS */
/* NAVIGATION */
#topnav {
list-style: none;
margin: 10px auto;
padding: 0;
}
#topnav li {
display: inline;
background-image: url(../img/bull3.png);
background-repeat: no-repeat;
background-position: 0% 72%;
padding: 0 20px;
font-size: 16px;
font-weight:bold;
font-family: "Century Gothic", "Avant Garde", Arial, sans-serif;
}
#topnav a, #topnav a:visited {
color: #FC0;
text-decoration:none;
}
#topnav a:hover {
color: #FFF;
}
/* END NAVIGATION */

/* Let there be songs to fill the air.. */