/*+---------------------------------------+*/
/*¦                                       ¦*/
/*¦    URBANSPACE                         ¦*/
/*¦    Primary Style Sheet                ¦*/
/*¦    Version 2009.10                    ¦*/
/*¦    Last edited by:                    ¦*/
/*¦    Steven Hughes					  ¦*/
/*¦                                       ¦*/
/*+---------------------------------------+*/

/*+---------------------------------------+*/
/*¦   =General Styles                     ¦*/ 
/*+---------------------------------------+*/

html{
	margin:0;
	padding:0;
	outline:none;
}

body{
	width:100%;
	margin:0;
	padding:0;
	color:#909090;/*grey*/
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10px;
	background:white url(../images/layout/bg_nav.gif) center top repeat-x;
}

#page{
	width:100%;
	margin: 0;
	padding:0;
	position:relative;
	background:url(../images/layout/bg_footer.gif) center bottom repeat-x;
}
p,h1,h2,h3,img{
	margin:0;
	padding:0;
	border:none;
}
h1,h2,h3,h4,h5,a { text-transform:lowercase; }
a:link, a:visited{
	color:#D0392B;/*medium red*/
	text-decoration:none;
}
a:hover, a:active{
	text-decoration:none;
	color:#661c15;/*darker red*/
}
b { letter-spacing:1px; }
em{
	font-style:italic;
}
.rounded_button {
	display:inline-block;
	width:auto; /*change*/
	position:relative;
	color:#d0392b;
	width:102px;
	height:28px;
	padding:0 0 0 15px;
	margin:0;
	line-height:28px;
	text-align:left;
	background:url(../images/layout/button_expandable.gif) left center repeat-x;
	text-decoration:none;
	text-transform:lowercase;
	font-size:1.3em;
	outline:none;
}
.rounded_button a {
	display:block;
	width:100%;
	height:100%;
	padding-right:20px;
	background:url(../images/layout/button_expandable_cap.gif) right center no-repeat;
	text-decoration:none;
	outline:none;
	}
.rounded_button input {
	display:block;
	width:122px;
	height:28px;
	margin:0;
	padding:0;
	line-height:28px;
	*line-height:25px;
	border:none;
	color:#d0392b;
	cursor:pointer;
	text-align:left;
	background:url(../images/layout/button_expandable_cap.gif) transparent right center no-repeat;
	}
.floatLeft { float:left; }
.floatRight { float:right; }
.red { color:#d0392b;; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1px; }
/* End hide from IE-mac */
/*+---------------------------------------+*/
/*¦   =Masthead Styles                    ¦*/ 
/*+---------------------------------------+*/
#masthead{
	width:1004px;
	position:relative;
}
#masthead h1{
	text-transform:lowercase;
	height:64px;
	width:80px;
	margin-left:40px;
	text-indent:-9000px;
	outline:none;
	background: url(../images/layout/logo_main.gif) left top no-repeat;
}
#masthead h1 a{
	display:block;
	width:80px;
	height:64px;
}
/*+---------------------------------------+*/
/*¦   =Navigation Styles                  ¦*/ 
/*+---------------------------------------+*/
#navigation{
	letter-spacing:1px;
	position:absolute;
	width:470px;
	height:64px;
	top:0;
	left:150px;
	margin:0 0;
}
#navigation .primary ul{
	margin:0;
	padding:0 0 0 19px;
	text-transform:lowercase;
	list-style:none;
}
#navigation .primary a{
	color:white;
	text-decoration:none;
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
#navigation .primary a:hover, #navigation .primary a:hover{
/*	text-decoration:underline;*/
}
#navigation .primary li{
	display:block;
	height:64px;
	line-height:64px;
	text-align:center;
	margin-right:38px;
	float:left;
	font-size:1.4em;
}
#navigation .secondary ul{
	width:700px;
	height:20px;
	overflow:hidden;
	position:absolute;
	top:44px;
	left:0;
	margin:0;
	padding:0 0 0 14px;
	text-transform:lowercase;
	list-style:none;
	display:block;
}
#navigation .secondary a{
	color:white;
	text-decoration:none;
	position:relative;
	display:block;
	width:100%;
	height:100%;
	text-align:center;
}
#navigation .secondary a:hover,#navigation .secondary a:active{
/*	text-decoration:underline;*/
	background:white;
	color:#D0392B;
}
#navigation .secondary li{
	display:block;
	height:20px;
	line-height:20px;
	text-align:center;
	padding:0 8px;
	float:left;
	font-size:1.1em;
}
#navigation .secondary li.selected{
	background:white;

}
#navigation .secondary li.selected a{
	color:#D0392B;
}

/*+---------------------------------------+*/
/*¦   =utility Styles                 ¦*/ 
/*+---------------------------------------+*/

