body {margin: 0; padding: 0; font-size: 12px; font-family: Arial, Verdana}

a {text-decoration: none}

a:hover {color: #B600B6}

img {display: block; border: 0}

:focus {outline: none}

#main {width: 960px;}

	#content {width: 945px; margin: 5px 0 0 0; padding: 0 0 0 15px; background: url(../img/menu.gif) repeat-y 666px top; overflow: hidden}

	#inline {float: left; width: 630px}

	#menu {float: right; width: 268px; padding: 10px 0 0 28px;}

		#menu a {display: block; margin: 0 0 22px 0}

/* front */
	
	#front_city {}

		#front_city .heading h3 {margin: 0; padding: 15px 0 15px 5px; font-size: 21px}

		#front_city .list {width: 100%; padding: 0 0 8px 0; border-bottom: 1px solid #C0C0C0; overflow: hidden}

			#front_city .item {float: left; width: 192px; display: inline; margin: 0 8px}

			#front_city .item a {display: block; color: #4400a1}

				#front_city .item a .city_link {display: block; padding: 12px 0; background: url(../img/front_city/link_icon.gif) no-repeat 140px 15px}
				
				#front_city .item a .city_link span {border-bottom: 1px #d0bfe7 solid;}

	#front_advertis {width: 100%; padding: 16px 0; overflow: hidden}

		#front_advertis img {margin: auto}

/* location */

#location {width: 610px; padding: 10px; border-bottom: 1px solid #C0C0C0; overflow: hidden}
	
	#location .heading h3 {margin: 0; padding: 5px 0 8px 0px; font-size: 21px; color: #010101;}
	
	#choose_location .check {float: left; padding: 0 10px 0 0; line-height: 33px; font-size: 13px; color: #2f2f2f;}

	#choose_location .city_button {margin: 0 5px 0 0;}
	
	#choose_location .city_button span {color: #4400a1; font-weight: normal;}

/* offer */

#offer {width: 610px; padding: 10px 10px; overflow: hidden}
	
	#offer .heading h3 {margin: 0; padding: 5px 0 20px 0px; font-size: 21px; color: #010101;}

	#offer .city_intro {padding: 10px 0 14px 0; overflow: hidden;}
	
	#offer .city_intro2 {width: 100%; padding: 25px 0 14px 0; overflow: hidden;}
	
	#offer .city_intro img, #offer .city_intro2 img {float: left;}

	#offer .offer_box {background: #E4E4E4;}

	#offer .offer_box_top {background: url(../img/offer/offer_top.gif) no-repeat top center}

	#offer .offer_box_bottom {background: url(../img/offer/offer_bottom.gif) no-repeat bottom center}

		#offer .list {width: 588px; padding: 11px; overflow: hidden}

			#offer .list .item {float: left; width: 288px; height: 117px; padding: 6px 0 0 0; background: url(../img/offer/border.gif) repeat-x bottom center}

				#offer .item img {float: left; width: 118px; margin: 0 8px 0 0}

				#offer .item .text {display: block; float: left; width: 162px; padding: 8px 0 0 0}

				#offer .item .special_button {position: absolute; margin: 67px 0 0 0}

			#offer .list .separator {float: left; width: 12px; height: 10px}

			#offer .list .last {background: none}

	
	#offer .title {margin: 0 11px; padding: 10px 0 0 0;}

		#offer .title h1 {margin: 0; padding: 0; font-size: 21px; color: #2f2f2f; font-weight: bold}

	#offer .offer_item {width: 588px; padding: 11px; overflow: hidden}

		#offer .offer_item .picture {float: left; width: 190px; padding: 0 15px 0 0; color: #2f2f2f;}

			#offer .offer_item .picture img {display: block; margin: 0 0 12px 0}
			
			#offer .offer_item .picture .price {display: block; font-size: 14px;}
			
			#offer .offer_item .picture .date {display: block; font-size: 12px;}
			
			#offer .offer_item .picture .line {clear: both; width: 100%; height: 2px; overflow: hidden; margin: 25px 0 5px 0; background-color: #c1c1c1;}
			
			#offer .offer_item .picture .info span {display: block; padding: 5px 0 0 0;}
			
			#offer .offer_item .picture .info a {color: #4400a1; text-decoration: underline;}

		#offer .offer_item .description {float: left; width: 383px}
		
		#offer .offer_item .description p {font-size: 12px; color: #2f2f2f; line-height: 16px; margin: 0 0 0; padding: 0 0 15px 0;}
		
		#offer .offer_item .description a {color: #4400a1; text-decoration: underline;}
		
		#offer .offer_item .description ul {list-style: none; margin: 7px 0 10px 0; padding: 0;}
		
		#offer .offer_item .description ul li {padding: 0 0 4px 12px; background: url(../img/offer_item/arrow.gif) no-repeat left 6px}
		
#offer .next_prev {clear: both; width: 100%; overflow: hidden; padding: 15px 0 13px 0;}

	#offer .next_prev .prev {float: left; padding: 0 8px 0 10px;}

	#offer .next_prev .prev a {display: block; font-size: 12px; color: #4400a1; text-decoration: underline; padding: 0 0 0 12px; background: url('../img/arrow_prev.gif') top left no-repeat;}

	#offer .next_prev .next {float: left; padding: 0 0 0 10px;}

	#offer .next_prev .next a {dispaly: block; font-size: 12px; color: #4400a1; text-decoration: underline; padding: 0 12px 0 0; background: url('../img/arrow_next.gif') top right no-repeat;}

#offer .other_city {clear: both; width: 100%; overflow: hidden; padding: 15px 0 0 0;}

	#offer .other_city span {float: left; padding: 0 10px 0 10px; font-size: 13px; color: #010101;}

	#offer .other_city a {float: left; padding: 0 12px 0 0; margin: 0 13px 0 0; font-size: 13px; color: #4400a1; text-decoration: underline; background: url('../img/arrow_next2.gif') top right no-repeat;}
	
/* place */

#place {float: left;}

	#place ul {width: 395px; margin: 0; padding: 7px 0 30px 0; list-style: none; overflow: hidden}

	#place ul li {float: left; margin: 0; padding: 0; font-size: 16px;}

	#place ul li a {float: left; margin: 3px 19px 0 4px; padding: 0 15px 0 0; color: #4400a1; background: url('../img/place/arrow.gif') no-repeat center right; text-decoration: underline}

	#place ul li span {display: block; float: left; padding: 0 15px 0 0; font-size: 21px; color: #010101; font-weight: bold;}

#place_pictures {float: right; margin: 0 0 0 20px}

	#place_pictures img {margin: 0 0 25px 0; padding: 4px; border: 1px #d5d5d5 solid;}
	
	#place_text {clear: both;}
	
	#place_text2 {float: left; width: 395px; font-size: 12px; line-height: 16px; color: #010101;}
	
	#place_text p, #place_text2 p {margin: 0; padding: 0 0 15px 0;}
	
	#place_text .button, #place_text2 .button {float: left; height: 38px; margin: 0 0 20px 0; font-size: 14px; color: #fff; outline: none; background: url('../img/place/button_left.gif') no-repeat;}
	
	#place_text .button span, #place_text2 .button span {float: left; height: 38px; line-height: 33px; padding: 0 50px 0 25px; background: url('../img/place/button_right.gif') top right no-repeat;}
	
	#place_text p.lead, #place_text2 p.lead {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 22px;}

	.place_other_city {clear: both; width: 100%; overflow: hidden; margin: 20px 0 0 0; padding: 15px 0 20px 0; border-top: 1px #c0c0c0 solid;}

	.place_other_city span {float: left; padding: 0 10px 0 0; font-size: 13px; color: #010101;}

	.place_other_city a {float: left; padding: 0 12px 0 0; margin: 0 13px 0 0; font-size: 13px; color: #4400a1; text-decoration: underline; background: url('../img/arrow_next2.gif') top right no-repeat;}

/* colors */

#front_city .heading h3, #front_offers .item h3, #front_offers .item .arrow, .city_button span, #offer .offer_item h3, #offer .offer_item .what, a {color: #575757}

.city_button {display: block; float: left; padding: 0 45px 0 0; background: url(../img/location/city_button_right.gif) no-repeat top right; text-decoration: none}

.city_button span {display: block; float: left; height: 36px; padding: 0 0 0 15px; background: url(../img/location/city_button_left.gif) no-repeat top left; line-height: 34px; font-size: 16px; font-weight: bold; cursor: pointer}

.special_button {display: block; float: left; padding: 0 30px 0 0; background: url(../img/offer/special_button_right.gif) no-repeat top right; text-decoration: none}

.special_button span {display: block; float: left; height: 36px; padding: 0 0 0 12px; background: url(../img/offer/special_button_left.gif) no-repeat top left; text-transform: uppercase; line-height: 28px; font-size: 11px; color: #FFF; cursor: pointer}