/* Layout */
/*-------------------------------*/
body {
font-size: 70%; 
padding: 0 0 0 0px; 
margin:0 0 0 0px;
background-color:#ffffff;
font-family: "trebuchet ms", verdana, arial, sans-serif;
}
#container {
width: 624px;
margin: 0px auto;  
padding:0 0 0 0px;
height:100%;
background-color:#ffffff;
}
#gallery {
position:relative;
width:550px;
height:400px;
left:50px;


}

/* header */
/*-----------------------------------*/
#porthcawl-header{
clear: both; 
width: 624px; 
height: 318px; 
text-align:right;
background-image:url(/media/images/Header-Graphic.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#porthcawl-headerb{
clear: both; 
width: 624px; 
height: 318px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-2.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#porthcawl-headerc{
clear: both; 
width: 624px; 
height: 318px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-3.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#porthcawl-headerd{
clear: both; 
width: 624px; 
height: 318px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-4.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#porthcawl-headere{
clear: both; 
width: 624px; 
height: 318px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-5.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#porthcawl-headerf{
clear: both; 
width: 624px; 
height: 318px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-6.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#porthcawl-headerg{
clear: both; 
width: 624px; 
height: 318px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-7.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#porthcawl-headerh{
clear: both; 
width: 624px; 
height: 318px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-8.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#porthcawl-headeri{
clear: both; 
width: 624px; 
height: 318px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-9.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#porthcawl-headerj{
clear: both; 
width: 624px; 
height: 318px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-10.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#porthcawl-header-gallery{
clear: both; 
width: 624px; 
height: 162px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-gallery.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#esplanade-header-gallery{
clear: both; 
width: 624px; 
height: 162px; 
text-align:right;
background-image:url(/media/images/Header-Graphic-esplanade.jpg);
background-position:top right;
background-repeat:no-repeat;
color:#FFFFFF;
}
#pagetag{
width: 604px;
padding-right:20px;
padding-top:20px; 
height:20px;
text-align:right;
background-image:url(/media/images/Page-tag-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
color:#999999;
}
#pagetag-e{
width: 604px;
padding-right:20px;
padding-top:20px; 
height:20px;
text-align:right;
background-image:url(/media/images/Page-tage-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
color:#999999;
}
/*-----------------------------------*/

/* hoizontal top menu */
/*-----------------------------------*/
.topmenu {
clear: both;
width: 624px;
float: left; 
padding-top:5px;
padding-bottom:5px;
height: 20px;
display:inline;
direction:ltr;
border-bottom:1px #cccccc solid;
margin:0 0 0 0px;
}
.topmenu a {
color:#333333;
text-decoration:none;
}
.topmenu ul{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
.topmenu li{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
padding-right:10px;
padding-left:0px;
list-style-position:outside;
}
.topmenu li a{
color:#999999;
text-decoration:none;
}
.topmenu li a:hover{
color:#000000;
text-decoration:underline;
}
/*-----------------------------------*/

/* hoizontal mid menu */
/*-----------------------------------*/
#midmenu {
clear: both; 
width: 100%; 
height: 61px; 
background-color:#AED1F9;
}
#midmenu a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* title bar */
/*-----------------------------------*/
#titlebar {
clear: both; 
width: 100%; 
height: 105px; 
background-image:url(/media/images/title-left.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#1374E2;
text-align:right;
border-bottom:solid 5px #ffffff;
}
#titlebar a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* Left Options*/
/*------------------------------------*/
.navleft {
clear: both; 
float: left; 
width: 163px; 
border-left:10px white solid;
border-bottom:5px white solid;
background-color:#D3E6FC;
height:250px;
}
.navleft ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
.navleft li {
list-style-type:none;
list-style-position:outside;
padding-left: 12px;
background-image:url(/media/images/menu-Bg.jpg);
background-repeat:repeat-x;
background-position: bottom;
padding-top:6px;
padding-bottom:2px;
height: 18px;
}
.navleft li a {
text-decoration:none;
color:#0B4280;
cursor:pointer;
}
.navleft li a:hover {
text-decoration:underline;
color: #66B1DB; 
}


