@charset "utf-8";
* {
	margin:0px;
	padding:0px;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#205787;
	background-image:url(../images/bg/bg_2.jpg);
	background-attachment: fixed;
	background-position:center top;
	background-repeat:no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0 0 0 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a	{
	cursor:hand;
	}
	
img{
	border:none;
}

#container { 
	width: 857px; 
	background: none;
	margin: 23px auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 0 0 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* hack to correct IE5.5 faulty box model */
* html #container {
	\width:857px; 
	w\idth:857px;
	}

#header { 
	width: 857px;
	background:url(../images/layout/top_png.png) no-repeat top;
	margin:0px;
	height:50px;
	display:block;
	padding:0px; 
} 

* html #header {
	\height:50px; 
	h\eight:50px;
	}

#header h3 {
	font-size:10px;
	color:#286da6;
	width: 235px;
	height:50px;
	float: left;
	margin:0px 0px 0px 0px;
	padding:0 0 0 665px;
	} 
	
/* hack to correct IE5.5 faulty box model */
* html #header h3 {
	\width:857px; 
	w\idth:285px;
	}
	
#header em {
display:none;
	} 
	
#header a.one {
	width:56px;
	height:42px;
	background-image:url(../images/layout/tab1.png);
	display: block;
	float:left;
	margin:0;
	padding:0px;
	}
	

	
#header a.two {
	width:56px;
	height:42px;
	background-image:url(../images/layout/tab2.png);
	display: block;
	float:left;
	margin:0px;
	padding:0px;
		}
		
#header a.twob {
	width:56px;
	height:42px;
	background-image:url(../images/layout/tab2b.png);
	display: block;
	float:left;
	margin:0px;
	padding:0px;
		}
#header a.three {
	width:80px;
	height:42px;
	background-image:url(../images/layout/tab3.png);
	display: block;
	float:left;
	margin:0px;
	padding:0px;
		}
#header a.threeb {
	width:80px;
	height:42px;
	background-image:url(../images/layout/tab3b.png);
	display: block;
	float:left;
	margin:0px;
	padding:0px;
		}
#header a:hover {
	margin:0px;
	padding:0px;
	}

#leftmenu {
	float: left; 
	width: 137px; 
	height:649px;
	background:url(../images/layout/left_png.png) no-repeat;
	padding: 0 0 0 0; 
	margin:0px;
	display:inline;
}

* html #leftmenu {
	\width:115px; 
	w\idth:115px;
	}

#leftmenu img {
	margin:0px;
	padding:0px;
	float:right;
	border:0px;
	}

.leftmenua {
	float: left; 
	width: 122px;
	padding: 0 0 0 10px; 
	margin:0px;
}

* html .leftmenua {
	\width:137px; 
	w\idth:115px;
	}
	
.leftmenua a{
	color:#FFF;
	width:122px;
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.leftmenua a:hover{
	color:#4e85d4;
	width:122px;
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.leftmenua ul{
	margin-left:15px;
	margin-right:0px;
	margin-top:125px;
	padding:0px;
	list-style-image:url(../images/layout/bullet.png);
}

.leftmenua li{
	padding-left:0px;
	margin:auto;
}

.logo	{
	float: left; 
	width: 122px; 
	height:116px;
	background:url(../images/layout/logo.png) no-repeat;
	padding: 0; 
	margin:7px 0 0 0;
	display:block;
	position: relative;
	}
	
.logo span	{
	display:none;
	}
	
/* hack to correct IE5.5 faulty box model */
* html .logo {
	\width:115px; 
	w\idth:115px;
	}

#leftmenu h3 	{
	display:block;
	float:left;
	height:21px;
	width:115px;
	}

#leftmenu em	{
	display:none;
	}
h3.thedifference 	{
	background:url(../images/layout/saving_calculator.png);
	margin:10px 0 0 0;
	padding:0px;
	/*position: relative;*/
	}
a:hover h3.thedifference	{
	background:url(../images/layout/saving_calculator_hover.png);
	margin:10px 0 0 0;
	padding:0px;
	/*position: relative;*/
}

h3.howwework 	{
	background:url(../images/layout/how_work.png);
	margin:2px 0 0 0;
	padding:0px;
	/*position: relative;*/
	}