#utility{
	font-size:2.6em;
	color:white;
	height:64px;
	width:250px;
	position:absolute;
	left:730px;
	top:-1px;
	padding:24px 0 0 0;
	font-weight:normal;
}
#utility span{
text-transform:lowercase;
top:10px;
position:absolute;
font-size:13px;
}
#utilitylinks{
	text-transform:lowercase;
	line-height:1em;
	font-size:0.45em;
	position:absolute;
	top:27px;
	left:165px;
}
#utilitylinks a{
	color:white;
	text-decoration:none;
	display:block;
	margin-bottom:3px;
}
#utilitylinks a:hover,#utilitylinks a:active{
	text-decoration:underline;
}

/*+---------------------------------------+*/
/*¦   =Content Styles                     ¦*/ 
/*+---------------------------------------+*/
#content{
width:1000px;
position:relative;
padding:0;
}

#content .primary{
padding:0px 0 0px 0px;
background:url(../images/layout/bg_primary.gif) right center repeat-y;
width:719px;
/*min-height:537px;*/

}

#content .primary>div{
/*margin-bottom:2.5em;*/
}

#content h2{
text-decoration:none;
font-size:1.8em;
color:#D0392B;
font-weight:normal;
margin:0 0 15px 0 ;
}
#content #openhouses div h2 { margin:0; }
#content .story h2 { line-height:18px; *line-height:24px; }

#content h2.first{
margin-top:0;
}

#content .primary #featurebox{
	width:592px;
	/*height:323px;*/
	background:url(../images/layout/bg_feature.gif) no-repeat top left;
	padding:10px;
}

#content .primary .module, #content .primary .module_wide{
	width:283px;
	float:left;
	margin-right:28px;
}

#content .primary .module>div, #content .primary .module_wide>div{
	width:263px;
	/*height:231px;*/
	background:url(../images/layout/bg_module.gif) no-repeat top left;
	/*padding:10px;*/
}

#content .primary .module_wide{
	width:303px;
}
#content .primary .module_wide>div{
	width:283px;
	background:url(../images/layout/bg_module_wide.gif) no-repeat top left;
}
#find .residential a,#find .commercial a{
	display:block;
	width:100%;
	/*height:100%;*/
	text-decoration:none;
}
#find .residential a span,#find .commercial a span{
	display:block;
	width:90px;
	text-decoration:none;
	text-transform:lowercase;
	height:15px;
	background: white url(../images/layout/arrow_red_right.gif) 75px 40% no-repeat;
}
#find .commercial a span{
	background: white url(../images/layout/arrow_red_right.gif) 79px 40% no-repeat;
}
#find .commercial a:hover span,#find .commercial a:active span,#find .residential a:hover span,#find .residential a:active span{
	background-image:url(../images/layout/arrow_white_right.gif);
	background-color:#D0392B;
	color:white;
}
#content .primary .module div.residential{
	float:left;
	margin-left:1px;
	width:127px;
	height:127px;
	background-image:url(../images/layout/findresidential.gif);
}
#content .primary .module div.commercial{
	float:left;
	margin-left:7px;
	width:127px;
	height:127px;
	margin-bottom:8px;
	background-image:url(../images/layout/findcommercial.gif);
}
#content .primary .module div.promotion{
	clear:both;
	margin-left:1px;
	padding:14px;
	width:233px;
	height:66px;
	background-image:url(../images/layout/promotion.gif);
	line-height:15px;
}
#content .primary .module div.promotion:hover { color:#D0392B; cursor:pointer; }
#content .primary .module div.promotion div{
	float:left;
	margin-right:12px;
	height:65px;
}
#content .primary .module div.promotion #coming2008 { margin-top:15px; font-size:16px; }
#content .primary .module div.promotion div a{
display:block;
width:100%;
height:100%;
}
#content .primary .module div.promotion div a:hover { color:#D0392B; }
#content .primary h3{
text-decoration:none;
margin-bottom:3px;
}
#content .secondary{
position:absolute;
padding:28px 5px 0px 28px;
top:0px;
left:700px;
width:230px;
}
#content .secondary div b a { text-transform:lowercase; }
#content .primary #linkspace a{
text-decoration:none;
}
#content .primary #linkspace div p{
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:5px;
}
#content .primary #openhouses h3{
	color:#909090;
}
#content .primary #openhouses a{
	text-decoration:none;
}
#content .primary #mostviewed a{
color:#909090;
text-decoration:none;
}
#content .primary #mostviewed p{
font-size:1.2em;
}
#content .primary h3, #content .secondary h3{
font-size:1.4em;
font-weight:normal;
}
#home #content .primary {
	float:left;
	}
#home #content .secondary {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:240px;
}
#commercial #content .secondary > div,
#home #content .secondary > div {
	margin-bottom:2.8em;
	}
