/* Billing Solutions CSS Document by XENO10 Derek Vigil 2008 */

/* Table of Contents:

	Basic
	Content
	Home Graphics
*/

/* Basic 
--------------------------------------------------------------------------------------- */
html>body {
	height:100%;
}
html {
	height:100%;
}
html body {
	height:100%;
}
* html {
	height:100%;
}

body {
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	font-family:Arial Black, Helvetica, sans-serif;
	font-color:#ff2990;
	font-size:0.8em;
	margin:0;
}

p {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height:20px;
	page-break-after:avoid;
	page-break-inside:avoid;	
}

h2 {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #666;
	line-height:20px;
	page-break-after:avoid;
	page-break-inside:avoid;	
}

a {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0699f9;
	line-height:20px;
	page-break-after:avoid;
	page-break-inside:avoid;
	text-decoration:none;
}

a:visted {
	color : #0699f9;
	text-decoration : none;
}

a:active {
	color : #0699f9;
	text-decoration : none;
}

a:hover {
	color : #2867d8;
	text-decoration:none;
}

p.footer {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	color: #666;	
}

a.footer  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	color: #0699f9;
	text-decoration:none;
}

a.footer:visited  {
	color : #0699f9;
	text-decoration : none;
}
	
a.footer:active  {
	color : #0699f9;
	text-decoration : none;
}

a.footer:hover  {
	color : #2867d8;
	text-decoration:none;
}



/* Section - Content
--------------------------------------------------------------------------------------- */
#content-wrapper {
	position:absolute;
	overflow:hidden;
	width:950px;
	height:840px;
	z-index:1;
	left:50%;
	top:0;
	margin-left:-475px;
}

#nav {
	position:absolute;
	overflow:hidden;
	right:89px;
	top:10px;
}

	#menu {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  width: 500px;
	  height: 61px;
	  background: url(../images/menu-bg.jpg) no-repeat;
	  position: relative;
	}

	#menu span {
	  display: none;
	  position: absolute;
	}

	#menu a {
	  display: block;
	  text-indent: -900%;
	  position: absolute;
	  outline: none;
	}

	#menu a:hover {
  		background-position: left bottom;
	}
	
	#menu a:hover span {
		display: block;
	}
		
	#menu .about {
	  width: 121px;
	  height: 44px;
	  background: url(../images/about.gif) no-repeat;
	  left: 8px;
	  top: 0px;
	}

	#menu .about span {
	  width: 121px;
	  height: 44px;
	  background: url(../images/about.gif) no-repeat;
	  left: 0px;
	  top: -44px;
	}

	#menu .services {
	  width: 119px;
	  height: 44px;
	  background: url(../images/services.gif) no-repeat;
	  left: 130px;
	  top: 0px;
	}

	#menu .services span {
	  width: 119px;
	  height: 44px;
	  background: url(../images/services.gif) no-repeat;
	  left: 130px;
	  top: -44px;
	}
	
	#menu .benefits {
	  width: 119px;
	  height: 44px;
	  background: url(../images/benefits.gif) no-repeat;
	  left: 250px;
	  top: 0px;
	}
	
	#menu .benefits span {
	  width: 119px;
	  height: 44px;
	  background: url(../images/benefits.gif) no-repeat;
	  left: 250px;
	  top: -44px;
	}
	
	#menu .contact {
	  width: 121px;
	  height: 44px;
	  background: url(../images/contact.gif) no-repeat;
	  left: 372px;
	  top: 0px;
	}
	
	#menu .contact span {
	  width: 121px;
	  height: 44px;
	  background: url(../images/contact.gif) no-repeat;
	  left: 372px;
	  top: -44px;
	}
	
#logo {
	position:absolute;
	overflow:hidden;
	left:15px;
	top:4px;
}

#footer {
	position:absolute;
	overflow:hidden;
	left:98px;
	bottom:10px;
	text-align:center;
}


/* Section - Home Graphics
--------------------------------------------------------------------------------------- */
#mainhome {
	position:absolute;
	overflow:hidden;
	left:-14.5px;
	top:110px;
}

#index_title {
	position:absolute;
	overflow:hidden;
	left:168px;
	top:520px;
}

#index_text {
	position:absolute;
	overflow:hidden;
	left:168px;
	top:585px;
	width:400px;
}

#index_testimonials {
	position:absolute;
	right:75px;
	top:585px;
	width:210px;
}

#quote-show {
	position:absolute;
	left:0px;
	top:0px;
	width:210px;
}
		
	#quote-show p {
		display:inline;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size: 13px;
		color: #f27c06;
		line-height:20px;
		page-break-after:avoid;
		page-break-inside:avoid;	
	}

#stackpaper {
	position:absolute;
	top:328px;
	left:568px;
	height:453px;
	width:346px;
	z-index:5;
	background-image:url(../images/stackpaper.jpg);
	background-repeat:no-repeat;
}

#hugg {
	position:absolute;
	top:434px;
	left:568px;
	height:246px;
	width:320px;
	z-index:5;
	background-image:url(../images/hugg.jpg);
	background-repeat:no-repeat;
}