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

*************** This Style Sheet is copyright*******************
Version:	1.2
Date:		January 2007
Author:		Patrick Viney
E-mail:		webmaster@successbydesign.co.uk
website:	www.successbydesign.co.uk
Copyright:	successbydesign 2007

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


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

Main body styling

---------------------------------------------------------------------------------------------------------------------*/
* {margin: 0; padding: 0;}
p {margin: 10px;}
a {font-size: small; color: #0F3D83; text-decoration: none;}
font {color: #0F3D83;}

body {
	margin-top: 15px;
	font-family: arial, sans-serif;
	font-size: small; color: #0F3D83;
	background: #ffffff url(images/background.gif) repeat-x fixed;
	text-align: center;	
}


h1 {font-size: x-large; font-weight: normal; text-align: left; color: #ffffff;}
h2 {font-size: large; text-align: left; margin: 10px;}
h2.offer {font-size: large; text-align: left; margin: 10px; color: red; text-decoration: blink;}
h3 {font-size: medium; font-weight: normal; clear: none;}
h4 {font-size: x-small; font-weight: bold;}
h5 {font-size: 10pt; font-weight: bold; text-align: center; }
h1.offer {font-size: x-large; font-weight: normal; text-align: center; color: red;}

.right {text-align: right; font-weight: bold;}
img.right {float:right;}
.center {text-align: center;}
.bold {font-weight: bold;}
.centerbold {text-align: center; font-weight: bold;}
.clear {clear: both;}
.clearbold {clear: both; font-weight: bold; text-align: center;}
.orange {color: orange; font-size: large;}
.more {float: right; font-weight: bold;}
.offerlink {float: right; font-weight: bold; color: red;}
.spacer {clear: both; line-height: 0px;}
.blink {font-weight: bold; text-decoration: blink;}
.offer {color: red;}

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

Layout

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

#wrapper {
	width: 750px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}

#logo {
	width: 750px;
	height: 110px;
	text-align: left;
	background: #8cd6f7 url(images/toucantravellogo.jpg) no-repeat;
	line-height: 110px;
	text-indent: 180px;
}

#logo a:hover { color: #fff;}

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

Content

---------------------------------------------------------------------------------------------------------------------*/
#maincontent	{
	clear: both;	
	padding: 10px;
	background: #ffffff url(images/contentbg.gif) repeat-y;
}
#maincontent 	ul {margin: 15px 15px 15px 55px;}
#maincontent 	li {padding: 0px 0px 5px 0px;}
#maincontent a:hover { color: #000;}
#maincontent img {float: left; padding: 15px;}
#maincontent img.right{float: right;	padding: 15px 15px 15px 15px; }
#maincontent td.photo {width: 280px;}
#maincontent td.photo300 {width: 330px;}
table.fullwidth {width: 100%;}

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

Prices table

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

table.prices  {width: 550px; margin: 10px 100px 10px 100px;}
.prices td {background-color: #dff0ff; padding: 10px; border: 1px solid #2d3dd2; }
.prices th {color: #ffffff; padding: 10px; border: 1px solid #2d3dd2; text-align: center; font-weight: bold; background-color: #2d3dd2;}

td.center {text-align: center;}
table.prices p {margin: 0px;}
/*--------------------------------------------------------------------------------------------------------------------
Main Navigation
---------------------------------------------------------------------------------------------------------------------*/

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;	
	width: 750px;
	float: left;
	background: #faa819 url(images/nav.gif);
	line-height: 30px;


}

#navigation ul a {
  display: block;
font-size: 13px;
  padding: 0 1em;
  line-height: 30px;
  background: url(images/mainNavBorder.gif) repeat-y right top;
  text-decoration: none;
  color: #fff;

}

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

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

#bottomnav ul {
	margin: 0;
	padding: 0;
	list-style: none;	
	width: 750px;
	float: left;
	background: #faa819 url(images/bottomnav.jpg) repeat-x;
	line-height: 30px;

}

#bottomnav ul a {
  display: block;
  padding: 0 1em;
  line-height: 30px;
  background: url(images/bottomnavborder.gif) repeat-y right top;
  text-decoration: none;
  color: #fff;
font-size: 13px;
}

#bottomnav ul li {float: left;}
#bottomnav ul a:hover {color: #0F3D83;}

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

Success by design

---------------------------------------------------------------------------------------------------------------------*/
#sbd {font-size: x-small; text-align: center; padding: 10px; clear: both;}
#sbd a{text-decoration:none; font-size: x-small;}
#sbd a:hover{color:#000000;}
.validator  {border: 0px; width: 88px; height: 31px}

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

Contact form table

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

table.form  {width: 500px; margin: 10px 125px 10px 105px;}
.form td {background-color: #dff0ff; padding: 3px; border: 1px solid #2d3dd2; }
.form th {padding: 3px; border: 1px solid #5FB5FF; text-align: center; font-weight: bold; background-color: #5fb5ff;}
td.thirty {width: 30%}
td.seventy {width: 70%}

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

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