/* --------------------------------------------------------------------------------
-																				-
-				Title: 				Real Estate Site Premium					-
-				Author: 			Ilya Lobanov     							-
-				Website: 			WebsiteBlue.com								-
-				Date:				February 22, 2012							-
-				Modfied for:		Real Sales									-
-				Modified on:		May 14, 2014								-
-																				-
---------------------------------------------------------------------------------- */


@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(widgets.css);
@import url(nav.css);
@import url(realestate.css);

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

/*--css reset--*/
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img,
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
}
body {line-height:1;}
ol, ul {list-style: none;}
/*--end css reset--*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

/*=======================================================
	Body
=======================================================*/

body {
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#636363;
	background-color: #ffffff;
	margin:0;
	padding:0;
	min-width: 1080px;
}


	.bodyTopHome {
		width:100%;
		height:639px;
		margin:0;
		float: left;
	}
	a.WebsiteBlueLogo {
		background: url("https://www.websiteblue.com/wp-content/uploads/wb-logo-dark.png") no-repeat scroll 0 0 transparent;
		/* background-position: 0px 0px; */
		display: inline-block;
		/* color: #AEAEAE; */
		height: 30px;
		width: 140px;
		line-height: 20px;
		overflow: hidden;
		padding: 0;
		margin: -4px 3px;
		text-decoration: none;
		transition: all 0.325s ease;
		-webkit-transition: all 0.325s ease;
 }

 a.WebsiteBlueLogo:hover {
		background-position: 0 -30px;
 }

 a.MyDesktopLogo {
		background: url("https://www.websiteblue.com/wp-content/uploads/md-logo-dark.png") no-repeat scroll 0 0 transparent;
		/* background-position: 0px 0px; */
		display: inline-block;
		/* color: #AEAEAE; */
		height: 18px;
		width: 110px;
		line-height: 20px;
		overflow: hidden;
		padding: 0;
		margin: -4px 3px;
		text-decoration: none;
		transition: all 0.325s ease;
		-webkit-transition: all 0.325s ease;
 }

 a.MyDesktopLogo:hover {
		background-position: 0 -18px;
 }

	.bodyTop {
		width:100%;
		height:139px;
		margin:0;
		float: left;
	}


		.bodyMiddleHome {
			width:100%;
			min-height:540px;
			margin:0;
			position:relative;
			z-index:10;
			top: -50px;
			float: left;
		}


		.bodyMiddle {
			width:100%;
			height:auto;
			margin:0;
			float: left;
		}

		.bodyBtmHome {
			width:100%;
			height:220px;
			margin:0;
			background:transparent url(../images/bg_bodyBtmHome.png) 0px -20px repeat-x;
			position:relative;
			z-index:10;
			//top: -50px;
			float: left;
			display:block;
			min-width: 1080px;
		}


			.body-btm-footer-fix {
				width:100%;
				min-height:70px;
				margin:-70px 0 0 0;
				float: left;
				display:block;
				background-color:#efefef;
				min-width: 1080px;
			}



		.bodyBtm {
			width:100%;
			height:220px;
			margin: 25px 0 0 0;
			background:transparent url(../images/bg_bodyBtmHome.png) 0px -20px repeat-x;
			float: left;
			display:block;
			min-width: 1080px;
		}

		.wrap {
			width:1080px;
			height:auto;
			margin:0 auto;
			position:relative;
			display:block;
		}


		.bodyMiddle .wrap {
			width:1080px;
			height:auto;
			min-height: 500px;
			margin:0 auto;
			background:url(../images/slides/slide-01.jpg) top center no-repeat;
			display:block;
		}

		.inner-wrap {
			width:980px;
			margin:0 0 0 50px;
			float:left;
			display:block;
		}

		.content-wrap {
			width:980px;
			height:auto;
			min-height: 500px;
			padding:0 50px 0 50px;
			float:left;
			background:url(../images/inner-content-bg.png) top center no-repeat;
		}


		a {
			color: #000000;
			text-decoration: underline;
		}
		a:hover {
			color: #000000;
			text-decoration: none;
		}


			.std-submit-btn {
				background: url(../images/empty-btn.png) no-repeat scroll 0 2px transparent;
				border: medium none;
				cursor: pointer;
				float: left;
				width: 109px;
				height: 36px;
				text-align:center;
				text-decoration:none;
				color: #fff;
				padding: 0;
				font-size:14px;
				font-family:Arial, Helvetica, Geneva, sans-serif;
				background-position: 0 -34px;
			}

			.std-search-btn {
				background: url(../images/empty-btn.png) no-repeat scroll 0 2px transparent;
				border: medium none;
				cursor: pointer;
				float: left;
				width: 109px;
				height: 36px;
				text-align:center;
				text-decoration:none;
				color: #fff;
				padding: 0;
				font-size:14px;
				font-family:Arial, Helvetica, Geneva, sans-serif;
				background-position: 0 -34px;
			}

			.std-view-btn {
				background: url(../images/empty-btn.png) no-repeat scroll 0 0 transparent;
				border: medium none;
				cursor: pointer;
				float: left;
				width: 109px;
				height: 29px;
				text-align:center;
				text-decoration:none;
				color: #fff;
				padding: 7px 0 0 0;
				font-size:14px;
			}


			.std-view-btn:hover {
				background-position: 0 -36px;
				color: #fff;
			}


			.std-submit-btn:hover, .std-search-btn:hover {
				background-position: 0 -34px;
			}



