* {margin:0;padding:0;list-style-type:none;font-size:100%;}
img {border:none;}
#main p,#main ul {margin:1.2em 0;}
#main ul {margin-left:20px;}
#main ul li {list-style:disc;list-style-type:disc;}

body {
text-align:center;
font-size:100%;
font-family:tahoma, verdana,arial,sans;
padding-bottom:60px;
background:#999;
color:#666874;
}

a {
text-decoration:underline;
color:#666874;
}

#header {
background:#fff url(http://www.desotocountyphone.com/decimg/bgtop.jpg) repeat-x top;
position:relative;
height:214px;
width:766px;
margin:0 auto 0 auto;
overflow:hidden;
}

#header img {
position:absolute;
top:18px;
left:20px;
}

#container {
width:766px;
margin:0 auto 0 auto;
overflow:hidden;
background:#fff url(http://www.desotocountyphone.com/decimg/bgcont.gif) repeat-y top left;
text-align:left;
font-size:0.72em;
line-height:1.2em;
position:relative;
}

#main {
float:left;
background:url(http://www.desotocountyphone.com/decimg/bgtopmain.jpg) no-repeat;
width:766px;
padding-bottom:30px;
}

#col1,#col2 {
float:left;
}

#col1 {
width:250px;
padding-left:9px;
font-size:120%;
}

#col2 {
width:490px;
font-size:110%;
line-height:1.3em;
}


#footer {
clear:both;
background:#999 url(http://www.desotocountyphone.com/decimg/bgfooter.jpg) no-repeat -1px 0;
padding-top:20px;
position:relative;
text-align:center;
font-size:85%;
width:766px;
color:#fff;
}
#footer a {color:#d1d4e2;}

/* Nav */

#header ul {
position:absolute;
top:82px;
padding-left:25px;
line-height:1.5em;
}

#header ul li a {
text-decoration:none;
color:#fff;
font-weight:bold;
font-size:1.2em;
}

#header ul li a:hover {text-decoration:underline;}

#col1 img#call {
padding-top:35px;
padding-left:15px;
}

#col1 img#brandlogos {
padding-top: 18px;
padding-left:15px;
}

#col1 div.contactinfo {
margin-left:15px;
margin-top:35px;
line-height:2em;
}

#col1 div.contactinfo span {
display:block;
}

#col2 div.heading {
color:#fff;
background:#8f8cc2;
margin:20px 0 20px 18px;
height:83px;
}

#col2 div.heading h1 {
font-size:1.7em;
font-weight:normal;
}

#col2 div.heading p {
font-size:85%;
line-height:1.2em;
background:#8f8cc2;
}

#col2 h2 {
color:#8f8cc2;
font-size:110%;
}

#col2 .box {
padding-left:145px;
}

.box.residential {
background:url(http://www.desotocountyphone.com/contimg/residential.jpg) no-repeat top left;
}

.box.business {
background:url(http://www.desotocountyphone.com/contimg/business.jpg) no-repeat top left;
}

.box.phone {
background:url(http://www.desotocountyphone.com/contimg/phone.jpg) no-repeat top left;

}

.box.t1 {
background:url(http://www.desotocountyphone.com/contimg/t1.jpg) no-repeat top left;
}

.box.dsl {
background:url(http://www.desotocountyphone.com/contimg/dsl.jpg) no-repeat top left;
}



/* Contact Form */

form.quote {
width:96%;
margin:1em 0;
background:#f6f6f6;
border:1px solid #eee;
padding:5px 5px 40px 5px;
}


#myform div.row span.label {
float:left;
width:23%;
text-align:right;
}

#myform div.row span.formw {
float:right;
width:70%;
text-align:left;
}

#myform div.row {
clear:right;
padding:5px;
}

#myform input, #myform textarea {
width: 100%;
}

#myform div.row input, #myform div.row textarea {
	border:1px solid #999;
}

#myform div.row span.formw input.formerror { 
  	 background-color : #d1d4e2;
}

#myform select {
font-size:100%;
}

#myform option {
padding-right:5px;
}

#myform span.errortext { 
color : #8f8cc2;
font-size:90%;
}	

#myform input#submit {
width: auto;
padding:1px 4px;
font-weight:bold;
}

textarea {
font: 100%/1 arial,verdana,sans;
}