@import url(https://fonts.googleapis.com/css?family=Montaga);
body, p, h1, h2, h3, h4, ul , li{
	margin: 0px;
	padding: 0px;
}
body {
	background: url(../images/kindajean_@2X.png);
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
}
.subfont {
}
a:link, a:visited{color:blue; text-decoration:none;}
a:hover{color:orange}
p {
	padding: 0px 0px 15px;
	font-size: 13px;
	line-height: 20px;
}
h2 {
	font-family: 'Montaga', serif;
	font-size: 30px;
	letter-spacing: -1px;
}
.floatright {
	float: right;
	margin-left: 10px;
}
.floatleft {
	float: left;
	margin: 0px 10px 5px 0px;
}
.clear {
	clear: both;
}
#top {
	background: #333330;
	height: 30px;
}
.box-full {
	background: #f5f5f5 url(../images/bg-box.jpg) repeat-x;
	margin: -40px auto 0px;
	width: 1000px;
	position: relative;
	padding: 5px 0px 10px;
	z-index: 300;
}
.box-full .one-fourth  , .box-full2 .one-fourth{
	margin-bottom: 0px;
}
.box-full2 {
	background: #f5f5f5 url(../images/bg-box.jpg) repeat-x;
	margin: -40px auto 0px;
	width: 1000px;
	position: relative;
	padding: 5px 0px 10px;
	z-index: 300;
}
#logo {
	margin-top: 10px;
	display: block;
	margin-left: 10px;
	float: left;
}
#nav {
	float: right;
	height: 50px;
	width: 640px;
	font-size: 12px;
}
ul#topnav {
	list-style: none;
	margin-top: 44px;
}
.content {
	margin: 0px auto;
	width: 920px;
	padding-bottom: 20px;
}
.content h2 {
	font-variant: normal;
	padding-bottom: 14px;
}

.content h3 {
	background: url(../images/bg-orange.jpg);
	padding: 8px 6px;
	margin-bottom: 10px;
	color: #FFF;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.content  h4 {
	color: #DEA316;
	padding-bottom: 10px;
	font-size: 16px;
}
.content ul {
	padding-left: 30px;
	padding-bottom: 20px;
}
.content ul li {
	margin-bottom: 10px;
}
.content p {
	line-height: 22px;
	padding-bottom: 20px;
}
.content table {
	background: #FFF;
}

