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

body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	text-align:center;
}

a.spotlight:link {color: #FFFFFF;text-decoration: none; font-size: 12px;}
a.spotlight:visited {text-decoration: none;color: #FFFFFF; font-size: 12px;}
a.spotlight:hover {text-decoration: none;color: #000000; font-size: 12px;}
a.spotlight:active {text-decoration: none;color: #FFFFFF; font-size: 12px;}

#container {
	width:100%;
	margin:0;
	padding:0;
	position: relative;
}
	#header {
		width: 100%;
		height:99px;
		margin:0 auto;
		background-image: url(../images/nav/header_bg.png);
		background-position: top left;
		background-repeat: repeat-x;
	}
		#headerA {
			width:1000px;
			margin:0 auto;
			padding:0;
		}
			#logo {
				width:285px;
				heigh:99px;
				float:left;
				margin:0;
				padding:0;
			}
			#nav {
				width: 620px;
				height: 99px;
				float: right;
				margin:0;
				padding:0;
			}
				#nav h1 {
					font-family: "Trebuchet MS", "Myriad Pro", Arial;
					font-size: 30px;
					font-weight:bold;
					color: #fff;
					text-align:right;
					margin:6px 0 0 0;
					padding:0;
				}
				#nav p {
					color: #fff;
					text-align: right;
					margin:0;
					padding:0;
				}
				#nav ul {
					list-style: none;
					margin:0;
					padding:0;
				}
				#nav li {
					float: left;
					padding:0 20px;
					margin-top:10px;
				}
				#nav li a {
					font-size: 11px;
					font-weight:bold;
					color: #fff;
					text-decoration:none;
				}
					#nav li a:hover {
					font-size: 11px;
					font-weight:bold;
					color: #000000;
					text-decoration:none;
				}
				#nav li.seperator {
					border-right: 1px solid #fff;
				}
				#nav li.ender {
					margin-right:0;
					padding-right:0;
				}
				#nav h3 {
					font-family: "Trebuchet MS", "Myriad Pro", Arial;
					font-size: 12px;
					font-weight:bold;
					color: #fff;
					text-align:right;
					margin:1px 0 0 0;
					padding:0;
				}
	#promotional {
		width: 100%;
		height: 346px;
		margin:0 auto;
		background-color: #000;
	}
		#promoA {
			width:1000px;
			height: 346px;
			margin:0 auto;
			padding:0;
			background-image: url(../images/nav/promobg.jpg);
			background-position: top center;
			background-repeat: no-repeat;
		}
			#promoA .agent {
				position: absolute;
				float: left;
				top: 120px;
				left: 244px;
				margin:0 auto;
				padding:0;
				width:219px;
				height:309px;
			}
			#rayinfo {
				margin:230px 0 0 30px;
				width:327px;
				min-height:75px;
				float:left;
				text-align:left;
				font-size: 14px;
				color: #fff;
			}
			#videoplayer {
				width: 594px;
				height: 258px;
				margin: 46px 40px 42px 0;
				float:left;
				background-color: #e1e1e1;
				border: 1px solid #000;
				background-image: url(../images/nav/ComfortableHome.jpg);
			}
			
				#promotional2 {
		width: 100%;
		height: 236px;
		margin:0 auto;
		background-color: #000;
	}
			#promoA2 {
			width:1000px;
			height: 236px;
			margin:0 auto;
			padding:0;
			background-image: url(../images/nav/promobg2.jpg);
			background-position: top center;
			background-repeat: no-repeat;
		}
			#promoA2 .agent {
				position: absolute;
				float: left;
				top: 120px;
				left: 244px;
				margin:0 auto;
				padding:0;
				width:219px;
				height:309px;
			}
			#rayinfo2 {
				margin:125px 0 0 10px;
				width:327px;
				min-height:75px;
				float:left;
				text-align:left;
				font-size: 14px;
				color: #fff;
			}
			#videoplayer2 {
				background-image: url(../images/nav/theburbs.jpg);
				width: 750px;
				height: 155px;
				margin: -175px 0px 42px 210px;
				float:left;
				background-color: #e1e1e1;
				border: 3px solid #000;
				position:relative;
			}
	#wizzy {
		width: 100%;
		height:90px;
		margin:0 auto;
		padding:0;
		background: url(../images/nav/wizzy7bg.jpg) repeat-x top left;
		position: relative;
		text-align: center;
	}
		#wizzybox {
			width: 1000px;
			margin:0 auto;
			padding:0;
			height:90px;
			
		}
			#wizzybox .wizzy7 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #fff;
				text-align: left;
				margin:0;
				padding:1px;
				height:90px;
				width:1000px;
			}

		#spacer {
			width:100%;
			height:30px;
			background: url(../images/nav/spacerbg.jpg) top left repeat-x;
			position: relative;
			margin: 0;
			padding:0;
			
			
		}
	#body-container {
		width: 100%;
		background-color: #fff;
		margin:0;
		padding:0;
	}
		#body-box {
			width:1000px;
			min-height:215px;
			margin:0 auto;
			padding:0;
			
		}
			#body-box p {
				font-size: 14px;
				text-align:left;
				padding:20px;
				margin:0 auto;
			}
	#footer-box {
		width: 100%;
		background: url(../images/nav/footericonbg.jpg) repeat-x;
		height: 30px;
		margin:0;
		padding:0;
	}
		#footericons {
			width:1000px;
			margin:0 auto;
			padding:0
		}
		
