/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* #Site Styles
================================================== */

html,body{
	height:100%;
}

body{
	background:#424b47;
	overflow:auto;
}


.mainsquare{
	background:url(../images/image-bg.png) center top repeat-x #dfdcdc;
/*	padding:20px; */
/*	width:920px; */
}

.headblock{
	background:#3a4d45;
	margin:20px 20px !important;
	width:920px !important;
	height:112px;
}

.headblock .logo{
	float:right;
	margin:45px 20px 0px 0px;
}

.headblock .mainnav{
	float:left;
	padding:0px;
	margin:55px 0px 0px 30px;
	list-style:none;
}

.headblock .mainnav li{
	float:left;
	margin-right:20px;
	font-size:14px;
}

.headblock .mainnav li a{
	display:block;
	color:#888888;
	padding:7px 0px;
	text-decoration:none;
	border-top:1px solid #3a4d45;
	border-bottom:1px solid #3a4d45;
}

.headblock .mainnav li a:hover, .headblock .mainnav li.selected a{
	color:#e6e6e6;
	border-top:1px solid #739986;
	border-bottom:1px solid #739986;

    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;

}


.headblock select{
	display:none;
}

.lightbody{
	background:#eeeeee;
	margin:20px 20px !important;
	margin-top:15px !important;
	width:860px !important;
	padding:30px;
	font-family: 'Libre Baskerville', serif;
	color:#4a4a4a;
}

.lightbody .container{
	width:860px !important;
}

.lightbody h1{
	font-size:20px;
	line-height:24px;
	margin:10px 0px;
	padding:0px;
	clear:both;
}

.lightbody h3{
	margin:5px 0px;
	margin-bottom:30px;
	padding:0px;
	color:#979797;
	font-size:16px;
	line-height:20px;
}

.lightbody p{
	font-size:14px;
	line-height:21px;	
	padding:0px 0px;
}

ul.selectors{
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:133px;
	left:60px;
}

ul.selectors li{
	float:left;
	margin-right:10px;
	color:#3a4d45;
}

ul.selectors li a, ul.selectors li span{
	color:#3a4d45;
	text-decoration:none;
	font-size:11px;
	display:block;
	padding:8px 15px;
}

ul.selectors li.selected span, ul.selectors li.selected a{
	background:#eeeeee;
}

ul.selectors li a:hover{
	background:#eeeeee;
}



.secondaryplain h1{
	text-transform:uppercase;
	margin-bottom:25px;
	color:#3a4d45;
	font-size:18px;
	line-height:22px;
}

.secondaryplain h1.low, .secondaryplain h3.low {
	margin-bottom:10px;
}


.projectpage h1{
	text-transform:none;
	color:#000000;
}

.secondaryplain p{
	font-size:12px;
	line-height:18px;	
}

.secondaryplain p b{
	font-weight:bold;
}


.secondaryplain p.outer{
	font-weight:bold;
	padding:0px;
	margin:0px;
}

.secondaryplain p.inner{
	padding:0px;
	margin:0px;
	padding-left:35px;
	padding-top:3px;
	padding-bottom:20px;
}

.lightbody a{
	color:#739986;
}

/*
.lightbody .slideshow{
	background:#2f566e;
	border:3px solid #ffffff;
	width:670px;
	height:320px;
	margin:0 auto;
	margin-bottom:30px;
}

.lightbody .slideshow img{
	width:670px;
	height:auto;
}
*/

.lightbody .slideshow{
	background:#ffffff;
	border:3px solid #ffffff;
	height:280px;
	margin-bottom:40px;
}

.lightbody .slideshow .flexslider img{
	width:854px;
	height:280px;
}


.lightbody .featuredprops{
	width:100%;
	background:#e2e5e3;
	border-top:1px solid #d4d5d3;
	border-bottom:1px solid #d4d5d3;
	overflow:hidden;
}

.lightbody .listhead{
	width:100%;
	background:#e9ebea;
	border-top:1px solid #c9d8d1;
	border-bottom:1px solid #c9d8d1;
	overflow:hidden;
}

.lightbody .featuredprops .insider{
	padding:20px;
	overflow:hidden;
	}

.lightbody .featuredprops h2{
	color:#5c6f66;
	margin:0px;
	padding:0px;
	padding-bottom:25px;
	font-size:15px;
	line-height:17px;
	clear:both;
}

