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

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

@font-face {
    font-family: 'impactregular';
    src: url('../fonts/impact.eot');
    src: url('../fonts/impact.ttf') format('truetype'),
         url('../fonts/impact.svg#impactregular') format('svg');
}

body{
	font-family: 'impactregular';
	padding-top: 54px;
}

h1, h2, h3, h4, h5, strong{
	font-weight: normal;
}

a{
	text-decoration: none;
}

hr{
	border: none;
	border-bottom: 2px solid red;
	margin: 30px 0;
}

/* generic */

.container{
	width: 960px;
	margin: 0 auto;
}

.section{
	min-height: 350px;
	padding: 60px 60px 60px 0;
	margin-bottom: 30px;
}
.section h1{
	margin-bottom: 30px;
}
.section p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000;
	margin: 0 0 30px 0;
}
.section p a{
	color: red;
}
.section p a:hover{
	text-decoration: underline;
}

.section ul{ margin-bottom: 30px; }
.section li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000;
}

.section.centered h1,
.section.centered h2,
.section.centered p{
	text-align: center;
}
.section p em{
	font-size: 15px;
}
.logos{ text-align: center;}
.logos img{
display: inline-block;
*display: inline;
zoom: 1;

margin: 0 11px;
}

.square{
	list-style: none;
}

.square li{
	background: url(../images/bullet-square.png) no-repeat;
	background-position: 5px 10px;
	padding-left: 25px;
	margin: 0 0 8px 0;
}

.half{
	width: 431px;
}
.half.left{
	float: left;
}
.half.right{
	float: right;
}



/* topbar */

#topbar{
	background: url(../images/bar-bg.png)no-repeat;
	background-position: center top;
	height: 54px;
	position: fixed;
	width: 100%;
	top: 0; left: 0;
	
	z-index: 9999999;
}

#topbar #contact-pane2{
	float: left;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;

}
#topbar #contact-pane2 li{
	height: 37px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: 20px;
}
#topbar #contact-pane2 li a{
	color: #000;
	height: 37px; line-height: 37px;
	display: block;
}
#topbar .mail{
	padding: 0;
	background: url(../images/email.png) no-repeat;
	background-position: left center;
}
#topbar .mail a{
	padding-left: 37px;
	display: block;
}
#topbar .phone{
	padding: 0;
	background: url(../images/phone.png) no-repeat;
	background-position: left 5px;
	line-height: 37px;
}
#topbar .phone a{
	padding-left: 33px;
	display: block;
}
#topbar #nav{
	float: right;
	list-style: none;
	text-align: right;
	
}

/* hide nave on home page */
#home{
	padding-top: 0;
}
#home #topbar{
	display: none;
}


#topbar #nav li{
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0; padding: 0;	
	position: relative;
}
#topbar #nav li.arrow-down{
	background: url(../images/arrow-down-small.png) no-repeat;
	background-position: center 28px;
	
}
#topbar #nav li a{
	color: #fff;
	font-size: 19px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 0 0 0 15px;
	height: 37px; line-height: 37px;
}
#topbar #nav li a:hover{
	color: #eee;
}
#topbar #nav li ul {
	position: absolute;
	left: -9999px;
	top: 37px;
	
	background: #e50000;
	width: 15em;
	text-align: left;
}
#topbar #nav li:hover > ul {
	left: auto;
}
#topbar #nav li ul li{
}
#topbar #nav li ul li a{}
#topbar #nav li ul li a:hover{}

/* header */

#header{
	height: 147px;
	overflow: hidden;
	background: url(../images/bar.jpg) no-repeat;
	background-position: center 108px;
	
}

#header h1{
	/*background: url(../images/logo.png) no-repeat;
	background-position: center center;
	width: 100%; height: 55px; line-height: 55px;
	text-indent: -99989px;*/
	
	margin: 25px 0 12px 0;
}

#header .contact-pane{
	height: 37px;
	list-style: none;
	text-align: right;
	float: left;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	
	padding: 0 10px;
	margin-right: 30px;
	
	float: right;
	background: #fff;

}

.subpages #header .contact-pane{
	display: none;
}
#header .contact-pane li{
	height: 37px; line-height: 37px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	
	display: inline-block;
	*display: inline;
	zoom: 1;
	
	background-color: #fff;
	margin: 0 5px;
	
}
#header .contact-pane li a{
	color: #000;
	height: 37px; line-height: 37px;
	display: block;
}
#header .mail{
	padding: 0 0 0 37px;
	background: url(../images/email.png) no-repeat;
	background-position: left center;
}
#header .phone{
	padding: 0 0 0 33px;
	background: url(../images/phone.png) no-repeat;
	background-position: left 5px;
	line-height: 37px;
}


/* banner */

