body {
background-color:#ffffff;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
text-align:center;
font-family:Calibri, "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
#wrapper, #interior {
	width:980px;
	margin: 0 auto;
	position: relative;
}

p {
font-size:14px;
}

h1 {
font-size:20px;
}

h1.black {
font-size:20px;

}

h2 {
font-size:30px;
color:#bebb3f;
}

a:link {color:#7db1b5;}    /* unvisited link */
a:visited {color:#79756e;} /* visited link */
a:hover {color:#bebb3f;}   /* mouseover */
a:active {color:#bebb3f;}  /* on click */

.sidebar a:link {color:#000000;}    /* unvisited link */
.sidebar a:visited {color:#000000;} /* visited link */
.sidebar a:hover {color:#ffffff;}   /* mouseover */
.sidebar a:active {color:#ffffff;}  /* on click */

ul.circle {
list-style-type:circle;
list-style-position:outside;
}

ul.square {
list-style-type:square;
list-style-position:outside;
}


/*
 * Required 
 */
.container { width:980px; height:357px; overflow:hidden; position:relative;  }
.slides { position:absolute; top:0; left:0; }
.slides > div { 
	position:relative; 
	width:980px; 
	display:none; 
	min-height: 357px;  /* Tell good browsers not to collapse */
	height: auto !important;  /* Tell good browsers that the total height is automatically determined */
	height: 357px;  /* IE 5.5-6 treats height: like min-height and doesn't respect !important */
}

#closer {
	width: 980px;
	min-height: 700px;  /* Tell good browsers not to collapse */
	height: auto !important;  /* Tell good browsers that the total height is automatically determined */
	height: 700px;  /* IE 5.5-6 treats height: like min-height and doesn't respect !important */

	position: absolute;
	top: 0;
	left: 0;
	z-index: 140;
}

#closer1 {
	width: 980px;
	height: 325px;  /* IE 5.5-6 treats height: like min-height and doesn't respect !important */
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 140;
}
#closer2 {
	width: 350px;
	height: 200px;  /* IE 5.5-6 treats height: like min-height and doesn't respect !important */

	position: absolute;
	top: 325px;
	left: 0;
	z-index: 140;
}
#closer3 {
	width: 50px;
	height: 100px;  /* IE 5.5-6 treats height: like min-height and doesn't respect !important */
	
	position: absolute;
	top: 325px;
	right: 0;
	z-index: 140;
}

#interior #closer {
	width: 210px;
}

#one {
	background: transparent url('img/home-slider1.jpg') no-repeat;
}
#two {
	background: transparent url('img/home-slider2.jpg') no-repeat;	
}
#three {
	background: transparent url('img/home-slider3.jpg') no-repeat;	
}
#four {
	background: transparent url('img/home-slider4.jpg') no-repeat;	
}
#five {
	background: transparent url('img/home-slider5.jpg') no-repeat;	
}

.modal p {
	text-align: left;
}

/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:980px; height:357px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }

/*
 * crv
*/
#slider-nav {
	position: absolute;
	top: 10px;
	left: 5px;
	color:white;
	z-index: 145;
}
#slider-nav a {
	color: white;
	text-decoration: none;
	padding-right: 0px;
}


#side-nav {
	height: 520px;
	background: #666;
	position: relative;
}

/* slider balloon pop */
.what-pop {
	position: absolute;
	top: 385px;
	left: 350px;
	width: 130px;
	height: 135px;
	background: #eaeaea;
	z-index: 160;
}
.why-pop {
	position: absolute;
	top: 385px;
	left: 500px;
	width: 130px;
	height: 131px;
	background: #eaeaea;
	z-index: 160;
}
.where-pop {
	position: absolute;
	top: 385px;
	left: 650px;
	width: 130px;
	height: 107px;
	background: #eaeaea;
	z-index: 160;
}
.how-pop {
	position: absolute;
	top: 385px;
	left: 820px;
	width: 130px;
	height: 240px;
	background: #eaeaea;
	z-index: 160;
}

.what-pop a, .why-pop a, .where-pop a, .how-pop a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 11px;
}

/* Slider word balloons */
.what
{
  display: block;
  width: 119px;
  height: 104px;
  background: url("img/balloon-what.png") no-repeat 0 0;
  position:absolute;
  top: 215px;
  left: 350px;
  z-index: 150;
}

#interior .what {
	top: 145px;
	left: 33px;
}
#interior .what-pop {
	top: 145px;
	left: 151px;
}

.what span
{
  display: none;
}

.why
{
  display: block;
  width: 105px;
  height: 104px;
  background: url("img/balloon-why.png") no-repeat 0 0;
  position:absolute;
  top: 215px;
  left: 500px;
  z-index: 150;
}
#interior .why {
	top: 270px;
	left: 33px;
}
#interior .why-pop {
	top: 270px;
	left: 137px;
}

.why span
{
  display: none;
}

.where
{
  display: block;
  width: 129px;
  height: 104px;
  background: url("img/balloon-where.png") no-repeat 0 0;
  position:absolute;
  top: 215px;
  left: 650px;
  z-index: 150;
}
#interior .where {
	top: 390px;
	left: 33px;
}
#interior .where-pop {
	top: 390px;
	left: 160px;
}

.where span
{
  display: none;
}

.how
{
  display: block;
  width: 123px;
  height: 99px;
  background: url("img/balloon-how.png") no-repeat 0 0;
  position:absolute;
  top: 215px;
  left: 820px;
  z-index: 150;
}
#interior .how {
	top: 515px;
	left: 33px;
}
#interior .how-pop {
	top: 515px;
	left: 137px;
}


.how span
{
  display: none;
}


/* TOGGLE */
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(img/toggle/h2_trigger_a.png) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 650px;
	font-size: 1.5em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #eaeaea; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0; /* url(img/toggle/toggle_block_stretch.gif) repeat-y left top; */
	overflow: hidden;
	font-size: 1.2em;
	width: 700px;
	clear: both;
	border: 1px solid #ccc;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	/* background: url(img/toggle/toggle_block_btm.gif) no-repeat left bottom; */
}

.block h3 {
 margin-top: 0;
 padding-top: 0;
}





/*
#sliderwrapper {
	width: 980px;
	height: 357px;
	overflow: hidden;
}
#slider1,#slider2,#slider3,#slider4,#slider5 {
	position: relative;
	z-index: 10;
	width: 980px;
	height: 357px;
	overflow: hidden;
}
.slider-image {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
}

*/

