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

body {
font: normal 12px Verdana, Helvetica, Arial, sans-serif;
color: #000000;
margin: 0px;
padding: 0px;
background-color: #025167;}

a:link, a:visited, a:active {
font-weight: bold;
color: #025167;
text-decoration: underline;}

a:hover {
color: #417e8e;}

#wrapper {
margin: 0px;
padding: 0px;
background: transparent url(../../images/wrapperBG.jpg) repeat-y top left;}

#container {
width: 772px;
margin: 0px;
padding: 0px;
background: transparent url(../../images/globeBG.jpg) no-repeat bottom right;}

#header {
padding: 0px;
width: 100%;  
margin: 0px;}

#header h1  { 
background: transparent url(../../images/cdwebmaker_logo.jpg) no-repeat top left;
margin: 0px;
padding: 0px;
width: 564px;
height: 120px;
float: left;}

#header h1 span {
display:none;}

.testimonials {
width: 200px;
max-height: 120px;
float: left;
margin: 0px;
padding: 0px;}

.testimonials p {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
padding: 4px 8px 4px 8px;}

.lcontent {
width: 500px;
padding: 10px 20px 10px 20px;
float: left;
margin: 0px 5px 0px 8px;}

p.quest a:link, p.quest a:active, p.quest a:visited {
font-weight: bold;
color: #025167;
text-decoration: none;
background-image: none;}

p.quest a:hover {
color: #417e8e;
text-decoration: underline;}

p.top a:link, p.top a:active, p.top a:visited {
font-size: 11px;
font-weight: bold;
color: #025167;
text-decoration: underline;}