#banner{
	background: red;
	height: 301px;
	margin-bottom: 25px;
}
#banner .container{
	background: red url(../images/slide1.jpg) no-repeat;
	background-position: right top;
	height: 301px;
	overflow: hidden;
}
#banner #banner-nav{
	list-style: none;
	margin: 28px 0 0 0;
}
#banner #banner-nav li{
	margin: 0 0 12px 0;
}
#banner #banner-nav li a{
	color: #fff;
	background: url(../images/arrow-right.png) no-repeat;
	background-position: right center;
	padding: 0 14px 0 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	
	font-size: 32px;
	opacity: 1;
}
#banner #banner-nav li a:hover{
	opacity: 0.8;
}
#banner #banner-nav li a:hover{}

/* content */

#row1{
	background: #000;
	height: 119px;
	overflow: hidden;
}

#row1 ul{
	text-align: center;
	list-style: none;
	margin-top: 45px;
}
#row1 ul li{
	margin: 0 124px;
	display: inline-block;
	*display: inline;
	zoom: 1;

}
#row1 ul li.alpha{
	margin-left: 0;
}
#row1 ul li.omega{
	margin-right: 0;
}
#row1 ul li a{
	display: block;
	color: #fff;
	font-size: 29px;
	text-transform: uppercase;
}
#row1 ul li a:hover{}

#row2{
	margin: 0 0 30px 0;
}
#subpages{
	background: #fff;
	padding: 0 10px;
	height: 87px;
	text-align: center;
	margin: 0 auto;
	width: 941px;
}
#subpages li{
	height: 87px; line-height: 87px;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#subpages li a{
	display: block;
	color: #000;
	font-size: 29px;
	text-transform: uppercase;
}
#subpages li.alpha{
	float: left;
	display: block;
}
#subpages li.omega{
	float: right;
	display: block;
}
#subpages li a span{
	color: red;
}

#row3{}
#row3 p{
	color: #7f7f7f;
	font-size: 40px;
	text-align: center;
}
#row3 p em{
	text-transform: uppercase;
	color: #000;
	font-style: italic;
}



/* footer */

#footer{
	background: #e6e6e6;
	height: 30px;
	margin-top: 100px;
}
#footer p{
	color: #999999;
	height: 30px; line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
}
#footer p strong{
	color: #000;
	font-weight: bold;
}
#footer p strong span{
	color: red;
}

/* subpages */

#history{
	background: url(../images/history.png) no-repeat;
	background-position: right center;
}
#people{
	background: url(../images/people.png) no-repeat;
	background-position: right center;
}
#feed{
	background: url(../images/feedback.png) no-repeat;
	background-position: right center;
	min-height: 600px;
}


#design{
	background: url(../images/design-construction.png) no-repeat;
	background-position: right center;
}

#design .doodle{
	background: url(../images/doodle.png) no-repeat;
	background-position: right top;
}
#property{
	background: url(../images/property-management.png) no-repeat;
	background-position: right center;
	min-height: 100px;
	padding-top: 100px;
	padding-bottom: 100px;
}
#project{
	background: url(../images/project-management.png) no-repeat;
	background-position: right center;
}
#construction{
	background: url(../images/construction.png) no-repeat;
	background-position: right center;
}
#development{
	background: url(../images/development-management.png) no-repeat;
	background-position: right center;
	min-height: 530px;
}
#contact{
	background: url(../images/contact-us.png) no-repeat;
	background-position: right center;
	overflow: hidden;
}




/* bigbanner */

#bigbanner{
	with: 100%;
}
#bigbanner img{
	width: 100%; height: auto;
}

/* contact page */

#contactpage #content{
	overflow: hidden;
}

/* contact form */

#contactus label
{
   font-family : Arial, sans-serif;
   font-size: 22px;
}

#contactus input[type="text"],
#contactus textarea,
#contactus select
{
  color : #000; 
  padding : 10px 5px; 
  border : 1px solid #999;
  width: 420px;
   font-family : Arial, sans-serif;
}

#contactus input[type="text"]
{
}

#contactus #scaptcha
{
  width:60px;
  height:18px;
}

#contactus input[type="submit"]
{
	padding: 8px 35px;
	background: red;
	border: 1px solid #bababa;
	color: #fff;
	font-family: 'impactregular';
	font-size: 22px;
	text-transform: uppercase;
}
#contactus input[type="submit"]:hover
{
	background: #e50000;
	color: #eee;
}

#contactus textarea
{
  height:90px;
}
#contactus .other textarea
{
  height:30px;
}

#contactus input[type="text"]:focus,
#contactus textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}

#contactus .container
{
   margin-bottom: 30px;
}

#contactus .error
{
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}

#contactus fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactus fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#contactus .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 12px;
   color:#333;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}

/* hide secondary nav */
.slicknav_menu {
	display:none;
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

/* hide primary nav */
	
#nav{
	display: none;
}

.slicknav_menu {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	background: transparent;
}

.slicknav_btn {
	padding: 0;
	margin: 0;
	text-shadow: none;
	background: red;
	height: 37px; line-height: 37px;
	padding: 0 10px;
	
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.slicknav_btn:hover {
	background: #e50000;
}
.slicknav_menu .slicknav_menutxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-shadow: none;
	
	height: 37px; line-height: 37px;
}
.slicknav_menu .slicknav_icon {
	margin: 10px 0 0 5px;
}
.slicknav_menu .slicknav_icon-bar {
	box-shadow: none;
	background: #fff;
	width: 37px; height: 2px;
	margin: 0 0 5px 0;
}

