/*** TYPO ***
font-family: 'Russo One', sans-serif;
font-family: 'Titillium Web', sans-serif;
******/

/***************************** HTML tags***/
body {
	background: #000 url('../img/wrapperBack.jpg') repeat-x;
	font: normal normal 400 15px/18px 'Titillium Web', sans-serif;
}

a {
	color: #B00305;
	font-weight: bold;
	text-decoration: none;
}
	a:hover { color: #000; }

img { border: 0; }

p { margin: 5px 0 10px 0; }

ul li, ol li {
	margin: 5px 0;
	padding: 0;
}

h2 {
	color: #B00305;
	font: normal small-caps 400 18px/20px 'Russo One', sans-serif;
}

h2.size {
	color: #B00305;
	font: normal small-caps 400 16px/18px 'Russo One', sans-serif;
}

h3 {
	color: #B00305;
	font: normal normal 700 18px/20px 'Titillium Web', sans-serif;
	padding: 10px 0 5px 0;
}

h1 {
	color: #B00305;
	font: normal normal 800 18px/20px 'Titillium Web', sans-serif;
	padding: 10px 0 5px 0;
}

/***************************** CLASSES ***/
.top20 { margin-top: 20px; }
.top40 { margin-top: 40px; }

ul.type li { 
	list-style-image: url('../img/bullet.png');
	margin: 5px 0 5px 20px;
}

.font20 { font-size: 20px; }


/***************************** WRAPPER ***/
#wrapper, #wrapper2, #wrapper3 {
	background: url('../img/wrapperBack.jpg') repeat-x;
	margin: 0 auto;
	width: 100%;
}
	#wrapper { height: 420px; }
	#wrapper2 { height: 870px; }
	#wrapper3 { height: 570px; }

#clouds {
	background: url('../img/clouds.png') repeat-x top center;
	height: 165px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#wrapperMain {
	height: 100%;
	margin: 0 auto;
	width: 1280px;
}

#wrapperRelative {
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 1280px;
}

#buildings {
	height: 350px;
	position: absolute;
	right: 30px;
	top: 55px;
	width: 640px;
	z-index: 2;
}

#header, #headerIndex {
	height: 160px;
	left: 25px;
	position: absolute;
	top: 0;
	width: 1230px;
	z-index: 3;
}
#header { background: url('../img/headerBack.png') no-repeat bottom left; }
#headerIndex { background: url('../img/headerBack2.png') no-repeat bottom left; }

#quote {
	color: #000;
	font: normal normal 400 20px/35px 'Russo One', sans-serif;
	height: 35px;
	left: 155px;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 450px;
	z-index: 4;
}
	#quote p {
		margin: 0;
		padding: 0;
	}
	#quote p span { color: #EC2414; }


nav {
	height: 126px;
	left: 0;
	position: absolute;
	top: 89px;
	width: 985px;
	z-index: 5;
}
	nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	nav ul li a {
		color: #000;
		display: block;
		float: left;
		font: normal normal 700 15px/30px 'Titillium Web', sans-serif;
		height: 30px;
		padding: 0 10px;
	}
	nav ul li a:hover, nav ul li a.active {
		color: #B00305;
		text-decoration: underline;
	}	
	nav ul li:first-child {
		margin-left: 145px;
	}

#logo {
	height: 145px;
	left: 20px;
	position: absolute;
	top: 5px;
	width: 140px;	
	z-index: 6;
}

#text, #text2, #text3, #text4  {
	left: 40px;
	position: absolute;
	text-align: justify;
	top: 180px;
	width: 1200px;
	z-index: 7;	
}
	#text { height: 200px; }
	#text2 { height: 650px; }
	#text3 { height: 350px; }
	#text4 { height: 350px; }

	#colIndex {
		height: 100%;
		left: 10px;
		position: absolute;
		width: 540px;	
	}
	
	#colIndex ul.type li a { color: #000; font-style:italic; }
	#colIndex ul.type li a:hover { color: #B00305; }

	#col-2a, #col-2b {
		height: 100%;
		position: absolute;
		width: 570px;	
	}
		#col-2a { left: 10px; }
		#col-2b {	left: 620px; }
	
	#col-ContactA {
		height: 100%;
		left: 10px;
		position: absolute;
		width: 300px;
	}	
	
	#col-ContactB {
		height: 100%;
		left: 330px;
		position: absolute;
		width: 860px;	
	}
	#col-ContactC {
		height: 650px;
		left: 330px;
		position: absolute;
		width: 860px;	
	}


/***************************** SECTIONS ***/
#sections {
	background: #000;
	color: #e8e8e8;
	height: 220px;
	margin: 0 auto;
}

#sectionsCont {
	background: #000;
	height: 220px;
	margin: 0 auto;
	width: 1280px;
}
	#sectionsCont img { float:left; margin-right: 5px; }
	#sectionsCont a:hover, #footerCont a:hover { color: #e8e8e8; }

#section1 {
	float: left;
	height: 190px;
	margin: 15px 100px 13px 50px;
	width: 540px;
}

#section2 {
	float: left;
	height: 190px;
	margin: 15px 0 13px;
	width: 540px;
}

/***************************** FOOTER***/
footer {
	background: #000 url('../img/footerBack.jpg') repeat-x;
	height: 40px;
	margin: 0 auto;
	width: 100%;
}

#footerCont {
	background: #000 url('../img/footerBack.jpg') repeat-x;
	height: 40px;
	margin: 0 auto;
	width: 1280px;
	text-align: center;
}

#footerText {
	float: left;
	font-size: 12px;
	height: 30px;
	margin: 10px 0 0 500px;
	width: 280px;
}
	#footerText p { float:left; }