/* CSS Document */

* {
	margin:0px;
	padding:0px;
}
body {
	font-family:Myriad Pro;
	background:#c0c0c0;
}
img {
	border:none;
}
#container {
	width:1100px;
	margin: 0 auto;
}
#wrapper {
	width:1100px;
	float:left;
	background: #fff url(../images/template/top-bg.jpg) repeat-x;
}
.logoarea {
	height:116px;
}
.logoarea2 {
	width:963px;
	height:116px;
	margin-left:auto;
	margin-right:auto;
}
.logo {
	width:300px;
	height:90px;
	float:left;
	background:url(../images/template/symbol.png) no-repeat top left;
	padding: 34px 0 0 23px;
	margin: 11px 0 0 0;
}
.logo h1{
	color:#0e6cac;
	font-size:30px;
	font-weight:normal;
}
.logo h3{
	color:#527f0e;
	font-size:18px;
	font-weight:normal;
}
tr,td,thead,th,tbody,tf,tfoot,table,font{ 
   background-color:transparent;
   font-size:14px;
   }
ul#hlisting li div.hlisting-img{
	overflow:hidden;
}   
.links-wrap {
	width:192px;
	float:right;
	margin-top:35px;
}
.phone-wrap {
	width:192px;
	float:left;
	margin: 10px 0 0 0;
}
.phone-wrap img{
	float:left;
	margin: 3px 0 0 0;
}
.phone-wrap h2{
	font-weight:normal;
	color:#527f0e;
	float:left;
	margin: 0 0 0 8px;
	font-size:25px;
}
.links {
	width:192px;
	height:29px;
	float:left;
}
.barl{
	width:6px;
	height:29px;
	float:left;
	background-image:url(../images/template/barl.png);
	background-repeat:no-repeat;
}
.barc{
	width:180px;
	height:29px;
	float:left;
	background-image:url(../images/template/barc.png);
	background-repeat:repeat-x;
	line-height:26px;
}
.barc #home{
	margin: 5px 0 0 3px;
	float:left;
}
.barc a{
	text-decoration:none;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 5px 0 5px;
}
.barc a:hover{
	text-decoration:underline;
}
.barc a:active{
	color:#fff;
}
.barc a:visited{
	color:#fff;
}
.barc a:link{
	color:#fff;
}
.barr{
	width:6px;
	height:29px;
	float:left;
	background-image:url(../images/template/barr.png);
	background-repeat:no-repeat;
}
.phone
{
	width:26px;
	height:35px;
	float:left;
	margin-top:12px;
	background-image:url(../images/template/phone.png);
	background-repeat:no-repeat;
}
.phone2
{
	margin-top:12px;
	width:248px;
	float:right;
	font-size:20px;
	color:#0f80b3;
	font-weight:bold;
	text-align:right;
}


.navigation{
	width:963px;
	margin: 0 auto;
}

/*Menu Css*/

