/* layout.css - Size, positioning, background-images of blocks */

/* Import standard core.css file */
@import url(core.css);
	#wrapper {
		width: 960px;
		margin: 0 auto;
		background-image:url(../images/bg-repeat-fix.png); /*Fixes background on page resize*/
		background-position:center;
		background-repeat:repeat-y;
	}
	
	.cbr { clear: both; }
		
		#header {
			background: #4797de url(../images/header-bg.png) left top no-repeat;
			height: 199px;
			position: relative;
		}
			
			#logo {
				width: 297px;
				height: 23px;
				display: block;
				position: absolute;
				left: 39px; top: 19px;
			}
			
			#mainnav {
				position: absolute;
				top: 54px;
				left: 0px;
				width: 960px;
				height:99px;
			}
					
				#mainnav li {
					display:inline;
					padding:0; margin:0; 
				}
				
				#mainnav li a {
					background: transparent url(../images/nav.jpg) no-repeat;
					overflow: hidden;
					padding-top: 99px;
					padding-left: 0px;
					padding-right: 0px;
					height: 0;
					display:block;
					float: left;
				}
				
				#mainnav li a:hover {
					background-image: url(../images/nav-over.jpg); 
				}
				
					#mainnav li.nav_home a { width:160px;}
					#mainnav li.nav_aboutus a { width:160px; background-position: -160px 0 }
					#mainnav li.nav_buy a { width:160px; background-position: -320px 0}
					#mainnav li.nav_sell a { width:160px; background-position: -480px 0}
					#mainnav li.nav_franchise a { width:160px; background-position: -640px 0}
					#mainnav li.nav_contactus a { width:160px; background-position: -800px 0}
			
			#sectionTitle {
				position: absolute;
				left: 14px; top: 160px;
			}
			
			#searchbar {
				position: absolute;
				right: 13px;
				bottom: 12px;
				width: 230px;
				height: 21px;
			}
			
				#searchtext {
					border: 1px solid #000000;
					width: 193px;
					height: 17px;
					position: absolute;
					left: 0; top: 0;
					padding-left: 2px;
					padding-top: 2px;
					font-size: 11px;
					color: #3c3c3c;
				}
				
				#searchbutton {
					background: transparent url(../images/go.png) no-repeat;
					width: 31px;
					padding-top: 21px;
					height: 0;
					overflow: hidden;
					position: absolute;
					top: 0; right: 0;
				}
				
					#searchbutton:hover {
						background-image: url(../images/go-over.png);
					}
	
		#mainsection {
			width: 960px;
		}
		
			#sidebar {
				width: 160px;
				float: left;
			}

			#content {
				float:left;
				width: 575px;
				min-height: 480px;
				padding: 30px 33px 15px 32px;
				position: relative;
			}
			
			#cta-wrapper{
				float: left;
				width: 160px;
				position: relative;
			}
								
				#viewcart {
					background: transparent url(../images/viewcart.png) no-repeat;
					width: 125px;
					height: 0;
					padding-top:33px;
					overflow: hidden;
					position: absolute;
					top: 11px; left:0;
				}
				
				#viewcart:hover {
					background-image: url(../images/viewcart-over.png);
				}
				
				#myaccount {
						background: transparent url(../images/myaccount.png) no-repeat;
						width: 125px;
						height: 0;
						padding-top:33px;
						overflow: hidden;
						position: absolute;
						top: 58px; left:0;
					}
					
					#myaccount:hover {
						background-image: url(../images/myaccount-over.png);
					}
					
				#cta {
					margin: 0; padding:0;
					position: absolute;
					left: 0; top: 110px;
					font-size: 10px;
					color: #4B4B4B;
					padding-right: 7px;
				}
								
				#cta a {
					font-weight: bold;
					color: #9f1b29;
					text-decoration: none;
					font-size: 10px;
				}
				
					#cta dt a:hover {
						color: #323232;
						text-decoration: underline;
					}
					
					#cta-recent {
						background: transparent url(../images/latest_listings.jpg) no-repeat;
						height: 56px;
						display: block; 
						padding: 0 0 0 36px;
					}
					
					#cta-sell {
						background: transparent url(../images/moving.jpg) no-repeat;
						height: 56px;
						display: block; 
						padding: 0 0 0 36px;
					}
					
					#cta-lookfor {
						background: transparent url(../images/looking_for_something_speci.jpg) no-repeat;
						height: 56px;
						display: block; 
						padding: 0 0 0 36px;
					}
							
		#footer {
			width:735px;
			height: 65px;
			padding: 5px 30px 0 195px;
			position: relative;
			font-size: 10px;
		}
			#site-info { float: left; }
			#site-links { float: right;	}