a:hover h3.howwework 	{
	background:url(../images/layout/how_work_hover.png);
	margin:2px 0 0 0;
	padding:0px;
	/*position: relative;*/
	}

h3.thejourney 	{
	background:url(../images/layout/the_press.png);
	margin:2px 0 0 0;
	padding:0px;
	/*position: relative;*/
	}
a:hover h3.thejourney 	{
	background:url(../images/layout/the_press_hover.png);
	margin:2px 0 0 0;
	padding:0px;
	/*position: relative;*/
	}
h3.thecloseup 	{
	background:url(../images/layout/recommend.png);
	margin:2px 0 0 0;
	padding:0px;
	/*position: relative;*/
	}
a:hover h3.thecloseup 	{
	background:url(../images/layout/recommend_hover.png);
	margin:2px 0 0 0;
	padding:0px;
	/*position: relative;*/
	}
h3.thepress 	{
	background:url(../images/layout/gallery.png);
	margin:2px 0 0 0;
	padding:0px;
	/*position: relative;*/
	}
a:hover h3.thepress 	{
	background:url(../images/layout/gallery_hover.png);
	margin:2px 0 0 0;
	padding:0px;
	/*position: relative;*/
	}

#sidebar1article {
	float: left; 
	width: 137px; 
	height:800px;
	background:url(../images/layout/left_tall.png);
	padding: 0; 
	margin:0px;
}

#sidebar1article img {
	margin:0px;
	padding:0px;
	float:right;
	border:0px;
	}

#sidebar1article h3 	{
	display:block;
	float:left;
	height:21px;
	width:115px;
	}

#sidebar1article em	{
	display:none;
	}


#container2 { 
	width: 720px; 
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	background:url(../images/layout/transppng.png);
	}
	
#container2 img.top {
	margin: 0;
	padding:0px;
	width:112px;
	height:24px;
	border:0px;
	
	}

/* hack to correct IE5.5 faulty box model */
* html #container2 img.top {
	\width:112px; 
	w\idth:112px;
	}

#container2a { 
	width: 710px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin:0px;
	display:inline;
	padding:0px 0px 0px 10px;
	float:left;
	
	}
	
/* hack to correct IE5.5 faulty box model */
* html #container2a {
	\width:720px; 
	w\idth:710px;
	}
	


#sidebar2 {
	float:left; 
	width: 166px; 
	padding: 20px 0px 0px 9px; 
	margin: 0px 0px 0px 0px;
	display:inline;
}

/* hack to correct IE5.5 faulty box model */
* html #sidebar2 {
	\width:180px; 
	w\idth:166px;
	}
#sidebar2	a	{
	text-decoration:none;
	color:#FFFFFF;
	}
	
#sidebar2	a:hover	{
	text-decoration:none;
	color:#FFFFFF;
	}
	
#sidebar2	a:visited	{
	text-decoration:none;
	color:#FFFFFF;
	}

#container3 { 
	width: 530px; 
	text-align: left; 
	margin:0px 0px 0px 0px;
	padding:0px 0 0 0px;
	float:left;
	
}

/* Hacking the drop downs */

.menu {
	float: left; 
	width: 534px; 
	height:19px;
	padding: 0 0 0 0px; 
	margin:20px 0px 7px 0px;
	position:relative; 
	z-index:100;
	}


.menu em {
	display:none;
	}

.menu img	{
	border:none;
	padding:0px;
	margin:0px;
	float: left;
	}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	\width:530px; 
	w\idth:530px;
	}

.menu ul {padding:0;margin:0;list-style-type:none;}


/* By Location */
li.bylocation {
	width:120px;
	position:relative;
	float:left;
	}

.bylocation a, .bylocation a:visited {
	display:block;
	font-size:12px;
	width:120px; 
	height:19px; 
	/*line-height:19px;*/
	font-size:0.8em;	
	text-decoration:none;
}

* html .bylocation a, * html .bylocation a:visited {
	\width:120px; 
	w\idth:120px;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
li.bylocation ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:19px;
	left:0; 
	width:120px;
	background:#ffffff;
	font-size:12px;
	}

/* another hack for IE5.5 */
* html li.bylocation ul {
	font-size:11px;
	top:19px;
	t\op:19px;
	}
	
/* style the second level links */
li.bylocation ul a, li.bylocation ul a:visited {
	background:#ffffff; 
	color:#777777; 
	padding:3px 0px 3px 7px; 
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif; 
	height:auto;
	width:113px;
	
	}