#jsddm
{
	width:963px;
	margin-bottom:1px;
	height:35px;
	float:left;
	background:url(../images/template/navigation.png) repeat-x;
}

	#jsddm li
	{	float: left;
		list-style: none;
		border-right: 1px solid white;
		font: 12px/35px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background:url(../images/template/navigation.png) repeat-x;
		padding: 0 43px 0 42px;
		text-decoration: none;
		height:35px;
		color: #EAFFED;
		font-family:Myriad Pro;
		text-transform:uppercase;
		font-size:14px;
		white-space: nowrap}

	#jsddm li a:hover {
		background:url(../images/template/menu-hover.png) repeat-x;
	}
	#jsddm li a:link {
		color:#fff;
	}
	#jsddm li a:active {
		color:#fff;
	}
	#jsddm li a:visited {
		color:#fff;
	}
		#jsddm li.last {
			border:none;
		}
		#jsddm li ul
		{
			position: absolute;
			visibility: hidden;
			z-index:100;
			width:185px;
			margin-top:1px;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				border-top: solid #FFF 1px;
				border:none;}
			
			#jsddm li ul li a
			{	width: auto;
				background: #5dc8eb;
				padding: 0 43px 0 20px;
				height:auto;
				border-bottom: solid 1px #fff;
				color: #24313C}
			
			#jsddm li ul li a:hover
			{	background: #0c6ca8;
			color:#FFF;}
.header
{
	height:322px;
	width:963px;
	margin:0 auto;
	background:url(../images/template/banner.jpg) no-repeat;
}
.header2
{
	height:271px;
	width:961px;
	margin-left:auto;
	margin-right:auto;
}
.header_text {
	width:475px;
	float:left;
}
.punch_line
{
	font-size:25px;
	line-height:38px;
	color:#FFFFFF;
	margin-top:16px;
	font-weight:bold;
	margin-left:20px;
}
.overview {
	font-size:14px;
	line-height:22px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px 0 0 20px;
}
.buttons {
	width:348px;
	height:44px;
	margin: 20px 0 0 20px;
}
.button_blue
{
	width:164px;
	height:44px;
	float:left;
	background-image:url(../images/template/button_blue.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	padding-top:11px;
}
.button_blue a
{
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	text-decoration:none;
}
.button_blue a:hover
{
	color:#002740;
	font-size:18px;
	text-align:center;
}
.button_green
{
	width:165px;
	height:44px;
	float:right;
	background-image:url(../images/template/button_green.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	padding-top:11px;
}
.button_green a
{
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	text-decoration:none;
}
.button_green a:hover
{
	color:#304f00;
	font-size:18px;
	text-align:center;
}

.mainarea
{
	margin-top:20px;
}
.mainarea2
{
	width:961px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.services {
	width:963px;
	margin: 0 auto;
	height: 229px;
	margin-bottom:20px;
}
.widget1 {
	float:left;
	width:307px;
	height:229px;
	background-image:url(../images/template/widget_green.jpg);
	background-repeat:no-repeat;
	position:relative;
}
.widget1_text {
	width:280px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	margin-top:7px;
}
.widget1_text2 s{
	width:280px;
	height:auto;
	float:left;
}
.widget1_heading {
	width:280px;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
}
.features {
	width:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	color:#FFFFFF;
	margin-top:5px;
}
.features p{
	margin: 0 0 10px 0;
	line-height:20px;
}
.heading {
	font-size:20px;
	color:#FFFFFF;
	font-weight:bold;
}
.services2 {
	font-size:13px;
	color:#FFFFFF;
	list-style-image:url(../images/template/bullet2.gif);
}
.widget2 {
	float:left;
	width:307px;
	height:229px;
	background-image:url(../images/template/widget_blue.jpg);
	background-repeat:no-repeat;
	margin-left:19px;
	position:relative;
}
.widget3 {
	float:left;
	width:307px;
	height:229px;
	background-image:url(../images/template/widget_green.jpg);
	background-repeat:no-repeat;
	margin-left:19px;
	position:relative;
}
.content {
	width:963px;
	margin: 0 auto;
	clear:both;
}
.left_area {
	width:648px;
	height:auto;
	float:left;
	border-right:solid 1px #003c65;
}
.heading2 {
	float:left;
	font-size:21px;
	font-weight:bold;
	color:#71b013;
	width:98%;
}
.slider {
	width:648px;
	height:304px;
	float:left;
	margin: 15px 0 0 0;
}
.heading_blue {
	color:#003c65;
}
.text {
	width:98%;
	float:left;
	font-size:14px;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 15px 0 0 0;
}
.text2 {
	width:98%;
	float:left;
	font-size:13px;
	color:#000;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	border-bottom:solid 1px #003c65;
	margin: 10px 0 10px 0; 
}
.user-img {
	float:left;
	margin: 10px 0 0 0;
	width:98%;
}
.realtor {
	width:98%;
	float:left;
	font-size:17px;
	color:#000;
	line-height:28px;
	padding: 0 0 10px 0;
	border-bottom:solid 1px #003c65;
	margin: 10px 0 10px 0;
	font-weight:bold;
}
.realtor p{
	font-size:13px;
	line-height:18px;
	margin: 7px 0 0 0;
}
.realtor span{
	color:#71b013;
}
.read-more {
	width:100px;
	float:right;
	background:url(../images/template/btn-bg.png) no-repeat;
	height:31px;
	text-align:center;
	position:absolute;
	right:20px;
	bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:31px;
}
.read-more a{
	font-size:13px;
	text-decoration:none;
	color:#5c8e10;
	text-transform:uppercase;
	font-weight:bold;
}
.read-more a:hover{
	text-decoration:underline;
}
.read-more a:active{
	color:#5c8e10;
}
.read-more a:link{
	color:#5c8e10;
}
.read-more a:visited{
	color:#5c8e10;
}
.right_area {
	width:298px;
	height:auto;
	float:left;
	margin-left:10px;
}
.social {
	float:left;
	width:98%;
	margin: 5px 0 0 0;
}
.social li{
	float:left;
	list-style:none;
	margin: 0 5px 0 0;
}
#footer {
	width:1100px;
	float:left;
	height:175px;
	background: #1081b4;
	margin: 30px 0 0 0;
}
.footer-links {
	float:left;
	width:1100px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:13px;
	margin: 20px 0 10px 0;
}
.footer-links a{
	color:#FFF;
	text-decoration:none;
}
.footer-links a:hover{
	text-decoration:underline;
}
.footer-links a:active{
	color:#FFF;
}
.footer-links a:link{
	color:#FFF;
}
.footer-links a:visited{
	color:#FFF;
}
.copyright {
	float:left;
	width:1100px;
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin: 0 0 20px 0;
}
.footer-logo {
	float:left;
	width:1100px;
	text-align:center;
}
.footer-logo a{
	padding: 0 5px 0 5px;
}



/*Inner Page Css Begin*/

.right_area_2 {
	width:241px;
	height:auto;
	float:left;
	margin: 20px 0 0 10px;
	border-left:solid 1px #003c65;
	padding: 0 0 0 11px;
}
.user_img_2 {
	float:left;
	margin: 15px 0 0 0;
	width:237px;
	text-align:center;
	background:#d0d0d0;
	height:135px;
}
.user_info {
	float:left;
	width:220px;
	line-height:25px;
	font-weight:900;
}
.user_info span{
	color:#71b013;
	
}
.left_area_2 {
	width:700px;
	height:auto;
	float:left;
	margin: 20px 0 0 0;
}
.left_nav {
    background: url("../images/template/arrow2.gif") no-repeat scroll left top transparent;
    border-bottom: 1px dashed #404040;
    float: left;
    height: 22px;
    padding: 1px 0 7px 0;
    width: 237px;
}

/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; width:963px; height:322px; margin: 0 auto; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

/* Footer CSS End */
.menu-fixed{
    width: 100% !important;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
	background-repeat:repeat !important;
}
.menu-fixed .nav-center{
	width:98%;
}
.menu-fixed .nav-left,.menu-fixed .nav-right{
	width:1%;
}

.nav-btn{
	display:none;
    background-color: rgba(15, 124, 173, 0.84);
    border: 1px solid #fff;
    padding: 10px 14px 9px 14px;
	cursor:pointer;
    width: 90px;
	}
.nav-bars{
	width:22px;
	float:left;
	margin-right:10px;
	margin-top:5px;
}
.nav-bars .icon-bar{
	width:22px;
	height:3px;
	background-color:#fff;
	float:left;
    margin-bottom: 2px;
}
.nav-btn .menu-text{
	color:#fff;
}
.top_contactbox{
	display:none;
}
@media screen and (max-width: 681px) {		

	.top_contactbox{
		display:block;
	}
	#jsddm li
	{	float: left;
		width:100%;
		border-right:0px;
	}

	#jsddm li a{
		padding: 0 0px 0 0px;
		line-height:35px;
		text-align:center;
		width:100%;
	}
	#jsddm li ul
	{
		position: static;
		visibility: hidden;
		z-index:100;
		width:100%;
		margin-top:0px;
		border-top: 1px solid white;
	}

	#jsddm li ul li
	{	float: left;
		display: block;
		border-top: solid #FFF 1px;
		border:none;
		width:100%;
	}
			
	#jsddm li ul li a
	{	width: 100%;
	display:block;
	text-align:center;
	}

.buttons {
	margin: 20px 0 0 0px;
}
.menu-fixed{
	top:30px;
}

#container,#wrapper,.logoarea2 ,.logo,.navigation,#jsddm,.heade,.header,.header2,.header_text,.buttons,.mainarea2 ,.services,.content,.left_area,.slider,#footer,.footer-links,.copyright,.footer-logo,.left_area_2 ,.coin-slider,.cs-title  {
	width:100% !important;
}
.left_area {
	border-right:solid 0px #003c65;
}

	.left{
		
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-top: 20px; 
	}

	th,tr,table,td,font,ul,li,a,body,span,p,button,input,textarea,select,option,div,center,font,ol,strong{
		font-size:22px !important;
		line-height: 26px !important;
	}
	.nav-btn{
		display:block;
	}
	.inner-content ul li, .inner-content ol li{
		width:100% !important;
	}
	.inner-content tr td, .inner-content tr th{
		width:100% !important;
		float: left;
	}
	.inner-content td div, .inner-content th div{
		text-align:left !important;
	}
	.strip_wrapper li,ul.filmstrip li{
		width:auto !important;
	}
	ul#hlisting li div.hlisting-img{
		overflow: hidden;
		margin-right: 10px;
	}
	ul.ul-generic li#availablehomes-topright {
    float: none;
    max-width: 205px;
    width: 100%;
}
	ul.ul-generic li#availablehomes-topleft {
		float: none;
		width: 100%;
	}
	#btnSave{
		width:100% !important;
	}
	.ul-generic li label{
		width:100%;
	}
	.ul-generic li span.holder{
		width:100%;
	}
	.menu-vertical li .dropdown{
		position:static !important;
		top:0px !important;
		display:none;
		left:0px !important;
	}
	.menu-vertical li:hover .dropdown{
		display:block;
    width: 100% !important;
	}
	.menu-vertical li .dropdown{
		position:static !important;
		top:0px !important;
		display:none;
		left:0px !important;
	}
	.menu-vertical li:hover .dropdown{
		display:block;
    width: 100% !important;
	}
	#splash_video_right{
		height:auto;
	}
	.menu-vertical,.user-img_2,.realtor,.user_info,.right_area .heading2,.user-img{
		display:none;
	}
	.menu-horizontal li{
		display:block !important;
	}
	#header_txt{
		margin-left:0px !important;
	}
	.menu-horizontal .dropdown{
		text-align:center;
		position:static !important;
		left:0px;
		width:100% !important;
		min-width:100% !important;
		display:none !important;
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		transition:all 0.4s ease;
		border:0px !important;
	}
	.menu-horizontal .dropdown a{
		text-align:center !important;
	}
	.menu-horizontal li:hover .dropdown{
		display:block !important;
	}
	.menu-horizontal {
		display:none;
	}
#simplegallery1,#splash_video_left,#splash_video_left iframe,#foot_logo {
    width: 100% !important;
    margin-left: 0px;
}
	#splash_video_right,#content_right,#left_panel,.right_area,.right_area_2{
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-top: 20px; 
	}
	.left{
		
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-top: 20px; 
	}
	.logo{
		padding-left:0px;
	}
	.links-wrap{
		float:none;
		margin:0 auto;
	}
	.copyright{
		margin-left:0px !important;
	}
	.right_area,.right_area_2{
		margin-left:0px !important;
		border-left:0px;
		
	}
	.realtor{
		text-align:center;
	}
	.user-img,.user-img_2,.user_info{
		text-align:center;
	}
	.heading2{
		text-align:center;
	}
	.heading_blue{
		
    float: left;
    width: 100%;
	}
	.links{
		width: 264px;
	}
	.barc{
		width: 252px;
	}
	#footer{
		height:auto;
	}
	.links-wrap{
		display:none;
	}
}