#mainfooter {
	width:100%;
	height:55px;
	background-color: #1e1e1e;
	margin:0;
	padding:0;
	text-align:center;
}
	#mainfooterbox {
		width:1000px;
		margin:0 auto;
		padding:0;
		text-align:center;
	}
		#mainfooterbox p {
			font-size: 10px;
			color: #fff;
			padding:15px;
		}

.formContactLabel {text-align:right;font-weight:bold}
.formContactTitle {font-weight:bold}


/* carousel styles */
#slideBar {
	width: 1000px;
	height:90px;
	padding: 0;
	margin: 0;
	text-align:left;
	overflow:hidden;
	position:relative;
	top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	
	
}


#barContent{
	width: 800px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	 height:90px;
	 position:absolute;
	 top: 4px;
	 left: 100px;
	 right: 100px;
	 overflow:hidden; /* Hides extra elements, those outside the viewport area */
}
#barContent ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0;
	margin:0;/* Resets default - User Agent - style */
}

#barContent li{
	/*width: 100px;  Defines the size of inner element */
	
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	margin: 0px;
	padding: 0px;
	text-align:center;
	border:none;
}

#barcontent .data {width:240px;}

#barContent li img{
	margin:0;
	padding:0;
	border:none;
	float:left;
}

#sliderBloc {
	height:90px;
	margin:0;
	width:800px;
	overflow:hidden;
}
#barBloc a#previous
{
	float:left;
	text-indent:-9999px;
	cursor:pointer;
	width:14px;
	height:90px;
	margin:0;
	position:absolute;
	left: 50px;
	top: 0px;
	background-image: url(/images/nav/leftarrow.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#barBloc a#next {
	float:right;
	text-indent:-9999px;
	cursor:pointer;
	width:14px;
	height:90px;
	margin:0;
	position:absolute;
	left: 930px;
	top: 0px;
	background-image: url(/images/nav/rightarrow.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.marginBlock{
	margin-left:5px;
	margin-right:5px;
	
}

/*end carousel styles */

.formContactTable {background-color:#e5e5e5;
				width:380px;
				font-size:12px;}

.formContactTitle {font-color:#990000;
				font-size:18px;}

.formContactData {text-align:left;}

.formContactRequired {color:red;font-weight:bold}

.submit {background-color:#a50b0b;
		color:#fff;
		width:120px;}