/* CSS Document */
	
*{font-family: 'Lato', sans-serif;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}


html{background:#C5C4C2 url(../images/bg.gif) repeat-y; min-height:100%; border-top: 4px white solid; border-bottom: 4px white solid; border-left: 4px white solid; position:relative;box-sizing:border-box;}
body{padding:0px; margin:0px; color:#555655; font-size:12px; font-weight:400; text-align:left; box-sizing: border-box;height:100%;}

h1{color:#9da6ad; font-weight:900; font-size:12px;}
a, a:visited{text-decoration:none; color:#fd8204;}
a:hover, a:active{color:#395165;}

img{max-width:100%; height:auto;}

#container{height:100%; max-width:1230px; margin:0px; background:url('../images/container_bg.png') top left repeat-y #FFFFFF;}
#content{background:#FFFFFF; max-width:1029px; padding: 60px 34px; margin-left: 201px; min-height:530px;}

#header{background:#fd8204; color:#FFFFFF; height:100%; width:201px; float:left; margin-right:4px;}
#header #logo{position:relative; top:0px; left:0px; width:201px; background: #FFFFFF; padding-bottom:1px;}
ul.navs{list-style:none; text-align:right; margin:50px 0px 0px 0px; padding:0px; width:100%; background:#fd8204; position:relative; display:block; padding-right:34px;}
ul.navs li{display:block; font-weight:300; color:#FFFFFF;  padding:5px 0px;}
ul.navs li.menuBar{display:none;}
ul.navs li a, ul.navs li a:visited{font-weight:300; text-decoraction:none; color:#FFFFFF;}
ul.navs li a:hover, ul.navs li a:active{font-weight:700;}
ul.navs li a:hover::after, ul.navs li a:active::after{content: url('../images/white_arrow.png'); position:absolute; margin-right:-34px; padding-left:25px;}
ul.navs li.current a{font-weight:700;}
ul.navs li.current a::after{content: url('../images/white_arrow.png'); position:absolute; margin-right:-34px; padding-left:25px;}

#footer{background:#fd8204; color:#FFFFFF; font-weight:400; font-size:12px; text-align:right; width:201px; margin-right:4px; padding-right:34px; position:absolute; bottom:44px;}
#footer .credit{font-weight:300; font-size:11px;}
#footer .credit a, #footer .credit a:visited{font-weight:300; text-decoration:none; color:#FFFFFF;}
#footer .credit a:hover, #footer .credit a:active{color:#FFFFFF;}

.clear-fix{clear:both;}

#menuswitch{display:none; text-align:left; background:#fd8204; width:100%; padding:15px;}

#gridHome{max-width:1029px; margin-left:205px; background:#FFFFFF; margin-bottom:-4px; overflow: hidden;}
.homeGridContainer{width:1029px;}
.gridBoxHome{width:201px; height:201px; overflow:hidden; float:left; margin-right: 4px; margin-bottom:4px;}

#grid{max-width:1029px; margin-left:205px; background:#FFFFFF; margin-bottom:-4px;}
.gridBox{width:201px; height:201px; overflow:hidden; float:left; margin-right: 4px; margin-bottom:4px;}
.gridBox a, .gridBox a:visited{opacity: 0.5;transition:opacity 0.2s;}
.gridBox a:hover, .gridBox a:active{opacity: 1;}

#topGrid{max-width:1025px; max-height: 201px; overflow: hidden;}
.topGridContainer{width:1025px;}
.topGridBox{width:201px; height:201px; overflow:hidden; float:left; margin-right: 4px;}

#grayBox{display:none; background:#C5C4C2;}

/* ABOUT */

.aboutLeft{float:left; position:relative; width:47%;}
.aboutRight{float:right; width:47%; position: relative;}
.aboutQuote{font-size:14px; color:#9da6ad; font-weight:700; font-style:italic;}
.aboutQuoteAuthor{font-size:13px; font-weight:400; color:#9da6ad;}

/* PRESS */
.pressItem{color:#707270; font-size:13px;}
.pressPublication{font-weight:700;}
.pressDate{}
.pressTitle{color:#fd8204; font-weight:700;}
.pressAuthor{}

/* CONTACT */

.contactLeft{float:left; position:relative; width:40%;}
.contactLeft p{font-size:13px;}
.contactLeft p a.contactMap{font-weight:900;}
.contactRight{float:right; width:60%; position: relative;}

/* FEATURED */

.project{color:#707270; margin-bottom:60px; width:100%; float:left;}
.projectBlueBold{color:#9da6ad; font-weight:700;}
.projectImg{position:relative; float:left; width:212px;}
.projectText{position:relative; margin-left: 246px;}
.projectName{font-weight:700;}
.projectLocation{}
.projectDate{}
.projectType{font-weight:700;}
.projectLot{}
.projectHouse{}
.projectNote{}
.accordion{}
.accordion h3{margin:0px; position:absolute; bottom:0px; right:0px; margin-bottom:14px;}
.projectDescription{color:#555655;}
.projectGallery{color:#dfdfdf; font-weight:700;}
.projectGalBar{color:#707270;}
a.projectLink, a.projectLink:visited{text-decoration:none; color:#fd8204; font-weight:700;cursor: pointer;}
a.projectLink:hover, a.projectLink:active{color:#395165;}

/* ACCORDION CSS */

.ui-accordion{}
.ui-accordion-header{cursor: pointer;}
.ui-accordion-content{}
.ui-state-active{}
.ui-state-focus { outline: none; }

a.phoneLink{color:#555655;cursor:default;}

/*
.default {
    background-image: url("../images/closed.png");
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    display: inline-block;
    margin-right: -9px;
	position:relative;
	left:-20px;
}

.active {
    background-image: url("../images/open.png");
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    display: inline-block;
    margin-right: -9px; 
	position:relative;
	left:-20px;
	top:31px;
}*/

.continued{text-align: right; margin-right: 25px; margin-bottom: 8px;}

@media (max-width:830px) {
	.contactLeft{float:none; position:relative; width:100%;}
	.contactRight{float:none; width:100%; position: relative;}
	.projectImg{float:none;}
	.projectText{margin-left:0px; margin-top:30px}
}


@media (max-width:600px) {
	.aboutLeft{float:none; position:relative; width:100%;}
	.aboutRight{float:none; width:100%; position: relative;}
}


@media (max-width:414px) {
	html,body{height:auto !important; border:none; background:#fd8204; background-image:none;}
	#container{background-image:none;}
	#content{margin-left:0px; padding: 15px 15px 30px 15px;}
	#header{float:none; width:100%; height:auto; margin:0px; background:#FFFFFF;}
	#header #logo{width:50%;}
	ul.navs{margin:0px; padding:0px 15px 20px 15px; text-align:left;}
	ul.navs li{display: none; padding: 0px 5px;}
	ul.navs li.menuBar{padding:0px;}
	ul.navs li a:hover::after, ul.navs li a:active::after,ul.navs li.current a::after{content:''; margin:0px; padding:0px; top:0px;}
	#menuswitch{display:inherit;}
	#footer{left:0px; top:0px; float:none; width:100%; margin:0px; padding-top:20px; padding-bottom:20px; position:relative; bottom:auto;}
	#topGrid{position: absolute; top: 4px; left:51%; width:49%;}
	.topGridContainer{width:100%;}
	#topGrid .topGridBox{width:100%;}
	#gridHome{margin-top:4px; margin-left:0px;}
	.homeGridContainer{width:100%; margin:0px auto;}
	.gridBoxHome{width: 48%; height: auto;}
	#grid{margin-top:4px; margin-left:0px;}
	.gridBox{width: 48%; height: auto;}
	#grayBox{display:inherit; position: absolute; top: 4px; left:51%; width:49%;}
	#grayBox img{width:98%;}
	.projectImg{float:left; width:30%}
	.projectText{margin-left:34%; margin-top:0px}
	a.phoneLink{color:#fd8204;cursor:pointer;}
}