/* Content */
/*--------------------*/
.content {
float: left;
width:400px;
padding-right:5px;
padding-bottom:50px;
background-color:#ffffff;
height:auto;
}
.contentgallery {
float: left;
width:607px;
background-image:url(/media/images/cottage-gallery-bg.jpg);
background-repeat:no-repeat;
background-position: top;
padding-left:17px;
height:530px;
}
.content p {
color:#666666;
line-height:13px;
font-size:110%
}
.content a {
color:#333333;
text-decoration:none;
font-weight:normal;
}
.content a:hover{
color: #000000; 
text-decoration:underline
}
.content hr{
color:#999999;
width:380px;
text-align:left;
}
.content li {
color:#666666;
line-height:13px;
font-size:100%;
}
.content li a {
color:#666666;
font-size:100%;
}
.content li a:hover {
color:#666666;
line-height:13px;
font-size:100%;
text-decoration:underline;
}
/*-------------------------------*/

/*Right options */
/*-----------------------------------------------*/
#navright{
float: right; 
width: 190px; 
margin: 0px ; 
height:100%;
background-image:url(/media/images/latest-head.jpg);
background-repeat:no-repeat;
background-position: top;
}
#navrighthome{
float: left; 
width: 256px; 
margin-top: 5px ;
padding-top:71px;
background-image:url(file:///C|/Documents and Settings/Rich/My Documents/GS16/PorthcawlApartments/media/images/Welcome-to-Capital-Chauffeurs.jpg);
background-position:top;
background-repeat:no-repeat;
}
#navrightnews{
float: left; 
width: 256px; 
margin-top: 5px ;
padding-top:71px;
background-image:url(file:///C|/Documents and Settings/Rich/My Documents/GS16/PorthcawlApartments/media/images/latest-Capital-Chauffeurs-news.jpg);
background-position:top;
background-repeat:no-repeat;
}
#suboption{
float: left; 
width: 256px; 
background-image:url(file:///C|/Documents and Settings/Rich/My Documents/GS16/PorthcawlApartments/media/images/Sub-Option-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:6px;
padding-bottom:2px;
height: 24px;
}
#suboption a {
padding-left:10px;
color:#04609B;
text-decoration:none;
font-weight:normal;
}
#suboption a:hover {
color:#003366;
text-decoration:none;
font-weight:normal
}
/*-----------------------------------------------*/

/* Footer */
/*-------------------------------*/

.footer {
clear: both;
width:624px;
text-align: left;
height:50px;
margin-top:5px;
margin-bottom:15px;
border-top:1px solid #cccccc;
padding-top:30px;
color: #cccccc;
}
.footer p {
color: #666666;
text-decoration: none;
padding-top:20px;
font-size:90%;
}
.footer a {
color:#666666;
line-height:13px;
font-size:110%;
text-decoration:none;
}
.footer a:hover {
color: #000000; 
text-decoration: underline;
}
.footermenu {
position:relative;
width: 100%;
padding-top:10px;
padding-left: 168px;
border-top:1px solid #cccccc;
text-align: left;
}
.footermenu a{
text-decoration:none;
color:#666666;
}
.footermenu a:hover{
color:#000000;
}
/*-------------------------------*/
/* Footer */
/*-------------------------------*/

.footer-gallery {
clear: both;
width:624px;
text-align: center;
height:50px;
color: #cccccc;
border-top:1px solid #cccccc;
}
.footer-gallery p {
color: #666666;
text-decoration: none;
padding-top:20px;
font-size:90%;
}
.footer-gallery a {
color:#666666;
line-height:13px;
font-size:110%;
text-decoration:none;
}
.footer-gallery a:hover {
color: #000000; 
text-decoration: underline;
}
/*-------------------------------*/