#home #content .secondary #archive {
    margin-left:110px;
}
#content .secondary p{
margin:0.5em 0;
}
#content .secondary img{
	margin:0.5em 0;
}
#content .secondary img.inline{
	margin:0.4em 0.4em 0.4em 0;
	float:left;
}
#content .secondary blockquote{
	margin-left:1.7em;
}
#content .secondary>div{
	margin-bottom:2 em;
}

#content .secondary ul{
list-style:none;
margin:0;
padding:0;
}

#content .secondary #feeds{
position:absolute;
top:550px;
}
#home #content .secondary .title{
display:block;
font-weight:bold;
margin:1em 0 .4em 0;
color:#828282;
}

#content .secondary li{
font-weight:bold;
margin:0;
padding:0;
}

#content .primary #banner{
	clear:both;
	height:75px;
	width:642px;
	position:relative;
	left:-10px;
}
#content .tertiary{
	display:none;
}
/*+---------------------------------------+*/
/*¦   =Footer Styles                      ¦*/ 
/*+---------------------------------------+*/

#footer{
	height:116px;
	padding:0 0 0 43px;
	margin:-6px 0 0 0;
	color:white;
	text-transform:lowercase;
}
#footer div{
position:relative;
padding-top:16px;
padding-bottom:16px;
width:130px;
float:left;
}
#footer h3{
font-size:1.4em;
margin-bottom:0.3em;
font-weight:normal;
}
#footer ul{
margin:0;
padding:0;
}
#footer li{
	list-style:none;
}
#footer #copyright_urban {
	position:absolute;
	left:170px;
	top:16px;
	font-size:10px;
	width:200px;
	text-transform:none;
}
#footer a:link, #footer a:visited{
	color:white;
	text-decoration:none;
}
#footer a:hover, #footer a:active{
	border-bottom:1px solid white;
}
#footer #footer_logo {
	position:absolute;
	left:0px;
	top:65px;
}

/*+---------------------------------------+*/
/*¦   =Internal Styles                    ¦*/ 
/*+---------------------------------------+*/

#internal #content a:link, #internal #content a:visited{
color:white;
}
#internal #content a:hover, #internal #content a:active{
color:#ec2027;
}
#internal #internalmenu a:link, #internal #internalmenu a:visited{
color:white;
text-decoration:none;
}
#internal #internalmenu a:hover, #internal #internalmenu a:active{
color:black;
background-color:white;
}
#internal #content{
	margin-top:3.5em;
}
#internal #content h2{
	margin-bottom:1em;
}
#internal #content h2 a:link,#internal #content h2 a:visited{
	color:white;
	text-decoration:none;
}
#internal #content h2 a:hover,#internal #content h2 a:active{
	color:#EC2027;
	background:none;
}
#internal div a span.date{
display:block;
margin-bottom:1em;
}
#internal #content p{
	margin-bottom:1em;
}
#internal #content input.textbox{
	width:305px;
}
#internal #content input.textbox, #internal #content textarea,#internal #content input.file{
	border:1px solid #EC2027;
}
#internal em{
	font-style:normal;
	color:#EC2027;
}
#internal #content .primary{
width:290px;
margin-left:155px;
float:left;
}
#internal #content .secondary{
float:left;
width:150px;
margin-left:175px;
}
#internalmenu div{
border:3px solid white;
padding:.5em;
margin-bottom:1em;
width:155px;
float:left;
display:block;
}
#internalmenu ul{
	list-style:none;
	margin:0;
	padding:1em 1em 1em 2em;
}
#internalmenu #homemenu{
	border-color:#757575;
	color:#757575;
}
#internalmenu #workmenu{
	border-color:#7bd3f7;
	color:#7bd3f7;
}
#internalmenu #clientsmenu{
	border-color:#F9CCE0;
	color:#F9CCE0;
}
#internalmenu #teammenu{
	border-color:#F79320;
	color:#F79320;
}
#internalmenu #contactmenu{
	border-color:#EC2027;
	color:#EC2027;
}
#insert {
		width:719px;
	height:532px;
	padding-bottom:-20px;
}

/* form style */
#mainForm 
{
	position: absolute;
	border: 0px;
	border-style: solid;
	margin: 0;
	padding:0;
	text-align: left;
	width: 70%;
	background-color: #ffffff;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:15px;	
}

p.mainForm 
{
	padding: 0px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}


#formHeader
{
	position: relative;
	width: 100%;
	background-color: #666699;
	margin:0 0 0 0;
	padding-bottom: 10px;
}

p.formHeader
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ffffff;
	font-size:25px;
	position:relative;
	left:-5px;
	top:4px;
	letter-spacing: 2px;
}



#formInfo
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}

h2.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	position:relative;
	left:20px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color: #ffffff;
}


p.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:12px;
	position:relative;
	left:20px;
	top:0px;
	color: #ffffff;
}

#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 0px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:bold;
	color:#F00;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:0px 0 0px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:0px 0 0 3px;
	width:13px;
	height:13px;
}