@charset "UTF-8";

/* Quality Granite & Marble */

@font-face {
    font-family: 'mgopen_cosmeticaregular';
    src: url('../oregonfont/clockopia-webfont.eot');
    src: url('../oregonfont/clockopia-webfont.eot?#iefix') format('embedded-opentype'),
         url('../oregonfont/clockopia-webfont.woff') format('woff'),
         url('../oregonfont/clockopia-webfont.ttf') format('truetype'),
         url('../oregonfont/clockopia-webfont.svg#mgopen_cosmeticaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mgopen_cosmeticabold';
    src: url('../oregonfont/droidsans-bold-webfont.eot');
    src: url('../oregonfont/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../oregonfont/droidsans-bold-webfont.woff') format('woff'),
         url('../oregonfont/droidsans-bold-webfont.ttf') format('truetype'),
         url('../oregonfont/droidsans-bold-webfont.svg#mgopen_cosmeticabold') format('svg');
    font-weight: normal;
    font-style: normal;
} 

body {
	font: 100%/1.5 'mgopen_cosmeticaregular', /*'Oregon LDO Book',*/ Helvetica, Arial, sans-serif;
	background-color: #b1998d;
	background-image: url(../images/pagebg.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	color: #000;
}

.content h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding-top: 0.5em;
	line-height: 100%;
	color: #8c2b1c;
	font-weight: normal;
}
h1 { font-size: 3.0em; }
h2 { font-size: 2.6em; }
h3 { font-size: 2.2em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.0em; }
p, li { font-size: 1.05em; line-height: 160%; }

a img { border: none; }
a:link { color: #8c2b1c; }
a:visited { color: #92624b; }
a:hover, a:active, a:focus { color: #92624b; }

b, strong, em { font-family: 'mgopen_cosmeticabold'!important; font-weight: normal!important; font-style: normal!important; }




/* ---------------- CONTAINER ----------------- */

.container {
	width: 100%;
        min-height: 800px;
	max-width: 1100px;
	background-color: #FFF;
	margin: 0 auto; 
}



/* -------------- HEADER ---------------- */

.header { /*padding-top: 1%; border-bottom: 1px solid red;*/  }

.logo-social { 
  width: 20%; 
  float: left; 	
  padding: 0 1% 0 1%;
	margin: 0; 
}

.logo-social h1 { padding-top: 0; margin-top: 0; margin-bottom: 28.5%; }
.logo-social h1 img { width: 100%; height: auto; max-width: 230px; }

.header div.headerright { width: 78%; margin-left: 22%; padding-top: 0; }
.header div.banner { margin-top: 0; padding-top: 0; }
.header > div.headerright > div.banner > div.moduletable.randomrie > div.random_image_extended.randomrie { margin: 0!important; }
.header div.banner img { margin-top: 0; width: 100%; height: auto; }


@media only screen and (min-width: 901px) { 
  .logo-social h1 img.logo-small { display: none; }
  .logo-social p.social img { width: 47.82%; height: auto; }
  .logo-social p.social img.facebook { margin-right: 4.35%; }
  .logo-social p.social-med, .logo-social p.social-small { display: none; }
}

@media only screen and (max-width: 900px) { 
  .logo-social { width: 20%; padding-left: 1%; }
  .logo-social h1 { margin-bottom: 10%; }
  .logo-social p.social-med img.facebook { max-width: 23%; height: auto; }
  .logo-social p.social-med img.houzz { float: right; max-width: 74%; height: auto; }
  .logo-social p.social { display: none; }
  .header div.headerright { width: 76%; margin: 0 1% 0 23%; }
}

@media only screen and (min-width: 601px) {   
	.logo-social h1 img.logo-small, .logo-social p.social-small { display: none; }
}

@media only screen and (max-width: 600px) { 
  body { background: white; }
  .container { margin-top: 0; padding-top: 0; }
  .header { padding-top: 1%; }
  .header div.banner { margin: 1% 0; }
  .logo-social { width: 98%; float: none; margin: 0 1%; padding: 0; background: gray; border-top: 1px solid white; }
  .logo-social h1 { /*width: 70%;*/ float: left; margin: 0 1% 1% 0; padding: 0; }
  .logo-social h1 img.logo-small { display: visible; margin: 0; padding: 0; max-width: 100%!important; height: auto; }
  .logo-social h1 img.logo-large { display: none; }
  .header div.headerright { width: 100%; clear: left; }
  .logo-social p.social-med { display: none; }
  .logo-social p.social-small { display: visible; width: 29%; margin: 0 0 0 71%; }
  .logo-social p.social-small img.facebook { float: right; width: 100%; margin-bottom: 5%; max-width: 110px; height: auto; }
  .logo-social p.social-small img.houzz { float: right; width: 100%; max-width: 110px; height: auto; }
/*  .logo-social p.social, .logo-social p.social-small { display: none; }*/
  .header div.headerright { width: 98%; margin: 0 1% 0 1%; clear: both; }
}




/* ---------------- TOP NAVIGATION ----------------- */


div.topnav { background-image: url(../images/topnav-bg.png); position: relative; z-index: 1000; height: 41px;  }
@media only screen and (max-width: 900px) { div.topnav { display: none; } } 

div.banner img { margin-top: -41px!important; }
@media only screen and (max-width: 900px) { div.banner img { margin-top: 0!important; } } 


ul#responsiveMenu98 { font-family: 'mgopen_cosmeticaregular', Helvetica, Arial, sans-serif; float: right; background: transparent; width: auto; } 

ul#responsiveMenu98 li > a > span.linker { margin: 0.3em 0; padding: 0; }


ul#responsiveMenu98 a { 
  font-size: 17px; 
	text-transform: uppercase; 
	letter-spacing: 0.05em;
  color: #ffffff; 
  padding: 0 1em; 
  text-decoration: none; 
  border: none; 
}

ul#responsiveMenu98 > li#item-101 { width: auto; }


ul#responsiveMenu98 li { margin: 0; }
ul#responsiveMenu98 li#item-516, ul#responsiveMenu98 li#item-517 { display: none; }

ul#responsiveMenu98 ul { width: 220px; }
ul#responsiveMenu98 ul li { margin-right: 0; }

ul#responsiveMenu98 > li.parent > a.parent > span.opener { background-image: none; }

ul#responsiveMenu98 li:hover > a  { color: white; background-color: #c05927; }

ul#responsiveMenu98 li li a { 
    border-top: none; 
    font-weight: normal!important; 
    font-size: 16px!important; 
    color: white!important; 
    background: #8c2b1c;
}
ul#responsiveMenu98 li li a:hover { background-color: #c05927; } 
ul#responsiveMenu98 li.active > a { background-color: #c05927; }

ul#responsiveMenu98 li.current a { color: white; }
ul#responsiveMenu98 li.current a:hover { background: #c05927; color: white; }
ul#responsiveMenu98 li.current li a { background: #c05927; color: white; }

ul#responsiveMenu98 > li.active.deeper.parent > a.parent { color: white; }
ul#responsiveMenu98 > li.active.deeper.parent.hover > ul > li.current.active > a { background: #c05927; }

ul#responsiveMenu98 > li.current.active { background: #c05927; }
ul#responsiveMenu98 > li.current.active ul a { background: #8c2b1c; }
ul#responsiveMenu98 > li.current.active ul a:hover { background: #c05927; }






/* --------------- MOBILE MENU & SOCIAL MEDIA ---------------- */

@media only screen and (min-width: 901px) { .mobilemenu { display: none; } }

@media only screen and (max-width: 900px) { 
  .mobilemenu { background: #c05927; height: 34px; margin: 1% 1%; clear: both; }
}

html > body > div.container > div.header > div.mobilemenu > div.moduletable > ul#responsiveMenu100.responsiveMenuTheme1d.responsiveMenuTheme1m.isMobile > li#item-101.first > a > span.linker { }

@media only screen and (min-width: 601px) { 
  .mobilemenu p.social-small { display: none; }
}

@media only screen and (max-width: 600px) { 
  .mobilemenu p.social-small { float: right; margin: 0; padding: 0; background: white; }
  .mobilemenu p.social-small img { margin-left: 10px; }
}

@media only screen and (min-width: 401px) { 
  .mobilemenu p.social-small img.facebook-small { display: none; }
}
@media only screen and (max-width: 400px) { 
  .mobilemenu p.social-small img.facebook { display: none; }
}



ul#responsiveMenu100.isMobile { float: none; background: #c05927; position: relative; z-index: 1000; font-family: 'mgopen_cosmeticaregular', Helvetica, Arial, sans-serif; }  

div.mobilemenu > div.moduletable > a.toggleMenu.isMobile { 
    background-color: #c05927!important; 
      	text-transform: uppercase; 
	letter-spacing: 0.1em; 
	font-size: 1.2em; 
  line-height: 100%;
  margin: 0; 
  height: auto;
	padding: 7px 12px 6px 40px; 
	background-image: url('../images/menulines.png');
	background-repeat: no-repeat;
	background-position: 12px 10px;
	color: white; 
	text-decoration: none;
	display: block; 
	max-width: 95%; 
  border-radius: 0; 
}


ul#responsiveMenu100.isMobile a { color: white; background-color: #c05927; border-top: 1px solid #8C2B1C; } 
ul#responsiveMenu100.isMobile a span.linker { padding: 0.2em 0; }
ul#responsiveMenu100.isMobile li.current a { color: white; background-color: #c05927; }
ul#responsiveMenu100.isMobile li a:hover { background-color: #c05927; }

ul#responsiveMenu100.isMobile > li { float: none; border-top: none; }

ul#responsiveMenu100.isMobile ul li a { background-color: #8c2b1c; padding-left: 2em; }
ul#responsiveMenu100.isMobile ul li a:hover { background-color: #8c2b1c; }

ul#responsiveMenu100.isMobile > li.parent > a.parent > span.opener { background-position: center top; }

ul#responsiveMenu100.isMobile li li:last-child a { }




/* ---------------- LEFT SIDEBAR ----------------- */

.sidebar {
	float: left;
	width: 21%;
	padding: 1% 0 0 1%;
	padding-bottom: 10px;
  clear: left;
}



@media only screen and (max-width: 900px) { 
  .sidebar { display: none; }
}




/* ---------------- CONTENT COLUMN ----------------- */

.content {
	padding: 0% 1% 1% 0%;
	width: 75%;
	float: left;
}

.content p img, .content h1 img, .content h2 img, .content h3 img,
 .content h4 img, .content h5 img, .content h6 img, .content li img  { 
 	float: left;
	margin: 0 2em 2em 0;
 }
 
.content img.nofloat { float: none!important; display: block; margin: 0!important; }
.content img.right { float: right!important; margin: 0 0 2em 2em!important; }

@media only screen and (max-width: 900px) { 
  .content { width: 96%; margin: 0 1%; padding: 1%;
}
}




/* ---------------- FOOTER ----------------- */

.footer {
  border-top: 1px solid #92624b; 
	padding: 2em 1em;
	position: relative;
	clear: both; 
  text-align: center;
  font-size: 0.9em;
  letter-spacing: 0.02em; 
}
.footer p { margin: 0; padding: 0; line-height: 210%; font-size: 0.95em; }

.footer ul { list-style: none; margin: 0; padding: 0; display: inline; font-size: 0.9em; }
.footer ul li { display: inline; margin: 0 0.5em 0 0; padding: 0 0.5em 0 0; border-right: 1px solid black; }

.footer li img { vertical-align: baseline; margin-bottom: -2px; }

.footer ul li:last-child { border: none; padding-right: 0; }




/* ---------------- LOGIN & EDITING ---------------- */

div.login fieldset { border: none; padding: 0; margin-top: 1em; }
div.login label { display: block; margin-bottom: 10px; }
div.login input { margin-bottom: 10px; border: 1px solid #8c2b1c; padding: 0.3em; }
div.login > form > fieldset > div.login-fields {  }
div.login > form > fieldset > div.login-fields > label#remember-lbl { float: left; }
div.login > form > fieldset > div.login-fields > input#remember.inputbox { margin: 5px 0 1em 1em; }
div.login > form > fieldset > button.button { clear: left!important; margin: 1em 0 0 -100px!important;  }

ul.nav-stacked { margin-left: 0; padding: 0; list-style: none; }


ul.actions { margin: 0; padding: 0; list-style: none; }
ul.actions img { border: none; margin: 0; padding: 0; float: none; }
ul.actions li a { 
  /*display: block; 
  text-decoration: none; 
  background: #be202e; 
  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
  margin: 1em 0; 
  padding: 8px 6px 6px 6px; 
  width: 60px; 
  font-weight: bold;
  font-size: 1.1em;
  text-align: center; 
  color: white; */
}

/* #system-message-container #system-message div.alert-message { 
    background-color: #92624b;
    width: 60%;
    color: white;
    margin: 0 0 1em 0;
    padding: 0.1em 0.5em;
}
#system-message-container #system-message div.alert-message h4 { display: none; }
#system-message-container #system-message div.alert-message p { color: white; padding: 0.5em 0; margin: 0; }
#system-message-container a.close { color: white; float: left; padding: 0.5em 1em 0 0.5em; } */

div#system-message-container > dl#system-message > dt.message { display: none; }
div#system-message-container > dl#system-message { background: #92624b; margin: 0; padding: 0.6em 1em; }
div#system-message-container > dl#system-message > dd.message.message { margin: 0; padding: 0; }
div#system-message-container > dl#system-message > dd.message.message > ul { margin: 0; padding: 0; list-style: none; color: white; }

.content div.edit form#adminForm fieldset div.tab-content input, .content div.edit form#adminForm fieldset div.tab-content select { margin-bottom: 1em; }
.content div.edit form#adminForm fieldset div.tab-content div#publishing div.control-group div.controls select#jform_tags.inputbox  { height: 2em; width: 20em; }

.content div.edit form#adminForm fieldset div.tab-content div#editor { margin-bottom: 2em; }
.content div.edit form#adminForm fieldset div.tab-content div#editor-xtd-buttons { display: none; }


div.edit form#adminForm div#editor-xtd-buttons,
div.edit form#adminForm ul.nav-tabs { display: none; }
div.edit form#adminForm div.btn-toolbar button { font-size: 1.1em; }
div.edit form#adminForm div.btn-toolbar button.btn-primary { float: left; margin-right: 1em; }
div.edit form#adminForm fieldset { border: none; padding: 0; }
div.edit form#adminForm select#jform_tags { height: 100px; width: 300px; }
div.edit form#adminForm div.controls button { width: 25px; height: 25px; margin: 0 0 0 0.5em; }



/* --------------- CONTACT FORM ------------------ */

div.fcp_page > div#fcp_wrapper form div textarea { width: 305px!important; }
div.fcp_page > div#fcp_wrapper.fcp_wrapper > form#fcp_form > div.fcp_line.fcp_text > input { width: 300px!important; }

div.moduletable.contact { width: 30%; float: right; margin: 1em 0 0 0; }




/* -------------- HOMEPAGE ---------------- */

.slab { 
   display: inline-block; 
   width: 26.5%; 
   margin: 1.5em 3% 2em 0; 
   padding: 2% 2.5% 1% 1%; 
   min-height: 260px; 
   background-image: url(../images/slab-light.png);
   background-repeat: no-repeat; 
   background-size: 100%; 
   vertical-align: top;
}

.slab h2 { color: white; font-size: 1.7em; margin: 0; padding: 0; }
.slab h2 img { width: 100%; height: auto; margin: 0 0 10px 0; padding: 0; border: 1px solid white; }

.slab2 { background-image: url(../images/slab-dark.png); }
.slab2 h2 img { width: 47%; float: left; margin-right: 3.5%; margin-bottom: 3.5%; }
.slab2 h2 img.slab2right { margin-right: 0; }

.slab3 { margin-right: 0; }

@media only screen and (max-width: 957px) { 
  .slab { min-height: 265px; }
  .slab h2 { font-size: 1.5em; } 
}
@media only screen and (max-width: 660px) { 
.slab { 
   padding: 1.5%;
   width: 27%;
   background-image: none;
   background-color: #b1998c;
   background-repeat: no-repeat; 
   background-size: 100%; 
   vertical-align: top;
   min-height: 194px; 
}
  .slab h2 { font-size: 1.2em; } 
  .slab2 { background-color: #92624b; }
  .slab2 h2 img { width: 46%; }
}

div.moduletable.googlemap { width: 40%; height: 300px; float: left; margin: 1.5em 2em 1em 0; }




/* ----------------- GALLERIES --------------- */

div.wk-gallery.wk-gallery-wall.clearfix.margin > code > a.spotlight > div.overlay-default { max-width: 100px; max-height: 100px; }

div.wk-gallery img { margin-right: 11px; margin-bottom: 11px; }