/* CSS Document */

* {

	margin:0;

	padding:0;

	

	}

	

	body {

			margin:0;

			padding:0;

			background-color:#663333;

			}

			

			h1 {

			        font-family: 'Tangerine', serif;

       				 font-size: 36px;

					 color:#663333;

				}

				

				h2 {

			        font-family: 'Tangerine', serif;

       				 font-size:30px;

					 color:#663333;

					 padding: 5px 5px 5px 0px;

				}

				

				h3 {

			        font-family: 'Tangerine', serif;

       				 font-size:24px;

					 color:#663333;

				}

				



			#clwrapper {

						width:960px;		

						height:720px;

						}

						

			#clRESwrapper {

						margin:0;

						padding:0;

						width:960px;

						height:960px;

						background-image:url(../images/reservations_bg.jpg);

						background-repeat:no-repeat;

						}

						

			#clGENwrapper {

						margin:0;

						padding:0;

						width:960px;

						height:960px;

						background-image:url(../images/cardiff_general_background_image.jpg);

						background-repeat:no-repeat;

						}

						

						#clbanner {

									margin:0;

									padding:0;

									height:100px;

									width:960px;

									background-repeat:no-repeat;									

									position:absolute;

									}

									

									

						

			   #clMain {

						margin:160px 0 0 0;

						padding:0;

						height:476px;

						width:960px;

						position:absolute;

						}

						

			  #resMain {

						margin:160px 0 0 10px;

						padding:0;

						position:absolute;

						}

						

			 #genMain {

						margin:175px 30px 0 30px;

						padding:0;

						height:420px;

						width:900px;

						position:absolute;

						}

						

			  #resMainText p {

							font-family: Arial, Verdana;

							font-size: 16px;

							color:#663333;

							font-weight:600;

						       line-height:20px;

							 }

							 

			  	 

			   #genMainText p {

							font-family: Arial, Verdana;
							font-size: 16px;
							color:#663333;
							font-weight:normal;
						        line-height:20px;
							margin:2px 0 10px 0;
							float:right;
							}

                           #weddingText p {

							font-family: Arial, Verdana;
							font-size: 16px;
							color:#663333;
							font-weight:normal;
						        line-height:20px;
							margin:2px 0 10px 0;
							float:left;
							}
							

							

					#faqMainText p {

							font-family: Arial, Verdana;

							font-size: 16px;

							color:#663333;

							font-weight:normal;

						        line-height:20px;

							margin:2px 0 10px 0;

							

							}

							

							#genMainText img {

											float:left;

											border: 3px solid #ffffff;

											margin: 1px 4px 0px 0px;

											}

			

					#clImageChanger {

										margin:10px 5px 135px 25px;

										padding:0;

										position:absolute;

										z-index:0;

									}

							
#stufftodogallery img {
float:right;
border: 3px solid #ffffff;
margin: 1px 4px 0px 0px;
}
				
div.scroll {
height: 420px;
width: 902px;
padding:5px;
overflow: auto;
}

							

							

#raves ul {list-style-type:circle;}
#raves li {font-family: Arial, Verdana; font-size:16px; color:#663333; padding:2px; margin: 0 0 0 15px;}
#raves a {color:#663333;}
#ravesgallery { float:right; border: 3px solid #ffffff; margin: 1px 4px 0px 0px;}
#maps    {width:400px; height:425px; float:left; color:#663333; font-family: Arial, Verdana;}
#maps ul {list-style-type:none;}
#maps li {font-size:16px; padding:2px; margin: 0 0 0 15px;}
#images_rooms img{margin:10px;}											   

#clMainText {
width:325px;
height:450px;
margin:270px 0 0 585px;
padding: 0px 10px 0 20px;
position:absolute;}

												
#clMainText p {
font-family: Arial, Verdana;
font-size: 16px;
color:#663333;
font-weight:600;
line-height:20px;}

div.scroll {
height: 420px;
width: 872px;
padding:5px;
overflow: auto;
margin:0 0 0  30px;
}										

	

/* Image Changer CSS Goes Here */



.clear {

	clear:both;

}



#gallery {

	position:relative;

	height:329px;

	width:532px;

}

	#gallery a {

		float:left;

		position:absolute;

	}

	

	#gallery a img {

		border-width:thick;

		border-style:solid;

		color:#FFFFFF;


	}

	

	#gallery a.show {

		z-index:0;

	}



	#gallery .caption {

		z-index:0; 

		background-color:#000; 

		color:#ffffff; 

		height:100px; 

		width:100%; 

		position:absolute;

		bottom:0;

	}



	#gallery .caption .content {

		margin:5px

	}

	

	#gallery .caption .content h3 {



	}