/* CSS Document */

body {
background-color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.3em;
min-height:475px;/* for good browsers*/
min-width:850px;/* for good browsers*/
 }

/* --------- centering css -----------*/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 450px;
} 

#inner {
width: 850px;
height: 450px;
text-align: center;
margin-left:auto;
margin-right:auto;
border: 1px #192552 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
background-color: #ffffff;
 }

/* --------- main structure -----------*/

#header {
float: left;
width: 850px;
height: 116px;
background-image: url(../sls_imgs/sls_logo.gif);
background-repeat: no-repeat;
background-position: 730px; }

#content {
width: 850px;
float: left;
height: 310px;
overflow: auto; }

#mainContent {
color: #3c3c3c;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em; }

#footer {
height: 25px;
width: 840px;
float: left; 
margin-right: -10px;
}


/* --------- navigation -----------*/

#navigation {
width: 850px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.7em;
color: #ffffff;
float: left; }

#nav {
padding: 0;
list-style: none;
display: inline;
margin: 0em;
width: 850px;
float: left; }

#nav li {
margin: 0; 
list-style: none;
display: inline;
padding: 0em;
}

#nav a {
height: 15px; 
height /**/:20px; /* for IE5/Win only */
text-decoration: none;
color: #434443;
margin: 0em;
width: 208px;
display: inline-block;
padding: 0em; }

#home a {
background-color: #ccb146;
color: #ffffff;
cursor: url(pointer);
margin: 0em;
padding-bottom: 2px; }

#home a:hover {
background-color: #ac8d33;
color: #ffffff; }

#history a {
background-color: #015232;
color: #ffffff;
cursor: url(pointer);
padding-bottom: 2px;  }

#history a:hover {
background-color: #00301d;
color: #ffffff; }

#luxury a {
background-color: #212957;
color: #ffffff;
cursor: url(pointer);
padding-bottom: 2px;  }

#luxury a:hover {
background-color: #1f429a;
color: #ffffff;
cursor: url(pointer); }

#contact a {
background-color: #6c69b0;
color: #ffffff;
cursor: url(pointer);
padding-bottom: 2px;  }

#contact a:hover {
background-color: #4c4d85;
color: #ffffff;
cursor: url(pointer);
padding-bottom: 2px;  }

/* --------- text styling -----------*/

.bodyText {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.6em;
text-align: center;
}

.bodyText a {
text-decoration: none;
color: #cead41;
font-weight: bold; }

.bodyText a:hover {
color: #6364ac; }

.thainHeader {
background-image: url(../sls_imgs/thainHeader.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 583px;
height: 38px; }

.smithHeader {
background-image: url(../sls_imgs/smithHeader.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 583px;
height: 38px; }

.coweHeader {
background-image: url(../sls_imgs/coweHeader.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 583px;
height: 38px; }

.braveheartHeader {
background-image: url(../sls_imgs/braveheartHeader.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 583px;
height: 38px; }