/* CSS Document
Created by: Justin Chapman
April 25th, 2007 
Marketing Comparison */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.gif);
}

/*  */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	position:relative;
	width:850px;
	height:auto;
}
/*  */
#header {
	position:relative;
	width:850px;
	height:169px;
	background-image: url(images/header.gif);
}
/*  */
#logo {
	position:absolute;
	width:676px;
	height:116px;
	top:25px;
	left:55px;
	background-image: url(images/logo1.gif); 
	background-repeat: no-repeat;
}


/* navigation */	
#nav{margin:0; padding-left:25px; padding-right:25px; width:805px; height:80px; background: url(images/body.gif); /*#dad0ac*/display:block;}

#menu {list-style-type:none; margin:0 ; padding:0; width:800px;}
#menu li {float:left; padding:0; margin:0 ; position:relative; width:150px; height:80px; z-index:100;}
#menu li.direct {float:left; padding:0; margin:0 ; position:relative; width:200px; height:80px; z-index:100;}
#menu li.mail {float:left; padding:0; margin:0 ; position:relative; width:200px; height:80px; z-index:100;}
#menu li.email {float:left; padding:0; margin:0 ; position:relative; width:200px; height:80px; z-index:100;}
#menu li.promotion {float:left; padding:0; margin:0 ; position:relative; width:200px; height:80px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 150px; margin: 0; padding: 0; background: transparent;}
#menu dl.direct {width: 200px; margin: 0; padding: 0;}
#menu dl.mail {width: 200px; margin: 0; padding: 0;}
#menu dl.email {width: 200px; margin: 0; padding: 0;}
#menu dl.promotion {width: 200px; margin: 0; padding: 0;}
#menu dt.offdirect {margin-top:0px; padding: 0; background-image:url(images/directnav.gif);	background-position: 0px 0px;}
#menu dt.currentdirect {margin-top:0px; padding: 0; background-image:url(images/directnav.gif);	background-position: 0px -80px;}
#menu dt.offbroker {margin-top:0px; padding: 0; background-image:url(images/brokernav.gif);	background-position: 0px 0px;}
#menu dt.currentbroker {margin-top:0px; padding: 0; background-image:url(images/brokernav.gif);	background-position: 0px -80px;}
#menu dt.offemail {margin-top:0px; padding: 0; background-image:url(images/emailnav.gif);	background-position: 0px 0px;}
#menu dt.currentemail {margin-top:0px; padding: 0; background-image:url(images/emailnav.gif);	background-position: 0px -80px;}
#menu dt.offpromo {margin-top:0px; padding: 0; background-image:url(images/promonav.gif);	background-position: 0px 0px;}
#menu dt.currentpromo {margin-top:0px; padding: 0; background-image:url(images/promonav.gif);	background-position: 0px -80px;}
#menu dt.off {margin-top:0px; padding: 0; background-image:url(images/nav.gif);	background-position: 0px 0px;}
#menu dt.current {margin-top:0px; padding: 0; background-image:url(images/nav.gif);	background-position: 0px -80px;}


#menu dd {
	padding:0;
	color: #fff;
	font-size: 12px;
	text-align:left;
	font-family:Verdana;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

#menu dt a, #menu dt a:visited {display:block; font-size: 12px; color: #000000; font-weight:bold; text-align:center; padding:0	0 0 0; font-family: Verdana; line-height:75px;}

#menu dt.offdirect a:hover {color:#000000;background-position: 0px -80px;background-image: url(images/directnav.gif);}
#menu dt.currentdirect a:hover{color:#000000;background-position: 0px -80px;background-image: url(images/directnav.gif);}
#menu dt.offbroker a:hover {color:#000000;background-position: 0px -80px;background-image: url(images/brokernav.gif);}
#menu dt.currentbroker a:hover{color:#000000;background-position: 0px -80px;background-image: url(images/brokernav.gif);}
#menu dt.offemail a:hover {color:#000000;background-position: 0px -80px;background-image: url(images/emailnav.gif);}
#menu dt.currentemail a:hover{color:#000000;background-position: 0px -80px;background-image: url(images/emailnav.gif);}
#menu dt.offpromo a:hover {color:#000000;background-position: 0px -80px;background-image: url(images/promonav.gif);}
#menu dt.currentpromo a:hover{color:#000000;background-position: 0px -80px;background-image: url(images/promonav.gif);}
#menu dt.off a:hover {color:#000000;background-position: 0px -80px;background-image: url(images/nav.gif);}
#menu dt.current a:hover{color:#000000;background-position: 0px -80px;background-image: url(images/nav.gif);}


#menu dd a, #menu dd a:visited {background:#20607F; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #08c; border-right:1px solid #08c;}

#menu dd a:hover {background: #f1f1f1; color:#000; border-left:1px solid #fff; border-right:1px solid #fff;}

#menu b {display:block; overflow:hidden; height:1px;}

#menu b.p5 {background:#0A75BB; margin:0 5px;}
#menu b.p6 {background:#0A75BB; margin:0 3px;}
#menu b.p7 {background:#0A75BB; margin:0 2px;}
#menu b.p8 {height:2px; background:#0A75BB; margin:0 1px;}

/* Text area */
#bodytext {
	position:relative;
	width:800px;
	height:auto;
	padding-top:50px;
	padding-right:25px;
	padding-left:25px;
	padding-bottom:50px;
	background-image: url(images/body.gif);
}


	/* QUOTE BOX */	