/*=======================================================
	Header
=======================================================*/

.header {
	width:1080px;
	height:104px;
	float:left;
	margin: 0;
}

	.logo {
		width: 320px;
		float:left;
		margin: 2px 0 0 50px;
	}


/*=======================================================
	Front Page
=======================================================*/

.front-slider {
	width:1080px;
	height:auto;
	float:left;
	position:relative;
	z-index:1;
}


.home-red {
	background:url(../images/red-opaque.png) repeat;
	width:420px;
	height:175px;
	overflow: hidden;
	display:block;
}

	.home-red p {
		color:#ffffff;
		padding:18px 25px 0px 25px;
		margin: 0;
		font-size:16px;
		line-height: 20px;
	}




/*=======================================================
	Inner Pages
=======================================================*/

.content-left {
	width:281px;
	height:auto;
	float:left;
	margin: 23px 0 0 23px;
}


	.content-right {
		width:661px;
		height:auto;
		margin:23px 0 0 0;
		padding: 0 0 30px 0;
		float:left;
		background-color:#FFF;
		position:relative;
	}

	.content-inner {
		padding: 45px 145px 0 45px;
		float:left;
	}

		.content-right .inner-pic {
			float: right;
			margin: 0 -100px 15px 15px;
		}

		.content-right h1 {
			margin-bottom:20px;
			font-size:42px;
			line-height:32px;
			color:#e21d2a;
			font-weight:100;
		}

			.content-right h2 {
				margin:0;
				font-size:22px;
				line-height:18px;
				color:#e21d2a;
				font-weight:100;
			}

		.content-right p {
			font-size:12px;
			font-weight:normal;
			line-height:18px;
			margin:10px 0 10px 0;
		}

		.content-right ul {
			margin:0 40px 20px 0;
		}

		.content-right li {
			font-size:12px;
			font-weight:normal;
			line-height:18px;
			margin:0 0 5px 5px;
			padding: 0 0 0 15px;
			list-style-type:none;
			list-style-position:outside;
			background:url(../images/bullet-arrow.gif) no-repeat scroll 5px 5px;
		}


			.content-right ul.pdfUL li {
				background:url(../images/icons/pdf.gif) no-repeat scroll 0 2px;
				padding: 0 0 0 25px;
			}


