body  {
	font: 87%/21px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333;
}
.twoColFixLtHdr #top { 
	width: 991px; 
	height: 23px;
	background: url(images/border-top.jpg) no-repeat;
	margin: 10px auto 0;
}
.twoColFixLtHdr #container { 
	width: 991px; 
	background: #f4f4f4 url(images/border-middle.jpg) repeat-y;
	margin: 0 auto;
	text-align: left;
}
.twoColFixLtHdr #bottom { 
	width: 991px; 
	height: 23px;
	background: url(images/border-bottom.jpg) no-repeat;
	margin: 0 auto 10px;
}
.twoColFixLtHdr #header { 
	padding: 0 20px; 
	height: 140px;
} 
.twoColFixLtHdr #header IMG	{
	float: left;
	padding: 10px 50px 10px 10px;
}
.twoColFixLtHdr #header h1 {
	margin: 0; 
	padding: 30px 0 0; 
}

/* Sidebar */

.twoColFixLtHdr #sidebar1 {
	float: left;
	width: 210px;
	padding: 0 0 15px 20px;
}
.twoColFixLtHdr #sidebar1 LI {
	margin: 10px 0 0;
}
#sidebar1 UL, #sidebar1 UL LI	{
	margin: 0;
	padding: 0;
	list-style: square;
	font-size: 90%;
	list-style: none;
	width: 205px;
}
#sidebar1 UL LI:hover	{
	background-image: url(images/diamond.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/* Main Content*/

.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 250px; 
	padding: 0 0 10px 0; 
	width: 685px;
} 
.twoColFixLtHdr #mainContent UL LI	{
	list-style: square;
}
.fltrt {
	float: right;
	margin: 0 0 10px 10px;
	text-align: center;
}
.fltlft { 
	float: left;
	margin-right: 0 10px 10px 0;
	text-align: center;
}
.twoColFixLtHdr #mainContent a:link, .twoColFixLtHdr #mainContent a:visited	{
	text-decoration: none;
	color: #F00;
}
.twoColFixLtHdr #mainContent a:hover, .twoColFixLtHdr #mainContent a:active	{
	text-decoration: underline;
	color: #F00;
}
.nobr {
	white-space: nowrap;
}
.preload	{
	position: absolute;
	top: -1000px;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
a	{
	outline: none;
}

.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;
}

/* Contact Page has Unique Properties */
#contactPage	{
	width: 730px;
}
#contactPage .fltrt, #contactPage .fltlft	{
	padding: 5px;
	margin: 5px 10px;
	border: 1px solid #DDD;
	background: #FFF;
}
#contactPage .fltrt:hover, #contactPage .fltlft:hover	{
	background: #EEE;
	border-color: #999;
}

