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

body {
	background: url(../images/bg.gif) repeat-x #115793;
	margin:0;
	padding:0;
	height:100%;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666;}
	
#map {color:#333;}

#wrap { width:860px; margin:0 auto; height:auto; min-height:100%;}

h2 {font-size:27px; color:#FF126C; font-weight:bold; padding:0; margin-top:0;}/* PINK ON BLUE*/
h3 {font-size:27px; color:#FF126C; font-weight:bold; padding:0;}/* PINK ON WHITE*/
h4 {font-size:17px; color:#105794; font-weight:bold; padding:0;}/* BLUE HEADER*/
h5 {font-size:14px; color:#FF126C; font-weight:bold; margin-top:0;}/* SMALL PINK HEADER*/
.blue {color:#105793;}
.small-white {color:#FFF; font-weight:bold;}
.tbl { border:1px solid #CECFD0;}

#header {float:left; width:860px; height:179px; margin:30px 0 0 0;}
#small-header {float:left; width:860px; height:179px; margin:30px 0 20px 0;}
.logo {float:left; width:317px; height:41px}
.menu {float:right; width:540px; height:40px; border:1px solid #DDD; background:#F4F4F4;}
.banner {float:left; width:820px; height:72px; margin:26px 0 0 0; padding:20px 0 0 40px; background:url(../images/banner.gif) no-repeat; font-size:19px; font-weight:bold;}
#steps {float:left; width:860px; height:209px; margin:0 0 40px 0; font-size:13px; color:#FF126C; font-weight:bold;}
.step1 {float:left; width:200px; height:143px; margin-right:40px; padding:64px 40px 0 20px; text-align:center; background:url(../images/step1.gif) no-repeat;}
.step2 {float:left; width:200px; height:143px; margin-right:40px; padding:64px 30px 0 30px; text-align:right; background:url(../images/step2.gif) no-repeat;}
.step3 {float:right; width:210px; height:143px; padding:64px 30px 0 20px; text-align:right; background:url(../images/step3.gif) no-repeat;}

#m-body {float:left; width:860px; height:100%; padding-bottom:110px;}
.maps {float:right; width:351px; height:31px;}
.b-left {float:left; width:561px; margin-right:29px; font-size:16px; color:#fff; font-weight:bold;}
.b-left2 {float:left; width:541px; padding:0 10px; margin-right:29px; font-size:16px; color:#fff; font-weight:bold;}
.contact {float:left; width:561px; background: #FFF; margin-right:29px; font-size:16px; color: #333; font-weight:bold;}
.prices {float:left; width:541px; padding:0 10px 10px 10px; background: #FFF; margin-right:29px; font-size:16px; color: #333; font-weight:bold;}
.pricesxl {float:left; width:840px; padding:0 10px 10px 10px; background: #FFF; margin-right:29px; font-size:16px; color: #333; font-weight:bold;}
.b-right {float:right; width:270px;}
.rb-1 {float:right;}
.rb-2 {float:right; margin-top:40px; padding:50px 50px 0 10px; background: url(../images/feedback.gif) no-repeat; width:210px; height:120px;}
.rb-3 {float:right; margin-top:40px;}

/*#foot-wrap {position:fixed; bottom:0; left:0; width:100%;}*/
#foot-container {float:left; bottom:0; height:110px; width:100%; background:url(../images/ft-bg.jpg) repeat-x;}
/*#footwrap {float:left; width:860px; height:110px; background:url(../images/ft-bg.jpg) repeat-x;}*/
#footer { width:860px; margin:0 auto;}
.f-t {float:left; padding:0 0 0 339px; margin-top:30px;}
.f-l {float:left; width:274px; padding-top:45px; background:url(../images/contact.gif) no-repeat; height:65px;}
.f-m {float:left; width:400px; height:110px;}
.f-r {float:right; width:186px; padding-top:82px; height:28px;}

/*-----------------------------*/
/*-----------------------------*/
/*---------MENU STYLING--------*/
a {
		text-decoration:none; 
		color:#FF126C;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size:15px;
}

a.button_1 {
	width: 95px;
	height: 25px;
	display:block;
	/*margin-left:11px;*/
	text-align:center;
	padding:0 0 0 0;
	background:url(images/button1.gif) no-repeat;
	overflow:hidden;
}

a.button_1 {background-position: 0px 0px;}

a.button_1:hover {background-position: 0px -25px; text-decoration:none; color:#105794;}
	
	#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:540px; 
		height:25px;
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:9px 0 0 0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:0px; /*was originally 110px*/
		top:0; 
		
		/* should be higher than #box
		z-index:100; */

	}
	
	#lava ul li {
		
		/* give some spaces between the list items */
		margin:0 5px; 
		
		/* display the list item in single row */
		float:left;
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		height:25px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}