/* Remedy Comptuer & Web Services Inc. - BackupIsland.com ------------------------------------------------------------- */
/* Site & Styles Creation by David S. Wheeler ------------------------------------------------------------------------- */
/* Site & Styles Production 2007 -------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------ */
/* Setup Styles---------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */
html {
	height: 100%;
	}

body {
	margin: 0 auto;
	background-image: url(images/bg.jpg);
	height: 100%;
	text-align: center;
}

#container {
	background: url(images/bg-container.jpg) repeat-y;
    margin: 0px auto;
    width: 972px;
	height: auto;
	text-align: center;
	border: 1px #FFFFFF solid;
	display: inline-block;
}

.topnav {
	width: 880px;
	height: 20px;
	background: url(images/phone_bar.gif) no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	margin: 0px auto;
	padding-top: 5px;
	padding-right: 20px;
}
	.topnav a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		}	
	
	.topnav a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #CCCCCC;
		text-decoration: underline;
		}

.bp_main_container {
	background: url(images/bg_backpage.jpg) top repeat-y #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	display: table;
	padding: 0px;
	text-align: left;
    margin: 0px auto;
	width: 900px;
	height: 100% auto;
	}
	
.bp_title {
	background: #000000 top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #ADDFEF;
	float: right;
	margin: 0px auto;
	display: inline;
	width: 638px;
	text-align: left;
	padding: 0px 20px 10px 20px;
	border-bottom: 1px #CCCCCC solid;
	}
	
.bp_title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #53A5D9;
	}
	
/* ------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------- End */	
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* Index & Site Styles ------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */

.flash_holder1 {
    margin: 0px auto;
	width: 900px;
	height: 148px;
	display: table;
	}

.main_image_container {
    margin: 0px auto;
	width: 900px;
	display: table;
	}
	
.flash_holder2 {
	background: #000000 url(images/island_girl.jpg) no-repeat top;
    margin: 0px auto;
	width: 603px;
	height: 243px;
	display: inline;
	float: left;
	}
	
.flash_holder3 {
    margin: 0px auto;
	width: 297px;
	height: 243px;
	display: inline;
	float: left;
	}
	.flash_holder3 img {
		border: 0px;
		}

.ad_placement {
	padding: 0px;
    margin: 0px auto;
	width: 900px;
	height: 156px;
	display: inline-block;
	}
	
.copyright {
	width: 430px;
	height: 28px;
	padding-top: 12px;
	padding-right: 20px;
	margin: 0px;
	margin-right: 36px;
	background: url(images/bottom-bg.jpg) repeat-x #232323;
	text-align: right;
	display: inline;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAAAAA;
}

.copyrightnav {
	width: 430px;
	height: 28px;
	padding-top: 12px;
	padding-left: 20px;
	margin: 0px;
	margin-left: 36px;
	background: url(images/bottom-bg.jpg) repeat-x #232323;
	text-align: left;
	display: inline;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAAAAA;
}
	.copyrightnav a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: underline;
		}
	.copyrightnav a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #CCCCCC;
		text-decoration: none;
		}
		
.text_container {
	background: #000000;
	margin: 0px auto;
	padding: 25px 20px 50px 20px;
	width: 860px;
	height: 100%;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}
	.text_container h1 {
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #ABDEEF;
	font-size: 14px;
	font-weight: bold;
	}
	.text_container a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	}
	.text_container a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ADDFEF;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	}
.bp_text_container {	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 638px;
	background: #000000;
	margin: 0px auto;
	float: right;
	display: inline;
	height: 100% auto;
	text-align: left;
	padding: 20px;
	}
	.bp_text_container h1 {
		display: inline;
		text-align: left;
		padding: 10px 0px 10px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 14px;
		color: #53A5D9;
		}
	.bp_text_container a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
		text-align: left;
		text-decoration: underline;
		}
	.bp_text_container a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ADDFEF;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		}
.bp_aboutus img{
	background: top;
	display: inline;
	float: right;
	border: 1px #CCCCCC solid;
	margin: 0px 0px 15px 15px;
	}
	
/* ------------------------------------------------------------------------------------------------ */
/* Subnav Area ---------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */

.bp_subnav {
	float: left;
	margin: 0px auto;
	padding: 0px;
	width: 220px;
	height: 100%;
	display: inline;
	border-top: 1px #666666 solid;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
.subnav_container {
	background: #FFFFFF;
	height: 100%;
	display: block;
	margin: 14px 15px 15px 15px;
	width: 191px;
	}
	
	.subnav_container a {
		background: url(images/bg_subnav.jpg) no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		width: 179px;
		*width: 181px;
		font-weight: bold;
		text-decoration: none;
		float: left;
		padding-left: 10px;
		height: 28px;
		padding-top: 12px;
		}

	.subnav_container a:hover {
		background: #E9E9E9;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		width: 179px;
		*width: 181px;
		font-weight: bold;
		text-decoration: none;
		padding-left: 10px;
		height: 28px;
		float: left;
		padding-top: 12px;
		}
		
.no_nav {
	background: url(images/sub-nav-bg.gif) repeat-x #166AD1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 179px;
	*width: 181px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
	height: 28px;
	float: left;
	padding-top: 12px;
	font-weight: bold;
	}
	
.cclist {
	background: #CCCCCC; 
	float: left;
	padding: 20px 0px 0px 0px;
	margin: 20px 10px 10px 15px;
	*margin: 0px 15px 15px 15px;
	width: 187px;
	*width: 189px;
	height: 40px;
	display: table;
	border: 1px #FFFFFF solid;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	.cclist img {
		display: inline;
		}
		
.faqs_question {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 14px;
	color: #ADDFEF;
	}

.faqs_container {
	float: none;
	display: table;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	}

.numbers {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 12px;
	width: 20px;
	float: left;
	display: inline;
	position: static;
	text-align: right;
	}
	
.questions {
	width: 610px;
	float: right;
	display: inline;
	position: inherit;
	text-align: left;
	}
	.questions a {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;	
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: underline;
		}
	.questions a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;	
		font-size: 12px;
		color: #ADDFEF;
		text-decoration: none;
		}

