﻿/***********************************************************
 *
 *  File:basic.css
 *  Author:edirun(ahhqxqq@gmail.com)
 *  Created: 2/29/2008
 *
 *  Description:
 *  Stylesheet for Harbourplaza Hotel CHAOAN Web site.
 *  Global styles for all pages.
 *
 **********************************************************/
/**---------------------
	CONTAINER START
----------------------**/

#container{
		height:1250px;
		}
/**---------------------
	MAIN CONTENT START
----------------------**/
.mainContent{
		width:480px;
		height:1100px;
		margin:10px 15px 0 0;
		float:right;
		display:inline;/**for IE6**/
		}
	
	.mainContent h2{
		font-size:15px;
		border-bottom:1px solid #ba1c23;
		font-weight:normal;
		}
	.mainContent .chaozhou,.mainContent .west{
		margin-bottom:20px;
		}
	.mainContent img{
		margin:1px 0 5px 0;
		}
	.mainContent p{
		text-indent:24px;
		}
	
	.ktv,.fitness,.card{
		margin-bottom:20px;
		}
	.brand{
		width:480px;
		height:90px;
		}
	.brand ul{
		list-style:none;
		}
	.brand .rightBox{
		height:90px;
		float:right;
		padding:10px 280px 0 0;
		display:inline;
		}
	.ktvSqu .rightBox{
		padding:10px 290px 0 0;
		}
	.cardSqu .rightBox{
		padding:10px 270px 0 0;
		}
	.brand li{
		text-indent:1.5em;
		background:url(images/graySqu.gif) no-repeat left center;
		
		}
	.brand li:hover{
		text-align:1.5em;
		background:url(images/blueSqu.gif) no-repeat left center;
		}
	.ktvSqu li:hover{
		text-align:1.5em;
		background:url(images/redSqu.gif) no-repeat left center;
		}
	.cardSqu li:hover{
		text-align:1.5em;
		background:url(images/greenSqu.gif) no-repeat left center;
		}
	.leftBox{
		border-right:1px solid #293e79;
		font-size:16px;
		text-align:center;
		line-height:90px;
		width:100px;
		height:90px;
		}
	.leftBox:hover{
		background-color:#f0f7ff;
		color:#293e79;

		}
	.ktvSqu .leftBox{
		border-right:1px solid #ff0024;
		}
	.ktvSqu .leftBox:hover{
		background-color:#fdeff1;
		color:#ff0024;
		}

	.cardSqu .leftBox{
		border-right:1px solid #00584b;
		}
	.cardSqu .leftBox:hover{
		background-color:#e8fffc;
		color:#00584b;
		}






	
	
	.backTop{
		float:right;
		size:11px;
		color:#000;
		margin:20px 0 0 0;
		display:inline;
		}

	.navBar{
		margin:10px 0 0 0;
		width:170px;
		height:400px;
		background:#ba1c23 url(images/navBarBottom.gif) no-repeat right bottom;
		}
	.navBar .navBarTop{
		width:170px;
		height:10px;
		background:#ba1c23 url(images/navBarTop.gif) no-repeat right top;
		}
	.navBar .navBarBox{
		float:right;
		width:126px;
		height:200px;
		}
	
		
	.navBar h2{
		width:126px;
		height:27px;
		font-size:15px;
		text-align:center;
		font-weight:normal;
		color:#fff;
		background:url(images/navBarBotton.gif) no-repeat right top;
		padding-top:5px;
		}
	.navBarBox ul{
		list-style:none;
		text-align:center;
		}
	.navBarBox ul li{
		margin:5px 0 0 0;
		border:none;
		}
	.navBarBox ul a{
		font-size:12px;
		color:#ffd1d3;
		}
	.navBarBox ul a:hover{
		font-size:13px;
		letter-spacing:2px;
		}
/**---------------------
	MAIN CONTENT END
----------------------**/
