/* --------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
	
	Domain: MWS Properties
	Stylesheet: /ui/public/stylesheet/main.css
	Author: Ben Green - ChicoWebDesign.com
	Version: September 21 2009
	
-----------------------------------------------------------------------------------
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
GENERAL -------------------------------------------------------------------------------- */
.noclear {
	clear: none !important;
	}
.clear {
	clear: both;
	}
	br.clear {
		display: block !important;
		line-height: 0 !important;
		height: 0 !important;
		font-size: 0 !important;
		overflow: hidden !important;
		background: none;
		width: 0 !important;
		}
.fleft {
	float: left;
	}
	img.fleft {
		padding: 0 20px 0 0;
		}
		img.fleft.vertpad {
			padding: 10px 20px 10px 0;
		}
img.center {
	margin: 0 auto;
	}
.fright {
	float: right;
	}
	img.fright {
		padding: 0 0 0 20px;
		}
.fnone {
	float: none;
	}
.hidden {
	visibility: hidden;
	}
.dnone {
	display: none;
	}
.pbreak {
	page-break-before: always;
	}
		
/* --------------------------------------------------------------------------------
GLOBAL
-------------------------------------------------------------------------------- */
* {
	outline: none;
	margin: 0;
	padding: 0;
	}
	
	
/* --------------------------------------------------------------------------------
BODY
-------------------------------------------------------------------------------- */

body {
	background: #1e3127 url(../image/layout/top-bg.jpg) repeat-x top center;
	}
	
	
/* --------------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------------- */

#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 179px;
	}
	#header h1.logo {
		position: absolute;
		top: 8px;
		left: 0px;
		display: block;
		background: url(../image/layout/logo.gif) no-repeat 0 0;
		width: 207px;
		height: 112px;
		}
		#header h1.logo a {
			display: block;
			line-height: 112px;
			text-indent: -9999px;
			overflow: hidden;
			}
	#header h2.tag3 {
		position: absolute;
		right: 0;
		top: 25px;
		font: 14px Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		color: #fffde4;
		background: url(../image/layout/info-bubble.gif) no-repeat 0 0;
		width: 281px;
		height: 33px;
		line-height: 31px;
		text-align: center;
		}
	#header h2.tag1 {
		position: absolute;
		right: 0;
		top: 65px;
		font: 20px Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		color: #fff;
		}
	#header h3.tag2 {
		position: absolute;
		right: 5px;
		top: 92px;
		font: 15px Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		color: #1e3127;
		}
	#header ul.navigation {
		position: absolute;
		margin: 0;
		padding: 0;
		top: 124px;
		left: 30px;
		}
		#header ul.navigation li {
			list-style: none;
			float: left;
			margin: 0;
			padding: 0;
			}
			#header ul.navigation li a {
				float: left;
				display: block;
				font: 14px Arial, Helvetica, sans-serif;
				color: #d6d4b6;
				line-height: 36px;
				height: 36px;
				width: 114px;
				text-align: center;
				text-decoration: none;
				}
				#header ul.navigation li a:hover,
				#header ul.navigation li.active a {
					background: #1e3127;
					color: #fff;
					}
					
	
