/*
	DUX CONNECT CSS DOCUMENT
	(c) copyright 2007. Dux Connect
*/

body {
	margin: 0 0 20px 0;
	padding: 0;
	background-color: #E3DCC9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a         { color: #000675; }
a:active  { color: #000675; }
a:visited { color: #000675; }
a:hover   { color: #326FCB; }

img 	  { border: 0;                       }
ul 	  { margin: 0 0 0 17px; padding: 0;  }
ol 	  { margin: 0 0 0 24px; padding: 0;  }
li  	  { margin: 0; padding: 0;           }
p   	  { margin: 8px 0 8px 0; text-align: justify; }

#contain {
	width: 922px;
	height: auto;
	margin: 20px auto 0 auto;
	padding: 0;
	border: 1px solid #FFFFFF;
	background: url('../images/nav-bot-bg.gif') repeat-x 0px 379px;
	background-color: #E8DFC2;
}


#header {
	width: 922px;
	height: 79px;
}

#header div {
	float: left;
}


#index-nav {
	float: left;
	width: 160px;
	height: 400px;
	background: url('../images/nav-bubb-bg.gif') no-repeat;
	background-color: #C7A965;
}

#index-main {
	float: left;
	width: 762px;
	height: 400px;
	background-color: #D8CDA8;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#index-main p        { margin: 5px 0 5px 0; text-align: left; }
#index-main div      { float: left; }


#index-main .ipanel1 {
	width: 250px;
	height: 170px;
	padding: 6px 10px 6px 10px;
	background: url('../images/index_mpanel-bg.gif') repeat-x;
}

#index-main .ipanel {
	width: 215px;
	height: 170px;
	margin: 0 0 0 4px;
	padding: 6px 10px 6px 10px;
	background: url('../images/index_mpanel-bg.gif') repeat-x;
}

#index-main .ititle  { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#index-main .blurb {
	height: 147px;
}

#nav {
	float: left;
	width: 143px;
	height: auto;
	background: url('../images/nav-bg.gif') repeat-x;
}

.home a       { display: block; width: 143px; height: 72px; background: url('../images/nav_home.gif') 0 0 no-repeat; }
.home a:hover { background: url('../images/nav_home-b.gif') 0 0 no-repeat; }

.buil a       { display: block; width: 143px; height: 64px; background: url('../images/nav_builders.gif') 0 0 no-repeat; }
.buil a:hover { background: url('../images/nav_builders-b.gif') 0 0 no-repeat; }

.merc a       { display: block; width: 143px; height: 64px; background: url('../images/nav_merchants.gif') 0 0 no-repeat; }
.merc a:hover { background: url('../images/nav_merchants-b.gif') 0 0 no-repeat; }

.plum a       { display: block; width: 143px; height: 64px; background: url('../images/nav_plumbers.gif') 0 0 no-repeat; }
.plum a:hover { background: url('../images/nav_plumbers-b.gif') 0 0 no-repeat; }

.link a       { display: block; width: 143px; height: 64px; background: url('../images/nav_links.gif') 0 0 no-repeat; }
.link a:hover { background: url('../images/nav_links-b.gif') 0 0 no-repeat; }

.cont a       { display: block; width: 143px; height: 72px; background: url('../images/nav_contact.gif') 0 0 no-repeat; }
.cont a:hover { background: url('../images/nav_contact-b.gif') 0 0 no-repeat; }


#main {
	float: left;
	padding: 30px 45px 30px 45px;
	width: 689px;
	background-color: #F8F6DF;
}

#main .mainL {
	float: left;
	width: 329px;
	padding: 0 20px 0 0;
}

#main .mainR {
	float: left;
	width: 315px;
	padding: 0 0 0 25px;
	background: url('../images/dot.gif') repeat-y;
}

#main .break {
	height: 25px;
}

#main .bu {
	margin: 20px 0 0 0;
}

#footer {
	width: 922px;
	height: 25px;
	background: url('../images/footer-bg.gif') repeat-x;
}

#footer .footL {
	float: left;
	width: 143px;
	height: 25px;
	background-color: #DFD3A7;
}

#footer .footR {
	float: right;
	padding: 5px 10px 0 0;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#merchL {
	float: left;
	padding: 0 25px 0 0;
	width: 396px;
}

#merchR {
	float: left;
	padding: 0 0 0 25px;
	width: 243px;
}

.merchlist {
	padding: 10px 0 10px 0;
}

.merchlist .mernum {
	float: left;
	padding: 2px 10px 0 0;
}

.merchlist .mertxt {
	float: left;
	width: 86%;
}

.lnk {
	width: 672px;
	padding: 20px 0 10px 0;
	background: url('../images/dot.gif') repeat-x 0px 0px;
}

.lnk .linkimg {
	float: left;
	width: 180px;
}

.lnk .linktxt {
	float: left;
	width: 482px;
}

#form {
	margin: 20px;
}

#form p {
	margin: 4px 0 4px 0;
}

#form .formtxt {
	float: left;
	margin: 5px 0 8px 0;
	width: 220px;
}

.panel {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #ECE8CA;
	border: 1px solid #FFFFFF;
}

.panel .title {
}

.dothor {
	background: url('../images/dot.gif') repeat-x 0px 0px;
	padding: 4px 0 0 0;
}

.head {
	color: #1B2C97;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}

.subhead {
	color: #1B2C97;
	font-size: 15px;
	font-weight: bold;
}

.small {
	font-size: 11px;
}

.beige {
	color: #A28D4E;
	font-weight: bold;
}

.navy {
	color: #1B2C97;
	font-weight: bold;
}

.red {
	color: #FF0000;
	font-weight: bold;
}

.astx {
	color: #D85600;
	font-size: 15px;
	font-weight: bold;
}

.formerror {
	font-size: 11px;
	color: #FF0000;
}