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

/* 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%;
margin: 0 auto;
display:block;
}
#content1 {
margin: 10px 0;
margin: 0 auto;
width:220px;
display:block;
}
#content1a {
margin: 0 8px 20px 8px;
float:left;
}
#content1b {
margin: 0 8px 20px 8px;
float:right;
}
#content2 {
width: 460px;
margin: 30px auto;
clear:both;
text-align: justify
}
#content3 {
width: 100%;
margin: 40px 0 10px 0;
text-align: center
}
#foot {
width:100%;
padding: 50px 0 0 0;
margin: 20px 0 20px 0;
margin-left: auto;
margin-right: auto;
}
/* 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 { color: #FFCC33; }
a.clnk:visited { color: #FC3; }
a.clnk:hover { color: #FC3; }
a.clnk:active { color: #CFF; }
.copy { color: #f1f1f1; }
.ftxt {
font-family:  "Century Gothic", "Avant Garde", Verdana, Arial, Helvetica, sans-serif;
color:#FFCC33;
text-align: center
}
.10txt { font-size: 10px; }
.12txt { font-size: 12px; }
.13txt { font-size: 13px; }
.14txt { font-size: 14px; }
.ylwtxt { color:#FFFF66 }
.purptxt { color:#9966FF }
.blutxt { color:#66CCFF }
.whttxt { color:#FFFFFF }
.olvtxt { color:#99FF00 }
.orgtxt { color: #FFCC33; }
.grytxt { color: #696969; }
.centerit { text-align: center }
.clearit { clear: both }
p { margin: 0 0 12px 0 }
/* END FORMATTING */
/* 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: 14px;
font-weight:bold;
font-family: "Century Gothic", "Avant Garde", Arial, sans-serif;
}
#topnav a, #topnav a:visited {
color: #FC0;
text-decoration:none;
font-family: "Century Gothic", "Avant Garde", Arial, sans-serif;
}
#topnav a:hover {
color: #FFF;
font-family: "Century Gothic", "Avant Garde", Arial, sans-serif;
}

/* END NAVIGATION */

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