/* -------------------------------------------


------------------------------------------ */

.clear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 0;
	}

/* ------------------------------------------
 HEADINGS STYLES
------------------------------------------ */

h1 {
	font: normal 28px "Century Gothic",arial,helvetica,sans-serif;
	margin: 0;
	padding: 0;
	color: #824C90;
	text-transform: uppercase;
}

h2 {
	color: #12528F;
	font: bold 15px/18px "Century Gothic",arial,helvetica,sans-serif;
	margin: 14px 0 8px 0;
	padding: 0;
	text-transform: uppercase;
}

    h2 a { text-decoration: none; color: #12528F; }


#contentMain h2 {
	color: #755A3A;
	font: normal 13px/18px "Century Gothic",arial,helvetica,sans-serif;
	margin: 0 0 18px 0;
	padding: 0 0 10px 0;
	text-transform: none;
    border-bottom: 1px solid #e5e5e5;
}

    #contentMain h2 a { color: #755A3A; }

h3 {
	color: #755A3A;
	font: normal 13px/18px "Century Gothic",arial,helvetica,sans-serif;
	margin: 0 0 8px 0;
	padding: 0;
}

    h3 a { color: #755A3A; text-decoration: none; }

/* ------------------------------------------
 LINKS
------------------------------------------ */

a {	
	color: #8B651A;	
	/*font: normal 11px/18px Verdana, Arial, Helvetica, Sans-Serif;*/
}

a:hover {	text-decoration: none;	}
a:visited {}

/* ------------------------------------------
 TEXT STYLES
------------------------------------------ */

p {
	color: #333;
	font: normal 11px/18px Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0;
	margin: 0 0 10px 0;
}

li, td	{
    color: #333;
	font: normal 11px/18px Verdana, Arial, Helvetica, Sans-Serif;
}

li { margin-bottom: 3px; }
table { margin: 0 0 10px 0; }
img { border: none;	}

.imgRight {
    float: right;
    padding: 3px;
    border: 1px solid #E4E4E2;
	margin: 0 0 20px 20px;
    }
	
.imgLeft {
	float: left;
    padding: 3px;
    border: 1px solid #E4E4E2;
    margin: 0 18px 20px 0;
}

hr {
	border-top: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	color: #fff;
	margin: 25px 0;
	height: 0;
	padding: 0;
	clear: both;
	}


/* ------------------------------------------
 GLOBALS AND LAYOUT ELEMENTS
------------------------------------------ */

html, body {
	margin: 0;
	padding: 0;
	}
    
body { background-color:rgb(18, 182, 175);}

img.virtualTour {	
	float: right;
	margin-bottom: 15px;
	}

#bodyWrap {
	width: 960px;
	margin: 15px auto 0;
	border-radius:15px;
	background: #fff;
}
	
    #topBar {
    	height: 87px;
    	margin: 15px;
    	padding: 0;
    }
    
        #logoBar {
        	float: left;
        	width: 225px;
        	margin: 0;
        	padding: 0;
        }
        
            #logoBar h1 {
            	margin: 0;
            	padding: 0;
            	border: none;
            }
    
    #navBar {
    	float: right;
    	margin: 30px 0 0 0;
    	padding: 0;
    }
    
    #contentWrapHome {
    	margin: 0;
    	padding: 0;
        background: url(../templateimages/home_sidebar_bg.jpg) right top repeat-y;
    }
    
    #contentWrap {
    	margin: 0;
    	padding: 30px;
    }
    
        #headingBar {
        	border-top: 1px solid #E7E6E2;
        	border-bottom: 1px solid #E7E6E2;
        	background: #F5F4F0;
        	padding: 8px 0 5px 25px;
        	height: 45px;
        }
        
            #headingBar h1 { float: left; }
            
            #breadcrumbsLocations {
            	color: #8B651A;
                font-family: arial, helvetica, sans-serif;
            	float: right;
            	margin: 12px 20px 0 0;
            	text-transform: uppercase;
                font-size: 9px;
            }
            
            #breadcrumbsLocations a {
            	font-weight: bold;
            	text-decoration: none;
            }
            
            #breadcrumbsLocations a:hover { text-decoration: underline; }
            
            #currentLocation {
            	color: #2C4B67;
            	font-weight: normal;
            }
        
        #contentMain {
        	float: left;
        	margin: 29px 0 0 0;
        	padding-right: 20px;
        	width: 620px;
        	height: auto;
        }
		
		.rightSideImgBnr {
			float: right;
			text-align: right;
			width: 280px;
		}
        
        #contentProduct { float: left; }
        
        #rightSideBanner {
        	float: right;
        	margin: 24px 0 0 0;
        	padding: 0;
        	width: 260px;
        	height: auto;
        }
        
        #leftSideBanner {
        	float: left;
        	margin: 29px 0 0 0;
        	padding: 0 48px 0 0;
        	width: 182px;
        	height: auto;
        }
		
		.contentRight {
			float: right;
			margin: 0 0 20px 20px;
		}

/* ----- NAV ----- */

#navWrap {
	background:transparent;
	float:right;
	height:41px;
	margin:55px 0 0;
	padding:0;
	text-align:center;
	width:510px;
 }

#nav, #nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#nav li {
	cursor: pointer;
	float: left;
	margin: 0;
	}
	
#nav li a {
	font: bold 12px/19px "trebuchet MS",arial,helvetica,sans-serif;
	color: #2C4B67;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px;
	margin: 0 10px;
	}
	
#nav li a:hover { 
	color: #2C4B67;
	text-decoration: none;
	}
		
#nav li ul a, #nav li ul a:visited {	
	font: normal 11px/14px arial, helvetica, sans-serif;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	color: #755A3A;
	width: 160px;
	background-color: #FFF;
	text-transform: none;
	margin: 0;
	}
	
