/*General Structure*/
body {
	background: url(../images/bg.png) repeat top left;
	text-align: center;
	color: #333333;	
}
b{
	color: #30608F;
}

ul.power{
	list-style: none;
	list-style-image: none;
}
ul.power li{
	padding: 3px 0px 2px 24px;
	background: url(../images/bullet.png) no-repeat left center;
	font-size: 14px;
}
ul.ball{
	list-style: none;
	list-style-image: none;
}
ul.ball li{
	padding: 3px 0px 2px 18px;
	background: url(../images/ballBullet.png) no-repeat left 9px;
}
div.hr{
	background: url(../images/hrBg.png) repeat-x center;
	height: 3px;
}
em.saving{
	color:#669933; 
}
/*Main Div*/
#mainDiv{
	width: 870px;
	margin: 0px auto;
	text-align: left;
}


/*Header and Menu*/
#header{
	width: 850px;
	height: 200px;
	margin: 0px 10px;
	background: #f7f7ea url(../images/headerBg.png) repeat-x bottom left;
	position: relative;
}
#logo{
	width: 375px;
	height: 180px;
	background: url(../images/logo.png) no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 20px;
}
#slogan{
	width: 418px;
	height: 95px;
	background: url(../images/slogan.png) no-repeat;
	position: absolute;
	top: 30px;
	right: 0px;
}
#shadow{
	width: 870px;
	height: 30px;
	background: url(../images/shadowBg.png) repeat-x top;
}
#shadowLeft{
	width: 9px;
	height: 30px;
	background: url(../images/shadowLeft.png) no-repeat left;
	float: left;
}
#shadowRight{
	width: 9px;
	height: 30px;
	background: url(../images/shadowRight.png) no-repeat left;
	float: right;
}
.topMenu{
	position: absolute;
	top: 10px;
	left: 700px;
	color: #669933;
}
/*Menu*/
#menuDiv{
	height: 45px;
	background: #f8f8ed url(../images/menuBg.png) repeat-x top left;
}
ul.menu{
	margin: 0px 0px 0px 275px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
}
ul.menu li{
	float: left;
	padding: 3px 7px;
	padding-bottom: 7px;
	position: relative;
}
ul.menu li:hover{
	background: url(../images/mItemTik.png) no-repeat center bottom;
}

ul.menu li ul{
	display: none;
	position: absolute;
	list-style: none;
	list-style-image: none;
	padding: 5px 3px;
	background: #3d6e9e;
	border: 1px solid #2b567f;
	z-index: 100;
}
ul.menu li ul#services{
	top: 35px;
	left: -35px;
	width: 150px;
}
ul.menu li ul li{
	background-image: none;
	padding: 1px 5px;
	margin: 3px 0px; 
	float: none;
	border-bottom: 1px solid #618cb7;
}
ul.menu li ul li:hover{
	background-image: none;
	background-color: #558bbf;
}
ul.menu li ul li a{
	color: #f7f7ea;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

ul.menu li:hover ul, li.active ul li{
	display:block;
	z-index: 100;
}

.menuItem{
	background: #3d6e9e;
	text-decoration: none;
	cursor: pointer;
}
.menuItem .left{
	width: 5px;
	height: 25px;
	display: block;
	float: left;
}
ul.menu li:hover .left{
	background: url(../images/mItemLeft.png) no-repeat center;
}
.active .left{
	background: url(../images/mItemLeft.png) no-repeat center;
}
.menuItem:hover .left{
	background: url(../images/mItemLeft.png) no-repeat center;
}
.menuItem .right{
	width: 5px;
	height: 25px;
	display: block;
	float: left;
}
ul.menu li:hover .right{
	background: url(../images/mItemRight.png) no-repeat center;	
}
.active .right{
	background: url(../images/mItemRight.png) no-repeat center;
}
.menuItem:hover .right{
	width: 5px;
	height: 25px;
	display: block;
	float: left;
	background: url(../images/mItemRight.png) no-repeat center;
}
.menuItem .text{
	padding: 2px 3px 2px 3px;
	display: block;
	float: left;
	color: #356493;
	font-size: 14px;
	letter-spacing: 1px;
}
ul.menu li:hover .text{
	background:#3d6e9e;
	color: #f7f7ea;
}
.menuItem:hover .text{
	background:#3d6e9e;
	color: #f7f7ea;
}
.active .text{
	background:#3d6e9e;
	color: #f7f7ea;
}

/*Into Images*/
#introImages{
	width: 900px;
	height: 225px;
	margin-left: -20px;
	background: transparent url(../images/imgBanner.png) no-repeat top left;
}
.introImg{
	position: absolute;
	width: 320px;
	height: 220px;
	background-repeat: no-repeat;
	background-position: top left;
}
#introImg1{
	background: url(../images/bannerImg1.png);
	top: 0px;
	left: -20px;
}
#introImg2{
	background: url(../images/bannerImg2.png);
	top: 3px;
	left: 275px;
	width: 310px;
}
#introImg3{
	background: url(../images/bannerImg3.png);
	top: 0px;
	left: 565px;
}
/*Middle Area*/
#middle{
	background: #fefefc;
}
/*Left Stype*/
#leftContent{
	width: 200px;
	padding: 20px;
	float: left;
}
.leftPart{
	border-top: 4px solid #efefc7;
	border-bottom: 1px solid #efefc7;
}
#rightContent{
	width: 600px;
	float: left;
}
.container{
	background: #fefef3;
}
.contentArea{
	padding: 5px;
	background: url(../images/contentBg.png) no-repeat left top;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
.content{
	padding: 5px 10px 5px 15px;
	font-size: 14px;
}
.content img{
	margin: 2px 5px;
	border:	3px solid #D6EEB7;
}

.pageTitle{
	font-size: 20px;
	margin: 20px 5px 0px 15px;
}

/*Footer*/
#footer{
	padding: 15px;
	background: #f7f7ea url(../images/footerBg.png) repeat-x top left;
	position: relative;
}
#chamber{
	position: absolute;
	left: 20px;
	top: 0px;
}
#ibs{
	position: absolute;
	right: 30px;
	top: 20px;
}
.footerMenu{
	text-align: center;
	color: #669933;
}
.copyright{
	margin: 5px;
	text-align: center;
	color: #999999;
}
.footerMenu a, .topMenu a{
	text-decoration: none;
	color: #30608F;
	margin: 2px 5px;
	padding: 1px 5px;
}
.footerMenu a:hover, .topMenu a:hover{
	background: #30608F;
	color: #fff;
}

/*Page Specific Style*/
#staff img{
	float: left;
}
a.insurances{
	float: left;
	margin: 0px;
}
a.insurances:hover img{
	border: 3px solid #bad597;	
}

/*Packs*/
.pack{
	width: 260px;
	margin: 10px;
	float: left;
	border: 0px solid;
}
.packTitle{
	height: 80px;
	width: 260px;
	background: url(../images/packs.png) left top no-repeat;
}

#gold{background-position: left -80px;}
#silver{background-position: left -160px;}
#bronze{background-position: left -240px;}
#loss{background-position: left -320px;}

/*Facebox style*/
.fan_box .full_widget .connect_top {
background:#ECEFF5 none repeat scroll 0 0 !important;
}
.fan_box .connect_top {
padding:10px 10px 8px !important;
}