/* yet another hack for IE5.5 */
* html li.bylocation ul a, * html li.bylocation ul a:visited {
	width:120px;
	w\idth:113px;
	}

/* end By Location */

/* By Price */
li.bydate {
	width:120px;
	position:relative;
	float:left;
	font-size:12px;
	}

.bydate a, .bydate a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#ffffff; 
	width:94px; 
	height:19px; 
	font-size:12px;
	background:none; 
	line-height:19px; 
}

* html .bydate a, * html .bydate a:visited {
	\width:120px; 
	w\idth:120px;
	}
	
/* hide the sub levels and give them a positon absolute so that they take up no room */
li.bydate ul {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:19px;
	left:0; 
	width:120px;
	font-size:12px;
	background:#595959;
	}

/* another hack for IE5.5 */
* html li.bydate ul {
	top:19px;
	t\op:19px;
	}

/* style the second level links */
li.bydate ul a, li.bydate ul a:visited {
	background:#ffffff; 
	color:#777777; 
	padding:3px 0px 3px 7px;
	font-family:Arial, Helvetica, sans-serif;
	height:auto; 
	line-height:1.2em; 
	width:113px;
	font-size:11px;
	}

/* yet another hack for IE5.5 */
* html li.bydate ul a, * html li.bydate ul a:visited {
	width:120px;
	w\idth:113px;
	}
	
/* end By Price */


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	background:#cacaca;
	}
.menu :hover > a, .menu ul ul :hover > a {
	background:#cacaca;
	}
.menu ul li ul {visibility:hidden; }
.menu ul li div {visibility:hidden; }
.menu ul a div {visibility:hidden; }
.menu ul a ul {visibility:hidden; }
li.bylocation ul a ul {visibility:hidden; }
li.bylocation ul a div {visibility:hidden; }
.menu ul li table {visibility:hidden; }
.menu ul li tr {visibility:hidden; }
.menu ul li td {visibility:hidden; }

.menu ul li:hover ul {visibility:visible; }
.menu ul li:hover div {visibility:visible; }
.menu ul a:hover div {visibility:visible; }
.menu ul a:hover ul {visibility:visible; }
li.bylocation ul a:hover ul {visibility:visible; }
li.bylocation ul a:hover div {visibility:visible; }
.menu ul li:hover table {visibility:visible; }
.menu ul li:hover tr {visibility:visible; }
.menu ul li:hover td {visibility:visible; }

/* end hacking the drop downs */
.searchfield {
	float: left; 
	width:170px;
	height:19px; 
	padding: 0px; 
	margin:0px 0px 0px 7px;
}
/* hack to correct IE5.5 faulty box model */
* html .searchfield {
	\width:170px; 
	w\idth:170px;
	}
.searchfield input	{
	width: 130px;
	height:15px;
	border:0px;
	padding:2px 0 2px 1px;
	font-size:0.7em;
	color:#818181;
	line-height:10px;
	float:left;
	}
/* hack to correct IE5.5 faulty box model */
* html .searchbar input {
	\width:132px; 
	w\idth:125px;
	}
#searchsubmit {
height: 19px;
width: 32px;
cursor: pointer;
text-indent: -9999px;
border: none;
float:left;
background: url(../images/layout/search_button.png) no-repeat left top;
}

#mainContentHome { 
	margin: 0 0 0 0;
	padding: 0 0 20px 0; 
	width:530px;
	min-height:580px; /* i.e 6 needs a fix on this - just set Height */
	float:left;
	height:auto !important;
  	height:580px;
} 

#mainContentHome  p{
	color:#FFF;
	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
} 

#mainContent { 
	margin: 0 0 0 0;
	padding: 0 0 20px 0; 
	width:530px;
	min-height:649px; /* i.e 6 needs a fix on this - just set Height */
	float:left;
		  height:auto !important;
  height:649px;
} 	
.intro	{
	display:block;
	float:left;
	margin-bottom:20px;
	}
	
	
.intro h3	{
	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:10px 0 5px 10px;
	padding:0px;
	font-size:1.2em;
	color:#FFFFFF;
	display:block;
	float:left;
	}

* html .intro h3 {
	
	}	

