/* CSS Document */

body { background-color:#666666; padding:0px; margin:0px; margin-top:10px; font-family:Arial; font-size:12px; color:#000000; }

h1 { color:#000000; font-family:Arial; font-weight:bold; font-size:23px; padding:0px; padding-left:5px; padding-top:5px; margin:0px; letter-spacing:-2px; border-top:10px solid #FFFF66; }
h2 { color:#003399; font-family:Arial; font-weight:bold; font-size:17px; padding:0px; padding-left:5px; padding-bottom:5px; margin:0px; letter-spacing:-1px; }
h3 { color:#000000; font-family:Arial; font-weight:bold; font-size:13px; padding:0px; margin:0px; letter-spacing:-1px; }
p { color:#000000; font-family:Arial; font-weight:normal; font-size:12px; padding:5px; margin:0px; }
a { color:#000000;} a:hover { color:#000000; text-decoration:underline; }
.header1 { padding-top:10px; padding-bottom:0px; letter-spacing:-1px; }
.p1 { padding:0px; }

table a{ font-weight:bold; padding-left:5px; }
th { background-color:#ffffff; }
tr { height:25px; }
.view { font-weight:bold; background-color:#0099CC; padding:3px; padding-left:5px; padding-right:5px; color:#FFFFC6; }
.view:hover { background-color:#003399; color:#FFCC00; text-decoration:none; }
.trcolour { background-color:#DFEFFF; }
.heading{ border-bottom:3px solid #0099cc; padding:4px; padding-left:0px; font-size:13px; letter-spacing:0px; margin:0px; margin-bottom:8px; color:#000000; }



#frame { 
	padding:22px;
	padding-top:16px;
	padding-bottom:16px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:#0099FF; }
	
#frame-body { 
	width:1044px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000040; }
.frame-body-p{ color:#FFFFFF; text-align:right; margin:0px; padding:5px; }
.frame-body-a{ color:#FFFFFF; }
.frame-body-a:hover{ color:#FFFFFF; }
	
#main {
	width:1000px;
	background-color:#003399;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px; }
	
#header {
	width:1000px;
	height:80px;
	background-color:#0099FF;
	float:left;
	background-image:url(images/brighton-hotel-head.png);
	background-repeat:no-repeat; }
	
#navbar {
	width:996px;
	float:left;
	background-color:#FFFF66;
	padding:2px;
	padding-left:2px;
	padding-bottom:3px; }
.navbar-btn { margin:5px; margin-top:3px; float:left; width:auto; }
#navbar p{ color:#000000; padding:0px; font-weight:bold; }
#navbar a{ color:#000000; font-size:12px; text-decoration:none; padding:5px; font-weight:bold; } #navbar a:hover{ background-color:#ffcc00; font-weight:bold; }
	
#breadcrumb {
	width:980px;
	float:left;
	background-color:#003399;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:right; }
#breadcrumb p{ color:#ffffff; font-size:10px; padding:0px;}
#breadcrumb a{ color:#ffffff; font-size:10px; text-decoration:underline; } #breadcrumb a:hover{ color:#ffffff; text-decoration:underline; } #breadcrumb a:active{ color:#ffffff; text-decoration:underline; }

#content {
	border:10px solid #003399;
	margin-bottom:10px;
	border-top:0px;
	background-color:#ffffff;
	width:980px;
	float:left; }
	
#servicedbrightonhotels1 {
	width:625px;
	float:left;
	height:535px; }
	
#servicedbrightonhotels2 {
	width:350px;
	float:left; }
	
#col1 {
	background-color:#003399;
	width:200px;
	height:535px;
	margin-right:0px;
	padding-right:10px;
	float:left; }	
	#main-search {
		padding:10px;
		margin-bottom:0px;
		width:180px;
		height:280px;
		background-image:url(images/book-brighton-hotels-bg.jpg);
		background-repeat:no-repeat;
		float:left; }
		#main-search-sections {
			width:180px;
			padding-bottom:5px;
			float:left; }
		#main-search-divider {
			width:180px;
			height:5px;
			float:left; }
		#main-search-sections h2 { color:#000000; font-family:Arial; font-weight:bold; font-size:17px; padding:0px; margin:0px; letter-spacing:0px; }
		#main-search-sections p { color:#000000; font-family:Arial; font-weight:normal; font-size:12px; padding:0px; margin:0px; }
	#main-quote {
		margin-bottom:0px;
		margin-top:10px;
		padding:0px;
		padding-left:0px;
		padding-right:0px;
		width:200px;
		height:200px;
		float:left; }

#col2 {
	width:400px;
	margin-right:7px;
	margin-left:0px;
	height:510px;
	float:right;
	padding-top:5px; }	
	#main-intro {
		width:400px;
		height:300px;
		float:left;
		border-bottom:10px solid #FFFF66; }
	#main-intro h3 { background-color:#9C253F; padding:2px; color:#FFFFFF; font-family:Arial; font-weight:normal; font-size:17px; margin:0px; margin-top:10px; margin-left:30px; margin-right:30px; letter-spacing:0px; text-align:center; }
	#main-locations {
		border:3px solid #ffff66;
		width:380px;
		height:194px;
		background-repeat:no-repeat;
		float:left;
		margin-bottom:10px;
		padding:0px;
		margin-left:4px; }
		#main-locations h2{	background-color:#FFCC00;padding:3px; padding-left:10px;  color:#000000; font-family:Arial; font-weight:bold; font-size:17px; margin:0px; letter-spacing:0px; }
			#main-locations-holder {
			margin:9px;
			width:108px;
			float:left; }
			#main-locations-image {
			border:2px solid #ffcc00;
			margin-bottom:2px;
			width:104px;
			float:left; }
			#main-locations-section {
			margin-bottom:2px;
			width:108px;
			float:left; }
				#main-locations-section p{ padding:1px; }
				#main-locations-section h2{ background-color:#FFFFFF; padding:1px; color:#000000; font-family:Arial; font-weight:bold; font-size:15px; margin:0px; letter-spacing:0px; }
	#main-brightonhotels {
	width:400px;
	float:left;
	height:240px; }
	#main-brightonhotels-image {
	width:400px;
	height:260px;
	float:left;
	margin-top:10px; }
	#main-brightonhotels h3 { background-color:#FFFFFF; color:#000000; font-family:Arial; font-weight:bold; font-size:12px; padding:0px; margin:0px; letter-spacing:-1px; }
	#main-brightonhotels p { color:#000000; font-family:Arial; font-weight:normal; font-size:12px; padding:0px; margin:0px; }
		#main-brightonhotels-col1 {
		width:180px;
		float:left; }
			#main-brightonhotels-row-1 {
			width:180px;
			float:left;
			padding:2px; }
			#main-brightonhotels-row-2 {
			width:180px;
			background-color:#FED845;
			float:left;
			padding:2px; }
		#main-brightonhotels-col2 {
		width:116px;
		float:left;
		text-align:center; }
			#main-brightonhotels-row-3 {
			width:116px;
			float:left;
			padding:2px; }
			#main-brightonhotels-row-4 {
			width:116px;
			background-color:#FED845;
			float:left;
			padding:2px; }
		#main-brightonhotels-col3 {
		width:90px;
		float:left;
		text-align:center; }
			#main-brightonhotels-row-5 {
			width:90px;
			float:left;
			padding:2px; }
			#main-brightonhotels-row-6 {
			width:90px;
			background-color:#FED845;
			float:left;
			padding:2px; }
			
	#search-btn-hotels{
	margin-left:0px;
	margin-bottom:15px;
	margin-top:1px;
	background-image:url(images/search-brighton-hotels-bg.png);
		width:400px;
		height:190px;
		float:left; }
	#ssearch-btn-hotels:hover{
	background-image:url(images/search-bar-hover.png);
		width:400px;
		height:190px;
		float:left; }
			
		