/*		ul.contactUL {
			float: left;
			height: auto;
			margin: 10px 0 0 0;
			width: 100%;
		}
		ul.contactUL li {
			border-bottom: 1px solid #E5E5E5;
			float: left;
			height: auto;
			line-height: 25px;
			height: 25px;
			margin: 0;
			padding: 0 0 0 10px;
			width: 100%;
			background-image:none;
		}
		ul.contactUL li span {
			float: left;
			font-weight: bold;
			width: 100px;
		}*/


		.office-location {
			float: left;
			height: auto;
			margin: 10px 0 0 0;
			width: 100%;
		}
			ul.contactUL {
				float: left;
				height: auto;
				margin: 0;
				/*width: 100%;*/
				width: 335px;
			}
			ul.contactUL li {
				border-bottom: 1px solid #E5E5E5;
				float: left;
				line-height: 25px;
				height: 25px;
				margin: 0;
				padding: 0 0 0 10px;
				width: 100%;
				background-image:none;
			}
			ul.contactUL li span {
				float: left;
				font-weight: bold;
				width: 20px;
			}
				ul.contactUL li span.office-head {
					width: 100%;
				}
				ul.contactUL li.twoline {
					/*line-height: 18px;
					height: 40px;*/
					line-height: 18px;
					height: 60px;
					padding: 3px 0 0 10px;
					width: 100%;
				}
				ul.contactUL li.twoline span {
					height: 40px;
				}



.content-outermap {
	width:640px;
	height:auto;
	margin:20px 0 0 10px;
	float:left;
}




/*=======================================================
	Videos Inner Pages
=======================================================*/



.content-videos {
    float: left;
    height: auto;
    margin: 0 0 0 10px;
    width: 640px;
}


	.view-videos {
		float: left;
		height: auto;
		margin: 0 0 0 20px;
		padding: 0;
		width: 620px;
	}


		.view-videos .video-item {
			float: left;
			height: auto;
			margin: 10px 0 0 10px;
			padding: 0;
			width: 290px;
		}



		.view-videos .video-item h2 {
			color: #636363;
			display: block;
			font-size: 16px;
			font-weight: 500;
			height: 20px;
			letter-spacing: -0.5px;
			line-height: 16px;
			margin: 20px 0 6px;
			overflow: hidden;
			width: 100%;
		}



			.view-videos .video-pic {
				float: left;
				height: 218px;
				margin: 0;
				position: relative;
				width: 290px;
				z-index: 2;
			}

			.view-videos .video-item a {
				background: url("../images/video-thumb.png") no-repeat scroll 0 0 transparent;
				display: block;
				height: 218px;
				left: 0;
				position: absolute;
				top: 0;
				width: 290px;
				z-index: 5;
			}


			.view-videos .video-item img {
				    height: 218px;
					left: 0;
					overflow: hidden;
					position: absolute;
					top: 0;
					width: 290px;
					z-index: 4;
			}


				.view-videos .video-item p {
					margin: 10px 0;
					width: 290px;
				}




/*=======================================================
	FAQ Inner Pages
=======================================================*/



.faq {
    float: left;
    height: auto;
    margin: 10px 0;
    width: 470px;
}


	.faq ul.accordion {
		float: left;
		height: auto;
		margin: 0;
		width: 470px;
		list-style: none outside none;
	}


		.faq ul.accordion li {
			border-bottom: 1px solid #E5E5E5;
			float: left;
			height: auto;
			margin: 0;
			width: 470px;
			padding:0;
			background-image: none;
		}

		.faq ul.accordion li a {
			background-color: #cbcdcf;
			color: #333;
			float: left;
			font-weight: bold;
			line-height: 18px;
			padding: 5px;
			text-decoration: none;
			text-transform: uppercase;
			width: 460px;
		}



			.faq ul.accordion li a.faqAlt {
				background-color: #e4e7e9;
			}


			.faq ul.accordion li div {
				float: left;
				height: auto;
				margin: 8px 5px 8px 5px;
				width: 460px;
			}


/*=======================================================
	Blog Inner Pages
=======================================================*/


.blog-inner {
	padding: 45px 20px 30px 20px;
	margin: 0 0 0 10px;
    width: 600px;
	float:left;
	background-color: #f5f5f5;
    border: 1px solid #C8C8C8;
    border-radius: 2px 2px 2px 2px;
}

	.blog-inner h1 {
		color: #5F5F5F;
		font-size: 32px;
		font-weight: 100;
		line-height: 22px;
		margin: 0;
		width: 450px;
	}


	.blog-inner span.post-info {
		color: #AFAFAF;
		font-size: 11px;
		line-height: 18px;
		text-transform: uppercase;
	}
	.blog-inner span.post-info a {
		color: #AFAFAF;
		font-size: 11px;
		font-weight: bold;
		line-height: 18px;
		text-decoration: none;
		text-transform: uppercase;
	}

	.blog-inner span.post-info a:hover {
		text-decoration: underline;
	}

	.blog-inner .mydate {
		float: right; margin: 0 0 15px 15px;
	}