.intro p	{
	font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:17px 0 0 10px;
	padding:0px;
	font-size:0.8em;
	color:#FFFFFF;
	display:block;
	vertical-align:bottom;
	float:left;
	width:300px;
	}
	
* html .intro p {
	\width:310px; 
	w\idth:300px;
	}

.search	{
	display:block;
	float:left;
	}
	
	
.search h3	{
	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:10px 0 15px 10px;
	padding:0px;
	font-size:1.2em;
	color:#FFFFFF;
	display:block;
	width:500px;
	float:left;
	clear:both;
	}

* html .search h3 {
	\width:510px; 
	w\idth:500px;
	}


.bigmovie {
	
	background-color:#555555; 
	padding: 2px;
	margin:0 0 20px 0;
	width: 526px;
	height:305px;
	float: left;
	clear:both;
}

.bigimage {
	background-color:#555555;
	padding: 2px;
	margin:0 0 20px 0;
	width: 526px;
	height:232px;
	float: left;
	clear:both;
}

/* hack to correct IE5.5 faulty box model */
* html .bigimage {
	\width:530px; 
	w\idth:526px;
	}
	
.bigimage img {
	width:526px;
	height:232px;
	border:0px;
	margin:0px;
	padding:0px;
	
	}

.bigimagetitle {
	margin:-100px 0 0 0;
	padding:0px;
	float:left;
	}

.bigimagetitlediv	{
	width:520px;
	float:left;
	}

.bigimagetitle h1 {
	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:lighter;
	letter-spacing:0.05em;
	font-size:1.6em;
	margin:0px;
	padding:0px;
}


.bigimagetitle h1 a {
	color:#FFFFFF;
	float:left;
	display:block;
	background-image:url(../images/layout/headerpng.png); /* Must do a fix here for IE - basically there will be no transparency for IE versions that don't read PNG well */
	margin: 0 0 0 7px;
	padding:0 0 0 3px;
	clear:both;
	text-decoration:none;
}

.bigimagetitle h1 a:hover {
	color:#b2b2b2;
	text-decoration:none;
}


.bigimagetitle h2 {
	margin:0px;
	padding:0px;
}

.bigimagetitle h2 p {
	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	font-size:0.5em;
	letter-spacing:0.11em;
	margin:0px;
	padding:0px;
	clear:both;
	}


.bigimagetitle h2 a {
	color:#FFFFFF;
	float:left;
	display:block;
	background-image:url(../images/layout/headerpng.png); 
	margin: 0 0 0 7px;
	padding:0 0 0 3px;
	text-decoration:none;
	clear:both;
}

.bigimagetitle_page {
	margin:-60px 0 0 0;
	padding:0px;
	float:left;
	}

.bigimagetitle_page h1 {

	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	
	color:#FFFFFF;
	font-weight:lighter;
	letter-spacing:0.05em;
	font-size:1.7em;
	float:left;
	display:block;
	background-image:url(../images/layout/headerpng.png); /* Must do a fix here for IE - basically there will be no transparency for IE versions that don't read PNG well */
	margin: 0 0 0 7px;
	padding:0 0 0 3px;
	clear:both;
}


.bigimagetitle_page h1 a {
	color:#FFFFFF;
	text-decoration:none;
}

.bigimagetitle_page h1 a:hover {
	color:#b2b2b2;
	text-decoration:none;
}


.bigimagetitle_page h2 {
	margin:0px;
	padding:0px;
}

.bigimagetitle_page h2 p {
	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	font-size:0.5em;
	letter-spacing:0.11em;
	float:left;
	display:block;
	background-image:url(../images/layout/headerpng.png); 
	margin: 0 0 0 7px;
	padding:0 0 0 3px;
	clear:both;
	}


.bigimagetitle_page h2 p a {
	color:#FFFFFF;
	text-decoration:none;
}

/* labels */

.closeuplabelbig	{padding:0px;height:16px;float:left;margin:-250px 0 0 4px;clear:both;position:relative;top:-1px;zoom: 1.0;}
.closeuplabelbig h4	{width:63px;height:16px;display:block;padding:0px;margin:0px;float:left;position:relative;top:-1px;zoom: 1.0;}
.closeuplabelbig h4 em	{display:none;}
.closeuplabel	{padding:0px;height:16px;float:left;margin:-116px 0 0 4px;clear:both;position:relative;top:-1px;zoom: 1.0;}
.closeuplabel h4	{width:63px;height:16px;display:block;padding:0px;margin:0px;float:left;position:relative;top:-1px;zoom: 1.0;}
.closeuplabel h4 em	{display:none;}
	