/* --------------------------------------------------------------------------------
PROPERTY LIST
-------------------------------------------------------------------------------- */
#proplist {
	width: 100%;
	background: url(../image/layout/list-bg.gif) repeat-x bottom left;
	}
	#proplist div.inner1 {
		margin: 0 auto;
		width: 970px;
		background: url(../image/layout/proplist-top.gif) no-repeat 0 -10px;
		}
	#proplist div.inner2 {
		width: 100%;
		height: 100%;
		background: url(../image/layout/proplist-bottom.gif) no-repeat bottom left;
		}
	ul.props {
		padding: 0 16px;
		}
		ul.props li {
			list-style: none;
			margin: 2px 2px 8px 2px;
			background-color: #999;
			float: left;
			width: 130px;
			height: 130px;
			text-align: center;
			position: relative;
			z-index: 5;
			}
			ul.props li.hover {
				height: 134px;
				margin: 2px;
				}
				ul.props li.hover a.apt {
					background-image: url(../image/layout/proplist-li-hover-trans.png);
					behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
					background-position: 0 0;
					height: 104px;
				}
			ul.props li.color1, ul.props li.color1 div.flyout { background-color: #780c1d; }
			ul.props li.color2, ul.props li.color2 div.flyout { background-color: #095946; }
			ul.props li.color3, ul.props li.color3 div.flyout { background-color: #76523e; }
			ul.props li.color4, ul.props li.color4 div.flyout { background-color: #769cc3; }
			ul.props li.color5, ul.props li.color5 div.flyout { background-color: #3995a7; }
			ul.props li.color6, ul.props li.color6 div.flyout { background-color: #66c2d4; }
			ul.props li.color7, ul.props li.color7 div.flyout { background-color: #febf4d; }
			ul.props li a.apt {
				background-image: url(../image/layout/proplist-li.gif);
				background-repeat: no-repeat;
				background-position: 4px 4px;
				padding: 20px 10px 10px 10px;
				display: block;
				width: 110px;
				height: 100px;
				color: #fff;
				font: 15px Georgia, "Times New Roman", Times, serif;
				text-decoration: none;
				}
				ul.props li a.apt strong {
					font-size: 22px;
					font-weight: normal;
					padding-bottom: 15px;
					display: block;
					}
				ul.props li a.apt.two_line strong {
					padding-bottom: 8px !important;
					}
			ul.props li span.small { font-size: 12px; }
	div.flyout {
		position: absolute;
		top: 134px;
		left: -30px;
		width: 460px;
		height: 430px;
		background-color: #999;
		background-image: url(../image/layout/flyout-bg-trans.png);
		background-position: -300px 100px;
		background-repeat: no-repeat;
		font: 14px Georgia, "Times New Roman", Times, serif;
		color: #fff;
		text-align: left;
		padding: 30px 10px 10px 30px;
		display: none;
		z-index:30;
		}
		div.flyout.nothumbs {
			background-image: url(../image/layout/flyout-bg2-trans.png);
			}
		ul.props li.color2 div.flyout { left: 0; }
		ul.props li.color1 div.flyout { left: -54px; }
		ul.props li.color4 div.flyout { left: -116px; }
		ul.props li.color3 div.flyout { left: -178px; }
		ul.props li.color5 div.flyout { left: -246px; }
		ul.props li.color6 div.flyout { left: -308px; }
		ul.props li.color7 div.flyout { left: -370px; }
		ul.props li.hover div.flyout {
			display: block !important;
			}
		div.flyout a.mainpic {
			position: absolute;
			right: 15px;
			top: 115px;
			}
		div.flyout a.mainpic img {
			border: none;
			}
		div.flyout h1 {
			font: 24px Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-weight: bold;
			}
		div.flyout h2 {
			font: 18px Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			width: 190px;
			}
		div.flyout p {
			padding: 0 0 15px 0;
			width: 190px;
			}
			div.flyout p.small {
				font-size: 12px;
				}
		div.flyout a.view {
			position: absolute;
			bottom: 20px;
			font: 20px Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-weight: normal;
			color: #d8d6c3;
			text-decoration: none;
			width: 230px;
			}
			/*li.color1 div.flyout a.view strong { color: #780c1d; }
			li.color2 div.flyout a.view strong { color: #095946; }
			li.color3 div.flyout a.view strong { color: #76523e; }
			li.color4 div.flyout a.view strong { color: #769cc3; }
			li.color5 div.flyout a.view strong { color: #3995a7; }
			li.color6 div.flyout a.view strong { color: #66c2d4; }
			li.color7 div.flyout a.view strong { color: #febf4d; }*/
			div.flyout a:hover.view {
				color: #fff;
				}
			
		div.flyout ul.thumbs {
			position: absolute;
						top: 392px;
			left: 267px;
						width: 229px;
			}
			div.flyout ul.thumbs  li {
				list-style: none;
				float: left;
				padding: 0 9px 0 0;
				background: none;
				width: auto;
				height: auto;
				}
				div.flyout ul.thumbs li.last {
					padding: 0;
					}
				div.flyout ul.thumbs  li a img { 
					border-width: 2px;
					border-style: solid;
					}
				div.flyout ul.thumbs  li a:hover img {
					border-color: #fff !important;
					}
				ul.props li.color1 div.flyout ul.thumbs li a img { border-color: #780c1d; }
				ul.props li.color2 div.flyout ul.thumbs li a img { border-color: #095946; }
				ul.props li.color3 div.flyout ul.thumbs li a img { border-color: #76523e; }
				ul.props li.color4 div.flyout ul.thumbs li a img { border-color: #769cc3; }
				ul.props li.color5 div.flyout ul.thumbs li a img { border-color: #3995a7; }
				ul.props li.color6 div.flyout ul.thumbs li a img { border-color: #66c2d4; }
				ul.props li.color7 div.flyout ul.thumbs li a img { border-color: #febf4d; }			
			
					
/* --------------------------------------------------------------------------------
MAIN WRAPPER
-------------------------------------------------------------------------------- */
#wrapper {
	width: 100%;
	background: url(../image/layout/content-side.gif) repeat-x center top;
	}
	#wrapper div.inner {
		width: 960px;
		margin: 0 auto;
		padding: 9px 0 0 0;
		}
		#wrapper div.inner div.main {
			background: #fffde3 url(../image/layout/footer-top.jpg) no-repeat bottom left;
			padding: 0 30px 78px 30px;
			color: #464646;
			}
			div.main p {
				padding: 10px 0;
				}
				div.main p.small {
					font-size: 12px;
					}
				div.main p.center {
					text-align: center;
					}
			div.main h1 {
				padding: 7px 0;
				font: 30px Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
				color: #780c1d;
				}
				div.main h1 span.small {
					font-size: 18px;
					}
			div.main h2 {
				padding: 3px 0;
				font: 18px Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
				color: #780c1d;
				}
				div.main h2.big {
					font-size: 24px;
					}
			div.main span.title {
					padding: 3px 0;
					font: 18px Georgia, "Times New Roman", Times, serif;
					font-weight: normal;
					color: #780c1d;
					}
					div.main span.title.big {
						font-size: 24px;
						}
			div.main span.small {
				font-size: 12px;
				line-height: 15px;
				display: block;
				}
			div.main h3 {
				padding: 1px 0;
				font: 14px Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
				color: #780c1d;
				}
			div.main .accent {
				color: #095946;
				}
				
			div.main a {
				color: #780c1d;
				text-decoration: underline;
				}
				div.main a:hover {
					color: #095946;
					}
				
			div.main ul {
				padding: 0 0 0 20px;
				}
			
			div.main div.cols {
				background: url(../image/layout/2col-bg.jpg) repeat-y 50% 0;
				}
				div.main div.cols div.left-wider {
					width: 530px;
					float: left;
					}
				div.main div.cols div.left {
					width: 430px;
					float: left;
					}
					div.main div.cols div.left ul.inner-specials {
						}
						div.main div.cols div.left ul.inner-specials li {
							display: block;
							padding: 10px 20px;
							margin: 4px 0;
							background: #dcdac3;
							list-style: none;
							list-style-image: none;
							}
							div.main div.cols div.left ul.inner-specials li.small {
								font-size: 14px;
								}
				div.main div.cols div.right-narrower {
					float: right;
					width: 330px;
					}
				div.main div.cols div.right {
					float: right;
					width: 430px;
					}
				div.main div.cols img,
				div.main div.cols iframe.map {
					border: 5px solid #dcdac3;
					margin: 5px;
					}
				div.main div.cols ul {
					padding: 15px;
					}
					div.main div.cols ul li {
						list-style: url(../image/layout/bullet.gif);
						}
					
		div.main .apt-info {
			border-width: 1px 0 1px 0;
			border-color: #dcdac3;
			border-style: solid;
			margin: 1px 0;
			padding: 20px 0;
			clear: both;
			display: block;
			}
			.apt-info .pad {
				background: url(../image/layout/2col-bg.jpg) repeat-y 610px 0;
				}
			.apt-info img {
				float: left;
				padding: 0 0 0 10px;
				}
			.apt-info div.left {
				float: right;
				width: 300px;
				padding: 0 20px;
				}
			.apt-info div.right {
				float: right;
				width: 250px;
				padding: 0 20px;
				}
			.apt-info ul {
				padding:  0 0 0 15px;
				}
				.apt-info ul li {
					list-style: url(../image/layout/bullet.gif);
					font-size: 12px;
					line-height: 20px;
					}
		div.main ul.specials {
			padding: 20px 0;
			}
			ul.specials li {
				float: left;
				list-style: none;
				padding: 0 10px 0 0;
				}
			
				ul.specials li a {
					float: left;
					color: #464646;
					text-decoration: none !important;
					background: url(../image/layout/specials-bg.gif) no-repeat top right;
					display: block;
					padding: 17px 15px 10px 15px;
					width: 180px;
					height: 48px;
					}
					ul.specials li a strong {
						display: block;
						font: 18px Georgia, "Times New Roman", Times, serif;
						font-weight: normal;
						}
		
		.special-col {
			margin-right: 20px;
			padding: 10px;
			float: left;
			background: #dcdac3;
			}
		a.small-property-link { text-decoration: none !important; }
		.special-col a { text-decoration: none !important; }
		a .small-property { text-decoration: none !important; }
		.small-property {
			width: 59px;
			height: 45px;
			background-image: url(../image/layout/small-prop.gif);
			background-repeat: no-repeat;
			background-position: 4px 4px;
			background-color: #999;
			padding: 20px 8px 10px 8px;
			font: 12px/18px Georgia, "Times New Roman", Times, serif;
			color: #fff;
			text-align: center;
			margin: 10px;
			text-decoration: none !important;
			float: left;
			}
			div.small-property.color1 { background-color: #780c1d; }
			div.small-property.color2 { background-color: #095946; }
			div.small-property.color3 { background-color: #76523e; }
			div.small-property.color4 { background-color: #769cc3; }
			div.small-property.color5 { background-color: #3995a7; }
			div.small-property.color6 { background-color: #66c2d4; }
			div.small-property.color7 { background-color: #febf4d; }
		
			
			
			
		#wrapper div.inner #footer {
			background: url(../image/layout/footer-tile.jpg) repeat-y center top;
			font: 12px Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			color: #fffefb;
			text-align: center;
			padding: 30px;
			}
			
			
			
div.main fieldset {
		border: none;
		}
		div.main fieldset .required,
		div.main fieldset legend {
			color: #c00;
			}
		div.main fieldset legend {
			padding: 0 0 20px 0;
			}
		div.main fieldset div {
			clear: both;
			padding: 0 0 10px;
			}
			div.main fieldset div.submit {
				}
			div.main fieldset div label {
				float: left;
				width: 120px;
				line-height: 20px;
				color: #566270;
				}
				div.main fieldset div label.wide {
					width: auto;
					}
			div.main fieldset div .input,
			div.main fieldset div .textarea {
				border: 1px solid #999;
				padding: 4px;
				}
			div.main fieldset div .checkbox {
				margin: 0 10px 0 0;
				}
			div.main fieldset div .input {
				width: 120px;
				}
				div.main fieldset div .input.long {
					width: 240px;
					}
				div.main fieldset div .input.short {
					width: 70px;
					}
			div.main fieldset div .textarea {
				width: 240px;
				}
				div.main fieldset div .textarea.long {
					width: 300px;
					}
				div.main fieldset div .textarea.short {
					width: 150px;
					}
	
	p.status {
		text-align: center;
		line-height: 30px;
		border-width: 3px;
		border-style: solid;
		margin: 20px;
		}
		p.status.success {
			background-color: #afa;
			border-color: #363;
			color: #000;
			}
		p.status.error {
			background-color: #faa;
			border-color: #633;
			color: #000;
			}
			
	.key {
		float: left;
		clear: both;
		}
		.key ul li {
			list-style: none;
			float: left;
			width: 220px;
			}
			.key ul li a {
				display: block;
				line-height: 31px;
				height: 31px;
				background-image: url(../image/layout/stars.gif);
				background-repeat: no-repeat;
				padding: 0 0 0 40px;
				}
				.key ul li.color1 a {	background-position: 0 0; }
				.key ul li.color2 a {	background-position: 0 -31px; }
				.key ul li.color3 a {	background-position: 0 -62px; }
				.key ul li.color4 a {	background-position: 0 -93px; }
				.key ul li.color5 a {	background-position: 0 -124px; }
				.key ul li.color6 a {	background-position: 0 -155px; }
				.key ul li.color7 a {	background-position: 0 -186px; }
			.key ul li p {
				font-size: 12px;
				}
/* --------------------------------------------------------------------------------
TOP BANNER CONTENT
-------------------------------------------------------------------------------- */

div.top-banner {
	background: url(../image/layout/content-top-tile.jpg) repeat-y center top;
	}
	div.top-banner div.inner1 {
		background: url(../image/layout/content-top.jpg) no-repeat center top;
		height: 100%;
		width: 100%;
		}
	div.top-banner div.inner2 {
		background: url(../image/layout/content-top-bottom.jpg) no-repeat center bottom;
		padding: 23px 30px 47px 30px;
		}
		#content-top {
			}
			#content-top.spaced {
				
				}
			#content-top.degarmo {
				background-image: url(../../../media/images/banners/degarmo.jpg);
				background-repeat: no-repeat;
				background-position: bottom left;
				padding: 0 0 260px 0;
				}
			#content-top.color1 { background-color: #780c1d; }
			#content-top.color2 { background-color: #095946; }
			#content-top.color3 { background-color: #76523e; }
			#content-top.color4 { background-color: #769cc3; }
			#content-top.color5 { background-color: #3995a7; }
			#content-top.color6 { background-color: #66c2d4; }
			#content-top.color7 { background-color: #febf4d; }
			#content-top .title { 
				background: url(../image/layout/content-top-title-bg-trans.png) repeat-y top left; 
				height: 75px;
				padding: 15px 0 0 0;
				}
				#content-top.spaced .title { height: 90px;}
				#content-top .title h1 {
					color: #fff;
					font: 30px Georgia, "Times New Roman", Times, serif;
					font-style: italic;
					font-weight: bold;
					text-align: center;
					}
					#content-top .title h2 {
						font: 18px Georgia, "Times New Roman", Times, serif;
						font-weight: bold;
						text-align: center;
						}
						#content-top.color1 .title h2 { color: #ab1129; }
						#content-top.color2 .title h2 { color: #095946; }
						#content-top.color3 .title h2 { color: #76523e; }
						#content-top.color4 .title h2 { color: #769cc3; }
						#content-top.color5 .title h2 { color: #3995a7; }
						#content-top.color6 .title h2 { color: #66c2d4; }
						#content-top.color7 .title h2 { color: #febf4d; }
			#content-top div.left {
				float: left;
				width: 415px;
				color: #fff;
				padding: 0 0 10px 30px;
				}
				#content-top div.left span.phone {
					font: 24px/32px Georgia, "Times New Roman", Times, serif;
					display: block;
					font-style: italic; font-weight: bold;
					padding-top: 15px;
					}
				#content-top div.left span.fax {
					font: 14px Georgia, "Times New Roman", Times, serif;
					display: block;
					font-style: italic; font-weight: bold;
					}
				#content-top div.left span.addr {
					font: 14px Georgia, "Times New Roman", Times, serif;
					display: block;
					padding-top: 15px;
					}
			#content-top div.right {
				float: right;
				width: 415px;
				text-align: right;
				color: #fff;
				padding: 0 30px 10px 0;
				}
				#content-top div.right p {
					padding-top: 15px;
					padding-bottom: 10px;
					}
				#content-top div.right span.pets {
					font: 12px/25px Georgia, "Times New Roman", Times, serif;
					background: url(../image/layout/content-top-pet-bg-trans.png);
					width: 140px;
					height: 25px;
					display: block;
					text-align: center;
					float: right;
					}
			#content-top div.gallery {
				clear: both;
				width: 900px;
				background: none;
				height: 90px;
				position: relative;
				z-index:1;
				}
				#content-top div.gallery #prevBtn {
					position: absolute;
					top: 0;
					left: 0;
					height: 90px;
					width: 30px;
					}
					#content-top div.gallery #prevBtn a {
						display: block;
						width: 100%;
						height: 100%;
						text-indent: -3000px;
						font-size: 0;
						background: url(../image/layout/content-top-gallery-prev.png) no-repeat top left;
						behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
						this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
						this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
						);						
						cursor: pointer;
						}
				#content-top div.gallery #nextBtn {
					position: absolute;
					top: 0;
					right: 0;
					height: 90px;
					width: 30px;
					}					
					#content-top div.gallery #nextBtn a {
						display: block;
						width: 100%;
						height: 100%;
						text-indent: -3000px;
						font-size: 0;
						background: url(../image/layout/content-top-gallery-next.png) no-repeat top left;
						behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
						this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
						this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
						);
						cursor: pointer;						
						}
				#slider {
					position: absolute;
					top: 0px;
					width: 840px;
					/*
					Change for slider! Done in js
					left: 30px;
					padding: 13px 0;
					*/
					left: 0;
					padding: 13px 30px;
					overflow: hidden;
					height: 64px;
					}
					#slider .background {
						position: absolute;
						width: 100%;
						height: 90px;
						background: #000;
						top: 0;
						left: 0;
						z-index: -1;
						}
				#content-top div.gallery ul {
					overflow: visible;
					width: 100%;
					height: 90px;
					}
					#content-top div.gallery ul li {
						list-style: none;
						float: left;
						padding: 0 13px 25px 0;
						width: 60px;
						}
						#content-top div.gallery ul li a img { 
							border-width: 2px;
							border-style: solid;
							}
						#content-top div.gallery ul li a:hover img {
							border-color: #fff !important;
							}
						#content-top.color1 div.gallery ul li a img { border-color: #780c1d; }
						#content-top.color2 div.gallery ul li a img { border-color: #095946; }
						#content-top.color3 div.gallery ul li a img { border-color: #76523e; }
						#content-top.color4 div.gallery ul li a img { border-color: #769cc3; }
						#content-top.color5 div.gallery ul li a img { border-color: #3995a7; }
						#content-top.color6 div.gallery ul li a img { border-color: #66c2d4; }
						#content-top.color7 div.gallery ul li a img { border-color: #febf4d; }
						
						
			#content-top .home-imgs {
				padding: 10px 10px 0 10px;
				float: left;
				}
			#content-top .home-imgs.center {
				padding: 10px 10px 10px 143px;
				}

				
			#content-top .img-col {	
				float: left;
				padding: 0;
				}
			
			#content-top img.home {
				float: left;
				clear: both;
				margin: 0 7px 31px 7px;
				border: 5px solid #b8b6a4;
				}
				#content-top img.home.last {
					margin-bottom: 0;
					}
				

