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

@font-face {
font-family:DIN-Regular;
src: url(din-regular-webfont.ttf);
}

html, body

{position:absolute; left:0px; right:0px; bottom:0px; top:0px; margin:0; padding:0; background-color:#fff; height:100%; width:100%; overflow:hidden; -webkit-font-smoothing: antialiased;}

a

{text-decoration:none;}

img {
	
	border:none;
	
}


#side-bar {
	position: absolute;
    top: 0px;
    width:200px;
    bottom: 0px;
    background-image:url(images/menu-backing.jpg);
	background-repeat:repeat-y; 
	z-index:800;
}

#side-header {
	position:absolute;
    top: 0px;
    left: 0px;
	height:50px;
    width:200px;
    background-image:url(images/menu-background.png); background-repeat:no-repeat;
	z-index:800;
}

#side-sub-header {
	position:absolute;
    left: 0px;
	height:50px;
    width:200px;
	z-index:800;
	background-image:url(images/menu-background.png); background-repeat:no-repeat;
}


#main-content {
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0px;
    background-color:#fff; height:100%; width:100%;
	z-index:990;
	box-shadow: -2px 0px 10px 3px #000;
}

#left-col {
	position:absolute;
    top: 60px;
    left: 0px;
	width:60px;
    bottom: 0px;
    background-color:#974479;
	z-index:990;
}

.toolbar-header h1

{color:#fff; z-index:999; padding:14px; font-size:16px; font-family:DIN-Regular, Arial, Helvetica, sans-serif; font-weight:lighter; text-align:center;}

.toolbar-header {
	
	position:absolute;
	top:0px;
	left:60px;
	right:60px;
	color:#fff;
	z-index:999;
	display:none;
	}
	
.home-header {
	
	position:absolute;
	top:0px;
	left:60px;
	right:60px;
	color:#fff;
	z-index:999;
}

.home-header h1

{color:#fff; z-index:999; padding:14px; font-size:16px; font-family:DIN-Regular, Arial, Helvetica, sans-serif; font-weight:lighter; text-align:center;
	}
	

#home {
	
	position:absolute;
	top:0px;
	background-color:#fff;
	left:0px;
	right:0px;
	bottom:0px;
	-webkit-overflow-scrolling:touch; 
	overflow:scroll;
	color:#fff;
	}

	
	

#the-development {
	
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	-webkit-overflow-scrolling:touch; 
	overflow:scroll;
	color:#fff;
	display:none;
	}
	
	#overview {
	
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	-webkit-overflow-scrolling:touch; 
	overflow:scroll;
	color:#fff;
	display:none;
	}
	
	#availability {
	
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	-webkit-overflow-scrolling:touch; 
	overflow:scroll;
	color:#fff;
	display:none;
	}
	
	#floorplans {
	
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	-webkit-overflow-scrolling:touch; 
	overflow:scroll;
	color:#fff;
	display:none;
	}
	
	#specifications {
	
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	-webkit-overflow-scrolling:touch; 
	overflow:scroll;
	color:#fff;
	display:none;
	}
	
	#contact {
	
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	-webkit-overflow-scrolling:touch; 
	overflow:scroll;
	color:#fff;
	display:none;
	}
	
	h1.sub-header-title

	{padding:13px; color:#fff; font-family:DIN-Regular, Arial, Helvetica, sans-serif; font-weight:lighter; font-size:20px;}
	
	h1.sub-header-text
	
	{padding:13px; color:#fff; font-family:DIN-Regular, Arial, Helvetica, sans-serif; font-weight:lighter; font-size:14px;}
	
#home p
	
	{padding:0px 20px 20px 20px; font-family:DIN-Regular, Arial, Helvetica, sans-serif; font-weight:lighter; color:#2b2b2b; font-size:20px;}
	
	

	
#sub-content
	
	{background-color:#fff;
	position:absolute;
	top:70px;
	left:0px;
	right:0px;
	bottom:-1px;
	-webkit-overflow-scrolling:touch; 
	overflow:scroll;
	color:#636363;}
	
#sub-content ul li


{font-family:DIN-Regular, Arial, Helvetica, sans-serif; font-weight:lighter; color:#636363;}

#sub-content h2


{font-family:DIN-Regular, Arial, Helvetica, sans-serif; font-weight:lighter; font-size:22px; margin:0; padding:0px 0px 0px 20px; color:#636363;}
	

	.content h1
	
	{margin-left:60px; padding:18px; font-family:DIN-Regular, Arial, Helvetica, sans-serif; font-weight:lighter; color:#4c093f; z-index:999;}
	
	.content p
	
	{padding:0px 20px 20px 20px; font-family:DIN-Regular, Arial, Helvetica, sans-serif; font-weight:lighter; color:#636363;}
	
	
	
	
	


a

{text-decoration:none;}


#header

{margin-top:0px; float:left; width:100%; height:50px; z-index:990; position:fixed; background-color:#282828;}


#wrapper

{position:absolute; top:60px; left:0px; right:0px; bottom:0px; width:100%; overflow:scroll;}

#content

{overflow:scroll;}


#footer

{left: 0;
	right: 0;
	width: 100%;
	position: fixed;
	z-index: 1282828;
	bottom:0;
	margin:0;
	height:60px; background-color:#282828;}
	
#footer p

{text-align:center; color:#fff; font-family:DIn-Regular, Arial, Helvetica, sans-serif;}
	
img.back

{float:left; margin:10px 5px 10px 5px;}

img.menu

{z-index:999;}

img.logo

{float:right; position:relative; margin:0px; padding:0px;}

#tab-1

{position:absolute; top:20px; left:0px; right:0px; height:50px; width:100%; background-image:url(images/transparent.png); background-repeat:repeat;}

#tab-2

{position:absolute; top:90px; left:0px; right:0px; height:50px; width:100%; background-image:url(images/transparent.png); background-repeat:repeat;}

#tab-3

{position:absolute; top:160px; left:0px; right:0px; height:50px; width:100%; background-image:url(images/transparent.png); background-repeat:repeat;}

#tab-4

{position:absolute; top:230px; left:0px; right:0px; height:50px; width:100%; background-image:url(images/transparent.png); background-repeat:repeat;}


h1

{font-size:18px; font-family:DIN-Regular, Arial, Helvetica, sans-serif; margin:0;}

img.arrow

{height:20px; width:20px; position:absolute; right:14px; top:14px;}

/* Portfolio */

#portfolio

{width:100%; height:120px; border-bottom:1px solid #74b3b6; position:relative;}

#portfolio p

{float:right; text-align:right; margin:0; padding:20px 20px 0px 20px; font-size:12px;}

img.portfolio

{float:left; margin-left:20px; margin-top:20px; height:80px; width:115px;}

img.visit

{position:absolute; bottom:20px; right:20px; height:33px; width:100px;}

table

{margin-left:20px; margin-right:20px; margin-bottom:0px;}

table tr

{height:20px;}

table td

{height:20px;}

p.table
	
	{padding:0px 0px 0px 10px; margin:0px; font-family:DIN-Regular, Arial, Helvetica, sans-serif; font-weight:lighter; color:#636363;}
	
img.email

{margin-top:6px; margin-left:3px;}

img.call

{margin-top:5px; margin-left:5px;}

img.home

{margin-left:2px;}

table a

{text-decoration:none; color:#636363;}

p.home-fade

{margin:0; padding:0;}