@charset "UTF-8";
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1em;
	color: #523629;
	background-color: #741024;
}
/* CSS Document */

#wrapper {
	width: 100%;
	background-image: url(../assets/images/structure/background_alone.jpg);
	background-repeat: repeat;
	background-position: center 0px;
	text-align: center;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
/* CSS Document */

#wrapperHome {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	background-image: url(../assets/images/structure/background_alone.jpg);
	background-repeat: repeat-x;
	background-position: 0px 121px;
}
#logoRow {
	text-align: center;
	width: 100%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	max-width: 1300px;
	height: 121px;
	background-color: #FFF;
}
#logoRowInterior {
	text-align: center;
	width: 100%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	max-width: 1300px;
	min-height: 121px;
}
#logo {
	background-image: url(../assets/images/structure/logo_home.png);
	background-repeat: no-repeat;
	display: block;
	height: 121px;
	width: 287px;
	background-position: 0px 0px;
	float: left;
	overflow: hidden;
}
#logo:hover {
	background-image: url(../assets/images/structure/logo_home.png);
	background-repeat: no-repeat;
	display: block;
	height: 121px;
	width: 287px;
	background-position: 0px -121px;
	float: left;
	overflow: hidden;
}
#logoInterior{
	background-image: url(../assets/images/structure/logo_interior.png);
	background-repeat: no-repeat;
	display: block;
	height: 121px;
	width:  287px;
	background-position: 0px 0px;
	float: left;
	overflow: hidden;
}
#logoInterior:hover{
	background-image: url(../assets/images/structure/logo_interior_roll.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#topMenuBox {
	float: right;
	height: 42px;
	width: 185px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 18px;
}
.topMenuHidden {
	visibility: hidden;
	float: right;
	display: block;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
}
#about {
	height: 40px;
	width: 81px;
	display: block;
	background-image: url(../assets/images/structure/top_menu.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	font-size: 110%;
	text-align:center;
	color: #FFF;
	padding-top: 3px;
	padding-left: 1px;
	overflow: hidden;
}
#about:hover {
	height: 40px;
	width: 81px;
	display: block;
	background-image: url(../assets/images/structure/top_menu.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	font-size: 110%;
	text-align:center;
	color: #D8D1C1;
	padding-top: 3px;
	padding-left: 1px;
	text-decoration: none;
		overflow: hidden;

}
#contact {
	height: 40px;
	width: 103px;
	display: block;
	background-image: url(../assets/images/structure/top_menu.png);
	background-repeat: no-repeat;
	background-position: -82px 0px;
	float: right;
	font-size: 110%;
	text-align:center;
	color: #FFF;
	padding-top: 3px;
	padding-left: -1px;
		overflow: hidden;

}
#contact:hover {
	height: 40px;
	width: 103px;
	display: block;
	background-image: url(../assets/images/structure/top_menu.png);
	background-repeat: no-repeat;
	background-position: -82px 0px;
	float: right;
	font-size: 110%;
	text-align:center;
	color: #D8D1C1;
	padding-top: 3px;
	text-decoration: none;
	padding-left: -1px;
	overflow: hidden;

}
#aboutInterior {
	height: 40px;
	width: 81px;
	display: block;
	background-image: url(../assets/images/structure/top_menu_interior.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	font-size: 110%;
	text-align: center;
	color: #FFF;
	padding-top: 3px;
	padding-left: 1px;
	overflow: hidden;
}
#aboutInterior:hover {
	height: 40px;
	width: 81px;
	display: block;
	background-image: url(../assets/images/structure/top_menu_interior.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	font-size: 110%;
	text-align:center;
	color: #D8D1C1;
	padding-top: 3px;
	padding-left: 1px;
	text-decoration: none;
		overflow: hidden;

}
#contactInterior {
	height: 40px;
	width: 103px;
	display: block;
	background-image: url(../assets/images/structure/top_menu_interior.png);
	background-repeat: no-repeat;
	background-position: -82px 0px;
	float: right;
	font-size: 110%;
	text-align:center;
	color: #FFF;
	padding-top: 3px;
	padding-left: -1px;
		overflow: hidden;

}
#contactInterior:hover {
	height: 40px;
	width: 103px;
	display: block;
	background-image: url(../assets/images/structure/top_menu_interior.png);
	background-repeat: no-repeat;
	background-position: -82px 0px;
	float: right;
	font-size: 110%;
	text-align:center;
	color: #D8D1C1;
	padding-top: 3px;
	text-decoration: none;
	padding-left: -1px;
	overflow: hidden;

}
#mainMenu {
	font-size: 130%;
	padding-left: 10px;
	padding-top: 45px;
	float: left;
	overflow: hidden;
	width: auto;
}
#mainMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mainMenu ul li {
	margin-right: 7px;
	display: inline-block;
	margin-left: 7px;
	text-decoration: none;
}
#mainMenu a {
	color: #8B2330;
}
#mainMenu a:hover {
	text-decoration: none;
	color: #4E1601;
}
#secondaryMenu {
	font-size: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
}
#content {
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
}
#portfolioBox {
	max-width: 1300px;
	text-align: right;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 35px;
	padding-left: 25px;
	margin-top: 6px;
	height: auto;
	overflow: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
	