/* Top Navigation and Footer */
#nav	{
	margin-top: 50px;
}
#nav a:link, #nav a:visited	{
	text-decoration: none;
	color: #000;
	padding: 0 7px;
}
#nav a:hover	{
	text-decoration: underline;
	color: #000;
}
#nav a:active	{
	text-decoration: underline;
	color: #F00;
}
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; 
	text-align: center;
} 
#footer a:link, #footer a:visited	{
	text-decoration: none;
	color: #000;
	padding: 0 10px;
}
.twoColFixLtHdr #footer p {
	margin: 0 100px;
	padding: 10px; 
	border-top: 1px solid #F00;
}
#footer a:hover	{
	text-decoration: underline;
	color: #000;
}
#footer a:active	{
	text-decoration: underline;
	color: #F00;
}
#footer p#note	{
	text-align: left;
	font-style: italic;
}
/* Left Side Client List */
a.bosa:link, a.bosa:visited	{
	display: block;
    width: 164px;
    height: 32px;
    background-image: url(images/clients/bosa-horizons-san-diego.jpg);
    border: 0;
}
a.bosa:hover	{
    background-image: url(images/clients/bosa-horizons-san-diego-on.jpg);
}
a.bosa:active	{
    background-image: url(images/clients/bosa-horizons-san-diego.jpg);
}
a.radisson:link, a.radisson:visited	{
	display: block;
    width: 164px;
    height: 44px;
    background-image: url(images/clients/radisson-hotels-resorts.jpg);
    border: 0;
}
a.radisson:hover	{
    background-image: url(images/clients/radisson-hotels-resorts-on.jpg);
}
a.radisson:active	{
    background-image: url(images/clients/radisson-hotels-resorts.jpg);
}
a.radissonsas:link, a.radissonsas:visited	{
	display: block;
    width: 164px;
    height: 39px;
    background-image: url(images/clients/radisson-sas-hotels-resorts.jpg);
    border: 0;
}
a.radissonsas:hover	{
    background-image: url(images/clients/radisson-sas-hotels-resorts-on.jpg);
}
a.radissonsas:active	{
    background-image: url(images/clients/radisson-sas-hotels-resorts.jpg);
}
a.regent:link, a.regent:visited	{
	display: block;
    width: 164px;
    height: 80px;
    background-image: url(images/clients/regent-seven-seas-cruises.jpg);
    border: 0;
}
a.regent:hover	{
    background-image: url(images/clients/regent-seven-seas-cruises-on.jpg);
}
a.regent:active	{
    background-image: url(images/clients/regent-seven-seas-cruises.jpg);
}
a.palmsplace:link, a.palmsplace:visited	{
	display: block;
    width: 164px;
    height: 32px;
    background-image: url(images/clients/palms-place-hotel-resort.jpg);
    border: 0;
}
a.palmsplace:hover	{
    background-image: url(images/clients/palms-place-hotel-resort-on.jpg);
}
a.palmsplace:active	{
    background-image: url(images/clients/palms-place-hotel-resort.jpg);
}
a.embassy:link, a.embassy:visited	{
	display: block;
    width: 164px;
    height: 43px;
    background-image: url(images/clients/embassy-suites-hotels.jpg);
    border: 0;
}
a.embassy:hover	{
    background-image: url(images/clients/embassy-suites-hotels-on.jpg);
}
a.embassy:active	{
    background-image: url(images/clients/embassy-suites-hotels.jpg);
}
a.london:link, a.london:visited	{
	display: block;
    width: 164px;
    height: 30px;
    background-image: url(images/clients/london-nyc-hotel.jpg);
    border: 0;
}
a.london:hover	{
    background-image: url(images/clients/london-nyc-hotel-on.jpg);
}
a.london:active	{
    background-image: url(images/clients/london-nyc-hotel.jpg);
}
a.pinnacle:link, a.pinnacle:visited	{
	display: block;
    width: 164px;
    height: 41px;
    background-image: url(images/clients/pinnacle-tower-san-diego.jpg);
    border: 0;
}
a.pinnacle:hover	{
    background-image: url(images/clients/pinnacle-tower-san-diego-on.jpg);
}
a.pinnacle:active	{
    background-image: url(images/clients/pinnacle-tower-san-diego.jpg);
}
a.intracorp:link, a.intracorp:visited	{
	display: block;
    width: 164px;
    height: 38px;
    background-image: url(images/clients/intracorp-seattle.jpg);
    border: 0;
}
a.intracorp:hover	{
    background-image: url(images/clients/intracorp-seattle-on.jpg);
}
a.intracorp:active	{
    background-image: url(images/clients/intracorp-seattle.jpg);
}

a.hyatt:link, a.hyatt:visited	{
	display: block;
    width: 164px;
    height: 35px;
    background-image: url(images/clients/hyatt-hotels.jpg);
    border: 0;
}
a.hyatt:hover	{
    background-image: url(images/clients/hyatt-hotels-on.jpg);
}
a.hyatt:active	{
    background-image: url(images/clients/hyatt-hotels.jpg);
}
a.norwegian:link, a.norwegian:visited	{
	display: block;
    width: 164px;
    height: 22px;
    background-image: url(images/clients/norwegian-cruise-line.jpg);
    border: 0;
}
a.norwegian:hover	{
    background-image: url(images/clients/norwegian-cruise-line-on.jpg);
}
a.norwegian:active	{
    background-image: url(images/clients/norwegian-cruise-line.jpg);
}


/* the popup preview screen */

a.screen, a.screen:visited {
color:#5555CF; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border : 0 solid #FFF; /* add a border */
left:-100px; /* position:the image */
top: 2em;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:212px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
top: -60px;
left: 215px;
}
a.screen:hover b img {
border-width: 0; /* remove the link border */
}

.slideShow	{
	float: right;
	width: 530px;
	height: 450px;
	padding: 0;
	text-align: left;
}
.slides	{
	width: 530px;
	height: 450px;
	margin: 0 0 20px 20px;
	text-align: left;
}



<!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->