/* end labels */

#fb_div	{
	padding:24px 10px 20px 10px;
	margin:0 0 0 0;
	float:left;
	width:230px;
	height:119px;
	background-image:url(../images/main/news.png);
	background-repeat:no-repeat;
	}
	
* html #fb_div {
	\width:250px; 
	w\idth:230px;
	}

#fb_div	ul	{
	list-style:none;
	margin:0;
	padding:0;
		font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	height:75px;
	color:#0c0d10;
	}
	
#fb_div	li	{
	margin:0 0 10px 0;
	padding:0;
	}
	
#fb_div	a	{
	margin:0;
	padding:0;
		font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ed1e79;
	text-decoration:none;
	}

#fb_div a.fb-link	{
	float:left;
	color:#FFFFFF;
	margin: -25 0 0 145px;
	}

.homewrap	{
	float:left;
	width:250px;
	}

.smallpostwrapright {
	width:250px;
	margin:0px 0px 20px 0px;
	padding:0;
	height:118px;
	float:left;
	}

.smallimageright {
		padding: 2px;
	width: 246px;
	background:#555555;
	float:left;
}

/* hack to correct IE5.5 faulty box model */
* html .smallimageright {
	\width:250px; 
	w\idth:246px;
	}

.smallimageright img {
	padding: 0px;
	margin:0px;
	width: 246px;
	height:118px;
	border:0px;
}

.smallimagerighttitle {
	margin:-40px 0 0 0;
	padding:0px;
	float:left;
	
	}

.smallimagerighttitle h2 {

	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-stretch:ultra-condensed;
	font-size:0.75em;
	color:#FFFFFF;
	letter-spacing:0.1em;
	margin:0;
	padding:0;
}

.smallimagerighttitle h2 a {
	color:#ffffff;
	float:left;
	display:block;
	background-image:url(../images/layout/headerpng.png); /* Must do a fix here for IE - basically there will be no transparency for IE versions that don't read PNG well */
	margin: 0 0 0 4px;
	padding:0 0 0 3px;
	text-decoration:none;
}
.smallimagerighttitle h2 a:hover {
	color:#b3b3b3;
	text-decoration:none;
}


.smallimagerighttitle h3 {
	margin:0;
	padding:0;
}

.smallimagerighttitle h3 p {
	
	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.5em;
	color:#FFFFFF;
	letter-spacing:0.06em;
	margin:0;
	padding:0;
	}


.smallimagerighttitle h3 a {
	color:#CCCCCC;
	float:left;
	clear:both;
	display:block;
	background-image:url(../images/layout/headerpng.png); /* Must do a fix here for IE - basically there will be no transparency for IE versions that don't read PNG well */
	margin: 0 0 0 4px;
	padding:0 0 0 3px;
	text-decoration:none;
}


.smallpostwrapleft {
	width:250px;
	margin:0px 30px 20px 0px;
	padding:0;
	height:118px;
	float:left;
	}

/* hack to correct IE5.5 faulty box model */
* html .smallpostwrapleft {
	\width:280px; 
	w\idth:250px;
	}

.smallimageleft {
	
	padding: 2px;
	width: 246px;
	background:#555555;
	float:left;

}

/* hack to correct IE5.5 faulty box model */
* html .smallimageleft {
	\width:250px; 
	w\idth:246px;
	}


.smallimageleft img {
	padding: 0px;
	margin:0px;
	width: 246px;
	height:118px;
	border:0px;

}

.smallimagelefttitle {
	margin:-40px 0 0 0;
	padding:0px;
	float:left;
	
	}

.smallimagelefttitle h2 {

	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-stretch:ultra-condensed;
	font-size:0.75em;
	color:#FFFFFF;
	letter-spacing:0.1em;
	margin:0;
	padding:0;
}


.smallimagelefttitle h2 a {
	color:#ffffff;
	float:left;
	display:block;
	background-image:url(../images/layout/headerpng.png); /* Must do a fix here for IE - basically there will be no transparency for IE versions that don't read PNG well */
	margin: 0 0 0 4px;
	padding:0 0 0 3px;
	text-decoration:none;
}

