body {
	font: 1em/150% Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background:url(images/cellfix_03.jpg) repeat-x #EBECFF;
}
a {
	color: #669;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font: bold 36px/100% Arial, Helvetica, sans-serif;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 960px;
	margin: 0px auto;
	
}
#header {
	height: 100px;
}
#content {
	padding:8px;
	width: 600px;
	float: left;
}
#sidebar {
	padding:8px;
	width: 300px;
	float: right;
}
#sidebar a {
		display:block;
	}
#footer {
	clear: both;
	font-size:12px;
}
h2 { margin:0px;}
/* border & guideline (you can ignore these) */
#content {
	background: #f8f8f8;
}
#sidebar {
	background: #f8f8f8;
}
.listing {position: relative; width: 550px; height: 390px;padding: 0px; margin-top: 20px;border: 1px solid #dadaff;background-color: white;}
.listing_text {
	position: absolute;
	top: 10px;
	left: 212px;
	width:314px;
	height: 380px;
	overflow: auto;
}
.listing_pic {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 208px;
	height: 246px;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 65%;
	}
	#sidebar {
		width: 30%;
	}
	#sidebar a {
		display:block;
	}

}

/* for 700px or less */
@media screen and (max-width: 700px) {

	#content {
		width:100%;
		float: none;
		clear:left;
	}
	#sidebar {
		float: left;
		width:100%;
		background-color:transparent;
	}
	#sidebar a {
		float:left;
		padding-right:15px;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#header { 
	}
	#header img { width:80%; height:80%; padding-top: 10px}
	#content {
		width:auto;
	}
	.map { display:none;}
	#sidebar {
		position:fixed;
		width:100%;
		bottom:0px;
		left:0px;
		background:url(images/menu.jpg) repeat-x;
		height:70px;
		padding:5px 0px 0px 0px;
		z-index:9999;
	}
	#sidebar a.hide{
		display:none;
	}
	#sidebar a span{
		display:none;
	}
	#sidebar a#home{
		background:url(images/home.png) no-repeat;
		width: 71px;
		height:61px;
		margin-left:20px;
	}
	#sidebar a#rates{
		background:url(images/rates.png) no-repeat;
		width: 71px;
		height:61px;
		margin-left:10px;
	}
	#sidebar a#contact{
		background:url(images/contact.png) no-repeat;
		width: 71px;
		height:61px;
		margin-left:10px;
	}
	
	#sidebar a {
		float:left;
	}
	
.listing {position: relative; width: 280px; height: 380px;padding: 0px; margin-top: 10px;border: 1px solid #dadaff;}
.listing_text {
	position: absolute;
	top: 10px;
	left: 102px;
	width:174px;
	height: 350px;
	overflow: auto;
}
.listing_text h5 { margin-top:0px;}
.listing_pic {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 106px;
	height: 268px;
}
.listing_pic img { width:60%;}
	
	#footer { margin-bottom:80px;}
}