@charset "utf-8";
body {
	margin:0px;
	height:0px;
	background:#020F20 url(images/body-bg.jpg) repeat-y center top; 
	font:normal 1em Verdana, Geneva, sans-serif;
}
.clearall{ clear:both; }
a.agnis-designers{
	font: normal x-small Verdana, Geneva, sans-serif;
	color:#FFF;
	text-decoration:none;
	}
	
a.agnis-designers:hover{
	color:#FF0;	
	}
	
#main-container{
	background:url(images/page-bg.jpg) no-repeat center top;
	width:100%;
	}

#container{
	margin:0px auto;
	width:927px;
	min-height:1000px;
	}
	
#logo-container{
	width:100%;
	height:100px;
	}
	
#menu-conatiner{
	width:100%;
	height:30px;
	background:#1E70A2;
}

#slideshow{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:279px;
	width:100%;
	text-align:center;
	vertical-align:middle;
}

#heading-bar{
	width:100%;
	background:url(images/icon.png) no-repeat 30px 0px;
	height:50px;
	}
#heading-bar h1{
	margin:7px 0px 0px 60px;
	padding:0px;
	font:bold 1.3em Tahoma, Verdana, Arial;
	color:#fff;
}
#content-container{
	margin:0 auto;
	width:96%;
	color:#FFF;
	}

.heading1 {
	background : #054984;
	text-align : center;
	padding : 5px;
	font : bold 1.1em Arial, Helvetica, sans-serif;
	color : #003;
	background-color: #DAE8EC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #B8CB99;
	}
.heading2 {
	font : bold 1.2em Arial, Helvetica, sans-serif;
	color :#F8E9E9;
	}
.heading3 {
	font : bold 1.2em Arial, Helvetica, sans-serif;
	color :#C00;
	}
	
.heading4 {
	font : bold 1.1em Arial, Helvetica, sans-serif;
	color :#FF6;
	}
	
.heading5 {
	font : bold 1.2em Arial, Helvetica, sans-serif;
	color :#003;
	background-color: #DAE8EC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #B8CB99;
	padding: 10px;
	text-align:center;
	}
	
#footer {
	width:98%;
	margin:0 auto;
	text-align:right;
	height:30px;
	border:1px dashed #AAA;
	border-width:1px 0px 0px 0px;
	}
	
#contact{
	margin:0 auto;
	width:426px;
	height:423px;
	background:url(images/contact.png) no-repeat;
	padding:120px 10px 0px 20px;
	color:#000;
	 }
	 
.contact p {
	width:320px;
	border : 1px dotted #CCC;
	border-width : 0 0 1px 0;
	margin : 0;
	padding : 5px 5px 5px 5px;
	padding-left : 55px;
	height : 1%;
}
.contact label {
	float : left;
	margin-left : -55px;
	width : 70px;
}

.devider{
	clear:both;
	height:1px;
	width:100%;
	background:#FFF;
	
	}
	


/**************************** CSS BUTTON ***********************************/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('media/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #000; /*button text color*/
}

