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

* { margin: 0; padding: 0; border: 0;}
html, body { width: 100%; height: auto; text-align:center}
blockquote {margin-left: 20px;}
#topArea {height: auto; min-height: 850px; width: 100%; background-image: url(../assets/images/topArea_bg.jpg); background-repeat:repeat-x;}
	#center {position: relative; height: auto; width: 860px; margin: 0 auto 0 auto; text-align: left;}
		#topBar{position: relative; z-index: 5; height: 76px; width: 860px; margin: 0 10px 0 10px; background-image:url(../assets/images/topNav_bg.png); background-repeat:no-repeat;}
				#mainNav{position: absolute; left: 226px; width: 615px;}
					#mainNav ul {padding: 0; margin: 0; list-style: none;}
					#mainNav li {float: left; position: relative; width: 123px;}
				#quicklinks {position: absolute; top: 59px; left: 205px; height: auto; width: 640px;}
					#quicklinks ul {padding: 0; margin: 0; list-style: none;}
					#quicklinks li {float: left; position: relative; width: 125px;}
					#quicklinks li ul {display: none; position: absolute; top: 12px; left: 0; padding: 5px; background-image:url(../assets/images/menuBackground.png);}
					#quicklinks li:hover ul { display: block;}
					#quicklinks li:hover ul, li.over ul { display: block;}
					#quicklinks ul li ul li {padding-top: 8px;}
					
		#imageArea {position: absolute; z-index: 1; top: 50px; height: 333px; width: 100%; }
		#pageTop {position: absolute; z-index: 1; top: 350px; width: 100%; height: 250px;}
			.home {background-image:url(../assets/images/page_top.png); background-repeat: no-repeat;}
			.one {background-image: url(../assets/images/1_pageTop.png); background-repeat:no-repeat;}
			.two {background-image: url(../assets/images/2_pageTop.png); background-repeat:no-repeat;}
			.three {background-image: url(../assets/images/3_pageTop.png); background-repeat:no-repeat;}
			.four {background-image: url(../assets/images/4_pageTop.png); background-repeat:no-repeat;}

		#pageMiddle {position: absolute; z-index: 1; top: 600px; width: 100%; height: 250px; background-image:url(../assets/images/page_middle.png); background-repeat: repeat-y}
		#pageBottom {position: absolute; z-index: 2; top: 850px; width: 100%; height: 57px; background-image:url(../assets/images/page_bottom.png); background-repeat:no-repeat;}
		#pageContent {position: absolute; z-index: 5; top: 383px; width: 742px; height: 467px; margin: 0 57px 0 57px;}
			#leftColumn {float: left; width: 470px; margin-right: 40px;}
				img#map {margin-top: 50px;}
			#rightColumn {float: left; width: 226px; margin-top: 35px;}
				#south, #north, #west, #midwest, #approval, #paris, #frankfurt, #sydney {width: 20px; height: 20px; display: block; float: left; clear: left; margin-right: 10px;}
				#south {background-color: #29abe2;}
				#north {background-color: #2e3192;}
				#west {background-color: #0071ff;}
				#midwest {background-color: #662d91;}
				#approval {background-color: #1285b2;}
				#paris {background-color: #ED1C24;}
				#frankfurt {background-color: #F7931E;}
				#sydney {background-color: #FCEE21;}
				
			.productRow {width: 741px; height: auto; clear:both; margin-bottom: 20px; overflow:hidden; }
				.productColumn1, .productColumn2, .productColumn3 {width: 226px; height: auto; float: left;}
				.productColumn1 {margin-right: 30px;}
				.productColumn2 {margin-right: 30px;}
				
				div.product {width: 226px; height: auto; margin: 0 0 20px 0;}
				div.product a {cursor: pointer; border: 0;}
					.picture {width: inherit; height: 107px; overflow: hidden; background-color:#CCCCCC;}
					.bar {width: inherit; height: 21px; overflow: hidden; padding: 5px 0 0 35px; background-image: url(../assets/images/barBackground.gif); background-repeat: no-repeat;}
					.textArea {width: inherit; height: auto; padding: 5px; background-color: #cccccc; border: 1px solid #b2b2b2;}
#footer {height: 150px; width: 100%; background-image: url(../assets/images/footer_bg.gif); background-repeat:repeat; text-align:center;}
	#footerNav {width: 860px; margin: 0 auto 0 auto; height: auto; text-align:center; padding-top: 60px;}
	#footerNav ul {list-style: none;}
	#footerNav li {width: auto; float: left; padding: 0 30px 0 30px; border-right: 1px solid #4e5153;}
	#footerNav li.end {border: 0}