/* CSS Document */
body { margin:0px auto; background-color:#ccc;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; }
#mainbg{background:url(images/mainbg.gif) repeat-x center top; width:100%; height:404px;}
#container { width:920px; margin:0px auto }
#header { height:106px; color:#FFFFFF; }
.logo{background:url(images/logo.jpg) no-repeat center left; width:370px; height:50px;}
.phone{background:url(images/call-phone_1.jpg) no-repeat center top; width:300px; height:40px;}
.header_phone_font{font-size:30px; font-weight:bold; padding-left:20px;}
.cards{background:url(images/accepted_cards.jpg) no-repeat center top; width:300px; height:35px;}
#menu_area{width:920px; height:42px; background:url(images/menubg.jpg) repeat-x;}
.mleft{float:left; background:url(images/mleft.jpg) no-repeat; width:19px; height:42px;}
.mright{float:right; background:url(images/mright.jpg) no-repeat; width:306px; height:42px;}
#banner { height:256px; width:920px; background:url(images/bannerbg.gif) repeat-y;}
#nav_container { width:880px; padding:10px 20px; background-image:url(images/blue_bg.jpg); background-repeat:y}
#sidebar_nav { width:220px; padding-right:10px; float:left}
#sidebar_nav ul { margin:0px; padding:0px; font-weight:bold}
#sidebar_nav li { height:26px; width:216px; list-style: none; padding:3px 0px 0px; background-image:url(images/button.jpg); background-repeat:no-repeat}
#sidebar_nav li a { text-decoration:none; color:#FFFFFF; padding:10px 10px 0px 10px; }

#content_container{ width:880px; background-image:url(images/content_bg.jpg); background-repeat:repeat-y;
		padding:10px 20px; }
#content_bg_btm { width:920px; height:20px; background-image:url(images/content_bg_btm.jpg); background-repeat:no-repeat; background-position:bottom }
#content { width:620px; float:left; padding:0px 10px; }
#content p { padding:0px 10px; text-align:justify;}
#content_sidebar { width:240px; float:left; margin:0px auto }

#discounts { width:655px; padding:10px;} 

#footer { width:880px; padding:20px; text-align:left}
#footer a{ color:#000000; text-decoration:none}
#footer a:hover { text-decoration:underline}


h1 { color:#204d7f; padding-left:10px; }
h2 { color:#204d7f; padding-left:10px; font-size:20px; }
.float_right {float:right}
.float_left {float:left}
.clear { clear:both}
.padding_right { padding-right:2px; }

/* MENU STYLE */

#navimenu_container{
	float:left;
	width:595px; 
	height:42px;
}

#navimenu{
	width:595px; 
	height:42px; 
	padding: 0px;
}

#navimenu ul{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

#navimenu ul li{
	width:119px;
	float:left;
}

#navimenu ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:119px;
	height:42px;
	line-height:42px;
	background:url(images/navimenu.jpg);
}

#navimenu a:hover{
	font-size:14px;
	font-weight:bolder;
	color:#000000;
	text-decoration:none;
	background-position:0px -42px;
}

#navimenu a.active{
	font-size:14px;
	font-weight:bolder;
	color:#000000;
	text-decoration:none;
	background-position:0px -42px;
}

/* MAINBANNER STYLE */

#mb_area{
	float:left; 
	padding-left:12px; 
	width:900px; 
	height:256px;
}

.mbleft{
	float:left; 
	background:url(images/mbleft.jpg) no-repeat; 
	width:300px; 
	height:256px;
}

.mbmid{
	float:left; 
	background:url(images/mbmid.jpg) no-repeat; 
	width:300px; 
	height:256px;
}

.mbright{
	float:right; 
	background:url(images/mbright.jpg) no-repeat; 
	width:300px; 
	height:256px;
}

#mb_font h1{
	float:left; 
	margin:0; 
	padding:0;
	padding:69px 0 0 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#7D7F7E;
}

/* MID_AREA STYLE */