div#calltoquotesrt h5 {text-align: center;color:#0072A3;padding: 15px 0 10px 20px;margin: 0px 0px 0px 0px;font-family: arial;font-size: 16px;}
div#calltoquotesrt {float: left;height: 197px;margin: 0px 10px 10px 10px;padding: 8px 10px 10px 6px;width: 244px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquotesrt select { background-color: #ffffff; font-family: arial, helvetica; font-size: 12px; margin:2px 0px 2px 36px}
div#calltoquotesrt h6{ height: 26px; width:100px; margin: 10px 0px 0px 45px; background-image:url(images/btn.gif)}

	
	
/* placement for the three images on the index page */
#grid{
	float: left;
	height: 355px;
	width: 800px;
	margin-right: 0px;
	padding-left: 4px;
		padding-bottom: 10px;
	}
	
/* grid section divided into three parts */
#grid1_3{
	float: left;
	height: 335px;
	width: 238px;
	margin-right: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(images/grid_bg.gif);
	}

	
/* Main page Images */	
#direct_grid1{
	height: 122px;
	width: 185px;
	position: relative;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	margin-right: 24px;
	margin-left: 24px;
	background-image: url(images/direct-types.gif);
	border: 3px solid #AFC4DE;
}
#direct_grid2{height: 122px;width: 185px;position: relative;background-color: #CCCCCC;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-image: url(images/direct-vendors.gif);border: 3px solid #AFC4DE;}
#direct_grid3{height: 122px;width: 185px;position: relative;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-color: #CCCCCC;background-image: url(images/direct-costs.gif);border: 3px solid #AFC4DE;}
#broker_grid1{height: 122px;width: 185px;position: relative;background-color: #CCCCCC;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-image: url(images/broker-list.gif);border: 3px solid #AFC4DE;}
#broker_grid2{height: 122px;width: 185px;position: relative;background-color: #CCCCCC;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-image: url(images/broker-costs.gif);border: 3px solid #AFC4DE;}
#broker_grid3{height: 122px;width: 185px;position: relative;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-color: #CCCCCC;background-image: url(images/broker-roi.gif);border: 3px solid #AFC4DE;}
#email_grid1{height: 122px;width: 185px;position: relative;background-color: #CCCCCC;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-image: url(images/email-benefits.gif);border: 3px solid #AFC4DE;}
#email_grid2{height: 122px;width: 185px;position: relative;background-color: #CCCCCC;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-image: url(images/email-features.gif);border: 3px solid #AFC4DE;}
#email_grid3{height: 122px;width: 185px;position: relative;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-color: #CCCCCC;background-image: url(images/email-costs.gif);border: 3px solid #AFC4DE;}
#promo_grid1{height: 122px;width: 185px;position: relative;background-color: #CCCCCC;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-image: url(images/promo-strategy.gif);border: 3px solid #AFC4DE;}
#promo_grid2{height: 122px;width: 185px;position: relative;background-color: #CCCCCC;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-image: url(images/promo-vendor.gif);border: 3px solid #AFC4DE;}
#promo_grid3{height: 122px;width: 185px;position: relative;background-repeat: no-repeat;margin-right: 24px;margin-left: 24px;background-color: #CCCCCC;background-image: url(images/promo-costs.gif);border: 3px solid #AFC4DE;}

/* image container*/	
.productimagert {
	clear:both;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 25px;
	background-position: 0 0;
	border: 2px solid #999999;	
}

/* image container fix for mailing-costs*/	
.productimagertmc {
	clear:both;
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 45px;
	background-position: 0 0;
	border: 2px solid #999999;	
}


div#footer {
	text-align:center;
	width:850px;
	height:91px;
	padding-top:9px;
	background-image: url(images/footer.gif);
}
div#footer ul { list-style: none; background: none; display: inline; }
div#footer ul li { list-style: none; background: none; display: inline; font: normal 11px arial; padding: 0 0 0 1px;  }
div#footer ul li a { padding: 0 2px 0 0;}
div#footer p { font: normal 11px arial; text-align: center; margin: 0px; padding: 5px 0 0 0;}	



	
.h1 {
	font-size:24px;
	color:#20607F;
	font-family:verdana;
	line-height: 24px;
	}
	

	
.h2 {
	font-size:16px;
	color: #6B95AE;
	font-family:verdana;
	font-weight: bold;
	}

.bodytext {
	font-size:12px;
	color:#555555;
	font-family: Verdana;
	}
	
/* fix for mailing costs */	
.bodytextmc {
	font-size:12px;
	color:#555555;
	font-family: Verdana;
	line-height: 16px;
	}
	
	/* link styles for body text */	
.bodytext a:visited{text-decoration: underline;font-family: Arial;font-size:12px;color: #51678F;font-weight: bold;}	
.bodytext a:active{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
.bodytext a:link{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
.bodytext a:hover{text-decoration: underline;font-family: Arial;font-size:12px;color: #7989A7;font-weight: bold;}	
a img { border : none; }

	/* link styles for heading 2 */	
.h2 a:visited{text-decoration: underline;color: #356788;font-family:verdana;font-size: 16px;font-weight: bold;}
.h2 a:active{text-decoration: underline;color: #356788;font-family:verdana;font-size: 16px;font-weight: bold;}
.h2 a:link{text-decoration: underline;color: #356788;font-family:verdana;font-size: 16px;font-weight: bold;}
.h2 a:hover{text-decoration: underline;color: #6B95AE;font-family:verdana;font-size: 14px;font-weight: bold;}

	/* link styles for footer */	
#footer a:visited{text-decoration: underline;font-family: Arial;font-size:11px;color: #51678F;font-weight: bold;}	
#footer a:active{text-decoration: underline;font-family: Arial;font-size:11px;color:#51678F;font-weight: bold;}	
#footer a:link{text-decoration: underline;font-family: Arial;font-size:11px;color:#51678F;font-weight: bold;}	
#footer a:hover{text-decoration: underline;font-family: Arial;font-size:11px;color: #7989A7;font-weight: bold;}	

a img { border : none; }