@charset "utf-8";
/* CSS Document */

/* Layout */

body{
	background:none;
}

#headerWrapper, #sliderWrapper, #mainContentWrapper, #mainContent, #sidebar, #sideMenuContent, #footerWrapper, #bottomMenuWrapper{
	/*background-image:none;*/
}

header{
	min-height:100px;
}


#whiteV{
	width: 100%;
	height:106px;
}

h1{
	/*margin-top: 30px;*/
}

#logo {
	background:url(../images/creato-logo_mobile.png) no-repeat center center;
	width:100%;
	height:80px;
}

#mainContent{
	min-height:350px;
}

#sidebar{
 float: none;
 width:100%;
}

#sideMenuContent{
	width:100%;
}

.mobileDisappear{ /* Clears div for mobile */
	display:none;
}

.mobileAppear{ /* Shows div for mobile */
	display: inherit;
}


/* Equal-height Colums trick  */

#sidebar, #sideMenuContent{ /* colums */
	padding-bottom:0;
	margin-bottom:0;
}

#sideMenuLayout{ /* column continer*/
	overflow:auto;
}

/* End Equal-height Colums trick  */



footer{
	min-height:100px;
}

#bottomMenuWrapper{
	background:rgba(0,0,0,.7);
	
}


#bottomMenuNav{
	float:none;
	display:table; /*Trick to center divs*/
	margin:0 auto;
	
}

#copyright{
	float:none;
	text-align:center;
}



/* Paragraph and Columns*/

.paragraphWrapper{
	padding-top:30px;
	padding-bottom:0;
}



/* Main Nav */
#mainNav {
	position:relative;
	display:table;
	margin: 0 auto;
	background-color:#000;
	width:100%;
}

#mainNav {
	position:relative;
	display:table;
	margin: 0 auto;
	background-color:rgba(0,0,0,.2);
	width:100%;
}
#mainNav ul{
	display:table;
	margin: 0 auto;
}

#mainNav a{
	padding:10px;
	font-size:.8em;
}

#mainNav li:hover .subMenu{
	left:-10000em; /* overrides the submenu display  */
}


/* bottom menu */

.paragraphBottomMenuWrapper .secondaryMenu li{
	margin-top:10px;
}


/* ContentSubmenus */

#subNav .subMenu{
	background-color:rgba(0,0,0,.1);
}

#subNav .subMenu li {
	float:left;
}
#subNav .subMenu a {
	padding: 10px;
	font-size:.8em;
}



/* Call Out, Quotes + Notification Boxes */

.quoteContent{
	padding-left:20px;
}

.quoteBox:before {
font-size: 15px;
}