/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 10px; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* BODY */
img, div, a, li, span, ul, h1, h2, p{
behavior: url(iepngfix.htc);
}

strong{
font-size:12px;
font-weight:bold;
color:#FF0000;
}

a{
color:#FF0000;
text-decoration:none;
}

a:hover{
color:#FF0000;
text-decoration:underline;
}


body{
background:url(../images/background.png) center top no-repeat;
font-family:"Century Gothic", Arial;
font-size:13px;
}

h3{
font-size:15px;
color:#FF0000;
text-transform:uppercase;
display:block;
margin-bottom:10px;
font-weight:bold;
}

p{
font-size:13px;
line-height:22px;
}

#container{
width:960px;
margin:0 auto;
}

.header{
margin-top:40px;
float:left;
width:960px;
margin-bottom:290px;
}

.header h1{
float:left;
width:279px;
}

.header h1 a{
width:279px;
height:49px;
float:left;
display:block;
background:url(../images/wdfq_logo.png) left top no-repeat;
text-indent:-9999px;
}

.nav_container{
width:580px;
float:right;
}

.nav_container ul{
width:580px;
float:left;
margin-top:8px;
}

.nav_container li{
float:left;
}

.nav_container li a{
float:left;
background:none;
font-size:14px;
text-decoration:none;
height:28px;
padding-left:6px;
text-transform:uppercase;
color:#000;
line-height:28px;
margin-left:12px;
display:block;
}

.nav_container li a span{
float:left;
padding:0 10px 0 4px;
cursor:pointer;
height:28px;
text-transform:uppercase;
color:#000;
line-height:28px;
}

.nav_container li a:hover {
background:url(../images/nav_left.gif) left top no-repeat;
text-decoration:none;
color:#FFF;
}

.nav_container li a:hover span {
background:url(../images/nav_right.gif) right top no-repeat;
color:#FFF;
}

.mainContent, .contact_3c{
width:960px;
float:left;
}

.mainContent ul{
display:block;
border:1px solid #e1e1e1;
padding:10px;
margin-bottom:10px;
}

.mainContent li{
background:url(../images/bullet.gif) left 6px no-repeat;
display:block;
padding-left:12px;
font-size:12px;
margin-bottom:10px;
}

.content_left{
width:640px;
float:left;
margin-right:20px;
}

h2.web_design_florida{
background:url(../images/1.gif) left bottom no-repeat;
font-size:20px;
width:328px;
text-transform:uppercase;
letter-spacing:7px;;
height:43px;
display:block;
margin-bottom:25px;
color:#FF0000;
}

h2 strong{
font-weight:bold;
text-transform:uppercase;
color:#000;
font-size:20px;
}

h2.web_marketing{
background:url(../images/1.gif) left bottom no-repeat;
font-size:20px;
width:246px;
text-transform:uppercase;
letter-spacing:7px;;
height:43px;
display:block;
margin-bottom:25px;
color:#FF0000;
}

h2.increase_conversions{
background:url(../images/1.gif) left bottom no-repeat;
font-size:20px;
width:374px;
text-transform:uppercase;
letter-spacing:7px;;
height:43px;
display:block;
margin-bottom:25px;
color:#FF0000;
}

h2.contactus{
background:url(../images/1.gif) left 35px no-repeat;
font-size:20px;
width:198px;
text-transform:uppercase;
letter-spacing:7px;;
height:43px;
display:block;
padding-bottom:25px;
color:#FF0000;
}

h2.recent_websites{
background:url(../images/1.gif) left bottom no-repeat;
font-size:20px;
width:277px;
text-transform:uppercase;
letter-spacing:7px;;
height:43px;
display:block;
margin-bottom:25px;
color:#FF0000;
}

.testi_container{
width:640px;
float:left;
margin-bottom:60px;
}

.testimonial{
background:url(../images/testimonial.png) left top no-repeat;
float:left;
font-size:12px;
line-height:20px;
height:67px;
width:550px;
padding: 20px 20px 0 70px;
}

.testi_name{
float:left;
padding-top:8px;
padding-left:10px;
line-height:20px;
font-size:12px;
color:#000;
}

.testi_name span{
font-size:12px;
color:#ff0000;
font-weight:bold;
}

.break{
clear:both;
}

.contact_container{
width:100%;
float:left;
background:url(../images/top_shadow.png) left top repeat-x;
padding-bottom:20px;
}

.contact_section{
margin:0 auto;
width:960px;
}

.contact{
width:960px;
float:left;
margin-top:40px;
}

.contact_form{
width:380px;
background:url(../images/line.gif) right top no-repeat;
float:left;
margin-right:52px;
}

.contact_form form{
width:320px;
float:left;
}

label{
width:320px;
line-height:22px;
display:block;
}

input.textbox
{
background:url(../images/field_bg.gif) left top repeat-x;;
width:312px;
margin-bottom:7px;
font-family:"Century Gothic", Arial;
border:1px solid #b3b3b3;
color: #6A6A6A;
font-size:12px;
padding:4px 0 3px 5px;
}

textarea
{
background:url(../images/textarea.gif) left top repeat-x;
width:312px;
padding-left:5px;
height:84px;
border:1px solid #b3b3b3;
margin-bottom:7px;
color: #6A6A6A;
font-size:12px;
font-family:"Century Gothic", Arial;
}

.submit_button {
background: url(../images/submit.gif) left top no-repeat;
height: 23px;
width: 80px;
border: none;
cursor: pointer;
}

.contact_detail{
float:left;
width:270px;
background:url(../images/line.gif) right top no-repeat;
}

.contact_detail p.wdfhq{
font-size:12px;
color:#000;
line-height:20px;
margin-bottom:30px;
}

.contact_detail p.wdfhq strong{
font-size:15px;
font-weight:bold;
text-transform:uppercase;
color:#FF0000;
}

.contact_detail p.phno{
font-size:16px;
color:#000;
line-height:25px;
margin-bottom:30px;
}

.contact_detail p.phno span{
font-size:22px;
}

.contact_detail p.small_logo{
width:174px;
height:31px;
background:url(../images/logo_small.png) left top no-repeat;
margin-bottom:80px;
}

.avin_info{
width:258px;
padding-top:200px;
float:left;
background:url(../images/avin.png) left top no-repeat;
}

.avin_info p{
font-size:12px;
line-height:16px;
color:#606060;
width:258px;
text-align:center;
}

.avin_info p span{
font-size:15px;
color:#FF0000;
}

.avin_info p strong{
font-weight:normal;
font-size:12px;
color:#FF0000;
text-align:center;
}

.footer_container{
width:100%;
float:left;
padding-bottom:20px;
background:url(../images/bottom_shadow.png) left top repeat-x;
}

.copyright{
float:left;
font-size:12px;
width:325px;
color:#000;
}

.copyright span{
color:#FF0000;
}

.bottom_links{
font-size:12px;
width:600px;
float:right;
text-align:right;
}

.bottom_links a{
color:#000;
text-decoration:none;
margin-right:5px;
}

.bottom_links a:hover{
color:#FF0000;
}

.content_right{
width:300px;
float:left;
}

div.images{
width:296px;
border:2px solid #bebebe;
float:left;
margin-bottom:20px;
}