@import"../css/reset.css";
@import"../css/skeleton.min.css";
@import"../css/forms.css";
@import url(//fonts.googleapis.com/css?family=Oswald);
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:21px;
	color:#000000;
	position:relative;
	/*background:url(../images/tail-body.png) center 0;*/
	background: #403F34;
	-webkit-text-size-adjust: none;
}
html, body {
	height:100%;
}
#page1 body,
#page1 body.minimal {
	background: transparent!important;
	max-height: 800px!important;
}
p {
	padding-bottom:18px;
}
a {
	color:#ef4f33;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
a[href^="tel:"]{color: inherit; text-decoration:none;}
a:hover {
	text-decoration: underline;
	color: #000000;
}
/*  Header styles */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	line-height:1.2em;
	padding-bottom:20px;
	color:#ffffff;
	font-weight:normal;
	text-shadow:1px 1px #0d0d0d;
	text-transform:uppercase;letter-spacing:-1px
}

h2 {
	font-size:30px;
	line-height:32px;padding-bottom:14px
}
#page4 .container_12 h2 {
	letter-spacing:.1em;
	margin:0 0 24px 6px;
}
h3 {
	font-size:24px;
	line-height:28px;
	padding-bottom:32px;

}
h4 {
	font-size:18px;
	line-height:24px;
	padding-bottom:1px;letter-spacing:0
}
h5 {
	font-size:16px;
}
h6 {
	font-size:14px;
}

.font-large {
	font-size: 16px !important;	
}

.font-medium {
	font-size: 14px !important;	
}

/* Global Structure---------------------------------------- */
.container_12 {width: 100%!important;}
.grid_4 {
	width: 288px!important;
	margin-left: 0;
}
.grid_8 {
	width: 768px!important;
	margin-right: 0;
}
.grid_6 {width: 47%!important;}
.span {display: inline-block; float: left;}
.one-third {width: 32.5%;}
.four {width: 25%;}
.eight {width: 75%;}

/*----- txt,links,lines,titles -----*/
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}

.fright {
	float:right
}
.alignright {
	text-align:right
}
.aligncenter {
	text-align:center
}
.alignmiddle * {
	vertical-align:middle
}
.color1 {
	color:#ef4f33;
}
img {
	max-width:100%;
	height:auto
}
.main {
	width:100%;
	margin:0 auto;
	position:relative
}
p {
	padding-bottom:10px
}
p em {
	color:#2d2d2d;
	font-size:14px;
	line-height:22px
}
.p0 {
	padding-bottom:0 !important;
}
.p01 {
	padding-top:0 !important;
}
.p {
	padding-top:1px
}
.p1 {
	padding-top:2px
}
.p2 {
	padding-top:3px
}
.p3 {
	padding-top:4px
}
.p4 {
	padding-top:5px
}
.p5 {
	padding-top:6px
}
.p6 {
	padding-top:7px
}
.p7 {
	padding-top:8px
}
.p8 {
	padding-top:9px
}
.p9 {
	padding-top:10px
}
.p10 {
	padding-top:11px
}
.p11 {
	padding-top:12px
}
.p12 {
	padding-top:13px
}
.p13 {
	padding-top:14px
}
.p14 {
	padding-top:15px
}
.p15 {
	padding-top:16px
}
.p16 {
	padding-top:17px
}
.p17 {
	padding-top:18px
}
.p18 {
	padding-top:20px
}
.p19 {
	padding-top:22px
}
.p20 {
	padding-top:24px
}
.p21 {
	padding-top:33px
}
.p22 {
	padding-top:38px
}
.padd-1 {
	padding-top:45px;
}
.padd-2 {
	padding-top:53px;
}
.m0 {
	margin:0 !important
}
.m1 {
	margin-top:-1px
}
.m2 {
	margin-top:-2px
}
.m3 {
	margin-top:-3px
}
.m4 {
	margin-top:-4px
}
.m5 {
	margin-top:-5px
}
.m6 {
	margin-top:-7px
}
.m7 {
	margin-top:-13px
}
.overflow {
	overflow:hidden
}
.overflow2 {
	padding:13px;
}
.img-indent {
	float:left;
	margin:3px 9px 0 0
}
.img-indent1 {
	float:left;
	margin:1px 19px 0 0
}
.img-indent2 {
	float:left;
	margin:0 20px 0 0
}
.line-h {
	line-height:21px
}
.indent-1 {
	display: inline-block;
}
.indent-2 {
	float:left;
	margin: 0 44px 0 0
}
.slogan {width:100%; text-align:center; margin-top:12px;}
.slogan h4 {font-size:15px;}

