/* CSS Document */

/* -------- color guide ----------
#4D4948 : 80% black
#DEDEDD : 10% black

/* ------------------------------ LAYOUT ---------------------------------------*/
/* ^1 --------------------------- global constants -----------------------------*/

html, body {
	margin: 0px; /* top right bottom left */
	padding: 0px;
	height: 100%;
}
body {
	height: 100%;
	font: 100%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif; /* 100% is the font size, 1.4 is the line-height */
	color: #333;
	background: url(../_images/layoutBack.jpg);
}
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
 	display: block;
}

/* ^2 --------------------------- limited-scale reset --------------------------*/
h1, h2, h3, h4, h5, h6, p, address, blockquote, div, ul, li {	
	margin: 0px;
	padding: 0px;
}
h1 {
	color: #4D4948;
	font-size: 85%;
}
p {
	color: #4D4948;
	font-size: 75%;
}

/* ^3 --------------------------- global classes -------------------------------*/

/* ^4 --------------------------- home page specfic layout styles --------------*/
/* ~~ This fixed width container surrounds all other blocks ~~ */
#wrapperLayout {
 	position: relative;
	padding: 0px;
	width: 1060px;
	height: 100%;
	margin: 0 auto;
	background: #fff;
	text-align: center;
	background: url(../_images/leftBack.jpg) repeat-y left, url(../_images/rightBack.jpg) repeat-y right, #fff;
	-moz-background-origin: border-box;
	-webkit-background-origin: border-box;
	background-origin: border-box;
}

#wrapper {
	width: 980px;
	margin: 0px 40px 0px 40px;	
	padding: 150px 0px 150px 0px;
}

#separador {
	width: 700px;
	margin: 30px 140px 0px 140px;	
	border-top-color: #DEDEDD;
	border-top-style: solid;
	border-top-width: 2px;	
}

/* ^5 --------------------------- top-level region layout styles ---------------*/
/* top-level regions are header, mainNav, mainContent, sidebar, & footer */