/*
--------------------------------------------------------------------------------------

	Layout
	objects.layout.css

--------------------------------------------------------------------------------------
*/



/*
-------------------------------------------
	Clears
-------------------------------------------
*/


.cf:after, 
#ou-header:after,
#ou-site:after,
#ou-site-body:after,
#ou-site-header:after,
#ou-site-footer:after,
.ou-grid:after,
.ou-footer:after,
.ou-ancestors:after,
.ou-paged:after,
.ou-mobile-menu:after,
.ou-creative:after,
.ou-sections:after,
.ou-carousel:after {
    content:" ";
    display:block;
    clear:both;
}


/*
-------------------------------------------
	General
-------------------------------------------
*/


#ou-org {width:100%;}

#ou-header,
#ou-site-body,
#ou-site-footer,
.ou-wrapper {
	width:95%;
	max-width:1180px;
	margin:0 auto;
}

#ou-site-body {
	margin-top: 25px;
	margin-bottom:45px;
}

#ou-region1 {
	float: left;
	width: 65%;
}

#ou-region2 {
	float: right;
	width: 26%;
}

#ou-site-header {border-bottom:1px solid #ddd;}


/*
-------------------------------------------
	Full width
-------------------------------------------
*/


body.ou-pure #ou-region1 {
	margin:0 0 20px 0;
	width:100%;
}

body.ou-pure #ou-region2 {
	width:100%;
	margin:0;
}



/*
-------------------------------------------
	One column
-------------------------------------------
*/

body.ou-1-col #ou-region1,
body.ou-1-col #ou-region2 {
	margin:0 auto;
	float:none;	
	width:65%;
}



@media 
only screen and (max-width: 1180px), 
only screen and (max-device-width: 1180px) {


.ou-wrapper {
	max-width:none;
	padding:0 20px;
}

#ou-header, 
#ou-site-body,
#ou-site-footer {
	max-width: none;
	padding: 0;
}

body.one-col #ou-region1,
body.one-col #ou-region2 {
	width:75%;
}


} /* end media query */


@media 
only screen and (max-width: 767px), 
only screen and (max-device-width: 767px) {

#ou-header {width:100%;}

#ou-region1,
#ou-region2 {
	float: left;
	width: 100%;
	margin:0 0 25px 0;
	padding:0;
}

body.ou-1-col #ou-region1,
body.ou-1-col #ou-region2 {width:100%;}


} /* end media query */


@media 
only screen and (max-width: 400px), 
only screen and (max-device-width: 400px) {

#ou-site-body {margin-top: 20px;}


} /* end media query */