.lightbody .featuredprops .item{
}

.lightbody .featuredprops .four.item{
	width:253px;
	color:#4a4a4a;
	font-size:12px !important;
	font-family:arial;
}

.lightbody .featuredprops .four.item b{
	display:block;
	font-weight:bold;
	margin-bottom:10px;
}

.lightbody .featuredprops .four.item p{
	color:#7b7b7b;
	font-size:12px !important;
	line-height:16px;
	padding:0px;
	margin:0px;
}

.lightbody .featuredprops .four.item a.viewmore{
	margin-top:10px;
	display:block;
	width:90px;
	height:22px;
	background:url(../images/image-vmore-bg.png)center top no-repeat;
}

.lightbody .featuredprops .four.item a.viewmore:hover{
	background-position:0px -22px;
}


.lightbody .featuredprops .item .wrap1{
	background:#f1f1f0;
	padding:4px;
	margin-bottom:12px;
}

.lightbody .featuredprops .item .wrap1 .wrap2{
	background:#ffffff;
	padding:4px;
	border:1px solid #e5e5e5;
}

.lightbody .featuredprops .item .wrap1 .wrap2:hover{
	background:#f1f1f0;
}

.lightbody .featuredprops .item .wrap1 .wrap2 .cover{
	display:block;
	background-size:cover !important;
	height:129px;
}

.footer p{
	text-align:center;
	color:#868383;
	font-size:11px;
	padding:0px 20px;
	line-height:16px;
}

.line-sep{
	background:url(../images/line-sep.gif) center center repeat-x;
	height:20px;
}


.line-sep.mini{
	height:5px !important;
	margin-bottom:20px;
}

.secondaryplain .six.contblock{
	width:380px;
}
.secondaryplain .six.contblock iframe{
	height:330px;
}

.listhead .columns{
	text-align:left;
	padding:12px 0px 12px 0px;
	font-size:10px;	
	line-height:12px;
	color:#2c3832;
	text-transform:uppercase;
}

.listhead .columns span{
	display:block;
	padding-left:0px;
}

.listline{
	padding:10px 0px;
	font-size:11px;	
	font-family:tahoma;
	line-height:15px;
	color:#797979;
	width:860px;
	border-bottom:1px dashed #ccdad3;
}

.listline label{ display:none; }

.listline:hover{
	background:#dfe1e0;
}


.listline .columns span{
	overflow:hidden;
	display:block;
}

.listline .columns.data span{
	padding-top:35px;
}

.listline span .squarethumb{
	width:100px;
	height:100px;
	border:4px solid #ffffff;
	background-size:cover !important;
	float:left;
	margin-right:10px;
}

.listline span P{
	padding:0px;
	margin:0px;
	font-size:11px;	
	font-family:tahoma;
	line-height:15px;
	float:left;
	margin-top:35px;
}

.listblock{
	width:195px !important;
}

.listblock p{
	font-size:11px;
	line-height:14px;
/*	height:50px; */
	border-bottom:1px dotted #d7d2d2;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#808284;
}

.fullwidth{
	clear:both;
	width:100% !important;
}


.props h1.low{
	padding-top:20px !important;
}

.projectpage h1, .projectpage h3{
	float:left;
}

.projectpage .line-sep{
	clear:both;
}

.projectpage a.backlist{
	display:block;
	float:right;
	width:90px;
	height:22px;
	margin-top:-20px;
	background:url(../images/image-backlist-bg.png)center top no-repeat;
}

.projectpage a.backlist:hover{
	background-position:0px -22px;
}

.projphotos, .projinfo{
	width:410px !important;
}


.projphotos .bigpreview, .projphotos .bigpreview a, .projphotos .bigpreview span {
	display:block;
	width:100%;
	background-size:cover !important;
	height:272px;
}

.projphotos .bigpreview{
	position:relative;
	border:5px solid #ffffff;
	width:98%;
}

.projphotos .bigpreview a{
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
}

.projphotos .bigpreview span{
	position:absolute;
	left:0px;
	top:0px;
	z-index:55;
	background:url(../images/ajax-loader.gif) center center no-repeat;
	background-size:initial !important;
}

a.greenround{
	background:#8cb4a1;
	display:block;
	color:#ffffff;
	font-size:11px;
	font-family:tahoma;
	text-decoration:none;
	padding:3px 15px 3px 15px; 	
	width:165px;
	float:left;
	text-transform:uppercase;
	margin:5px;
	margin-top:0px;
}