#topbar #contact-pane2 {
	background: #fff;
}

.slicknav_nav, .slicknav_nav ul { background: #e50000;}
.slicknav_nav, .slicknav_nav ul li{}
.slicknav_nav, .slicknav_nav ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.slicknav_nav, .slicknav_nav ul li a:hover{
	color: #eee;
}

.container{
	width: auto;
	margin: 0;
	padding: 0 10px;
	min-width: 250px;
}
#header{
	height: auto;
	background: none;
	margin-bottom: 10px;
}
#header h1{
	margin-top: 10px;
	margin-bottom: 0;
}
#header h1 img{
	width: 100%;
	height: auto;
}

#header .contact-pane{
	padding: 0; margin: 0;
	height: auto;
	float: left;
	text-align: left;
}
#header .contact-pane li{
	margin: 0;
	text-align: left;
}

#banner{
	height: auto;
	margin-bottom: 10px;
}
#banner .container{
	background-position: 200px top;
	height: auto;
}
#banner #banner-nav{
	margin: 10px 0 0 0;
}
#banner #banner-nav li{
	margin: 0 0 10px 0;
}
#banner #banner-nav li a{
	font-size: 32px;
}


#row1{
	height: auto;
}

#row1 ul{
	text-align: center;
	list-style: none;
	margin: 10px 0;
}
#row1 ul li{
	margin: 0 20px;
}
#row1 ul li a{
	font-size: 22px;
}

#subpages{
	height: auto;
	margin: 10px 0;
	width: auto;
}
#subpages li{
	height: auto; line-height: 1.2em;
	display: inline-block; zoom: 1;
	margin: 10px;
	padding: 0;
}
#subpages li.alpha,
#subpages li.omega{
	float: none;
	display: inline-block; zoom: 1;
}
#subpages li a{
	font-size: 22px;
}



#row3 p{
	font-size: 25px;
	text-align: center;
}
#row3 p br{
	display: none;
}

#footer{
	margin-top: 50px;
	height: auto;
}
#footer p{
	height: auto; line-height: 1.2em;
	padding: 5px 0;
}

.section {
	min-height: 350px;
	padding: 50px 60px 50px 0;
	margin-bottom: 30px;
	background-position: right 70px !important;
}

.subpages #content{
	border-top: 2px solid gray;
}
.subpages#contactpage #content{
	border-top: none;
}

.responsive{
	width: 100%;
	height: auto;
}

#property {
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 600px;
}

.half{
	width: 47%;
}
.half.left{
	float: left;
}
.half.right{
	float: right;
}

/* contact */

#contactus .container {
	padding: 0;
	margin-bottom: 20px;
}

#contactus input[type="text"], #contactus textarea, #contactus select {
width: 95%;
}

.map {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* end 959 */	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
#design .doodle{
	background: none;
}
.half{
	width: auto;
}
.half.left{
	float: none;
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: 2px solid gray;
}
.half.right{
	float: none;
}
	
/* end 767px */	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 600px) {
	
#topbar {
background-position: -830px top;
}
#topbar #contact-pane2 li.mail,
#topbar #contact-pane2 li.phone{ 
	text-indent: -9999px; width: 30px; height: 37px;
	padding: 0; margin: 0 0 0 10px;}
	
.section p, .section li{
	font-size: 17px;
	margin-bottom: 20px;
}
.section li {
	background-position: left 6px;
	padding-left: 15px;
}
.section p em{
	color: #333;
}
.section h1{
	font-size: 22px;
	margin-bottom: 20px;
}



	
/* end 600px */	
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


#header h1{
	background: url(../images/logo1-2.png) center top no-repeat;
	min-height: 104px;
	margin-bottom: 10px;
}
#header h1 img{
	opacity: 0;
}

#header .contact-pane {
float: none;
text-align: center;
}
#banner .container{
	background-position: 50px top;
	height: auto;
	width: atuo;
}
#banner #banner-nav li{
	margin: 0 0 5px 0;
}
#banner #banner-nav li a{
	font-size: 22px;
}


#row1 ul{
	margin: 0;
}
#row1 ul li{
	margin: 10px 0;
	display: block;
}
#row1 ul li a{
	font-size: 22px;
}

#subpages{
	margin: 10px 0;
}
#subpages li{
	height: auto; line-height: 1em;
	display: block;
	margin: 10px 0;
	padding: 0;
	width: auto;
}
#subpages li a{
	font-size: 22px;
	display: block;
}


.section {
	background-position: right center !important;
}


#row3 p{
	font-size: 25px;
	text-align: center;
}

#contactus input[type="text"], #contactus textarea, #contactus select {
width: 80%;
}

/* end 479 */	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 300px) {
	

/* end 300 */	
}