/*=======================================================
	Forms
=======================================================*/


.content-right form.std-form {
    float: left;
    margin: 20px 0 0 60px;
	width: 390px;
}
.content-right label {
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 12px;
    min-height: 20px;
    line-height: 20px;
    margin: 15px 0 0;
    padding: 0;
    width: 135px;
	clear:left;
}
.content-right input[type="radio"] {
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin: 15px 0 0;
    padding: 0 5px;
    width: auto;
   clear:right;
}

.content-right input[type="text"] {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #C8C8C8;
    border-radius: 2px 2px 2px 2px;
    color: #646566;
    float: left;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 15px 0 0;
    padding: 0 5px;
    width: 240px;
	clear:right;
}

.content-right .std-form select {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #C8C8C8;
    border-radius: 2px 2px 2px 2px;
    color: #646566;
    float: left;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 15px 0 0;
    width: 250px;
	clear:right;
    padding: 0 0 0 5px;
}
.content-right .std-form .radio-group {
    float: left;
    min-height: 20px;
    line-height: 20px;
    margin: 15px 0 0;
    width: 250px;
	clear:right;
}
	.content-right .std-form .radio-group label {
		float: left;
		margin: 0 5px 0 0!important;
		width: auto!important;
		clear:none!important;
	}
.content-right textarea {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #C8C8C8;
    border-radius: 2px 2px 2px 2px;
    color: #646566;
    float: left;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 14px;
    margin: 15px 0 0;
    padding: 5px;
    width: 240px;
}
.content-right .std-submit-btn {
/*    float: right;
	background: url("../images/std-submit-btn.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 36px;
    text-indent: -9999px;
    width: 109px;
    margin: 20px 10px 0 0;*/
    background: url("../images/empty-btn.png") no-repeat scroll 0 2px transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-size: 14px;
    height: 36px;
    padding: 0;
	margin: 20px 10px 0 0;
    text-align: center;
    text-decoration: none;
    width: 109px;
}

.content-right .std-submit-btn:hover {
	background-position: 0 -34px;
}

.std-form .std-view-btn {
    float: right;
	margin: 20px 10px 0 0;
}



	.std-form .spacer {
		background-color: #C8C8C8;
		clear: both;
		display: block;
		float: left;
		height: 1px;
		margin: 20px 0 0 0;
		width: 100%;
	}


		.std-form .clear-spacer {
			clear: both;
			display: block;
			height: 15px;
			width: 100%;
		}

/*=======================================================
	Body Bottom
=======================================================*/


.copyright {
	width:550px;
	height:45px;
	float:left;
	margin:0;
}

	.copyright p {
		line-height:45px;
		float:left;
		margin:0;
		font-size:11px;
		color:#262323;
	}

		.copyright p a {
			color:#262323;
			text-decoration:none;
		}

		.copyright p a:hover {
			text-decoration:underline;
		}

.follow {
	width:50px;
	height:45px;
	float:right;
	margin:0;
}

	.follow a {
		width:16px;
		height:16px;
		float:right;
		margin:15px 0 0 8px;
		display:block;
		text-indent: -9999px;
		overflow:hidden;
		line-height:0px;
	}

	.follow a:hover {
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}

	.follow a.facebook {
		background: url(../images/social/facebook.png) no-repeat top left;
	}

	.follow a.twitter {
		background:url(../images/social/twitter.png) no-repeat scroll top left;
	}

	.follow a.youtube {
		background:url(../images/social/youtube.png) no-repeat scroll top left;
	}

	.follow a.linkedin {
		background:url(../images/social/linkedin.png) no-repeat scroll top left;
	}

	.follow a.rss {
		background:url(../images/social/rss.png) no-repeat scroll top left;
	}

		.poweredby {
			display: block;
			float: right;
			height: 25px;
			width: 180px;
			margin: 10px 0 0 15px;
			padding: 0;
		}
		.poweredby span {
			color: #262323;
			display: block;
			float: left;
			font-family: Tahoma, Arial,Helvetica,Geneva,sans-serif;
			font-size: 11px;
			height: 25px;
			width: 62px;
			line-height: 25px;
			padding: 0;
		}


		.poweredby a.desktop {
			background: url("../images/md-logo.png") no-repeat scroll 0 0 transparent;
			display: block;
			float: left;
			height: 24px;
			width: 80px;
			line-height: 0px;
			overflow:hidden;
			text-indent: -9999px;
			padding: 0;
			margin: 0;
			text-decoration: none;
		}

		.poweredby a.desktop:hover {
			background-position: 0 -24px;
		}