.content td h3{
	margin-bottom: 0px;
}
ul#topnav li {
	float: left;
	color: #FFF;
}
ul#topnav li a {
	text-decoration: none;
	color: #FFF;
	padding: 20px 18px;
	display: block;
	text-transform: uppercase;
	letter-spacing: -1px;
}
ul#topnav li a:hover {
	background: url(../images/bg-trans.png);
	border-bottom: 5px solid #FBBA28;
}
#phone {
	background: url(../images/bg-trans.png);
	width: 980px;
	position: relative;
	margin: 0px auto;
	text-align: right;
	color: #CCC;
	padding-right: 20px;
	padding-top: 4px;
	height: 26px;
	font-size: 18px;
}
#header {
	background: url(../images/bg-trans.png);
	height: 100px;
	width: 1000px;
	margin: 0px auto;
	position: absolute;
	left: 140px;
	top: 0px;
	z-index: 200;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#slider {
	margin: 0px auto;
	height: 530px;
	width: 1280px;
	background: #CCC;
	position: relative;
}
#subslider {
	margin: 0px auto;
	height: 200px;
	width: 1280px;
	background: #CCC url(../images/slider1.jpg) center 310px;
	position: relative;
}
.one-fourth {
	width: 19%;
	float: left;
	margin-right: 5%;
}
.leftside {
	float: left;
	width: 750px;
}
.last {
	margin-right: 0px;
}
.first {
	margin-left: 4%;
}
.columnbox p  {
	line-height: 20px;
}
.columnbox h3 {
	color: #dea316;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: normal;
}
.fadeWrapper {
	position: relative;
	height: 530px;
	z-index: 50;
}
.imageHolder {
	height: 530px;
	width: 1280px;
	position: absolute;
	z-index: 100;
}
.simplewrap {
	margin: 0px auto 20px;
	width: 1000px;
	background: url(../images/light.png) no-repeat center top;
	padding-top: 40px;
}
.onethird {
	float: right;
	width: 33%;
}
.box {
	background: #F5F5F5;
	padding: 10px 0px;
}
.box p, .box h2 , .box h3{
	padding: 10px 20px 5px;
}
.newsbox h2 {
	margin: 0px;
	background: #E4E4E4;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pic-rollover {
	background: #FFF;
	padding: 3px;
	border: 1px solid #CCC;
}
.pic-rollover:hover {
	background: #EAB115;
}
.bullet {
	padding-right: 14px;
}
.twothirds {
	float: left;
	width: 59%;
	padding: 0px 3% 0px 4%;
}
.boxedleft {
	background: #FFF;
	padding: 4px;
	float: left;
	border: 1px solid #CCC;
	margin: 0px 20px 10px 0px;
}
.rounded {
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.shadowed {
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.65);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.65);
}
.sitefont {
	font-family: 'Montaga', serif;
}
#footer {
	background: url(../images/bg-stripes.jpg);
	padding: 30px 0px;
}
#footwrap {
	margin: 0px auto;
	width: 1000px;
}
#bottom {
	background: #333333;
	padding: 5px 0px;
}
#bottomwrap {
	margin: 0px auto;
	width: 1000px;
	color: #CCC;
	font-size: 12px;
}
#bottomwrap a {
	color: #E2A315;
	text-decoration: none;
}
#page1 a.link1,
#page2 a.link2,
#page3 a.link3,
#page4 a.link4,
#page5 a.link5,
#page6 a.link6,
#page7 a.link7 {
	background: url(../images/bg-trans.png);
	color: #EAB115;
}
.sectionbox {
	border: 1px solid #CCC;
	padding: 16px 16px 12px;
	margin-bottom: 20px;
	background: #FFF;
	min-height:126px
}
form {
	background: #FFF;
	padding: 10px;
}
p.title {
	background: #333;
	color: #FFF;
	text-transform: uppercase;
	margin: 0px;
	padding: 4px 4px 6px;
	font-size: 13px;
	font-weight: bold;
}
p.subhead {
	font-size: 11px;
	color: #FFF;
	background: #666;
	margin: 0px 0px 15px;
	padding: 2px 10px 4px;
	text-transform: capitalize;
}
blockquote {
	margin-bottom: 0px;
	font-style: italic;
}
blockquote p {
	font-size: 16px;
	line-height: 26px;
}
.subfont {
	}

.block {
	float: left;
	width: 200px;
}
	
table.styled { 
	font-family: Helvetica, Arial, sans-serif; /* Nicer font */
	width: 100%; 
	border-collapse: collapse;
	border-spacing: 0; 
}
table.styled td, th {
	border: 1px solid #CCC; 
	padding: 10px;
} 

table.styled th {
	background: #444; /* Light grey background */
	font-weight: bold; /* Make sure they're bold */
	color: #eee;
}
table.styled td {
background: #FAFAFA; /* Lighter grey background */
text-align: center; /* Center our text */
}
/* Cells in even rows (2,4,6...) are one color */ 
table.styled tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
table.styled tr:nth-child(odd) td { background: #FEFEFE; }  

table.styled tr td:hover { background: #666; color: #FFF; } /* Hover cell effect! */


div.subsection-menu {
}
div.subsection-menu a  {
	padding: 5px 10px 6px;
	text-decoration: none;
	display: block;
	background: #EAA221;
	float: left;
	margin: 0px 2px 2px 0px;
	color: #000;
	font-size: 13px;
}
div.subsection-menu a:hover {
	color: #FFF;
	background: #333333;
}
#page1 a.about1,
#about2 a.about2,
#about3 a.about3,
#about4 a.about4
{
	background: #304C74;
	color: #FFF;
}
#gallerycontainer img {
	background: #FFF;
	margin: 0px 10px 5px 0px;
	padding: 3px;
	border: 1px solid #666;
}
div#language-picker {
	text-align: right;
	padding-right: 50px;
	margin-bottom: 10px;
}

