body{
margin:0;
padding:0;
line-height: 1.5em;
font-size:62.5%;
background: #40627c;
}
#page {
    padding: 5px;
    margin:10px auto;
    background:#fff;
    width:860px;
}
#maincontainer{
width: 860px; 
margin: 0 auto; 
background: ;
}

.maincontainer{
width: 904px; 
margin: 0 auto; 
background: url(assets/container.gif) repeat-y;
}

.links{
font:16px Verdana, Arial, Helvetica, sans-serif;
line-height:22px;
}

#topsection{
background:#35470b url(assets/header_BG.png) no-repeat;
height: 98px; 
margin-bottom:10px;
}

#contentwrapper{
float: left;
width: 860px;
min-height: 539px;
background: url(assets/content.gif) repeat-x;
}
* html #contentwrapper{
margin-left: 18px;
margin-top:-23px;
}

#contentcolumn{
background:#717400 url(assets/contaner_BG.png) repeat-x;
min-height: 539px;
padding: 10px 30px;
}

#listings{
background: url(assets/Featured_Slideshow_BG.png) no-repeat 50%;
height: 332px;
width: 100%;
margin-top: 25px;
}
:root #listings{margin-top:108px;}

#footer{
width: 860px; 
margin: 0 auto; 
/* background: url(assets/footer.gif) top no-repeat; */
}

/* ---------- menu and text ---------- */

#topsection ul{
padding: 65px 0 0 40px;
}
:root #topsection ul{padding-left:85px;}

#topsection li{
background: url(assets/nav2_BG_Hover.png) no-repeat;
height: 31px;
width: 82px;
list-style-type: none;
float: left;
margin: 0 1px;
}

#topsection a{
	background: url(assets/nav2_BG.png) no-repeat;
	width: 82px;
	height: 31px;
	float: left;
	padding-top: 8px;
	color: #c1c9dc;
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}
#topsection a:hover{
	background: url(assets/nav2_BG_Hover.png) no-repeat;
}

#topsection li.big{
background: url(assets/nav3_BG_Hover.png) no-repeat;
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
width: 111px;
}

#topsection a.big{
background: url(assets/nav3_BG.png) no-repeat;
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
width: 111px;
}
#topsection a.big:hover{
background: url(assets/nav3_BG_Hover.png) no-repeat;
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
width: 111px;
}

#topsection li.small{
background: url(assets/nav1_BG_Hover.png) no-repeat;
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
width: 66px;
}

#topsection a.small{
background: url(assets/nav1_BG.png) no-repeat;
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
width: 66px;
}
#topsection a.small:hover{
background: url(assets/nav1_BG_Hover.png) no-repeat;
	font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
width: 66px;
}

#topsection a:hover{background:none;color:#fff;}

h1{
font: 3em "Century Gothic", Arial, Helvetica, sans-serif;
color: #fff;
padding: 30px 0 0 30px;
}
:root h1{padding-top:10px;}

a{color: #fff;}

p{
color: #fff;
font: 1.4em "Century Gothic", Arial, Helvetica, sans-serif;
line-height: 1.6em;
}

#footer p{
margin-left:30px;
color: #333;
font-size: 1em;
margin-bottom: 10px;
}

#footer a{color: #222;}

			/* -------------------------- Forms ---------------------------*/

fieldset {
width:500px; 
display:block;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

legend {
color:#fff;
padding:5px;
text-transform:uppercase;
font-size: 14px;
}

input {
float:right;
width:300px;
}

label {
float:left;
text-align:left;
color:#fff;
}

textarea {
float:right;
width:300px;
}

select {
float:right;
width:275px;
}

.box {
float:right;
width:270px;
}

.box2 {
width:185px;
float:left;
}

.checkbox {
float:right;
width:20px;
margin-right:130px;
}

.button {
width:100px;
margin:20px 350px 0 0;
}


/*--------------- Highlighter ---------------*/
.ctrlHolder {
overflow:hidden;
clear:both;
margin:0;
padding:7px 4px;
}

.ctrlHolder span {
position:relative;
}

.focused {
background:#b51c1c url(assets/form.gif) repeat-x;
border:1px solid #222;
border-width:1px 0;
padding:6px 4px;
}

.ctrlHolder .textInput:focus {
border-color:#666;
}

div.focused .formHint {
color:#000;
}

/* --------  Quick Calc -------- */
#calc{ width:200px; padding: 50px 0px; float:left}

h2{ color:#fff; font: 2em "Century Gothic", Arial, Helvetica, sans-serif; }

#quick {float:left; line-height:1.6em; width:185px; margin-right:2px;}
#quick2 {float:left; width:185px; margin:1px 1px;;}
#calcbutton {margin: 0; border-bottom: 2px solid #333;width:95px; float:right; margin-right:8px;}


/* ------- Google Slideshow -----*/
#slideShow {
  width : 220px;
  height : 210px;
  border-color:black;
}

#music {
width:300px;
padding:10px;
}

.gslideshow a img {
	border : 1px solid #FFFFFF;
}