.smallimagelefttitle h2 a:hover {
	color:#b2b2b2;
	text-decoration:none;
}

.smallimagelefttitle h3 {
	margin:0;
	padding:0;
}

.smallimagelefttitle h3 p {
	
	font-family:Tahoma, Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.5em;
	color:#FFFFFF;
	letter-spacing:0.06em;
	margin:0;
	padding:0;
	
	}


.smallimagelefttitle h3 a {
	color:#CCCCCC;
	float:left;
	clear:both;
	display:block;
	background-image:url(../images/layout/headerpng.png); /* Must do a fix here for IE - basically there will be no transparency for IE versions that don't read PNG well */
	margin: 0 0 0 4px;
	padding:0 0 0 3px;
	text-decoration:none;
}


#footer { 
	padding: 0 0 0 137px; 
	width:720px;
	height:77px;
	display:block;
	float:left;
	margin:0 0 0 0;
} 

/* hack to correct IE5.5 faulty box model */
* html .footer {
	\width:857px; 
	w\idth:720px;
	}


#footera { 
	padding: 0 0 0 0; 
	background-image:url(../images/layout/footer_home.png);
	width:720px;
	height:77px;
	display:block;
	float:left;
	margin:0 0 0 0;
} 

#footera p	{
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#cccccc;
	padding:5px 20px 0 0;
	margin:0 0 0 0;
	}
	
#footera p a {
	color:#cccccc;
	text-decoration:none;
	}
	
#footera p.atol	{
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	text-align:right;
	color:#cccccc;
	padding:0 2px 0 100px;
	margin:0 0 0 0;
	}


/* hack to correct IE5.5 faulty box model */
* html .footera {
	\width:720px; 
	w\idth:720px;
	}
	
#footerahome { 
	padding: 0 0 0 0; 
	background-image:url(../images/layout/footer_home.png);
	width:720px;
	height:77px;
	display:block;
	float:left;
	margin:0 0 0 0;
} 

#footerahome p	{
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#cccccc;
	padding:0 20px 0 0;
	}
	
#footerahome p a {
	color:#cccccc;
	text-decoration:none;
	}

/* hack to correct IE5.5 faulty box model */
* html .footerahome {
	\width:720px; 
	w\idth:720px;
	}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*
 * jQuery Lightbox Plugin (balupton edition) - Lightboxes for jQuery
 * Copyright (C) 2007 Benjamin Arthur Lupton
 *
 * This file is part of jQuery Lightbox (balupton edition).
 * 
 * You should have received a copy of the GNU Affero General Public License
 * along with jQuery Lightbox (balupton edition).  If not, see <http://www.gnu.org/licenses/>.
 */
#lightbox,#lightbox-overlay{
	position:absolute;
	top:0px;
	left:0px;
	bottom:auto;
	right:auto;
	z-index:100;
	width:100%;
	height:auto;
	text-align:center;
	color:#333;
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block
	}
	
#lightbox-overlay	{
	z-index:90;
	background-color:#000;
	height:100%
	}

#lightbox-overlay-text{
	text-align:right;
	margin-right:20px;
	margin-top:20px;
	color:white;
	font-size:12px;
	cursor:default;
	line-height:normal
	}

#lightbox-overlay-text a,#lightbox-overlay-text a:hover,#lightbox-overlay-text a:visited,#lightbox-overlay-text a:link{
	text-decoration:none;
	color:white
	}

#lightbox-overlay-text span{
	padding-left:5px;
	padding-right:5px
	}

#lightbox img,#lightbox a img,#lightbox a{
	border:none;
	outline:none
	}
	
#lightbox-imageBox{
	position:relative;
	border:1px solid black;
	background-color:white;
	width:250px;
	height:250px;
	margin:0 auto
	}
	
#lightbox-imageContainer{
	padding:1px
	}
	
#lightbox-loading{
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0
	}

#lightbox-nav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10
	}
	
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{
	display:block;
	width:49%;
	height:100%;
	background:transparent url("../images/layout/blank.gif") no-repeat;
	zoom:1;
	padding:0px;
	margin:0px
	}

#lightbox-nav-btnPrev{
	left:0;
	right:auto;
	float:left
	}
	
#lightbox-nav-btnNext{
	left:auto;
	right:0;
	float:right
	}