a.greenround:hover{
	background:#ffffff;
	color:#8cb4a1;
}

.projinfo h3{
	color:#3a4d45;
	font-size:14px;
	font-weight:bold;
	float:none;
	margin-bottom:15px;
}

.projinfo h3.other{
	margin-top:25px;	
}

.projinfo p{
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
	padding-bottom:1px;
	font-family:arial;
}

.projinfo p.lft{
	float:left;
	margin-right:50px;
	font-size:12px;
}

.projinfo p.rght{
	float:left;
	font-size:12px;
}

.projinfo .demohead{
	background:#e9ebea;
	border-top:1px solid #c9d8d1;
	border-bottom:1px solid #c9d8d1;
	overflow:hidden;
}

.projinfo .demoline{
	background:#e9ebea;
	overflow:hidden;
	border-bottom:1px solid #dfdfdf;
}

.projinfo .demoline.last{
	border-bottom:1px solid #c9d8d1;
}


.projinfo .demohead div{
	float:left;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	color:#3a4d45;
	text-align:left;
	padding:5px 10px;
	width:100px;
}

.projinfo .demoline div{
	float:left;
	font-size:12px;
	font-family:arial;
	color:#3a4d45;
	text-align:left;
	padding:5px 10px;
	width:100px;
}


.projinfo .demohead div, .projinfo .demoline div{
	width:80px;
}

.projinfo .demohead div.frst, .projinfo .demoline div.frst{
	width:140px;
}


.projectpage h1.bigga{
	font-size:20px;
	line-height:24px;
}

.projectpage h3.bigga{
	font-size:18px;
	line-height:22px;
}


.matrix{
	overflow:hidden;
	width:678px;
	height:330px;
	background:#ffffff;
	border:3px solid #ffffff;
	border-right:2px solid #ffffff;
	margin:0 auto;
}

.matrix .row{
	overflow:hidden;
	width:680px;
	margin-bottom:3px;
	word-wrap:whitespace;
}

.matrix .row img, .infoarea{
	margin-right:3px;
	float:left;
}

.matrix .row img:hover{
	opacity:0.8;
}

.infoarea{
	background:#9b9b9b;
	width:337px;
	height:108px;
	position:relative;
}

.infoarea #defaults, .infoarea #new{
	color:#ffffff;
	position:absolute;
	left:20px;
	top:30px;
	width:290px;
	line-height:25px;
	font-size:18px;
}


.infoarea #defaults{
	line-height:23px;
	font-size:15px;
	font-style:italic;
	font-family:times;
}

.infoarea #defaults span{
	font-size:22px;
}

.infoarea #new{
	display:none;
	font-size:17px;
	line-height:22px !important;
	top:33px;
}

.infoarea #new span{
	display:block;
	padding-top:0px;
	font-weight:400;
	font-size:11px !important;
}

.infoarea.ready{
	background:#3a4d45;
}



.matrix .row img:last-child{
	margin:none !important;
}

.qaform input[type=text], .qaform textarea{
	width:100%;
	margin:0px 0px 5px 0px;
	border:1px solid #3a4d45;
	border-radius:0px;
	resize:none;
}