.box-main{
	width:1140px;
	margin:0 auto;
	/*background:url(../images/tail-main.png) center 0;*/
background: rgba(138,126,76,1);
background: -webkit-linear-gradient(left, rgba(138,126,76,1) 0%, rgba(164,156,116,1) 33%, rgba(164,156,116,1) 66%, rgba(138,126,76,1) 100%);
background: -ms-linear-gradient(left, rgba(138,126,76,1) 0%, rgba(164,156,116,1) 33%, rgba(164,156,116,1) 66%, rgba(138,126,76,1) 100%);
background: linear-gradient(to right, rgba(138,126,76,1) 0%, rgba(164,156,116,1) 33%, rgba(164,156,116,1) 66%, rgba(138,126,76,1) 100%);
}

.coverage-area {
	color: #ffffff;
	padding-right:50px;
	font-weight: bold;
}

/*********************************header*************************************/
header {
	padding:20px 0 0;
	position:relative;
	z-index:100;
	
}
.row-top{
	overflow:hidden;
	padding:0px 24px 18px 24px;
}
header h1 a {
	display:inline-block;
	width:219px;
	height:69px;
	text-indent:-999em;
	background:url(../images/logo.png) 0 0 no-repeat;
}
header h1 {
	display:inline-block;
	padding:0;margin:0;
	z-index:100;float:left;
}

.txt-phone{
	color:#FFF;
	float:right;
	font-size:10px;
	text-transform:uppercase;
	line-height:12px;
	padding-top:43px
}


.row-nav {
	/*background:#403F34;*/
	position:relative;
	z-index:50;

}



/********************** Content ************************/
section#content {
	position:relative;
	z-index:20;
	padding:40px 24px;}

.img-full {text-align: center;}
.img-small {width:50%;}
.img-small.fright {margin-left:24px;}