#portfolioNavigation {
	float: left;
	width: 106px;
	text-align: left;
	font-size: 70%;
	margin-right: 22px;
	color: #8C2232;
}
#portfolioNavigation a   {
	color: #8C2232;
	text-decoration: none;
}
#portfolioNavigation a:hover {
	color: #533026;
	text-decoration:underline;
}
#portfolioNavigation a:visited {
	color: #8C2232;
	text-decoration: none;
}
#portfolioNavigation ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 9px;
	padding-left: 0px;
	line-height: 130%;
}
#portfolioNavigation #menu li ul li {
	margin-left: 3px;
}
#portfolioNavigation ul li {
	margin-bottom: 0px;
	margin-top: 8px;
}
.navSubheader   {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 8px;
	margin-bottom: 0px;
	display: block;
	padding-bottom: 0px;
}
#portfolioTitle {
	width: 100%;
	text-align: left;
}
#portfolioDescription {
	float: left;
	width: 26%;
	min-width: 100px;
	text-align: left;
	font-size: 80%;
}

.portfolioSubheaders {
	font-weight: bold;
	text-transform: uppercase;
}
#textPageContent {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 90%;
	max-width: 750px;
}
#landingPageContent {
	font-size: 115%;
}
.sectionLabel {
	font-size: 130%;
	color: #8D2430;
	margin: 0px;
	height: 110%;
	letter-spacing: 0.1em;
	padding-right: 0px;
	padding-bottom: 1px;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
#portfolioSlider {
	width: 50%;
	float: right;
	overflow: visible;
	margin-right: 50px;
}
.portfolioImage {
	-moz-box-shadow: 3px 3px 7px #523629;
	-webkit-box-shadow: 3px 3px 7px #523629;
	box-shadow: 3px 3px 7px #523629;
	width: 50%;
	float: right;
	margin-right: 50px;
}
.portfolioNoShadow {
	width: 50%;
	float: right;
	margin-right: 50px;
}
#tertieryMenu {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#contentRightArrow {
	float: left;
	height: 100%;
	margin-top: 225px;
	font-size: 300%;
	text-align: right;
	width: 53px;
}
#footer {
	background-color: #741124;
	width: 100%;
	color: #FFF;
	padding-bottom: 10px;
	text-align: center;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	max-width: 1250px;
	overflow: hidden;
}
#contentFooter {
	margin-right: auto;
	margin-left: auto;
	max-width: 1250px;
	width: 100%;
	overflow: hidden;
}
#footerWrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.footerColumn {
	float: left;
	width: 21%;
	margin-left: 16px;
	text-align: left;
}
#footer ul {
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	list-style-type: none;
	font-size: 75%;
	margin-top: 0px;
	padding: 0px;
	height: auto;
}
#footer ul li{
	margin-bottom: 6px;
}
#footer a {
	color: #FFF;
	padding-top: 5px;
}
#footer a:hover {
	color: #D8D1C1;
	text-decoration: none;
}
#copyright {
	background-color: #281004;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	text-align: center;
	font-size: 67%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 25px;
	overflow: hidden;
}
a {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	color: #741024;
	text-decoration: underline;
}
a:visited {
	color: #CC0000;
}
h1 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 150%;
	color: #8B2330;
	font-family: "Open Sans", Arial, sans-serif;
	line-height: 120%;
}
h2 {
	margin-top: 0px;
	font-size: 105%;
	font-family: "Open Sans", Arial, sans-serif;
	margin-bottom: 0px;
}
p,  ul, ol  {
	margin-top: 7px;
	margin-bottom: 20px;
}
 
#textPageContent ul {
	margin-top: 7px;
	margin-bottom: 20px;
}
#landingPageContent ul {
	margin-top: 0px;
	margin-bottom: 20px;
}
.rightImage {
	float: right;
	margin-left: 6px;
}
.clearFloat {
	clear: both;
}
#secondaryMenu a {
	font-weight: bold;
}
#homeSlider .nivo-caption {
	display: none;
}
.error {
	font-weight: bold;
	color: #F00;
	font-size: 70%;
	line-height: 80%;
	margin-top: -3px;
	margin-bottom: 0px;
}

