html{font-size:100.1%;}
*{margin: 0; padding: 0; line-height: 1.7em;}
body {margin:0px; padding:0px; background:#fff;font: 75% "Lucida Sans Unicode", "Trebuchet MS", Arial; color: #666;text-align: center}

/* Main wrap around layout */
#main { position: relative; width:910px; margin: 0 auto; text-align: left; line-height: 1.7em;}
.topimage {background: url("http://www.searchandgo.com/travel/images/alt-layout-header-travel3.jpg") top left no-repeat; height: 171px;padding:0;margin:0}
.topimagecyprus {background: url("http://www.searchandgo.com/travel/images/cyprus-ruins.jpg") top left no-repeat; height: 171px;padding:0;margin:0}
.topimageabudhabi {background: url("http://www.searchandgo.com/travel/images/abudhabi-city.jpg") top left no-repeat; height: 171px;padding:0;margin:0}
.topimagedubai {background: url("http://www.searchandgo.com/travel/images/jumeirah-dubai_sml.jpg") top left no-repeat; height: 171px;padding:0;margin:0}
.topimagechina {background: url("http://www.searchandgo.com/travel/images/great-wall-china.jpg") top left no-repeat; height: 171px;padding:0;margin:0}
.topimagebahamas {background: url("http://www.searchandgo.com/travel/images/bahamas-hotel-pool_sml.jpg") top left no-repeat; height: 171px;padding:0;margin:0}

/* Layout */
#container {position:relative; display:block; background:transparent; border-left:230px solid #fff; overflow:visible;margin-top:13px}
* html #container {display:block; min-height: 35em;}
#left {float:left; width:200px}
* html #left {width:200px;}
#leftin {text-align: center; margin: 0 auto;}
#container2 {position:relative; display:block; background:transparent;border-right:223px solid #fff; overflow:visible;margin-top:5px}
#right {float:right; position:relative; width:200px; margin-right:-200px; display:inline; min-height: 35em;margin-top:20px}
#rightin {text-align: left; width:200px;margin: 0 auto}

.heading {padding:0px;margin:0px}

/* Container Links */
#container a:visited, a {color:#000; text-decoration:none;}
#container a span {display:none;}
#container a:active, #container a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#container a:active span, #container a:focus span {display:block;}

/* Masthead - masthead.php file in includes folder */
#masthead {position: relative; display: block; height: 114px; background: url("../images/masthead.gif") top left no-repeat;}
#masthead-end {position: absolute; top: 0; right: 0; display: block; width: 20px; height: 114px; background: url("../images/masthead-end.gif") top right no-repeat;}
#masthead p {margin: 0; padding: 0;}
#logo {position: absolute; top: 27px; left: 37px; background: none;}
#logo div {display: block; width: 218px; height: 72px; background: url("../images/logo.gif") top left no-repeat;}

/* header */
.alt-layout-header {display: block; width: 100%; height: 210px;}

/* Wrap around middle category box */
#ctrin { text-align: justify; padding: 1em 0 0 0;float:left;margin:0;width:97%;}

/* Wrap around middle content including heading */
#wrapper a { white-space: nowrap; }
#wrapper {margin-left: 220px;margin-top: 0px;}
#wrapper2 {margin-top: 0px;padding: 0;width:100%}

/* Page attributes */
.hide, #mobile span {display: none;}
.comment {text-align:center;}
.comment a {text-decoration:underline;}
em {font-weight:bold;}
.clear {clear:both;height:1px;overflow:hidden;}
p {margin: 0 0 1.4em 0;}
small {font-size: 0.9em; color: #aaa}
.justify {text-align: justify;}
.allcaps {text-transform: uppercase;}
.code {display: block; width: 170px; overflow: auto; margin: 0 0 1.4em 0; background: #F5F5F5 !important; padding: 5px; border: 1px solid #fff;}
.code p {font: 1em "Courier New", Courier, mono !important; color: #666666;}
option {width:40px;font-size:90%}
input { font-size: 100%;line-height:100% }
submit {padding:0px;margin:0px;font-size:1em}
form {background:#EFEFEF}
label {margin: 0; padding: 0;}
.listing {float: left; width: 100%; padding: 15px 0 15px 0}
.listing h3, .listing p {margin: 0;}
.readmore a {color: #CE0C0C;}
.readmore a:hover {color: #333;}
#searchForm {float: left; display: block; margin: 0 0 20px 0;text-align: left}

/* Headings */
h1 {font: 2.2em Arial, Helvetica, sans-serif; color: #999; margin: -0.2em 0 0.4em 0;position:relative}
h1 span {font-size: .75em; color: #888;}
h2 {font-weight: bold; font-size: 1em; margin: 0 0 1em 0;}
h2 span {font-size: 1em;}
h3, h4, h5, h6 {font-weight: bold; margin: 0 0 1em 0;font-size: 1em;}
h2.coltitle {float: left; width: 98%; padding: 1px 0 2px 0; font: 1.3em Arial, Helvetica, sans-serif; color: #505050; background: #F6F6F6; border-bottom: 1px solid #AAA;}
h3.setmargin {
	padding: .9em 0 0 0;
	clear: both;
}

h3.setmargin a {
	background: transparent;
	color: #CE0C0C !important;
}

/* Links */

a.norp {
	padding: 0;
}
a {color: #3F3F3F; text-decoration: none;padding: 0 15px 0 0;}
a:visited {color: #3F3F3F !important ;}
a:hover {color: #333;}
.greylink, .greylink:visited {color: #7F987F}
.greylink:hover {color: #333;}
.underline {background: url("../images/dashed-underline.gif") bottom left repeat-x;}

#ctrin a {color: #CE0C0C; text-decoration: none}
#ctrin a:visited {color: #CE0C0C !important ;}
#ctrin a:hover {color: #333;}

.author a {color: #CE0C0C;}
.author a:visited {color: #CE0C0C !important ;}
.author a:hover {color: #000 !important ;}
.author {margin:0; padding:0; color: #333; width:185px}

.usefulinfo {
	border: #DDD 1px solid;
	padding: 8px 10px 0 10px;
	width:183px;
	margin: 0 0 1.5em 0;
}
.sponsors a {color: #CE0C0C;}
.sponsors a:visited {color: #CE0C0C !important ;}
.sponsors a:hover {color: #000 !important ;}
.sponsors {margin:0px;padding:0;color: #333;width:200px}
.sponsors {float: left; color: #333333; padding: 10px; margin: 0; background: #fff;text-align:left}
div.sponsors {float: left; margin: 0 0 1.4em 0;width:90%}

#adarea1 {margin:0px;padding:0;width:200px}

/* Ad Space */
img {margin: 0; padding: 0; border: 0; background: none;}
.ad {float: left; width: 100%; margin: 0 0 10px 0; padding: 0 0 7px 0; width: 100%; }
.ad h4, .ad p {margin: 0; padding: 0;}
.ad p a, .mainhighlight dd a {font-size: 0.9em; color: #aaa;}
.ad p a:hover, .mainhighlight dd a:hover {color: #333;}
.adspace a {float: right; clear: both; margin: 0 0 10px 0; padding: 0;}
.adspace a img, .adspace a:visited img, .adspace a:hover img {float: left; clear: both; margin: 0 0 10px 0; padding: 0; }

/* Menu 2 */
.menu2 li {list-style: none;}

/* Site Sponsors - not in use */
.sponsor {float: left; display: block; width: 100%;}
.sponsor dt {float: left; display: block; width: 100%; font: bold 1.3em Arial, Helvetica, sans-serif;}
.sponsor dd {float: left; display: block; width: 100%; margin: 0 0 1em 0;}

/* Footer */
#footer {text-align:center; display: block; width: 100%; padding: 1.4em 0; margin: 0; border-top: 1px solid #ccc;}
#footer ul {margin: 0; padding: 0; list-style: none;}
#footer li {margin: 0 5px 0 0; padding: 0; display: inline;}
#footer a {color: #CE0C0C !important; margin: 0 10px 0 0;}
#footer a:hover {color: #000 !important ;}
#footer a:visited {color: #CE0C0C !important ;}

/* Page Titles */
.traveltitle, .traveltitle1 {float: left; width: 100%; margin: 1em 0 .5em 0 !important; color: #fff !important; background: #9DCACD !important; padding: 1px 0 2px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}
.traveltitle1 {
	margin-top: 2em !important;}
}
.dirtitle2 {float: left; width: 100%; margin: 0 0 1px 0; color: #fff; background: #9DCACD; border-left: 1px solid #5CBFBC; border-right: 1px solid #CCC1AB; padding: 1px 0 2px 0; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; text-indent: 10px;}

/* Column Titles */
#maincol .coltitle {float: left; padding: 1px 0 2px 0; margin: 0; font: bold 1em Arial, Helvetica, sans-serif; text-indent: 10px; color: #222; background: #D4D2E1; border-bottom: 1px solid #fff;}


/* Category Listings - nav.php file in includes folder */
.dir {float: left; list-style: none; display: block;  width: 100%; margin: 0 0 15px 0; background: url("../images/highlight-bkg-dir.gif") top left repeat-x;}
.dir li {float: left; display: block;  width: 48%; margin: 0 1% 0 0;}
.dir a, .dir a:visited {float: left; display: block; width: 100%; text-indent: 10px; border-bottom: 1px solid #F9F7F5;}
.dir a:hover { background: #F4F2ED; border-bottom: 1px solid #ddd; margin: 0;}
.dir a{padding: 0 15px 0 0px}
.dir a:hover {padding: 0 15px 0 0px}

/* Special Features */
.author {float: left; color: #333333; padding: 10px; margin: 0; background: #eee;text-align:left}
div.author {float: left; margin: 0 0 1.4em 0;width:90%}

 /* Prev-Next Button */
.button-nextpage {float: right; display: block; width: 126px; height: 55px; background: url(../travel/images/button-nextpage.gif) bottom left no-repeat;}
.button-prevpage {float: left; display: block; width: 126px; height: 55px; background: url(../images/button-prevpage.gif) bottom left no-repeat;}
.button-nextpage:hover {background: url(../images/button-nextpage.gif) top left no-repeat;}
.button-prevpage:hover {background: url(../images/button-prevpage.gif) top left no-repeat;}
.button-nextpage span, .button-prevpage span {display: none;}

/* Date-Time */
#date {float: right; display: block; width: 40px; background: #ccc; text-align: center; margin: 0 0 14px 0; border: 1px solid #888;}
.day {float: left; width: 40px; font: 2.2em "Times New Roman", Times, serif; color: #333;}
.month {float: left; width: 40px; font-size: 0.7em; background: #333; color: #fff; text-transform: uppercase;}
.year {float: left; width: 40px; font-size: 0.7em; color: #333;}

/* adspace */
.adspace a {float: left; clear: both; margin: 0 0 10px 0; padding: 5px 0 0 0; border: 0;}
.adspace a img, .adspace a:visited img, .adspace a:hover img {float: left; clear: both; margin: 0 0 10px 0; padding: 0; border: 0;}
.highlight .adspace {
	position: relative;
	top: 0; left:0;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	}

/* ----Directory Components---- */

/* Menu */
.menu {list-style: none; border-top: 1px solid #ccc; margin: 0 0 15px 0;width:100%;float:left;}
.menu li {border-bottom: 1px solid #ccc;}
.menu ul {display: none; list-style: none;}
.menu ul li {border-top: 1px solid #ccc; border-bottom: none;}
.menu a {display: block; padding: 0 20px 0 10px; list-style: none; color: #CE0C0C !important; text-decoration: none;}
.menu ul li a {padding: 0 20px 0 28px;} 
.menu ul ul li a {padding: 0 20px 0 38px;} 
.menu a:hover {color: #000; background: #9DCACD;}
.menu ul li a:hover {color: #000; padding: 0 20px 0 28px;} 
.menu ul ul li a:hover {color: #000; padding: 0 20px 0 38px;} 
.menu a:visited {color: #CE0C0C !important;}

#searchbutton { line-height: 1.25em; padding: 0; margin: 0; }
.ind li {border-bottom:1px dotted #666;list-style-position: inside;color: #A7A4A8;list-style-type:square}
.travelpic1 {margin: 0px 0px 15px; background: transparent url("../images/travel.jpg") no-repeat center top;display: block; float: left; width: 100%; height: 160px;}
.trav li {list-style-position: inside;list-style-type:square}

#midcol {float: left; display: block; width: 100%; position: relative;}
#alttwocols {display: block; width: 100%; position: relative;}
* html #alttwocols {width: auto !important; padding: 0 0 0 0;}
#alttwocols50 {float: left; display: block; width: 100%; position: relative;}
#altleftcol {margin: 0 0 0 0;}
* html #altleftcol {margin: 0;}
#altrightcol {display: block; position: absolute; top: 0; right: 0; z-index: 100;}
#altrightcol .adspace {position: relative; margin-left: 0; float: right;}
.highlight p.adspace1 {
	float: right;
	margin: 5px -14px .8em 20px;
}
.rightcol50 {float: right; display: block; width: 48%;}
* html .rightcol50 {width: 48%;}
.leftcol50 {float: left; display: block; width: 48%;}
#travel .leftcol50 p {padding: 1em 0 .2em 0;margin: 0;}
#travel .rightcol50 p {padding: 1em 0 .2em 0;margin: 0;}

.travelbox {float: left; width: 100%; padding: 14px 0 0 0; background: #E4EDEE;border:1px solid #ccc;text-align:center}
.travelbox p {margin: 0 5px 0em 5px;text-align:center}

#travelbusinesspic, #travelvacationpic {display: block; height: 109px; background: transparent; border: 1px solid #888; margin: 0 0 10px 0;}
.rightcol50 p, .leftcol50 p {padding: 10px;}

.travelpic {
	border: 1px solid #BBB;
	margin-top: 6px;
	width: 319px;
}
.leftcolimg {
	border: 1px solid #BBB;
}

.fright {
	margin: .8em 0 1em 0;
	padding: 8px 0 8px 9px;
	border: #DDD 1px solid;
}

.fright a {
	margin:0;
	padding: 0;
}

/* Newsfeeds */
h2.title {font-weight: bold; font-size: 1em; margin: 0em ;color: #CE0C0C}
.news {float: left; display: block; width: 100%;border-bottom:1px dotted #ccc}
.news dt {float: left; display: block; width: 100%; font: bold 1.3em Arial, Helvetica, sans-serif;}
.news dd {float: left; display: block; width: 100%; margin: 0 0 1em 0;padding:0px}

.red {color: #CE0C0C}
.contract {
	width: 350px;
}
/* Google Maps */
#map { 	
  height: 490px;
  width: 658px;
  margin: 5px 0 .5em 0;
  border: #CCC 1px solid;
} 

#mapborder {
  border: #CCC 1px solid;
  padding: 4px;
	
}

#generalmap { 	
  height: 480px;
  width: 640px;
  margin: 5px 0 .5em 0;
  padding: 13px;
  border: #DDD 1px solid;
} 

#generalmap img { 	
  border: #AAA 1px solid;
  text-align: center;
} 

#mapjump {
	list-style: square;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#mapjump li {
	display: inline;
}

#mapjump li a {
	margin: 0;
	padding: 0;
}

#adsense, #adsense1 {
	float: right;
	width: 125px
}
form.invisiform
{
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
}
form.invisiform button
{
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	color: #C00;
	text-align: left;
}
form.invisiform p
{
	padding: 0;
	margin: 0;
}