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

	*{
		margin:0px;
		padding:0px;
	}
	
	body{
		font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  		background-color: #000000;
	}
	
	#container{
		position:relative;
		width:1024px;
		margin:auto;
		/*background:url(../assets/background/oceanTile.png);*/
		background-color:#99CCCC;
		text-align:center;
	}
	#house{
		width:498px;
		position:relative;
		margin:auto;
		z-index:4;
		top:27px;
	}
	
	#houseBody{
		background:url(../assets/background/brickWall.png) top left repeat-y;
		width:498px;
	}
	#houseInnerBody{
		width:435px;
		background-color:#993300;
	}
	#contentBox{
		background-color:#993300;
		width:435px;
		float:left;
	}
	
	/****** NAVIGATION ******/
	#navigation{
		background-color:#003399;
		background:url(../assets/background/brickTile.png);
		padding:10px 0px 10px 0px;
		width:435px;
		float:left;
		margin-top:8px;
	}
	
	#navigation ul{
		list-style:none;
	}
	
	#navigation ul li{
		float:left;
		padding:0 10px 0 10px;
	}
	
	#navigation ul li a{
		display:block; 
		background:url(../assets/background/btnBgIdle.png) no-repeat;
		width:80px;
		
		/*margin:0px 20px 0px 0px;*/
		text-align:center;
		text-decoration:none;
		color:#000000;
	}
	
	/*
	body#homePage #navigation ul li#1 a,
	body#portfolioPage #navigation ul li#2 a,
	body#storePage #navigation ul li#3 a,
	body#contactPage #navigation ul li#4 a
	*/
	
	#navigation ul li a:hover {
  		background:url(../assets/background/btnBgOver.png) no-repeat;
	}
	
	/************/
	#leftBalcony{
		position:absolute;
		top:320px;
		left:-143px;
	}
	#bangalow{
		position:absolute;
		bottom:0px;
		left:-235px;
	}
	
	#spa{
		position:absolute;
		top:170px;
		left:435px;
	}
	
	#sundeck{
		position:absolute;
		bottom:130px;
		left:438px;
	}

	/****** ROUNDED CORNER BOX LEFT COL***/
	.roundBox165{
		width:165px;
		margin:20px;
	}
	
	.roundBox165 #topCap{
		background:url(../assets/common/roundCornerTop165.png) no-repeat top left;
		height:10px;
	}
	
	.roundBox165 #mid{
		background-color:#FFFFFF;
		
	}
	.roundBox165 #btmCap{
		background:url(../assets/common/roundCornerBtm165.png) no-repeat top left;
		height:10px;
	}
	
	/****** ROUNDED CORNER BOX RIGHT COL***/
	.roundBox200{
		width:200px;
		margin:20px;
	}
	
	.roundBox200 #topCap{
		background:url(../assets/common/roundCornerTop200.png) no-repeat top left;
		height:10px;
	}
	
	.roundBox200 #mid{
		background-color:#FFFFFF;
		
	}
	
	.roundBox200 #btmCap{
		background:url(../assets/common/roundCornerBtm200.png) no-repeat top left;
		height:10px;
	}

	#leftCol{
		width:200px;
		background-color:#993300;
		float:left;
	}
	
	#rightCol{
		width:235px;
		background-color:#993300;
		float:left;
	}
	
	#weatherModule{
		position:absolute;
		top:0px;
		left:0px;
	}