form table{width:100%}

.pic-full{}
.mobile{display:none;}
.break{display:none;}
.pic-half-right{margin:0 0 25px 25px}
.pic-half{}
.videoWrapper {
	position: relative;
	padding-bottom: 73.25%;
	padding-top: 25px;
	height: 0;
	margin-bottom:1em;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hide{display:none;}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

ul#solonav{list-style:none; margin:0 0 .7em 0; padding:0 0 30px 0 }
ul#solonav li{float:left; padding:0; margin:0; line-height:250%}
ul#solonav li a:link, ul#solonav li a:hover, ul#solonav li a:visited{margin:0 3px; color:black; text-decoration:none; border: 1px solid black; padding: 7px;background-color: white}
ul#solonav li a:hover{background-color:gray;}

.sectionbox {
	position: relative;
}
.soldtxt {
	position: absolute;
	left: 0;
	top: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 50px;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.soldtxt span{
    transform: rotate(-20deg);
}

/* header and slider only - making fluid */
@media only screen and (max-width: 1280px) {
	#slider, .fadeWrapper, .imageHolder{width:auto; height:auto;}
	.imageHolder img{width:100%; height:auto;}
	#slider{
		position: relative;
		padding-bottom: 40.25%;
		padding-top: 0px;
		height: 0;
		overflow: hidden;
	}
	#header{left:0; width:100%;}
	#subslider{width:auto;}
}

/* main container */
@media only screen and (max-width: 1020px) {
	.fullscreen{display:none;}
	.mobile{display:block;}
	.box-full2, .box-full{width:auto; margin-left: 15px; margin-right: 15px;}
	#phone{width:auto;}
	.content{width:auto; padding-left: 15px; padding-right: 15px;}
	.one-fourth{width:22%; margin-right:2% }
	.columnbox img{width:100%; height:auto;}
	img.details{width:auto;}
	.first{margin-left:2%}
	.simplewrap{width:auto;padding:20px 15px 0 15px;}
	.twothirds{ width:66%; padding:0}
	.onethird{width:33%; padding:0; margin:0}
	#footwrap, #bottomwrap{width: auto; padding-left: 15px; padding-right: 15px;}
	.pic-half-right, .pic-half{width:50%; height:auto;}
	.pic-full{width:100%; height:auto;}
	.leftside{width:auto;}
	table{width:100%}
	div.map{float:none;}
	div.map {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	div.map iframe,   
	div.map object,  
	div.map embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	form.application input, .application textarea{width:100%; margin:2px;}
	.application input[type="radio"] {width: 30px;}
	.application td{padding-left: 10px;}
	form.application{padding:0}
}
@media only screen and (max-width: 760px) {
	.break{display:block; clear:both;}
	.twothirds, .onethird{width:auto; float:none;}
	.first{margin-left:0}
	.one-fourth{width:45%; margin-left:2%; margin-right:2% }
	blockquote{margin:0; padding:10px 0 0 0}
}
@media only screen and (max-width: 510px) {
	.one-fourth{width:auto; margin-left:3%; margin-right:3% }
	.columnbox img{width:95%;} img.details{width:auto;}
	#footer img{width:95%; height:auto;}
	.boxedleft{float:none; width:65%; height:auto; margin:0 0 15px 0; display:block}
	table.styled td, th {padding: 2px;}
	#phone{text-align:center;} #phone a:link, #phone a{color:white;}
	#logo{max-width:290px; height:auto;}
}
@media only screen and (max-width: 330px) {
	.pic-half-right{float:none; width:100%; margin:0; padding:0}
	.content h2{font-size:22px; padding-bottom: 14px;}
}