#lightbox-infoBox{
	font:10px Verdana,Helvetica,sans-serif;
	background-color:#FFF;
	margin:0 auto;
	padding:none
	}

#lightbox-infoContainer{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
	line-height:normal
	}
	
#lightbox-infoHeader{
	width:100%;
	text-align:center
	}
	
#lightbox-caption{
	text-align:justify
	}

#lightbox-caption-title{
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#333333;
	}

#lightbox-caption-description{
	font-weight:normal
	}

#lightbox-infoFooter{
	margin-top:3px;
	color:#999
	}

#lightbox-currentNumber{
	display:block;
	width:49%;
	float:left;
	text-align:left
	}
	
#lightbox-close{
	display:block;
	width:45%;
	float:right;
	text-align:right
	}

#lightbox-close-button{
	padding-left:30%
	}

#lightbox-close-button,#lightbox-close-button:link,#lightbox-close-button:visited,#lightbox-close-button:hover{
	text-decoration:underline;
	color:#999
	}

#lightbox-close-button:hover{
	color:#666
	}
	
#lightbox-infoContainer-clear{
	clear:both;
	visibility:hidden
	}

.list1 {padding:0px; width:530px; height:104px; margin-right:5px; text-align:center;}

.list1 p {font-family:Arial, Helvetica, sans-serif; color:#286da6; font-size:12px; text-align:center;}
  
.list1 h1 {font-family:Arial, Helvetica, sans-serif;color:#286da6;font-size:20px;font-weight:bold; text-align:center;} 

.list1 table{width: 530px}

.calendar{width:375px; padding:3px; margin-left:10px}

.indexcontent{margin:270px 20px 20px 20px; padding:10px; background: url(../images/layout/transppng.png); border:#C06 thin solid;}

.indexcontent h1{color:#FFF;}

.indexcontent ol,ul{color:#FFF; margin-left:20px; list-style-image: url(../images/us/tick.png);}

ol,ul{color:#FFF; list-style:none;}

.indexcontent a {color:#FFF; font-size:16px};

.securitydata p{ font-size:10px;}

.securitydata h1{color:#FFF; font-size:12px;} 

.securitydata ol,ul{color:#FFF; margin-left:35px; font-size:10px;}

#dayofweek{background-image:url(../images/booking/days.png);width:50px;height:15px;text-align:center;float:left;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#286da6;}

.day{background-image:url(../images/booking/date.png); width:50px; height:75px; float:left; text-align:left; font-size:10px; cursor:pointer;color:#286da6;}

#daypadding{background-image:url(../images/booking/datepadding.png); width:50px; height:75px; float:left}

#login {background: url(../images/login/loginback.jpg); border:medium #666; width:400px; height:150px; margin-left:60px;margin-top:50px;}

#loginleft{padding:10px; text-align:center; width:180px; height:130px; float:left; display:inline;}

#loginleft input{width:150px;height:15px;border:0px;padding:2px 0 2px 1px;font-size:0.7em;color:#818181;line-height:10px;}

#loginright{padding:10px; text-align:center; width:180px; height:130px; float:left; display:inline; background: url(../images/layout/transppng.png);}

.maininput{font-size:0.7em;color:#818181;line-height:10px;}

#sticker{position:absolute; z-index:3; margin-left:425px; margin-top:50px; top:75px;height:90px; width:94px;}

.formcontent{margin:20px 20px 20px 20px; padding:10px; background: url(../images/layout/transppng.png); border:#C06 thin solid;}
.formcontent p{ font-size:12px;}
.formcontent h1{color:#FFF; font-size:14px;}

#welcome{color:#333; margin:20px 20px 20px 20px; padding:4px 10px 5px 10px; background: url(../images/signup/welcome.png) no-repeat; height:105px;}
#welcome p{color:#333; font-size:12px;}
#welcome h1{color:#333; font-size:14px;}

#welcome_small{color:#333; margin:20px 20px 20px 20px; padding:4px 10px 5px 10px; background: url(../images/signup/welcome_small.png) no-repeat; height:80px;}
#welcome_small p{color:#333; font-size:12px;}
#welcome_small h1{color:#333; font-size:14px;}

#buzz{margin-top:76px; margin-left:40px;}
#buzz h1{color:#C06; font-size:15px; font-weight:bold;}