/*
-------------------
GOBAL STYLE RESETS
-------------------
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


ol, ul {
	list-style: none;
}

p{
	margin-top: .5em;
	margin-bottom: .3em;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}




/*
-------------------
MAIN ELEMENTS
-------------------
*/

body {
	margin: 0; padding: 0; text-align: center; background: #148595 url(../img/bg_main.gif) left top repeat-x; 
	}

#wrapper {
	position: relative;
	width: 760px;
	padding-right: 10px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: left;
}


/* =Header Layout
--------------------------------------------------------------------------------------- */
#header{
	margin: 0;
	padding: 0;
	text-align: left;
	height: 210px;
	}	
	#HeaderLeft{ float:left; width:180px; height:210px;}
	#HeaderRight{ float:right; width:580px; height: 210px;}
	
	
	#logo_main {
		position:relative;
		padding: 10px 0 0 20px;
		}
		#logo_main img {border:0;}
		
		
/* =Logo
--------------------------------------------------------------------------------------- */
#logo{
	position: relative;
    width:410px; height:90px;
	left: 170px;
}

#logo h1 a{
	position: relative;
    display:block;
    text-indent:-5000em;
    background:url(../img/bg_logo.jpg) right top no-repeat;
	text-align: left;
    width:410px;
    height:90px;
    /* Hack for IE PNG
    behavior: url(iepngfix.htc); */
}

	#details {
		background: url(../img/bg_details.gif) right top no-repeat;
		height: 120px; width: 580px;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; color:#3B75C9;
		
		}
		#details .FloatRight{ float:right; padding: 10px 0 0 0; width: 200px; line-height: 20px;}
		.blackText {
			color: #000000;
			}
		#details a:link, #details a:visited {
			text-decoration:none; color: #3B75C9;
			}
		#details a:hover, #details a:active {
			text-decoration:none; color: #000000; 
			}
/*
-------------------
CONTENT ELEMENTS
-------------------
*/



	#banner {
		background: #FFFFFF url(../img/bg_image.jpg) top left no-repeat;
		height: 220px;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 15px; color: #333333;
		line-height: 23px;
		text-align: left;
		word-spacing: 0px; letter-spacing: 1px;
		}
		#banner .FloatLeft{ float:left !important; padding: 90px 0 0 90px; }
		#banner .FloatRight{ float:right !important; padding: 15px 40px 0 0; }
	
	
	body#prices #banner {
		background: #FFFFFF url(../img/bg_image_prices.jpg) top left no-repeat;
		height: 80px;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 15px; color: #333333;
		line-height: 30px;
		text-align: left;
		word-spacing: 0px; letter-spacing: 1px;
		}
		body#prices #banner .FloatLeft{ float:left !important; padding: 20px 0 0 20px; }
		body#prices #banner .FloatRight{ float:right !important; padding: 20px 40px 0 0; }
		
	#service_tags {
		background: #FFFFFF url(../img/bg_service_tags.gif) top left no-repeat;
		height: 120px;
		padding-top: 30px;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 15px; color: #333333;
		line-height: 30px;
		text-align: center;
		word-spacing: 0px; letter-spacing: 1px;
		}
		.tag2 {
			color: #157886;
			}
	#service {
		background: #FFFFFF url(../img/bg_service_prices.gif) top left no-repeat;
		padding: 30px 0 10px 30px;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; color: #333333;
		line-height: 30px;
		text-align: left;
		word-spacing: 0px; letter-spacing: 1px;
		border-bottom: 1px solid #CCCCCC;  border-right: 1px solid #CCCCCC;
		}
	#service ul {
		padding: 5px 0 15px 20px;
		list-style-position: outside;
		
		}
		#service li {
			line-height: 20px;
			}
			#service .FloatLeft{ float:left !important; width: 350px; }
			#service .FloatRight{ float:right !important; width: 350px;}
		#service p.clear {
			clear: both;
			}
		.tag2 {
			color: #157886;
			}

/*
-------------------
FOOTER ELEMENTS
-------------------
*/

	#footer {
		clear: both; margin: 0; padding: 0;
		text-align: left; color: #A59683; width: 770px; height: 50px;
		margin-left: auto;
		margin-right: auto;
		background: url(../img/bg_footer.gif) top left no-repeat;
		word-spacing: 0px; letter-spacing: 1px;
		}
	#copyright {
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 11px; line-height: 50px; color: #000000;
	}

/*  Begin Footer */

	/* Miscellaneous */
	.floatleft{ float:left !important; padding-left: 10px; }
	.floatright{ float:right !important; padding-right: 10px;}