@charset "utf-8";
/* CSS Document */

* { 
	padding: 0px; 
	margin: 0px; 
	}

html {
	height: 100%;
    overflow-y: scroll;	
	}	

body {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	background: url(../images/bg_main_tile.jpg) repeat-x;
	background-color:#ddd;
	height: 100%;
	line-height: 20px;
	}
	
a {
	color: #1b7ca4;
	text-decoration: none;
	outline: none;
	}
	
a:hover {
	color: #1e8ab6;
	text-decoration: underline;	
	}

.wrapper {
	width: 960px;
	background: url(../images/bg_outer_tile.png) repeat-y;	
	min-height: 100%;
	height: auto !important;
	height: 100%; 
	margin: 0 auto -213px; /* Same value as height */


	}
	
/* Header */

#header {
	position: relative;
	margin: 0 auto;	
	left: 0px;
	right: 0px;
	background: url(../images/bg_header.jpg) no-repeat;
	width: 960px;
	height: 144px;
	z-index: 999; /* Added for Sucker Fish Z-Index Bug, IE6 + IE7 moving the set z-index to the parent (the main ul) instead of the children (the subs) can solve this */		
	}	
	
#xl-logo {
	position: relative;
	top: 50px;
	left: 16px;
	}
	
#navigation-container {
	position: absolute;
	top: 90px;
	left: 449px;
		
	}

ul#navigation {
	position: relative;
	background: url(../images/bg_navigation.gif) no-repeat;
	width: 411px;
	height: 26px;

	
	}
	
ul#navigation li {
	float: left;
	list-style: none;
	list-style-type: none;
	}	
	
a.nav-main {	
	position: absolute;
	display: block;		
	text-indent: -9999px;
	height: 26px;	
	}
	
li#home a {
	width: 80px;
	}	
	
li#about-us a {
	left: 84px;
	width: 104px;
	}		
	
li#services a {
	left: 190px;
	width: 124px;
	}		
	
li#contact a {
	left: 316px;
	width: 95px;
	}			

ul#navigation li ul li {
	float: none;

	}

	
ul#navigation li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

ul#navigation li:hover ul#sub-about,  ul#navigation li.sfhover ul#sub-about{
	left: 82px;
	top: 23px;
	background-position: 0 0; /* Fix IE7 */	
/*	background-color: #1c6094;	*/
	background: url(../images/bg_nav_aboutus.gif) repeat-x;
	padding-top: 12px;	
	padding-bottom: 13px;
	padding-left: 23px;
	width: 209px;
	height: 85px;
	}	

ul#navigation li:hover ul#sub-services,  ul#navigation li.sfhover ul#sub-services{
	left: 190px;
	top: 23px;
	background-position: 0 0; /* Fix IE7 */	
/*	background-color: #1c6094;	*/
	background: url(../images/bg_navigation_services.gif) repeat-x;
	padding-top: 12px;	
	padding-bottom: 13px;
	padding-left: 23px;
	width: 221px;
	}	
	
ul#navigation li ul li a {
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	}
	
/*ul#navigation li ul li {
	background: url(../images/li_dble_arrow.gif) no-repeat;
	background-position: 0px 8px;
	padding-left: 10px;
	}	*/		

ul#navigation li ul li a:hover {
	color: #f0e3c1;
	text-decoration: underline;
	}
	
ul#navigation li ul li {
	background: url(../images/li_arrow.png) no-repeat;
	background-position: 0px 8px;
	padding-left: 12px;
	}		


#footer, .push {
	height: 213px;
    clear: both;	
	}
	
#footer {
	background: url(../images/bg_footer_tile.jpg) repeat-x;
	background-color:#ddd;	
	}	
	
#footer-container {
	position: relative;
	margin: 0 auto;	
	left: 0px;
	right: 0px;
	background: url(../images/bg_footer.jpg) no-repeat;
	width: 960px;
	height: 213px;
	}	
	
#footer p {
	text-align: center;
	font-size: 11px;
	}	
	


.nosize {
	position:absolute !important;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	}	

#outer-container {
	position: relative;
	width: 960px;
	margin: 0 auto;
/*	background: url(../images/bg_outer_tile.png) repeat-y;*/
/*	height: 100%;*/
	}	
	
#inner-container {	
	padding: 0px 20px 0px 20px; /* margin originally */
	height: 100%;
	}	
	
.content {
	padding: 0px 20px 0px 20px;
	}	

/* Home */
	
#quote-learn-more a {
	display: block;
	background: url(../images/ph_header_2_home.jpg) no-repeat;
	width: 920px;
	height: 252px;
	text-indent: -9999px;	
	}	
	
#home-container {
	background: url(../images/bg_home.gif) repeat-x;
	height: 400px;;
	}
	
#module-container {
	padding: 26px 22px 0px 22px;
	}	
	
.module {
	float: left;
	background: url(../images/bg_modules.png) no-repeat;
	width: 280px;
	height: 238px;
	line-height: 18px;
	}	
	
.module a {
	display: block;
	width: 260px;
	height: 67px;	
}
	
.module p {
	padding: 18px;
	}	
	
h3#subheader-email {
	position: relative;
	top: 6px;
	left: 6px;
	background: url(../images/header_email_marketing.png) no-repeat;
	width: 260px;
	height: 67px;
	text-indent: -9999px;
	}	
	
h3#subheader-callcenter {
	position: relative;
	top: 6px;
	left: 6px;
	background: url(../images/header_call_center.png) no-repeat;
	width: 260px;
	height: 67px;
	text-indent: -9999px;
	}
	
h3#subheader-interactive {
	position: relative;
	top: 6px;
	left: 6px;
	background: url(../images/header_interactive.png) no-repeat;
	width: 260px;
	height: 67px;
	text-indent: -9999px;
	}	
	
/* End Home */	

h2#email-marketing {
	background: url(../images/landing_email_marketing.jpg) no-repeat;
	width: 920px;
	height: 145px;
	text-indent: -9999px;
	}
	
h2#call-center {
	background: url(../images/landing_call_center.jpg) no-repeat;
	width: 920px;
	height: 145px;
	text-indent: -9999px;
	}	
	
h2#interactive-marketing {
	background: url(../images/landing_interactive_marketing.jpg) no-repeat;
	width: 920px;
	height: 145px;
	text-indent: -9999px;	
	}	

#sub-container {
	position: relative;
	margin: 18px 16px 16px 16px;

	background: url(../images/bg_sub_container.png) repeat-x;
	background-color: #fffbf4;	
/*	background: url(../images/bg_sub_container.gif) repeat-y;*/
	width: 882px;
	border-right: 6px solid #e3dfd9;
	border-bottom: 6px solid #e3dfd9;
	}
	
#sub-container-bg {
	position: relative;
	top: 0px;
	left: 882px;
	background: url(../images/bg_sub_container_vertical.gif);
	width: 6px;
	height: 11px;
	z-index: 10;
	}	
	
#sub-container h3 {
	padding: 14px 8px 0px 14px;
	font-size: 14px;
	}
		
#sub-container p {
	padding: 14px 8px 14px 14px;

	}		
	
ul#sub-list {
	padding: 0px 8px 14px 28px;
	font-size: 13px;	
	list-style: none;
	list-style-type: none;
	line-height: 18px;
	}	
	
ul#sub-list li {
	background: url(../images/bullet_blue_arrow.gif) no-repeat;
	background-position: 0px 4px;
	padding-left: 16px;
	}	

#quote-the-whole {
	background: url(../images/landing_about_quote.jpg) no-repeat;
	width: 920px;
	height: 145px;
	text-indent: -9999px;	
	}