.faqs_container2 {
	float: none;
	display: table;
	width: 600px;
	text-align: center;
	}

	
/* ------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------- End */	
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* No SubNav Page Styles ------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */

.bp_main_container_no_nav {
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: table;
	color: #FFFFFF;
	padding: 0px;
	text-align: left;
    margin: 0px auto;
	width: 900px;
	height: 100% auto;
	float: none;
	}
	
.bp_title_no_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #ADDFEF;
	background: #000000;
	float: right;
	margin: 0px auto;
	display: inline;
	width: 860px;
	text-align: left;
	padding: 0px 20px 10px 20px;
	border-bottom: 1px #CCCCCC solid;
	}
	
.bp_text_container_no_nav {	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 860px;
	background: #000000;
	margin: 0px auto;
	float: right;
	display: inline;
	height: 100% auto;
	text-align: left;
	padding: 20px;
	}
	.bp_text_container_no_nav h1 {
		display: inline;
		text-align: left;
		padding: 10px 0px 10px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 14px;
		color: #53A5D9;
		}
	.bp_text_container_no_nav a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
		text-align: left;
		text-decoration: underline;
		}
	.bp_text_container_no_nav a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ADDFEF;
		font-weight: bold;
		text-align: left;
		text-decoration: none;
		}

/* ------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------- End */	
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* Form Styles ------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------- Form Styles */

.dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-weight: normal;
	color: #000000;
	WIDTH: 292px; 
	text-decoration: none;
}
.Formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F60001;
}
.leadform {
	BORDER-RIGHT: #E1D4BE 1px solid;
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #E1D4BE 1px solid;
	PADDING-LEFT: 4px; 
	background-image: url(images/inputshadow1.jpg);
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #E1D4BE 1px solid; 
	WIDTH: 292px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #E1D4BE 1px solid; 
	HEIGHT: 20px; 
	BACKGROUND-COLOR: #ffffff;
}
.leadform2 {
	BORDER-RIGHT: #E1D4BE 1px solid;
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #E1D4BE 1px solid;
	PADDING-LEFT: 4px; 
	background-image: url(images/inputshadow2.jpg);
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #E1D4BE 1px solid; 
	WIDTH: 292px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #E1D4BE 1px solid; 
	HEIGHT: 75px; 
	BACKGROUND-COLOR: #ffffff;
}
.leadformsmall2 {
	BORDER-RIGHT: #E1D4BE 1px solid;
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #E1D4BE 1px solid;
	PADDING-LEFT: 4px; 
	background-image: url(images/inputshadow2.jpg);
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #E1D4BE 1px solid; 
	WIDTH: 120px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #E1D4BE 1px solid; 
	HEIGHT: 90px; 
	BACKGROUND-COLOR: #ffffff;
}
.leadform3 {	
	BORDER-RIGHT: #E1D4BE 1px solid; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #E1D4BE 1px solid; 
	PADDING-LEFT: 4px; 
	background-image: url(images/inputshadow3.jpg); 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #E1D4BE 1px solid; 
	WIDTH: 60px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #E1D4BE 1px solid; 
	HEIGHT: 20px; 
	BACKGROUND-COLOR: #ffffff	
}
.leadform4 {	
	BORDER-RIGHT: #E1D4BE 1px solid; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #E1D4BE 1px solid; 
	PADDING-LEFT: 4px; 
	background-image: url(images/inputshadow4.jpg); 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #E1D4BE 1px solid; 
	WIDTH: 125px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #E1D4BE 1px solid; 
	HEIGHT: 20px; 
	BACKGROUND-COLOR: #ffffff	
}
.leadform5 {	
	BORDER-RIGHT: #E1D4BE 1px solid; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #E1D4BE 1px solid; 
	PADDING-LEFT: 4px; 
	background-image: url(images/inputshadow4.jpg); 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #E1D4BE 1px solid; 
	WIDTH: 120px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #E1D4BE 1px solid; 
	HEIGHT: 20px; 
	BACKGROUND-COLOR: #ffffff	
}
.leadformdropdown {
	BORDER-RIGHT: #E1D4BE 1px solid;
	font-size: 12px;
	color: #666666;
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #E1D4BE 1px solid;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #E1D4BE 1px solid; 
	WIDTH: 302px;
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #E1D4BE 1px solid; 
	HEIGHT: 20px; 
	BACKGROUND-COLOR: #ffffff;
}
.Button {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-image: url(images/inputbuttonbg.gif);
	color: #FFFFFF;
	Height: 25px; 
	text-decoration: none;
	border: 1px solid #186BD1;
}
.secure {
	background: #FFFFFF; 
	float: left;
	padding: 0px 0px 0px 45px;
	*padding: 0px 0px 0px 0px;
	margin: 10px 0px 15px 15px;
	*margin: 0px 15px 15px 15px;
	width: 142px;
	*width: 189px;
	height: auto;
	display: table;
	border: 1px #FFFFFF solid;
	text-align: center;
	}

/* ------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------- End */	
/* ------------------------------------------------------------------------------------------------ */
