/*****************************
*** EagleSidingInc.com CSS ***
*****************************/

@import url('reset.css');
@import url('base.css');

.backgroundGray { color: #C1BFC0; }
.eagleRed { color: #AA1827; }
.eagleBlue { color: #00204B; }

.clear { clear: both; }

body {
	background: url('../images/background.gif') no-repeat center top #C1BFC0;
	color: #00204B;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	background: url('images/contShadow.jpg') repeat-y #FFF;
	border: 1px solid #000;
	margin: auto;
	margin-top: 10px;
	width: 800px;
}

#header { margin: 5px 0 20px 20px; }
	#logo { float: left; }
		#logo h1 {
			background: url('../images/eagleSidingLogo.jpg') no-repeat top left;
			border: none;
			height: 115px;
			width: 270px;
		}
		#logo h1 span { display: none; }

#navigation {

	float: right;
	font-size: .85em;
	text-align: center;
	text-transform: uppercase;
	width: 250px;
}
	#navigation a { color: #00204B; text-decoration: none; }
	#navigation a:hover, #navigation .active a {
		border-bottom: 3px solid #AA1827;
		padding-bottom: 4px;
	}

	#navigation ul {
		border-bottom: 1px solid #AA1827;
		margin: 75px 23px 0 0;
		padding-bottom: 5px;
	}
		#navigation li {
			display: inline;
			list-style: none;
			margin-right: 5px;
		}

		#navigation .last {}

#content { margin: 20px; }
	#main { float: left; width: 550px; }
		#bigImage {}
			#bigImage img{}
	.text { margin-top: 10px; }
		.home h1 { font-size: .8em; text-transform: uppercase; }

	.gallery {}
		.gallery h1 { margin-bottom: .25em; }

		.gallery img { border: 1px solid #AA1827; width: 175px; }
		.gallery a:hover {}

		.gallery ul { font-size: .75em; }
	.contact {}
		form, table, tr, td { border: none; }
		.formtext {}
		.textfield {}
		.required { color: #AA1827; }

	#sidebar { float: right; width: 202px;}
		#blocks {
			background: url('../images/blocks.gif') no-repeat;
			color: #FFF;
			height: 320px;
			margin-bottom: 15px;
			overflow: hidden;
			width: 202px;
		}
				#blocks h6 { font-size: .85em; margin: 0; padding; 0; text-transform: uppercase; }
				#blocks p { font-size: .75em; margin: 0; padding: 0; }
				#blocks a { color: #FFF; text-decoration: none; }
				#blocks a:hover { color: #DDD; }
				#blocks div { margin-left: 57px; padding-right: 10Px; }
			.location { margin-top: 10px; }
			.estimates { margin-top: 27px; }
			.ourwork { margin-top: 33px; }

		.signs { border: 1px solid #00204B; }

		h3 { border-bottom: 1px solid #AA1827; font-size: .9em; }

#footer { background: url('images/footShadow.jpg') no-repeat;}

#designedBy { font-size: smaller; margin: auto; margin-top: 5px; width: 800px; }
	#designedBy a { color: #00204B; text-decoration: none; }
	#designedBy a:hover { color: #AA1827; }