@charset "utf-8";
/* CSS Document */

body { background: #158497 url(../images/bg-body.jpg) repeat-x; margin: 0 0 0 0; padding: 20px 0 30px 0; border: 0; }


div#container {	width: 899px; margin: 0 auto;	padding: 0; border: 0; }




/*** TELEPHONE NUMBER PANEL ***/

div#telephone { width: 250px; padding: 0 30px 0 0; float: right; text-align: right; }

#telephone .number { font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0; margin: 0; color: white; }
#telephone .cyan { color: #1FEAFF; }

#telephone .email { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 10px 0; }
#telephone p.email a { color: #1FEAFF; text-decoration: none; }
#telephone p.email a:hover { color: white; }



/*** TOP CONTAINER ***/

div#topcontainer { margin: 20px 0 0 0; }


/** Logo **/

div#logo { width: 310px; margin-left: 30px; float: left; }




/** Menu **/

div#menu { width: 385px; float: right; }

#menu .home { width: 72px; }
#menu .floor { width: 99px; }
#menu .gallery { width: 80px; }
#menu .contact { width: 112px; }

#menu .active { color:#FFFFFF;}




/*** MAIN CONTENT PANEL ***/


div#content { 
	width: 340px; 
	background: #4899AA url(../images/bg-content.jpg) repeat-x; 
	float: left; 
	padding: 30px 30px 30px 30px; 
}

div#content_wide { 
	width: 839px; 
	background: #4899AA url(../images/bg-content.jpg) repeat-x; 
	float: left; 
	padding: 30px 30px 30px 30px; 
}

div#content_gallery { 
	width: 340px; 
	float: left; 
}

#content ul {
	list-style: none;
}

#content li {
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #FFF;
	list-style-image: url(/images/li-item.gif);
	padding-left: 15px;
	padding-bottom: 10px;
}

#content li a{
	color: #1FEAFF;
	text-decoration: none;
}

#content li a:hover{
	color: #FFF;
}

#content p, #content_wide p { 
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: white; 
}

#content p a, #content_wide p a { 
	color: #1FEAFF; 
}

#content p a:hover, #content_wide a:hover { 
	color: #1FEAFF; text-decoration: none; 
}

#content p.intro, #content_wide p.intro { 
	font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: white; 
}

#content h1, #content_wide h1 { 
	font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 0; 
	color: #1FEAFF; 
}

#content h3, #content_wide h3 { 
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 0; 
	color: #FFFFFF; 
}

#content h4, #content_wide h4 { 
	font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 0; 
	color: #1FEAFF; 
}

#content #expander h6{ 
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 0;  
}

#content #expander a{  
	color: #1FEAFF;
	text-decoration: none; 
}
#content #expander a:hover{  
	color: #FFFFFF;
	text-decoration: underline; 
}

.linkTitle { 
	font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 0; 
	color: #1FEAFF; 
}

.imageRight {
	float: right;
	padding: 5px 0 5px 5px;
}

.imageLeft {
	float: left;
	padding: 5px 5px 5px 0;
}

#content .highLight {
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #FFF;
}

#content .highLight a {
	color: #1FEAFF;
	text-decoration: none;
}

#content .highLight a:hover{
	color: #FFF;
}

#content .teaserBox {	
	width: 320px;
	background: #4899AA; 
	padding: 10px 10px 7px 10px;
	margin: 10px 0;
}

#content .teaserBox p {
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
}

#content .teaserBox .LeftImage {
	padding: 0;
	border: #FFFFFF solid 3px;
	float: left;
}


/*** IMAGE PANEL ***/

div#imagecontainer { width: 484px; float: right; }

div#mainimage { 
	width: 464px; 
	background: white; 
	padding: 10px 10px 10px 10px; 
}

.secondaryimage { 
	width: 464px; 
	background: white; 
	padding: 10px 10px 10px 10px; 
	margin-top: 10px;
}

div#thumbnailimages { 
	width: 464px; 
	background: #4899AA; 
	padding: 10px 10px 2px 10px; 
	margin-top: 15px; 
}

div#gallery_thumbs { 
	width: 382px; 
	background: #4899AA; 
	padding: 9px 9px 2px 9px; 
}

div#configuration_thumbs { 
	width: 320px; 
	background: #4899AA; 
	padding: 10px 10px 5px 10px; 
}

.testimonialPanel { 
	width: 819px; 
	background: #4899AA; 
	padding: 10px 10px 5px 10px;
	border: #FFF solid 3px;
	margin: 10px 0;
}

.thumbLeft {
	width: 100px;
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
}

.thumb {
	width: 100px;
	padding: 0;
	margin: 0 0 10px 10px;
	float: left;
}

.thumbLeft p, .thumb p {
	color:#FFFFFF;
	padding: 0;
	margin: 0;
	text-align: center;
}

#thumbnailimages .imageleft, #gallery_thumbs .imageleft, #configuration_thumbs .imageleft { 
	border: 5px solid white; 
	margin-left: 0; 
	margin-bottom: 8px; 
}

#thumbnailimages a .imageleft, #gallery_thumbs a .imageleft, #configuration_thumbs a .imageleft { 
	border: 5px solid white; 
}

#thumbnailimages a:hover .imageleft, #gallery_thumbs a:hover .imageleft, #configuration_thumbs a:hover .imageleft { 
	border: 5px solid #11586B; 
}

#thumbnailimages .image,  #gallery_thumbs .image, #configuration_thumbs .image { 
	border: 5px solid white; 
	margin-left: 8px; 
	margin-bottom: 8px; 
}

#thumbnailimages a .image,  #gallery_thumbs a .image, #configuration_thumbs a .image { 
	border: 5px solid white; 
}

#thumbnailimages a:hover .image,  #gallery_thumbs a:hover .image, #configuration_thumbs a:hover .image { 
	border: 5px solid #11586B; 
}

#imagecontainer .caption{
	color:#4899AA;
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	background: #FFF;
	padding: 5px;
	margin: 0;
}

/*** FOOTER ***/

div#footer { width: 839px; background: #4899AA; margin: 0 auto; margin-top: 15px; padding: 20px 30px 25px 30px; }

#footer ul { list-style-type:none; margin:0; padding:0; }
#footer li { display:block; float:left; margin:0; padding:0 10px 0 10px; border-right: 1px solid #205567; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: white; }
#footer li a { margin:0; text-decoration:none; color: white; }
#footer li a:hover { color: white; text-decoration: underline; }

#footer .left { padding-left: 0; }
#footer .right { border-right: 0; }

#footerlogo { float: right; width: 200px; text-align: right; }

#footer p { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #11586B; line-height: 14px; margin: 0; padding: 5px 0 5px 0; }


.clear { clear: both; }


/****** FADER *****/
/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}

/* ***** TABLES ***** */

table {
	padding: 0;
	margin: 10px 0;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
}

table h3 {	
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1FEAFF;
}