p.top a:hover {
color: #417e8e;} 

hr {
width: 75%;
color: #faa61c;}

.lcontent h2 {
font: normal 20px/30px Verdana, Arial, Helvetica, sans-serif;
background: url(../../images/seasonal_h2.jpg) no-repeat top left;
color: #025167;
padding-left: 28px;
letter-spacing: .1em;
font-variant: small-caps;}

legend {
color: #025167;}

.msg {
font-weight: bold;
color: #bc212c;}

span.in {
padding-left: 50px;
display: block;
font-weight: bold;}

.left {
float: left;
padding: 8px;}

.right {
float: right;
padding: 8px;}

.leftlist {
list-style-type: none;
margin-left: 0;
padding-left: 50px;}

.leftlist li {
padding-left: 18px;
background: url(../../images/bullet.jpg) no-repeat 0px 3px;
font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;}

.mainTable {
width: 475px;
margin: 0px auto;
padding: 10px;
float: none;
clear: both;}

.qnOuterTable {
width: 475px;
border: none;}

.qnInnerTable {
width: 470px;
border: none;}

#tbl_holder {
margin: 0px auto;
padding: 10px;
float: none;
clear: both;}

.tbl {
float: left;
margin: 15px 10px;
width: 180px;
padding: 10px;
background-color: #FAA61c;
border: 3px #417e8e solid;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;}

.tbl h4 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #417e8e;
text-align: center;
margin: 0;
padding: 0;
background-color: #ffffff;}

.required {
color: #025167;
font-weight: bold;
background-color: #FAA61C;
padding: 3px;}

.designportfolio {
width: 90%;
margin: 20px auto;
padding: 10px;
float: none;
clear: both;
border-top: 5px #faa61c dotted;}

.portleft {
float: left;
padding: 10px 30px 10px 20px;}

.portright {
float: right;
padding: 10px 20px 10px 30px;}

.caption a:link, .caption a:active, .caption a:visited {
text-align: center;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #025167;}

.caption a:hover {
color: #417e8e;}

.destxt {
float: none;
background-image: none;}

.rcontent {
width: 192px;
float: left;
margin: 0px;
padding: 0px 5px 0px 10px;}

#nav {
list-style-type: none;
padding: 0px;
margin: 20px 0px 50px 0px;}

html>body #nav {
padding: 0px 0px 0px 8px;}

#nav li {
font: bold 14px/28px Verdana, Arial, Helvetica, sans-serif;
padding: 0px;}

.home {
background: transparent url(../../images/icon_home.jpg) no-repeat top left;}

.design {
background: transparent url(../../images/icon_design.jpg) no-repeat top left;}

.hosting {
background: transparent url(../../images/icon_host.jpg) no-repeat top left;}

.marketing {
background: url(../../images/icon_market.jpg) no-repeat top left;}

.radio {
background: url(../../images/icon_radio.jpg) no-repeat top left;}

.blog {
background: transparent url(../../images/icon_blog.jpg) no-repeat top left;}

.faq {
background: transparent url(../../images/icon_faq.jpg) no-repeat top left;}

.contact {
background: url(../../images/icon_contact.jpg) no-repeat top left;}

.feed {
background: url(../../images/icon_feed.jpg) no-repeat top left;}

.bookmark {
background: url(../../images/icon_favorite.jpg) no-repeat left top;
color: #025167;
text-decoration: none;
padding: 0px 0px 0px 20px; }

#nav li a:link, #nav li a:active, #nav li a:visited {
color: #025167;
text-decoration: none;
padding: 0px 0px 0px 20px;}

#nav li a:hover {
color: #417e8e;}

.survey {
margin: 0px 0px 200px 0px;}

h5 span.surv {
background: url(../../images/surveyBG.jpg) no-repeat top left;
padding: 15px 0px 0px 32px;
margin: 0px;}

h5 {
font: bold small-caps 12px Verdana, Arial, Helvetica, sans-serif;
color: #504f4f;
text-align: center;}

#footer {
width: 520px;
float: none;
clear: both;
padding: 0px;
margin: 0px;
text-align: center;}

#footer p {
font:  10px Verdana, Helvetica, Arial, sans-serif;
color: #025167;}

.lg {
font: bold 14px Verdana, Helvetica, Arial, sans-serif;
color: #025167;
padding: 5px;}

.val {
font: 12px/26px Verdana, Helvetica, Arial, sans-serif;
color: #025167;}

.val a:link, .val a:visited, .val a:active {
font: 12px Verdana, Helvetica, Arial, sans-serif;
color: #025167;
padding: 5px;}

.val a:hover {
background-color: #025167;
font: 12px Verdana, Helvetica, Arial, sans-serif;
color: #faa61c;
padding: 5px;}

span.copy {
font-size: 10px;
color: #504f4f;}

/*---UC LETTERS---*/

p.single span span {
display:none;}

p.single span.a {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/A.gif) no-repeat;}

p.single span.b {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/B.gif) no-repeat;}

p.single span.c {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/C.gif) no-repeat;}

p.single span.d {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/D.gif) no-repeat;}

p.single span.e {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/E.gif) no-repeat;}

p.single span.f {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/F.gif) no-repeat;}

p.single span.g {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/G.gif) no-repeat;}

p.single span.h {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/H.gif) no-repeat;}

p.single span.i {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/I.gif) no-repeat;}

p.single span.j {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/J.gif) no-repeat;}

p.single span.k {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/K.gif) no-repeat;}

p.single span.l {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/L.gif) no-repeat;}

p.single span.m {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/M.gif) no-repeat;}

p.single span.n {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/N.gif) no-repeat;}

p.single span.o {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/O.gif) no-repeat;}

p.single span.p {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/P.gif) no-repeat;}

p.single span.q {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/Q.gif) no-repeat;}

p.single span.r {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/R.gif) no-repeat;}

p.single span.s {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/S.gif) no-repeat;}

p.single span.t {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/T.gif) no-repeat;}

p.single span.u {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/U.gif) no-repeat;}

p.single span.v {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/V.gif) no-repeat;}

p.single span.w {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/W.gif) no-repeat;}

p.single span.x {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/X.gif) no-repeat;}

p.single span.y {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/Y.gif) no-repeat;}

p.single span.z {
display:block;
float:left;
width:20px;
height:26px;
background:url(../../images/letters/Z.gif) no-repeat;}