.interface{
	width: 960px;
	margin: 0px auto;
	padding: 0;
	}
	#top-nav-wrapper{
		float: left;
		width: 960px;
		margin: 0;
		padding: 0;
		}
	#page-wrapper{
		float: left;
		width: 920px;
		margin: 0;
		padding: 20px;
		background-color: #fff;
		}
#footer-interface{
	width: 980px;
	margin: 0px auto;
	padding: 0;
	}
	#footer-wrapper{
		float: left;
		width: 940px;
		height: 60px;
		margin: 0 0 20px 0;
		padding: 0 20px;
		background: url(/templates/images/footer-bg.gif) left top no-repeat transparent;
		}
/**********		TOP-NAV		**********/
#top-nav{
	float: left;
	width: 100%;
	height: 19px;
	background: url(/templates/images/top-nav-bg.gif) left top repeat-x transparent;
	margin: 0 0 20px 0;
	padding: 1px 0 0 0;
	color: #ddd;
	text-shadow: 2px 2px 2px #111111;
	text-align: right;
	font-size: 11px;
	}
/**********		HEADER		**********/
#header{
	float: left;
	width: 920px;
	margin: 0 0 20px 0;
	padding: 0;
	}
	#logo{
		float: left;
		width: 300px;
		height: 90px;
		margin: 0;
		padding: 0;
		}
	#free-online-quote{
		float: right;
		width: 320px;
		height: 90px;
		margin: 0;
		padding: 0;
		}
/**********		MAIN-NAV		**********/
#main-nav{
	float: left;
	width: 920px;
	height: 31px;
	background: url(/templates/images/main-nav-bg.gif) left top repeat-x transparent;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 15px;
	text-transform: uppercase;
	}
	#main-nav a{
		color: #55c2b4;
		text-decoration: none;
		}
	#main-nav a:hover, a:focus{
		color: #0d6357;
		text-decoration: none;
		}
	#main-nav ul{
		float: left;
		display: inline;
		margin: 0;
		padding: 0;
		}				
		#main-nav li{
			float: left;
			display: inline;
			height: 23px;
			margin: 0;
			padding: 8px 25px 0 10px;
			background: url(/templates/images/icons/main-nav-bullet.gif) left 15px no-repeat transparent;
			}
/**********		CONTENT		**********/	
#content-container{
	float: left;
	width: 920px;
	margin: 0 0 20px 0;
	padding: 0;
	}
	#left-column{
		float: left;
		width: 170px;
		margin: 0 20px 0 0;
		padding: 0;
		}
	#right-column{
		float: right;
		width: 170px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
	#content{
		float: left;
		width: 540px;
		margin: 0;
		padding: 0;
		}
		#content .list-p{
			display:block;
			margin:0;
			padding:0;
			}
		#content ul{
			float: left;
			margin: 0 0 15px 0;
			padding: 0;
			}
		#content ul li{
			float: left;
			margin: 0 0 5px 0;
			padding: 0 0 0 20px;
			width: 520px;
			background: url(/templates/images/icons/bullet.gif) 0 7px no-repeat;
			}
/**********		SIDE COLUMNS		**********/
.side-columns{
	float: left;
	width: 170px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 12px;
	}
	.side-columns a{
		color: #0d6357;
		text-decoration: none;
		}
	.side-columns a:hover, .side-columns a:focus{
		color: #0d6357;
		font-weight: bold;
		text-decoration: none;
		}
	.side-columns ul{
		float: left;
		width: 170px;
		margin: 0;
		padding: 0;
		}				
		.side-columns li{
			margin: 0;
			padding: 7px 0;
			background: url(/templates/images/underline.gif) left bottom repeat-x transparent;
			}
	.side-columns-title{
		float: left;
		width: 154px;
		margin: 0 0 -2px 0;
		padding: 9px 8px 10px 8px;
		font-size: 15px;
		color: #fff;
		text-transform: uppercase;
		background: url(/templates/images/side-column-title-bg.gif) left bottom no-repeat #66c8bc;
		}
/*------------		CONTACT US		------------*/
.contact-details{
	float: left;
	width: 540px;
	padding: 20px 0;
	margin: 0;
	}
	#content .contact-details ul{
		float: left;
		width: 400px;
		margin: 0 0 10px 40px;
		padding: 0;
		list-style: none;
		}
		#content .contact-details ul li{
			float: left;
			width: 375px;
			padding: 0 0 0 25px;
			margin: 0;
			font-size: 14px;
			line-height: 18px;
			background: none;
			}
		#content .contact-details ul.postal-address{
			background: url(/templates/images/icons/address.gif) left top  no-repeat transparent;
			}
		#content .contact-details .phone-number{
			background: url(/templates/images/icons/phone.gif) left top  no-repeat transparent;
			}
		#content .contact-details .fax-number{
			background: url(/templates/images/icons/fax.gif) left top  no-repeat transparent;
			}
		#content .contact-details .email-address{
			background: url(/templates/images/icons/email.gif) left top no-repeat transparent;
			}					
/**********		FOOTER		**********/						
		#footer{
			float: left;
			width: 920px;
			margin: 0;
			padding: 18px 0 0 0;
			font-size: 11px;
			color: #ccc;
			}
			#footer a{
				color: #ccc;
				text-decoration: none;
				}
			#footer a:hover, a:focus{
				color: #bbb;
				text-decoration: none;
				}
			#footer ul{
				float: right;
				display: inline;
				margin: 0;
				padding: 0;
				}				
				#footer li{
					float: left;
					display: inline;
					margin: 0 0 0 5px;
					padding: 0;
					}
			#footer-left{
				float: left;
				width: 400px;
				margin: 0;
				padding: 0;
				}
			#footer-right{
				float: right;
				width: 400px;
				margin: 0;
				padding: 0;
				text-align: right;
				}
/************************************** POP-UP HELP TIP (blue question mark icon) ******************************************/
a.service-fee-info{
    position: relative; /*this is the key*/
    z-index: 24;
    text-decoration: none;
	}
a.service-fee-info:hover{
	z-index: 25;
	}
a.service-fee-info span{
	display: none;
	}
a.service-fee-info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
	bottom: 15px;
	left: 15px;	
	width: 310px;
	padding: 10px;
	margin: 0;
	border: 1px dashed #9ceee3;
	background-color: #eee;
	color: #666;
	font-size: 11px;
    text-align: center;
	-moz-box-shadow: 3px 3px 3px #999;
	}

a.discounting-margin-info{
    position: relative; /*this is the key*/
    z-index: 24;
    text-decoration: none;
	}
a.discounting-margin-info:hover{
	z-index: 25;
	}
a.discounting-margin-info span{
	display: none;
	}
a.discounting-margin-info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
	bottom: 15px;
	left: 15px;	
	width: 310px;
	padding: 10px;
	margin: 0;
	border: 1px dashed #9ceee3;
	background-color: #eee;
	color: #666;
	font-size: 11px;
    text-align: center;
	-moz-box-shadow: 3px 3px 3px #999;
	}
/************************************** POP-UP HELP TIP (blue question mark icon) ******************************************/