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

/* reset selector */

body {
	width: 98%;
	border: 1px solid black;
	margin: 5px auto;
	padding: 5px;
	font-family: Verdana, Geneva, sans-serif;
}


/****updated styles****/

.container{

	border: 0px solid black;

	padding: 1px;

	overflow:hidden;

}

/* header begin styles*/
.header{

	padding: 2px;

	border: 0px solid green;

	text-align: center;
	
	overflow:hidden;

}

.logo{

	border: 0px solid red;

	width: 24%;

	display:inline-block;
	
	float:left;

}

.message {

	border: 0px solid red;
	width: 50%;
	display: inline-block;
	font-family: Verdana, Geneva, sans-serif;
	float:left;
	
	background-color: white;

}

.hotdeals {

	border: 0px solid red;

	width: 24%;

	display: inline-block;
	
	float: left;

}

/* header begin styles*/

/* Google Ads*/

.google{
	
	text-align:center;

	border: 0px solid blue;
	
	clear:both;
	
}


/* navigation bar styles*/

.navigationbar {

	border: 1px solid black;
	text-align: center;
	
}

	.navigationbar ul {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #333;
	}

	.navigationbar li {

		float:left;
		
		width: 13.5%;
		

		
	}

	.navigationbar a {

		display: block;
		color: white;
		text-align: center;
		padding: 14px 5px;
		text-decoration: none;
		font-size: 15px;
	}

	.navigationbar a:hover {
		background-color: #CC6;
		color:black;
	}

/* Main styles begin*/

.main{

	border: 0px solid green;

	margin-top: 1px;

	overflow: hidden;

	padding: 2px;
}

.rightnav{

	margin-top: 2px;

	border: 0px solid black;

	width: 20%;

	float: left;
}

	.rightnav ul {
		list-style: none;
		padding: 0px;
	}

	.rightnav li {

		margin: 0px;

		display:inline-block;

		width: 100%;

		line-height: 2em;
		
	}

	.rightnav a {
		display: block;
		text-decoration: none;
	}

.rightnav a:hover{

	background-color: #CC6;
}

.content {
	margin-top: 2px;
	border: 0px solid black;
	width: 78%;
	display: inline-block;
	margin-left: 2px;

	padding: 4px;

	text-align: center;
	
	float:right;

}

.propEstyles{

	border: 0px solid red;

	width: 48%;

	margin-top: 1px;

	display: inline-block;
	
	float: left;	
}


/* footer styles begin here*/

.footer1 {
	border: 1px solid black;
	margin-top: 5px;
	text-align: center;
	background-color: #333;
	clear: both;
}

.footer2 {
	border: 1px solid black;
	margin-top: 5px;
	text-align: center;
}

.footer1 ul {

	list-style: none;
	width: 98%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-color: #333;

	text-align:center;
}

.footer1 li {
	float: left;
	width: 19%;
}

.footer1 a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}


.footer1 a:hover {
	background-color: #CC6;
	color: black;
}





/*brekapoint styles begin here*/


@media only screen and (max-width: 1024px) {

	body {
		
		border: 0px;
	}

	.header {
		border: 0px;
	}

	.logo {
		width: 100%;
		display: block;
		border: 0px;
	}

	.message {
		border: 1px solid green;
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.hotdeals {
		width: 100%;
		display: block;
		border: 0px;
	}

	.navigationbar li {
		width: 100%;
	}

	.rightnav {
		text-align: center;
		width: 100%;
	}

	.content {
		width: 100%;
	}

	.propEstyles {
		border: 1px solid red;
		width: 100%;
		margin-top: 1px;
		display: inline-block;
	}
	
	.footer1 li{
	
		display: block;
		
		width:100%;
		
		border: 0px;	
	}	

}

/***************brekapoint************************/


@media only screen and (max-width: 768px) {

	body {
		
		border: 0px;
				
	}

	.header {
		border: 0px;
	}

	.logo {
		border: 1px solid green;
		width: 100%;
		display: block;
		border: 0px;
	}

	.message {
		border: 1px solid green;
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.hotdeals {
		border: 1px solid green;
		width: 100%;
		display: block;
		border: 0px;
	}

	.navigationbar li {
		width: 100%;
	}

	.rightnav {
		text-align: center;
		width: 100%;
		display: none;

	}

	.content {
		width: 100%;
	}

	.propEstyles {
		border: 1px solid red;
		width: 100%;
		margin-top: 1px;
		display: inline-block;
	}
	
	.footer1 li{
	
		border: 0px;
		
		display: block;
		
		width:100%;	
	}
	
	
}


/***************brekapoint************************/


@media only screen and (max-width: 480px) {

	body {
			background-color: #9CF;
			border: 0px;
		}

	.header {
		
		border: 0px;
		
	}

	.logo {
		width: 100%;
		display: block;
		border: 0px;
	}

	.message {
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.hotdeals {
		width: 100%;
		display: block;
		border: 0px;
	}

	.navigationbar li {
		
		width: 100%;
		
	}
	
	.navigationbar a {

		font-size: 15px;
	}
	
	
	.rightnav {
		
		text-align: center;

		width: 100%;
		
		display: none;

		
	}
	
	.rightnav a {
		
		font-size: 15px;
	}
	
	.content{

		width: 98%;
	}
	.propEstyles {
		width: 100%;
		margin-top: 1px;
		display: inline-block;
	}
	
	.footer1 li{
	
		display: block;
		
		width:100%;
		
		border: 0px;	
	}
	
	

}