/*=======================================================
	Tabbed Inner Pages
=======================================================*/



.content-tabbed { float: left; height: auto; margin: 0 0 0 10px; width: 640px; }

	.content-tabbed .menu { padding: 0; clear: both; margin:0; }
	.content-tabbed .menu li { display: block; background-image:none!important; margin-left: -15px;}
	.content-tabbed .menu li a { background: #cbcdcf; padding: 10px; float:left; text-decoration: none; color: #000; font-weight: bold;}
	.content-tabbed .menu li.active a { background: #ebedee; }
	.content-tabbed .content { float: left; clear: both;  background: #ebedee; padding: 20px; width: 600px; }
		.content-tabbed .content h1 { margin:0; font-size:32px; line-height:32px; color:#5f5f5f; font-weight:100; }
		.content-tabbed .content h2 { margin:0; font-size:22px; line-height:22px; color:#5f5f5f; font-weight:100; }
		.content-tabbed .content h3 { margin:0; font-size:18px; line-height:18px; color:#5f5f5f; font-weight:100; }
		.content-tabbed .content h4 { margin:0; font-size:18px; line-height:16px; color:#5f5f5f; font-weight:100; }




/*DP CUSTOM STYLE*/
.hg-room {
	background-color: #fff;
	height: 139px;
}

.hg-room .header-tel {
	display: block;
	float: right;
	width: 269px;
	height: 100px;
	background: url(../images/tel-image.png) no-repeat;
	margin-right: 20px;
	/*margin-top: 20px;*/
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Helvetica Neue', Helvertica, Arial, sans-serif;
}

.listing-item .prop-address-desc {
	height: 55px;
	overflow: hidden;
	margin: 0;
	display: block;
	font-size: 12px !important;
	font-weight: normal !important;
	color: #636363;
}


.content-wrap {
	overflow: hidden;
}

.mydate h3 {
	font-family: 'Droid Serif', serif !important;
	width: 94px;
	font-weight: normal;
	padding-top: 1px;
}

form[id="Property Alert"] input[type="submit"],
input[type="submit"] {
	background: url(../images/empty-btn.png) no-repeat scroll 0 2px transparent;
	border: medium none;
	cursor: pointer;
	float: left;
	width: 109px;
	height: 36px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background-position: 0 -34px;
}

a.WebsiteBlueLogo {
	background: url("https://www.websiteblue.com/wp-content/uploads/wb-logo-dark.png") no-repeat scroll 0 0 transparent;
	/* background-position: 0px 0px; */
	display: inline-block;
	/* color: #AEAEAE; */
	height: 30px;
	width: 140px;
	line-height: 20px;
	overflow: hidden;
	padding: 0;
	margin: -6px 3px;
	text-decoration: none;
	transition: all 0.325s ease;
	-webkit-transition: all 0.325s ease;
}

a.WebsiteBlueLogo:hover {
	background-position: 0 -30px;
}

a.MyDesktopLogo {
	background: url("https://www.websiteblue.com/wp-content/uploads/md-logo-dark.png") no-repeat scroll 0 0 transparent;
	/* background-position: 0px 0px; */
	display: inline-block;
	/* color: #AEAEAE; */
	height: 18px;
	width: 110px;
	line-height: 20px;
	overflow: hidden;
	padding: 0;
	margin: -9px 3px;
	text-decoration: none;
	transition: all 0.325s ease;
	-webkit-transition: all 0.325s ease;
}

a.MyDesktopLogo:hover {
	background-position: 0 -18px;
}