.box-img{background:#353535;padding:5px;max-width:100%;display:inline-block}
.box-1 .box-img{background:#2b2929;}
.box-1{background:url(../images/tail-box-1.png);border-top:1px solid #111111;border-left:1px solid #111111;padding: 18px 14px 32px;text-align:center;margin: 0 8px 20px}
.box-1 figure{margin-bottom:26px}
.box-1 p{color:#000000;padding:0 14px 18px}

.border-horiz,.border-horiz1{background:url(../images/border-horiz.png) repeat-x 0 0;height:1px;margin:22px 0 34px}
.border-horiz1{margin:14px 0 26px}

.border-horiz3{background:url(../images/border-footer.png) repeat-x 0 0;height:1px;margin:44px 0 34px}
.date{
	background:url(../images/bg-date.png);border-top:1px solid #0a0a0a;border-left:1px solid #0a0a0a;width:81px;text-align:center;font-family: 'Oswald', sans-serif;font-size:30px;text-transform:uppercase;color:#cbc99e;float:left;margin-right:12px;line-height:32px;padding:13px 0 17px}
.date span{display:block;font-size:18px;line-height:20px;color:#fff;padding-top:2px}
.txt-1{color:#0A3663;}
.txt-2{color:#0A3663;font-size:12px;line-height:16px}
.portrait-block {margin-top: 30px;}

.date-1 {font-family:Arial, Helvetica, sans-serif;
	width:51px;
	float:left;
	background:url(../images/part-date.png) no-repeat 0 0;
	text-align:center;
	margin: 3px 20px 0 0;
	color:#fff;
	font-size:35px;
	line-height:37px;
	padding:6px 0 22px;font-weight:bold	
}

.date-2 {font-family:Arial, Helvetica, sans-serif;
	width:51px;
	float:left;
	background:url(../images/part-date.png) no-repeat 0 0;
	text-align:center;
	margin: 3px 20px 0 0;
	color:#fff;
	font-size:18px;
	line-height:20px;
	padding:8px 0 22px;
	font-weight:bold
	
}
.date-2 span {
	display:block;
	margin-top:-6px
}

.box-quote {
	background: #171912;
	position:relative;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	padding: 17px 20px 24px 30px;
	margin-top:1px;
	border:1px solid #262524;
}
.box-quote:after {
	background:url(../images/box-quote-angle.png) no-repeat 0 0;
	position:absolute;
	width:32px;
	height:19px;
	bottom:-19px;
	left:64px;
	content:"";
	display:block
}
.quote-1 {
	color:#000000;
	position:relative;
	
}
.quote-1:before {
    background: url(../images/bg-quote.png) no-repeat  0 0 ;
    content: "";
    height: 19px;
    left: -8px;
    position: absolute;
    top: -1px;
    width: 32px;
}
.section-services {text-align: center;}
.section-services:after {
	content: ' ';
	display: table;
	height: 0;
	clear: both;
}
.box-team {
	width: 32.5%;
	margin-bottom: 25px;
}
.box-team figure {
	background:#353535;
	margin: 18px;
	padding: 18px;
}
.box-team-2wide {
	background:#353535;
	padding:5px 5px 0px 5px;
	width:360px;
	margin-bottom:25px;overflow:hidden
}
.box-work{
		background:#353535;
	padding:5px 5px 7px 5px;
	margin-bottom:20px;
	overflow:hidden;width:96%}
.box-team p,.box-work p {
	padding-bottom:13px
}

.box-work figure{
	max-width:100%;
	border-bottom:1px solid #282820
}
.port-custom {
	padding: 4px 0;
	line-height: 24px;
}

.box-comments {
	overflow:hidden
}
.box-comments a {
	font-size:13px
}
.posted {
	float:left;
}
.comment {
	float:right;
	width:200px;
	text-align:right
}


/*----- es-carousel -----*/
.es-carousel-wrapper {
	position:relative;
	z-index:99;
	overflow:hidden;
	padding-top:3px
}
.es-carousel {
	position:relative;
	overflow:hidden
}
.es-carousel ul {
	display:none;
}
.es-carousel ul li {
	height:100%;
	float:left;
	display:block;}
.es-nav {
		width:100%;overflow:hidden;position:relative;padding-top:31px
}
.es-nav span{width:27px;height:27px;display:inline-block !important;font-size:0;line-height:0;float:left;cursor:pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;text-indent:-100%;overflow:hidden
}

.es-nav span.es-nav-next {
background:url(../images/next.gif) no-repeat right 0;
	
}
.es-nav span.es-nav-prev {
	background:url(../images/prev.gif) no-repeat 0 0;margin-right:4px
	
}
.es-nav span.es-nav-next:hover {background-position: 0 0 

}
.es-nav span.es-nav-prev:hover {background-position: right 0 

}
/*----- map -----*/

.map {
	
	margin:3px 0 26px;
}
.map iframe {
	height:305px;
	overflow: hidden;
	width:290px;
}
/*----- address -----*/
.mail-1 {
	font-style:normal;
	color:#0f5396;
	display:inline-block;
	text-decoration:underline;
}
.mail-1:hover {
	text-decoration:none
}
dl.address-1 dt {
	color:#0f5396;

}
dl.address-1 dd span {
	display:inline-block;
	width:90px
}
.policy {
	padding-top:0px
}
.policy span {
	display:block;
	color:#0f5396
}
.policy p {
	padding-bottom:21px
}
/*  links & buttons */
.link-1 {
	color:#000000;
	display:inline-block;
}

.link-2 {
	color:#0f5396;
}


.button {
	background:url(../images/tail-button.png);
	font-family: 'Oswald', sans-serif;
	color:#fff;
	font-size:18px;
	line-height:20px;
	display:inline-block;
	padding:13px 21px ;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-transform:uppercase;
}
.button:hover {
	text-decoration:none;
	color:#a5a37b
}
/*  lists */

.list-1 {

}
.list-1 li {
	background:url(../images/marker-2.png) no-repeat 0 7px;
	padding:0 0 6px 20px;	
}
.list-1 li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0f5396;
	display:inline-block;
}
.list-1 li a:hover {


}
.list-2 {
	list-style-type: disc;
	margin-left: 12px;
}

/******************** Footer ******************/
footer {
	padding:61px 0 40px;
	position:relative;background:url(../images/border-footer.png) repeat-x 0 0
}
.privacy {
	color:#555454;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
	margin-bottom: 15px;
}
.privacy strong {font-family: 'Oswald', sans-serif;font-weight:normal;font-size:36px;line-height:38px;text-shadow:1px 1px #111111;color:#ffffff;letter-spacing:-2px
}
.privacy b{font-weight:normal;
	display:inline-block;
}
.privacy span{padding:22px 0 0 7px;display:inline-block}


.privacy a {
	color:#555454;
	text-decoration:none
}
.privacy a:hover {
	text-decoration:underline
}
.soc {
	position:absolute;
	right:0;
	top:72px;overflow:hidden
}
.soc a {
	float:left;
	display:inline-block;
	margin:0 3px;
	position:relative;
	width:28px;
	height:28px;
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.soc a:hover {
	opacity:0.7
}

/*Spam Protection*/
#antispam {display: none;}


/*Real Estate Page*/
#dre-auth {margin: 24px 0 0;}
.dre-number {width: 400px; margin: 0 auto; border: 1px solid #202020; border-radius: 3px;}
.dre-frame {
	background: #F5E9D0;
	padding: 12px 14px;
	margin: 3px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-family: 'Oswald';
	font-size: 18px;
	text-align: center;
	letter-spacing: .03em;
}

.re-section {
	padding-bottom: 24px;
	margin: 24px 0;
	border-bottom: 1px dotted #fff;
}
.re-grid-item {
	display: inline-block;
	width: 33%;
}
.re-inner {
	background: rgba(255,255,255,1);
	margin: 8px;
	padding: 16px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.re-image {
	max-height: 220px;
	overflow: hidden;
	position: relative;
}
.re-image img {
	width: 100%;
	height: auto;
	-webkit-transform: translate(0%,-25%);
	-ms-transform: translate(0%,-25%);
	transform: translate(0%,-25%);
}
.re-content {
	background: #f9f9f9;
	padding: 8px;
	margin-top: 0px;
	border: 1px solid #ddd;
	border-radius: 1px;
	font-size: 11px;
	line-height: 16px;
}
.re-content {margin-bottom: 18px;}
.re-info {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}
.re-price {margin-bottom: 16px;}
.re-proptype {font-weight: normal;}
.re-info:after,
.re-features:after {
	content: ' ';
	display: table;
	height: 0px;
	clear: both;
}
.re-info > div {display: inline-block; float: left; width: 49%;}
.re-info-right {text-align: right;}
.re-address {padding-bottom: 12px;}
.re-solddate {
	padding: 0 0 12px;
}
.re-features {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #ddd;
}
.re-feature-left,
.re-feature-right {
	display: inline-block;
	width: 50%;
	float: left;
}

.re-description {
	text-align: left;
}
/*Reviews page*/
.rb-inner {
	background: rgba(255,255,255,.3);
	margin: 6px;
	padding: 16px;
	border: 1px solid #f9f9f9;
	border-radius: 6px;
}
.rb-name {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: bold;
	color: #f9f9f9;
	text-shadow: 1px 0px #333;
}
.rb-rev span {
	font-size: 22px;
	position: relative;
	top: -2px;
	padding-right: 0px;
	text-shadow: 1px 0px #ccc;
}

/* ------San Diego County Page------*/
.pses-intro {background: #404040; margin-bottom: 60px; padding: 24px;}
.pses-intro > div {display: inline-block; float: left;}
.pses-img {
	width: 38%;
	padding-right: 1%;
	border-right: 1px solid #aaaaaa;
}
.pses-img img {margin-bottom: 24px;}
.pses-txt {
	width: 58%;
	padding: 10px 0 10px 1%;
	color: #fdfdfd;
	font-size: 16px;
	font-weight: bold;
}
.pses-txt1 {
	color: #fdfdfd;
	margin-bottom: 24px;
}
.pses-txt2 {
	color: #efefef;
}
.pses-intro:after {
	content: '';
	display: table;
	clear: both;
	height: 0px;
}
.pses-contact {margin: 60px 0 0;}
.pses-contact h4 {text-align: center; margin: 4px 0;}
.service-container {
	max-width: 642px;
	margin: 0 auto;
	text-align: center;
}
.service-container .box-team:nth-child(4n) {clear: left;}

.portrait {margin-right: 15px;}
.leftspacer {margin-left: 15px;}


/*==========================================*/
@media only screen and (max-width: 1200px)  {
	.box-main {width: 916px;}
	.grid_4 {width: 270px!important;}
	.grid_8 {width: 570px!important;}
	.four {width: 49%;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.box-main {width: 750px;}
	.grid_4 {width: 240px!important;}
	.grid_8 {width: 440px!important;}

.box-team {}
.box-team figure {
	margin: 0;
	padding: 12px;
}
.box-team-2wide {
	width:286px;
}
.overflow2 {font-size:11px; padding:6px; line-height:17px;}


 .map iframe {
	 height:300px;
	 overflow: hidden;
	 width:236px;
	}
	.re-grid-item {
		width: 49%;
	}
}
@media only screen and (max-width: 767px) {
.box-main {width: 300px;padding: 0 30px;}
	.grid_4,
	.grid_8 {width: 100%!important;}
	.one-third {width: 100%;}


 body {min-width:300px;}
header h1 {
	width: 100%;
	display: block;
	text-align: center;
}
 section#content {
 padding: 59px 0 60px;
}
 .soc {
left:0;
 top: 42px;
}

 .img-indent1,.img-indent2 {
 float: none;
 margin: 0 0 16px 0;
}
.comment {
 float: right;
 text-align: left;
 width: 100%;
}
 .map iframe {
 width: 280px;
}
 .privacy {
padding-top:36px;
 width:100%;
}

.txt-phone {
   width:100%;
    float: left;
    padding-top: 0px;
   
}
.box-team figure {
	margin: 0px;
	padding: 12px;
}
	.re-grid-item {
		width: auto;
	}

}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.box-main {
    width: 420px;
}
 body {
min-width:420px;
}
 .box-works {
 padding:15px 15px 0px 15px;
width:64%;
}

.box-work{
	width:69%}


 .indent-2 {
 margin: 0 20px 0 0;
}
 .img-indent2 {
 float: left;
 margin: 0 20px 0 0;
}

 .img-indent1 {
float:left;
margin:3px 20px 0 0
}

.box-team-2wide {
	width:260px;
}
.overflow2 {line-height:15px;}
.comment {
 float: right;
 text-align: right;
 width: 200px;
}
 .map iframe {
 width: 418px;
}
 .privacy a {
display:inline-block
}
.privacy {
width:100%;
}
}

@media only screen and (max-width: 480px) {
	.box-team-2wide {width:100%;}
	.box-team {width: inherit;}
	.grid_6 {width: 100%!important;}
	.four {width: auto;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
.ttt {
	font-size: 14px;
	line-height: 22px;
}