#col3 {
	width:350px;
	float:left;
	padding:5px;
	padding-bottom:0px;
	padding-left:0px; }
	#main-flash {
		width:350px;
		height:350px;
		background-image:url(images/brighton-hotel-main.jpg);
		background-repeat:no-repeat;
		float:left;
		margin-bottom:10px; }
	#main-quotes {
		width:340px;
		float:left;
		text-align:right;
		padding:5px; }
	#main-quotes h2 { color:#000000; font-family:Arial; font-weight:bold; font-size:20px; padding:0px; padding-left:0px; padding-bottom:5px; margin:0px; letter-spacing:-1px; }
	#main-quotes h3 { background-color:#9C253F; padding:3px; color:#FFFFFF; font-family:Arial; font-weight:normal; font-size:13px; margin:0px; letter-spacing:0px; }
	#main-quotes a { color:#FFFFFF; }
	


#footer-main {
	width:1000px;
	margin-top:10px;
	text-align:right; }
#footer-main p { color:#FFFFFF; }
#footer-main a{ color:#FFFFFF; }
#footer-main a:hover{ color:#FFFFFF; }

#footer {
	margin-top:10px;
	background-color:#000000;
	width:1024px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px; }
#footer p{ color:#FFFFFF; }
#footer a{ color:#FFFFFF; }
#footer a:hover{ color:#FFFFFF; }


/* HOTELS */


#hotels-main {
	width:1000px;
	background-color:#003399; }
	
#hotels-content {
	border:10px solid #003399;
	border-top:0px solid #003399;
	background-color:#003399;
	width:980px;
	height:100%;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px; }
	
#hotels-brightonhotels1 {
	width:210px;
	float:left;
	height:100%; }
	#hotels-col1 {
		width:200px;
		height:100%;
		margin-right:0px;
		padding-right:10px;
		float:left; }	
		#laterooms-banner-1 {
			background-color:#000040;
			width:180px;
			height:500px;
			padding-top:10px;
			margin-top:10px;
			margin-bottom:10px;
			padding-right:10px;
			padding-left:10px;
			float:left; }	
	
#hotels-brightonhotels2 {
	width:770px;
	float:left;
	background-color:#FFFFFF; }
	#col4 {
		width:750px;
		float:left;
		padding:10px;}
	.header2 {
		padding-top:10px;
		padding-bottom:10px;
		letter-spacing:0px; }
		
		
	#main-banner {
		padding:5px;
		margin:0px;
		margin-top:0px;
		background-color:#003366;
		margin-bottom:10px;
		width:180px;
		float:left; }