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

*************** This Style Sheet is copyright*******************
Version:	1.0 Barbados Holiday Lettings
Date:		August 2008
Author:		Patrick Viney
E-mail:		webmaster@successbydesign.co.uk
website:	www.successbydesign.co.uk
Copyright:	successbydesign 2008

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


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

Main body styling

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

* {margin: 0; padding: 0;}

body {
	font-family: arial; font-size: small; color: #0157a7;
	background: #e0e8f3;
	text-align: center;
	margin-top: 10px;
}


H1 {font-size: medium; font-weight: bold; padding: 7px 0px 7px 0px; text-align: center;}
H2 {font-size: medium; text-align: left;}
H3 {font-size: small; font-weight: bold; clear: both;}
H4 {font-size: x-small; font-weight: bold;}
H5 {font-size: 10pt; font-weight: bold; text-align: center;}

.caps {text-transform:capitalize; }
.center {text-align: center;}
.bold {font-weight: bold;}
.centerbold {text-align: center; font-weight: bold; width: 100%;}
.right {text-align: right; font-weight: bold;}
.clear {clear: both;}
.img {border: 0px;}
.clearbold {clear:both; font-weight:bold; }
/*--------------------------------------------------------------------------------------------------------------------

Layout

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

#wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

#logo {
	width: 770px;
	height: 125px;	background: #ffffff url(images3/logobeach3.jpg) no-repeat;
}

#content	{
	clear: both;	
	padding: 10px 27px 10px 15px;
	background: #ffffff url(images3/contentbgshadow.gif) repeat-y;
}

#content p, h2, h3, ul {padding: 7px;}
#content li {margin-left: 20px}

#content img.left{float: left; margin: 0px 10px 10px 0px; border: 1px solid black;}
#content img.center{position: relative; left: 215px; border: 1px solid black;}
#content img.right{float: right; margin: 0px 7px 10px 0px; border: 1px solid black;}
#content img.rightnoborder{float: right; margin: 0px 0px 10px 10px; border: 0px;}
#content a {color: #0157a7;}
#content a:hover {color: #000;}
#slideshow {height: 200px; width: 295px; float: right; margin: 10px; border: 1px solid black;}

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

Tables
-------------------------------------------------------------- */


table.form {position: relative; left: 90px;}
td {padding: 3px; border: 1px solid #0157a7; background-color: #e0e8f3;}
th {padding: 3px; border: 1px solid #0157a7; text-align: center; font-weight: bold; background-color: #e0e8f3;}
td.odd {padding: 3px; border: 0px; background-color: #ffffff;  margin-top: 15px;}
td.even {padding: 3px; border: 0px;  background-color: #ffffff; margin-top: 15px;}
td.thirty {width: 30%}
td.seventy {width: 70%}

table.disney_attractions {
        background-color: #fff;
		width: 100%;
		margin: 10px 0px 10px 0px;
		border: 0px;
		clear: both;
		position: relative;
}

table.disney_attractions td{padding: 3px; border: 0px; vertical-align: top; background-color: #ffffff;}
a.attlink {text-align: center; font-weight:bold;}
td.link {text-align: center; font-weight:bold;}


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

pictures tables
-------------------------------------------------------------- */

table.pictures  {
		background-color: #fff;
		border: 1px solid #889bd2;
		clear: both;
		position: relative;
		left: 107px;
}

td.pic {padding: 3px; border: 1px solid #889bd2; background-color: #fff; width: 160px;}
.pic img {border: 0px;}
td.link {padding: 3px; border: 1px solid #889bd2; background-color: #889bd2; line-height: 28px; text-align: center;}

a.homelink {
	display: block;
	background: #fff url(home/link.jpg) no-repeat left bottom;
	height: 94px;
	width:160px;	
}
a:hover.homelink {background-position: right bottom;}

a.bedlink {
	display: block;
	background: #fff url(bed/link.jpg) no-repeat left bottom;
	height: 94px;
	width:160px;	
}
a:hover.bedlink {background-position: right bottom;}

a.livinglink {
	display: block;
	background: #fff url(living/link.jpg) no-repeat left bottom;
	height: 94px;
	width:160px;	
}
a:hover.livinglink {background-position: right bottom;}

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

rounded corner box
background-color: #ffeee1;solid #ffba61;solid #ffba61;
-------------------------------------------------------------- */


.box {
	float: left;
	width: 220px;
	background: url(images3/bottom-left.gif) no-repeat left bottom;
	margin: 10px 12px 0px 10px;
    clear: none;
    min-height: 315px;
}

.box-outer {
	background: url(images3/bottom-right.gif) no-repeat right bottom;
	padding-bottom: 12px;    min-height: 315px;
}

.box-inner {
	background: url(images3/top-left.gif) no-repeat left top;
  
}

.box-inner p{font-weight: normal; text-indent: 0px;
  
}

.box-inner a{font-weight: bold; text-indent: 20px;
  
}
.box h2 {
	background: url(images3/top-right.gif) no-repeat right top;  	padding-top: 12px;
}

.box h2, .box p {
	padding-left: 12px;
	padding-right: 12px;
}

/*--------------------------------------------------------------------------------------------------------------------
Main Navigation
---------------------------------------------------------------------------------------------------------------------*/

#navigation ul {
    font-weight: bold;
	margin: 0;
	padding: 0;
	list-style: none;	
	width: 770px;
	float: left;
	background: #f71008 url(images3/navred.gif) repeat-x;
	line-height: 30px;

}

#navigation ul a {
  display: block;
  padding: 0 1.16em;
  line-height: 30px;
  background: url(images3/mainNavBorderRed.gif) repeat-y right top;
  text-decoration: none;
  color: #fff;
}

#navigation ul li {float: left;}
#navigation ul a:hover {color: #000;}

/*--------------------------------------------------------------------------------------------------------------------
Bottom Navigation
---------------------------------------------------------------------------------------------------------------------*/

#bottomnav {
	width: 770px;
	line-height: 30px;
	background: #f71008 url(images3/navred.gif) no-repeat;
	text-align: center;
	clear: both;
	color: #FFF;
}

#bottomnav a {color: #fff; text-decoration:none;}
#bottomnav a:hover {color: #000;}

#bottomshadow {
	width: 770px;
	line-height: 20px;
	background: url(images3/bottomshadow.gif) no-repeat;
	text-align: center;
	clear: both;
	color: #0157a7;
}
/*--------------------------------------------------------------------------------------------------------------------
Success by design link
---------------------------------------------------------------------------------------------------------------------*/

#sbd {text-align: center; padding: 0.5em;}
#sbd a{color:#0157a7; font-size: x-small; text-decoration: none;}
#sbd a:hover {color: #000;}

/*--------------------------------------------------------------------------------------------------------------------
Validation
---------------------------------------------------------------------------------------------------------------------*/

.validator  {border: 0px; width: 88px; height: 31px}