/* hide mobile menu by default */
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #8B2230;
	text-align: center;
	display: none;
	font-size: 130%;
	border: thin solid #523829;
	font-family: "Open Sans";
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 6px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.show-main-menu {
	text-decoration: none;
	color: #8B2230;
	text-align: center;
	display: none;
	font-size: 130%;
	border: thin solid #523829;
	font-family: "Open Sans";
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Show main menu when invisible checkbox is checked*/
input[type=checkbox]#show-main-menu:checked ~ #mainMenu{
    display: block;
}
/* narrow monitor */
@media only screen and (max-width : 940px){
	#mainMenu {
	font-size: 90%;
	padding-left: 0px;
	padding-top: 50px;
	float: left;
	overflow: hidden;
	width: auto;
	font-weight: bold;
	}
	#mainMenu ul li {
	margin-right: 5px;
	display: inline-block;
	margin-left: 5px;
	text-decoration: none;
}

}
/* tablet or phone */
@media only screen and (max-width : 768px){
	/*Make dropdown links appear inline*/
	#portfolioNavigation ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	#portfolioNavigation li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	#portfolioNavigation ul li {
	width: 100%;
	text-align: center;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #503228;
	padding-bottom: 4px;
	text-decoration: none;
	}
	
#logoRow {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	height: auto;
	}
#logo {
	background-image: url(../assets/images/structure/logo_home.png);
	background-repeat: no-repeat;
	display: block;
	height: 121px;
	width: 287px;
	background-position: 0px 0px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	float: none;
	}
#logo:hover {
	background-image: url(../assets/images/structure/logo_home.png);
	background-repeat: no-repeat;
	display: block;
	height: 121px;
	width: 287px;
	background-position: 0px -121px;
	overflow: hidden;
	float: none;
}
#logoInterior{
	background-image: url(../assets/images/structure/logo_interior.png);
	background-repeat: no-repeat;
	display: block;
	height: 121px;
	width:  287px;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	overflow: hidden;
}
#logoInterior:hover{
	background-image: url(../assets/images/structure/logo_interior_roll.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#menuBox {
	width: 100%;
	height: auto;
}

#topMenuBox {
	width: 100%;
	float: none;
	height:23px;
	color: #FFF;
	background-color:#741024;
	padding-top: 1px;
	padding-bottom:3px;
	overflow:hidden;
	position: relative;
	top: 0px;
	left: auto;
	right: auto;
}
#about {
	display: inline;
	background-image: none;
	font-size: 100%;
	color:#FFF;
	padding-top: none;
	padding-left: none;
	text-align: center;
	float: none;
}
#about:hover {
		display: inline;
	background-image: none;
	font-size: 100%;
	color:#D8D1C1;
	padding-top: none;
	padding-left: none;
	text-align: center;
	float: none;
}
#contact {
	display: inline;
	background-image: none;
	font-size: 100%;
	color: #FFF;
	padding-top: none;
	padding-left: none;
	text-align: center;
	float: none;
}
#contact:hover {
	display: inline;
	background-image: none;
	font-size: 100%;
	color:#D8D1C1;
	padding-top: none;
	padding-left: none;
	text-align: center;
	float: none;
}
#aboutInterior {
	display: inline;
	background-image: none;
	font-size: 100%;
	color: #FFF;
	padding-top: none;
	padding-left: none;
	text-align: center;
	float: none;
}
#aboutInterior:hover {
		display: inline;
	background-image: none;
	font-size: 100%;
	color:#D8D1C1;
	padding-top: none;
	padding-left: none;
	text-align: center;
	float: none;
}
#contactInterior {
	display: inline;
	background-image: none;
	font-size: 100%;
	color: #FFF;
	padding-top: none;
	padding-left: none;
	text-align: center;
	float: none;
}
#contactInterior:hover {
	display: inline;
	background-image: none;
	font-size: 100%;
	color:#D8D1C1;
	padding-top: none;
	padding-left: none;
	text-align: center;
	float: none;
}
.topMenuHidden {
	visibility:visible;
	float: none;
	display: inline;
	overflow: hidden;
	font-size: 100%;
	line-height: 100%;
}
#mainMenu {
	display: none;
	padding-top: 0px;
	float: none;
	margin-top: 0px;
	}
#mainMenu ul li {
	font-size: 100%;
	width: 95%;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 4 0 4 0;
	line-height: 100%;
	height: 24px;
		}
#mainMenu ul 	{
	margin-bottom: 10px;
}
	#mainMenu ul li a {
		display: block;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	.show-main-menu {
		display:block;
	}
		
	#portfolioBox {
		text-align:left;
		width: 85%
		
	}
	#portfolioNavigation {
		float:none;
		width: 100%;
	}
	.sectionLabel {
		display: none;
	}
	#portfolioTitle {
		text-align:center;
	}
.portfolioImage, #portfolioSlider, .portfolioNoShadow  {
		float:none;
		width: 100%;
		margin-right: 0px;
	}
	#portfolioDescription {
		float:none;
		width: 100%
	}
	#textPageContent {
	float: none;
	width: 100%;
	text-align: left;
	font-size: 100%;
	max-width: 750px;
}
.rightImage {
	float: none;
}
}

#mockup {
	background-color: #FFF;
	width: 100%;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
}