/*Banner */
/*-----------------------------------------------*/
#nav-sub-banners {
position:relative;
clear:both;
width: 160px; 
top: 0px; 
padding: 0px; 
}
#nav-sub-banners a{
color:#802C21;
}
#nav-sub-banners a:hover {
color:#802C21;
}
#banner-one {
position:relative;
width: 160px;
background-image:url(file:///C|/Documents and Settings/Rich/My Documents/GS16/PorthcawlApartments/media/images/Advertise-with-us.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:40px;
padding-bottom:10px;
border-top: 1px Solid #ffffff;
border-bottom: 2px Solid #666666;
}
#banner-one p {
padding-left:15px;
font-size:110%;
}
#banner-one a {
color:#802C21;
text-decoration: none;
}
#banner-one a:hover {
color:#666666;
}
#banner-feature {
position:relative;
width: 168px;
background-image:url(file:///C|/Documents and Settings/Rich/My Documents/GS16/PorthcawlApartments/media/images/Feature-Head.jpg);
background-position:top;
background-repeat:no-repeat;
height:176px;
padding-top:115px;
border-top: 6px Solid #ffffff;
background-color:#ffffff;
}
#banner-feature p {
padding-left:10px;
color:#3D5900;
font-size:90%;
text-transform:uppercase;
}
/*-----------------------------------------------*/
/* Login
/*-----------------------*/

#login-right{
float: left; 
width: 187px; 
background-image:url(/media/images/login-head.jpg);
background-repeat:no-repeat;
background-position: top;
padding-top:50px;
padding-left:3px;
}
#login-right ul{
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#login-right li{
float: left; 
width: 185px;
height:20px;
padding-top:5px;
Padding-bottom:5px;
padding-left:5px;
}
/* News
/*-----------------------*/

#news{
float: left; 
width: 190px; 
background-image:url(/media/images/latest-head.jpg);
background-repeat:no-repeat;
background-position: top;
padding-top:40px;
}
#news ul{
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#news li{
float: left; 
width: 187px;
height:20px;
padding-top:5px;
Padding-bottom:5px;
padding-left:3px;
color:#999999;
}
#news li{
color:#999999;
font-weight:normal;
text-decoration:none;
}
#news li a{
color:#000000;
font-weight:normal;
text-decoration:none;
}
#news li a:hover{
color:#000000;
text-decoration:underline;
}
/* Newsletter
/*-----------------------*/

#newsletter{
width: 190px; 
height:auto;
padding-left:5px;
padding-right:5px;
padding-bottom:20px;
background-color:#999999;
border-bottom:1px solid #ECE9D8;
height:100%;
}
#newsletter h1{
font-weight:bold;
font-size:130%;
color:#ffffff;
width:100%;
border-bottom:1px solid #ffffff;
height:30px;
}
#newsletter p {
color:#ffffff;
}
/*-----------------------*/

/*-----------------------*/

#gallery{
width: 190px; 
height:auto;
padding-left:5px;
padding-right:5px;
padding-bottom:20px;
background-color:#999999;
border-bottom:1px solid #ECE9D8;
height:100%;
}
#gallery h1{
font-weight:bold;
font-size:130%;
padding-top:4px;
color:#ffffff;
width:100%;
height:21px;
}
#gallery p {
color:#ffffff;
}
#gallery h1{
font-weight:bold;
font-size:130%;
padding-top:4px;
color:#ffffff;
width:100%;
height:21px;
}
#gallery p {
color:#ffffff;
}
/*-----------------------*/

/* Generic styling */
/*-------------------------------*/
p {
color:#cccccc;
}
hr {
height:1px;
width:300px;
color:#66B1DB;
margin-bottom:6px;
}
h1 {
font-weight: bold;
font-size: 140%;
color:#999999;
width:100%;
height:20px;
font-family:Arial, Helvetica, sans-serif;
padding-top:12px;
background-image:url(/media/images/menu-Bg.jpg);
background-repeat:repeat-x;
background-position: bottom;
}
h2 {
font-weight: bold;
font-size: 100%;
color:#999999;
margin-bottom:3px;
}
h3 {
font-weight: bold;
font-size: 110%;
color:#66B1DB;
margin:0 0 0 0px;
}
h4 {
font-weight: bold;
font-size: 110%;
color:#666666;
line-height:10px;
margin:0 0 0 0px;
}