#nav li ul a:hover { 
	background-image: none;
	color: #001647;
	background-color: #FFF;
	}
	
#nav li ul li { background-color: none; }

#nav li {
	float: left;
	padding: 0;
	}

#nav li ul {
	position: absolute;
	border-bottom: 0;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0;
	padding: 0;
	background-color: none;
	}

#nav li li {
	width: 160px;
	background-image: none;
	}

#nav li ul ul { margin: -26px 0 0 176px; }

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
	z-index: 500;
	}

#nav li:hover, #nav li.sfhover {
	color: #001647;
	position: static;
	}

#nav li ul li:hover, #nav li ul li.sfhover { 
	background-image: none;
	background-color: #FFF;
	}

/* ------------------------------------------
 HOME PAGE STYLES
------------------------------------------ */

#TwoBoxWrap { width: 600px; overflow: hidden; float: left; padding: 20px 0 0 30px; }

#homeContentWithoutBorder {
	float: left;
    display: inline;
	margin: 0 0 30px 0;
	padding: 0 19px 0 0;
	width: 279px;
}

    #homeContentWithoutBorder img { border: 1px solid #DEE0C8; }

    #homeContentWithoutBorder h2 {}
    #homeContentWithoutBorder h3 {}

#homeContentWithBorder {
	border-left: 1px solid #DEE0C8;
    display: inline;
	float: left;
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
	width: 278px;
}

#homeContentWithBorder img { border: 1px solid #DEE0C8; }

#sideContent {
	float: right;
    display: inline;
	margin: 0;
	padding: 20px 20px 0 20px;
	width: 270px;
}

 #furtherContent {
     clear: both;
     display: block;
     margin: 0;
     padding: 30px 0;
     width: 600px;
     border-top: 1px solid #dee0c8;
     }

/* ------------------------------------------
 ABOUT US PAGE STYLES
------------------------------------------ */

.ads {
	font: normal 26px "Century Gothic",arial,helvetica,sans-serif;
	color: #b89965;
	padding: 0;
	margin: 20px 0 20px 20px;
}

#didYouKnow {
	margin: 0 0 27px 0;
	padding: 0;
	background: #F8F7F5;	
}

#didYouKnow p {
	font: normal 12px/18px "Century Gothic",arial,helvetica,sans-serif;
	margin: 0 0 8px 0;
	padding: 0 15px;
	color: #755A3A;
}
#didYouKnow img { margin-bottom: 10px; }
#didYouKnow a { font-weight: bold; }
#didYouKnow a:hover { text-decoration: none; }

/* ------------------------------------------
 LHS Nav Bar
------------------------------------------ */

#leftSideBanner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#leftSideBanner li {
	color: #B89965;
	font: normal 13px/18px "Century Gothic",arial,helvetica,sans-serif;
	padding: 0 0 13px 12px;
	margin: 0 0 13px 0;
	border-bottom: 1px solid #E4E4E2;
}

#leftSideBanner li a {
	color: #847F79;
	font: normal 13px/18px "Century Gothic",arial,helvetica,sans-serif;
	text-decoration: none;
}

#leftSideBanner li a:hover { text-decoration: underline; }

/* ------------------------------------------
 FLOOR PLAN PAGE
------------------------------------------ */

.floorPlan {
	float:left;
	margin:0 50px 20px 0;
	text-align:center;
	width:260px;
}

.floorPlan img {
	margin: 0;
}

/* ------------------------------------------
 INNOVATION PAGE
------------------------------------------ */

.contentLeft {
	float:left;
	width:320px;
}

.imageRight {
	float: right;
}

/* ------------------------------------------
 CONTACT US PAGE
------------------------------------------ */

	#contactContentMain {
		float: left;
		margin: 29px 0 0 0;
		padding-right: 20px;
		width: 400px;
		height: auto;
	}
	
	#contactEnquiryForm {
		float: right;
		margin: 29px 0 0 0;
		padding: 0;
		width: 400px;
		height: auto;
	}
	
	#contactContentMain h2, #contactEnquiryForm h2 {
		color: #755A3A;
		font: normal 13px/18px "Century Gothic",arial,helvetica,sans-serif;
		margin: 0 0 8px 0;
		padding: 0;
		text-transform: none;
	}

/* ------------------------------------------
 FOOTER STYLES
------------------------------------------ */

#footer {
	background: #845293;
	border-radius: 0 0 15px 15px;
	height: 43px;
	margin: 0;
	padding: 10px 30px;
}

#footerTxt {
	float: left;
	width: 800px;
	margin: 0;
	padding: 12px 0 0 0;
}

#footerTxt p {
	
	color: #fff;
	margin: 0;
	padding: 0;
}

#footerTxt span a {
text-decoration:none;
 color: rgb(72, 72, 106);
    font-size: 10px;
}


#footerTxt a { color: #fff; }

.copyright { font-weight: bold; }

.logoright {	
	float: right; 
	margin: 0;
	padding: 0;
	}

	
/* -------------------------------------------
JQUERY IMAGEBOX STYLES
------------------------------------------- */
#ImageBoxOverlay
{
	background-color: #000;
}

#ImageBoxCaption
{
	background-color: #F4F4EC;
}

#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}

#ImageBoxCaptionText
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}

#ImageBoxCaptionImages
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0;
}

#ImageBoxNextImage
{
	background-image: url(../../images/js/spacer.gif);
	background-color: transparent;
}

#ImageBoxPrevImage
{
	background-image: url(../../images/js/spacer.gif);
	background-color: transparent;
}

#ImageBoxNextImage:hover
{
	background-image: url(../../images/js/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}

#ImageBoxPrevImage:hover
{
	background-image: url(../../images/js/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}