#mid_area{
	width:920px; 
	height:240px; 
	background:url(images/midbg.jpg) repeat-y;
	position:relative;
}

#mid_container{
	float:left; 
	padding-left:12px; 
	width:900px; 
	height:240px;
}

.mid_left{
	float:left; 
	width:240px; 
	height:240px;
}

.mid_right{
	float:right; 
	width:660px; 
	height:240px;
}

#leftnavi_container{
	float:left;
	padding:7px 0 0 14px;
	width:216px; 
	height:224px;
}

ul#leftnavi{
	margin:0;
	padding:0;
	list-style-type: none;
	width: 216px;
}

#leftnavi li {
	height: 28px;
	width: 216px;
}

#leftnavi li a {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	background-image:url(images/leftnav.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 200px;
	color: #FFFFFF;
	padding-left: 16px;
	line-height: 28px;
}

#leftnavi li a:hover {
	background-image:url(images/leftnav.jpg);
	background-position: 0px -28px;
	color:#000000;
}

#midbox_font h1{
	float:left;
	margin:0;
	padding:0;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	width:209px;
	height:30px;
	text-align:center;
}

#midright_container{
	float:left; 
	padding:8px 0 0 6px; 
	width:640px; 
	height:199px;
}

#midbox1{
	float:left; 
	width:209px; 
	height:199px;
}

#midbox2{
	float:left;
	padding-left:7px;
	width:209px; 
	height:199px;
}

#midbox3{
	float:right;
	width:209px; 
	height:199px;
}

.boxtop{
	background:url(images/box_top.jpg) no-repeat; 
	width:209px; 
	height:30px;
}

.box1_btm{
	background:url(images/box1.jpg) no-repeat; 
	width:209px; 
	height:169px;
}

.box2_btm{
	background:url(images/box2.jpg) no-repeat; 
	width:209px; 
	height:169px;
}

.box3_btm{
	background:url(images/box3.jpg) no-repeat; 
	width:209px; 
	height:169px;
}

#box1{
	float:right; 
	padding-top:111px; 
	width:97px; 
	height:58px;
}

#box1 a{
	display:block;
	background:url(images/box1_click.jpg) no-repeat;
	background-position:top;
	width:97px;
	height:58px;
}

#box1 a:hover{
	background:url(images/box1_click.jpg) no-repeat;
	background-position:bottom;
	width:97px;
	height:58px;
}

#box2{
	float:right; 
	padding-top:111px; 
	width:97px; 
	height:58px;
}

#box2 a{
	display:block;
	background:url(images/box2_click.jpg) no-repeat;
	background-position:top;
	width:97px;
	height:58px;
}

#box2 a:hover{
	background:url(images/box2_click.jpg) no-repeat;
	background-position:bottom;
	width:97px;
	height:58px;
}

#box3{
	float:right; 
	padding-top:111px; 
	width:97px; 
	height:58px;
}

#box3 a{
	display:block;
	background:url(images/box3_click.jpg) no-repeat;
	background-position:top;
	width:97px;
	height:58px;
}

#box3 a:hover{
	background:url(images/box3_click.jpg) no-repeat;
	background-position:bottom;
	width:97px;
	height:58px;
}

.reflection{
	clear:left; 
	margin-left:6px; 
	-margin-left:3px; 
	float:left; 
	background:url(images/reflection.jpg) no-repeat; 
	width:640px; 
	height:33px;
}

/* CONTENT IMAGES STYLE */

.image1{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image1.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image2{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image2.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image3{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image3.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image4{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image4.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image5{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image5.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image6{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image6.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image7{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image7.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image8{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image8.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image9{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image9.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image10{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image10.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image11{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image11.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

.image12{
	float:right; 
	padding-right:10px; 
	margin-left:8px; 
	background:url(images/image12.jpg) no-repeat; 
	width:300px; 
	height:200px;
}

/*Floating Image*/
#box{position: absolute; left: -220px;  border-right: 0px; padding: 0px;
}

#box div{margin: 10px 0;}
/*#Floating Image*/