/* --------------------------------------------------------------------------------
IMAGE MAP
-------------------------------------------------------------------------------- */

#image-map {
	position: relative;
	width: 620px;
	height: 440px;
	float: left;
	}
	#image-map.center {
		float: none;
		margin: 0 auto;
		}
	#image-map img.home {
		border: 5px solid #b8b6a4;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		}
	#image-map ul {
		height: 0;
		width: 0;
		overflow: visible;
		
		}
		#image-map ul li {
			height: 0;
			width: 0;
			list-style: none;
			}
			#image-map ul li a {
				width: 31px;
				height: 31px;
				background-image: url(../image/layout/stars.gif);
				background-repeat: no-repeat;
				position: absolute;
				color: #fff;
				text-decoration: none;
				z-index: 3;
				}
				#image-map ul li a.color1 {	top: 148px; left: 159px; background-position: 0 0; }
				#image-map ul li a.color2 {	top: 41px; left: 98px; background-position: 0 -31px; }
				#image-map ul li a.color3 {	top: 377px; left: 293px; background-position: 0 -62px; }
				#image-map ul li a.color4 {	top: 246px; left: 463px; background-position: 0 -93px; }
				#image-map ul li a.color5 {	top: 350px; left: 252px; background-position: 0 -124px; }
				#image-map ul li a.color6 {	top: 347px; left: 214px; background-position: 0 -155px; }
				#image-map ul li a.color7 {	top: 231px; left: 228px; background-position: 0 -186px; }
				#image-map ul li a .popup {
					display: none;
					position: absolute;
					padding: 4px;
					border: 2px solid #fff;
					text-align: center;
					top: 15px;
					left: 15px;
					font-size: 12px;
					}
				#image-map ul li a:hover .popup {
					display: block;
					}
				#image-map ul li a .popup img {
					border: 0;
					}
	
				#image-map ul li a.color1 .popup { background-color: #780c1d; }
				#image-map ul li a.color2 .popup { background-color: #095946; }
				#image-map ul li a.color3 .popup { background-color: #76523e; }
				#image-map ul li a.color4 .popup { background-color: #769cc3; }
				#image-map ul li a.color5 .popup { background-color: #3995a7; }
				#image-map ul li a.color6 .popup { background-color: #66c2d4; }
				#image-map ul li a.color7 .popup { background-color: #febf4d; }