.qaform a{
	float:right !important;
	margin-right:-10px;
}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/*	 Smaller than standard 960 (devices and browsers)  */


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.headblock{width:729px !important;}	
		.headblock .logo{ margin:45px 10px 0px 0px; }
		.headblock .logo img{ width:250px; }
		.headblock .mainnav{ margin:55px 0px 0px 20px; }
		.headblock .mainnav li{	margin-right:10px; font-size:13px; }

		.lightbody{
			margin:20px 20px !important;
			margin-top:15px !important;
			width:670px !important;
			padding:30px;
		}

		.lightbody .container{width:670px !important;}


		.lightbody .slideshow{ height:220px; }
		#carousel-single-image, #carousel-single-image .touchcarousel-item, #carousel-single-image img, .lightbody .slideshow .flexslider img {width: 664px !important; !important;height: 220px !important;}

		.lightbody .featuredprops .four.item{ width:190px; }
		.lightbody .featuredprops .item .wrap1 .wrap2 .cover{height:90px; }

		.secondaryplain .six.contblock{ width:285px; }
		.secondaryplain .six.contblock iframe{ height:340px; }

		.listline{ width:670px; }
		.listline span p{ width:145px; }

		.listblock{width:146px !important;}

		.projphotos, .projinfo{	width:315px !important;	}

		.projphotos .bigpreview, .projphotos .bigpreview a, .projphotos .bigpreview span{height:206px;}
		#carousel-single-image-squares{width: 315px !important;height:102px !important; }                                            	
		#carousel-single-image-squares .touchcarousel-item{width:97px !important;height: 97px !important;}
		#carousel-single-image-squares .touchcarousel-item img{width:93px !important;height:93px !important;}

		a.greenround{ padding:3px 15px 3px 15px; width:285px; margin-right:0px;margin-left:0px;}

		.projinfo p.lft{margin-right:40px;font-size:11px;}
		.projinfo p.rght{font-size:11px;}

		.projinfo .demohead div, .projinfo .demoline div{ width:60px; }
		.projinfo .demohead div.frst, .projinfo .demoline div.frst{ width:120px; }


		.fullwidth{clear:both;width:100% !important;}
		.listblock p { height:45px !important; }


		.matrix{margin-left:-5px;}

		.qaform a{margin-right:-10px;width:165px !important;}


	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.headblock{width:728px !important;}	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.headblock{width:380px !important;}	

		.lightbody{
			margin:10px 10px !important;
			margin-top:45px !important;
			width:360px !important;
			padding:20px;
		}

		.lightbody .container{width:360px !important;}


		.headblock .logo{ float:left; margin:20px 0px 0px 55px; }
		.headblock .logo img{ width:284px; }
		.headblock .mainnav{ display:none; }

		.headblock select{display:block;width:90%;margin:73px 0px 0px 5%;}

		.lightbody .slideshow{ height:150px; }
		#carousel-single-image, #carousel-single-image .touchcarousel-item, #carousel-single-image img, .lightbody .slideshow .flexslider img {width: 354px !important; !important;height: 150px !important;}

		.lightbody .featuredprops .four.item{ width:320px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #bdbdbd; }

		.lightbody .featuredprops .four.item:last-child{border:0px !important;margin-bottom:0px !important;padding-bottom:0px !important;}
		
		.lightbody .featuredprops .item .wrap1 .wrap2 .cover{height:162px; }

		.footer p{ padding:10px 20px 0px 20px; }

		.secondaryplain .six.contblock{ width:360px; }
		.secondaryplain .contblock{ margin-bottom:10px; background:url(../images/line-sep.gif) bottom center repeat-x;  padding-bottom:10px; width:360px !important; }
		.secondaryplain .contblock:last-child{ background:none !important; margin-bottom:0px;padding-bottom:0px;}
		.secondaryplain .six.contblock iframe{ height:340px; }

		.listhead{ display:none;}
		.listline:hover{background:#dfdcdc;}
		.listline{width:360px !important;margin-bottom:20px;padding-bottom:20px;background:#dfdcdc; border-bottom:none;}
		.listline .six{ width:360px !important;	}
		.listline .six .squarethumb{ width:150px; height:110px;margin-bottom:10px;margin-left:10px;}
		.listline .six p{ font-size: 16px; font-family: 'Libre Baskerville', serif;line-height:20px; width:170px;margin-top:25px;}
		.listline .three span, .listline .two span{ padding-top:0px !important; font-size:13px;line-height:17px;}
		.listline label{ display:block; float:left; width:165px;text-align:right; padding-right:15px; }
		.listline .three span {width:170px;}		
		.listline .three{ margin-bottom:10px;}

		.listblock{width:180px !important;}

		ul.selectors{ top:132px; left:10px; }
		ul.selectors li{margin-right:10px;}
		ul.selectors li a, ul.selectors li span{ padding:8px 15px 9px 15px;}

		.projectpage a.backlist{ float:right;margin:0px;clear:both;margin-top:0px;margin-bottom:10px;}

		.projphotos, .projinfo{	width:360px !important;	}


		.projphotos .bigpreview, .projphotos .bigpreview a, .projphotos .bigpreview span{height:236px;}
		#carousel-single-image-squares{width: 360px !important;height:86px !important;}
		#carousel-single-image-squares .touchcarousel-item{width:81px !important;height: 81px !important;}
		#carousel-single-image-squares .touchcarousel-item img{width:77px !important;height:77px  !important;}

		a.greenround{ padding:3px 15px 3px 15px; width:330px; margin-right:0px;margin-left:0px;}

		.projinfo{ margin-top:20px !important;}

		.projinfo p.lft{margin-right:35px;font-size:12px;}
		.projinfo p.rght{font-size:12px;}


		.projinfo .demohead div, .projinfo .demoline div{ width:80px; }
		.projinfo .demohead div.frst, .projinfo .demoline div.frst{ width:140px; }

		.fullwidth{clear:both;width:100% !important;}

		.matrix{
			display:none;
		}

		.flex-direction-nav a:before  {font-size: 20px !important; line-height:25px !important;}
		.flex-direction-nav a  {margin: -20px 0 0 !important;}

		.qaform input[type=text], .qaform textarea{
			width:97%;
		}

		.qaform a{margin-right:0px;width:330px !important;float:none !important;}


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.headblock{margin:10px 10px !important; width:400px !important;}	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.headblock{margin:10px 10px !important; width:280px !important;}	

		.lightbody{
			margin:10px 10px !important;
			margin-top:45px !important;
			width:240px !important;
			padding:20px;
		}

		.lightbody .container{width:240px !important;}


		.headblock .logo { margin-top:20px; margin-left:8px; }
		.headblock .logo img{ width:260px; }
		.headblock select{margin:77px 0px 0px 5%;}

		.lightbody h1{ font-size: 18px; line-height:22px; }
		.lightbody h3{ font-size: 14px; line-height:18px; }

		.lightbody .slideshow{ height:110px; }
		#carousel-single-image, #carousel-single-image .touchcarousel-item, #carousel-single-image img, .lightbody .slideshow .flexslider img {width: 234px !important; !important;height: 110px !important;}

		.lightbody .featuredprops .insider{ padding:10px; }

		.lightbody .featuredprops h2{ font-size: 14px; text-align:center; margin-top:5px; }

		.lightbody .featuredprops .four.item{ width:220px; margin-bottom:20px; }

		.lightbody .featuredprops .item .wrap1 .wrap2 .cover{height:110px; }

		.secondaryplain .six.contblock{ width:240px; }
		.secondaryplain .contblock{ margin-bottom:10px; background:url(../images/line-sep.gif) bottom center repeat-x;  padding-bottom:10px; width:240px !important; }
		.secondaryplain .contblock:last-child{ background:none !important; margin-bottom:0px;padding-bottom:0px;}
		.secondaryplain .six.contblock iframe{ height:300px; }


		.listline{width:240px !important;margin-bottom:20px;padding-bottom:20px;background:#dfdcdc; border-bottom:none;}
		.listline .six{ width:240px !important;	}
		.listline .six .squarethumb{ width:77px; height:70px;margin-bottom:20px;margin-left:10px;}
		.listline .six p{ font-size: 12px; font-family: 'Libre Baskerville', serif;line-height:18px; width:110px;margin-top:5px;}
		.listline .three span, .listline .two span{ padding-top:0px !important; font-size:13px;line-height:17px;width:130px;}
		.listline label{ display:block; float:left; width:95px;text-align:right; padding-right:10px; font-size:11px; }

		.listline .three{ margin-bottom:5px;}

		.listblock{width:240px !important;}

		.projphotos, .projinfo{	width:240px !important;	}

		.projphotos .bigpreview, .projphotos .bigpreview a, .projphotos .bigpreview span{height:157px;}
		#carousel-single-image-squares{width: 240px !important;height:77px !important;}
		#carousel-single-image-squares .touchcarousel-item{width:72px !important;height: 72px !important;}
		#carousel-single-image-squares .touchcarousel-item img{width:68px !important;height:68px  !important;}

		a.greenround{ padding:3px 15px 3px 15px; width:210px; margin-right:0px;margin-left:0px;}

		.projinfo p.lft{font-size:12px;float:none;margin:0px;margin-bottom:15px;}
		.projinfo p.rght{font-size:12px;float:none;}

		.projinfo .demohead div, .projinfo .demoline div{ width:45px; font-size:11px;}
		.projinfo .demohead div.frst, .projinfo .demoline div.frst{ width:90px;  font-size:11px;}


		.listblock p { height:auto !important; }

		.qaform a{margin-right:0px;width:210px !important;float:none !important;}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/