a.ovalbutton span{
background: transparent url('media/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



a.boldbuttons{
background: transparent url('media/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('media/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/**************************** END CSS BUTTON ***********************************/

/* ------------------------------  START MENU STYLE ---------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
	width: 100%;
	overflow: hidden;
}

.mattblacktabs ul{
	margin: 0;
	padding: 0;
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Verdana;
	list-style-type: none;
}

.mattblacktabs li{
	display: inline;
	margin: 0;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	background: #1E70A2; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
	color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
	background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* ------------------------------  END MENU STYLE ---------------------------------------*/

.projects{
	width:100%;
	}
.projects_area {
	width : 40%;
	float:left;
	padding:5px;
	font:normal 1.0em Verdana, Geneva, sans-serif;
	height:20px;
	text-align:left;
	
	}
	
.projects_area_header {
	width :40%;
	float:left;
	padding:5px;
	color:#000;
	height:20px;
	font:normal 1.0em Verdana, Geneva, sans-serif;
	}

.number_list{
	float:right;
	text-align:left;
	width:430px;
	}
.number_list ol{
	
	}
.number_list li{
	margin:0px 0px 0px 5px;
	}
	
.previous-projects {
	margin:auto;
	text-align :center;
	padding:0;
	}
.previous-projects div {
	display:inline-block;
	width : 200px;
	margin : 0 5px 0 0;
	padding : 5px;
	vertical-align:top;
	float:left;
	}
	
.floor-plans {
	margin:auto;
	text-align :center;
	padding:0;
	}
.floor-plans div {
	display:inline-block;
	width : 200px;
	margin : 0 1em 0 0;
	padding : 0.5em;
	vertical-align:top;
	float:left;
	}
.floor-plans img {
	border : 5px solid;
	border-color : #205d94;
	}
.floor-plans img:hover {
	border : 5px solid;
	border-color : #03C;
	}
	
	
.floor-plans h2 {
	text-align : center;
	margin : 5px 0;
	font : bold x-large Arial, Helvetica, sans-serif;
	color : #00489c;
	}
	
.areastatement{
	width:100%;
	font:normal 1.0em Verdana, Geneva, sans-serif;
	margin:10px;
	padding:2px 2px 5px 20px;
	}
	
.area {
	width : 150px;
	float : left;
	padding:5px;
	border:1px solid #06F;
	border-collapse:collapse;
	color:#000;
	font:bold small Arial, Helvetica, sans-serif;
	background:#F00;
	height:20px;
	text-align:center;
	}

.area-available {
	width : 150px;
	float : left;
	padding:5px;
	border:1px solid #06F;
	border-collapse:collapse;
	color:#000;
	font:bold small Arial, Helvetica, sans-serif;
	background:#0C0;
	height:20px;
	text-align:center;
	}


.area_header {
	width :150px;
	float : left;
	padding:5px;
	border:1px solid #06F;
	background:#FFF;
	border-collapse:collapse;
	color:#930;
	height:20px;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	text-align:center;
	}


.area-1 {
	width : 150px;
	float : left;
	padding:5px;
	border:1px solid #06F;
	border-collapse:collapse;
	color:#000;
	font:bold small Arial, Helvetica, sans-serif;
	background:#F00;
	height:20px;
	background-color: #F00;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	text-align:center;
	}
.area-2 {
	width : 150px;
	float : left;
	padding:5px;
	border:1px solid #06F;
	border-collapse:collapse;
	color:#000;
	font:bold small Arial, Helvetica, sans-serif;
	background:#F00;
	height:20px;
	background-color: #F00;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	text-align:center;
	}

.area_header-1 {
	width :150px;
	float : left;
	padding:5px;
	border:1px solid #06F;
	background:#FFF;
	border-collapse:collapse;
	color:#930;
	height:20px;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	background-color: #FFF;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	text-align:center;
}
.area_header-2 {
	width :150px;
	float : left;
	padding:5px;
	border:1px solid #06F;
	background:#FFF;
	border-collapse:collapse;
	color:#930;
	height:20px;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	background-color: #FFF;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	text-align:center;
}


a.button {
	background : url(images/img/button.png);
	font-size:0.8em;
	display : block;
	color : #555555;
	font-weight : bold;
	height : 30px;
	line-height : 29px;
	margin-bottom : 14px;
	text-decoration : none;
	width : 191px;
	float : left;
	margin-left : 10px;
}
a:hover.button {
	color : #b82323;
}
.add {
	background : url(images/img/add.gif) no-repeat 10px 8px;
	text-indent : 30px;
	display : block;
}
.delete {
	background : url(images/img/delete.gif) no-repeat 10px 8px;
	text-indent : 30px;
	display : block;
}
.user {
	background : url(images/img/user.gif) no-repeat 10px 8px;
	text-indent : 30px;
	display : block;
}
.alert {
	background : url(images/img/alert.gif) no-repeat 10px 8px;
	text-indent : 30px;
	display : block;
}
.msg {
	background : url(images/img/msg.gif) no-repeat 10px 8px;
	text-indent : 30px;
	display : block;
}
.download {
	background : url(images/img/download.gif) no-repeat 10px 8px;
	text-indent : 30px;
	display : block;
}
.lens {
	background : url(images/img/lens.gif) no-repeat 10px 8px;
	text-indent : 30px;
	display : block;
}
.info {
	background : url(images/img/info.gif) no-repeat 10px 8px;
	text-indent : 30px;
	display : block;
}
.amenities{
padding:10px; margin:5px 0px; border:1px dotted #666;
font:bold 1em Verdana, Geneva, sans-serif;
color:#FC0;
}
.amenities ol li{
font:normal 1em Verdana, Geneva, sans-serif;
color:#FFF;
}