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

PRIMARY STLES

//--------------------------------------------------*/
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal;}
ol, ul { list-style: none;}
caption ,th { text-align: left;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
abbr, acronym { border: 0;}	
a { outline: none;}

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

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

FUNCTIONAL LAYOUT

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

body { background: #000 url(../images/site_images/bg.jpg) no-repeat top center;}

#layout {
width: 960px;
margin: 0 auto;
}

.clear { clear: both;}

#header {
width: 960px;
height: 165px;
margin: 5px 0 30px;
}



#logo {
float: left;
width: 300px;
height: 179px;
margin: 10px 50px 0 0;
background: url(../images/site_images/logo.png) no-repeat top center;
}

#logo h1 a {
display: block;
width: 171px;
height: 121px;
}

#nav {
float: left;
width: 601px;
height: 51px;
margin: 130px 5px 0 0;
}

#nav li {
float: left;
height: 51px;
}

#nav_home a {
display: block;
width: 65px;
height: 51px;
margin: 0 23px 0 0;
background: url(../images/site_images/nav_bg.png) no-repeat 0 0;
}

#nav_home a:hover { background-position: 0 -51px;}

#nav_home a.active { background-position: 0 -102px;}

#nav_aboutus a {
display: block;
width: 151px;
height: 51px;
margin: 0 12px 0 0;
background: url(../images/site_images/nav_bg.png) no-repeat -88px 0;
}

#nav_aboutus a:hover { background-position: -88px -51px;}

#nav_aboutus a.active { background-position: -88px -102px;}

#nav_portfolio a {
display: block;
width: 101px;
height: 51px;
margin: 0 23px 0 0;
background: url(../images/site_images/nav_bg.png) no-repeat -261px 0;
}

#nav_portfolio a:hover { background-position: -261px -51px;}

#nav_portfolio a.active { background-position: -261px -102px;}

#nav_testimonials a {
display: block;
width: 120px;
height: 51px;
margin: 0 12px 0 0;
background: url(../images/site_images/nav_bg.png) no-repeat -385px 0;
}

#nav_testimonials a:hover { background-position: -385px -51px;}

#nav_testimonials a.active { background-position: -385px -102px;}

#nav_contact a {
display: block;
width: 89px;
height: 51px;
background: url(../images/site_images/nav_bg.png) no-repeat -512px 0;
}

#nav_contact a:hover { background-position: -512px -51px;}

#nav_contact a.active { background-position: -512px -102px;}

#home_content {
width: 950px;
height: 370px;
margin: 0 0 30px;
background: rgb(0,0,0); /* Fallback for RGBa */
border: 5px solid rgb(20,20,20); /* Fallback for RGBa */
}

#slideshow {
position: relative;
float: left;
width: 950px;
height: 370px;
}

#slides {
position: relative;
width: 950px;
height: 370px;
overflow: hidden;
}

#slides li {
position: absolute;
float: left;
width: 950px;
height: 370px;
}

#slides ul { width: 3125px;}

#slides_nav {
position: absolute;
left: 10%;
bottom: 10px;
margin: 0 0 0 -52px;
padding: 5px 0 5px 5px;
background: rgb(0,0,0); /* Fallback for RGBa */
z-index: 99;
}

#slides_nav li {
float: left;
margin: 0 5px 0 0;
}

#slides_nav li a {
display: block;
width: 15px;
height: 15px;
background: url(../images/site_images/home/slide_nav.png) no-repeat 0 0;
}

#slides_nav li a:hover { background-position: 0 -30px;}



.js #slides_nav li a.activeSlide { background-position: 0 -15px;}

#home_sidebar {
float: left;
width: 900px;
height: 275px;
padding: 25px 30px 0;
margin-bottom:30px;

}

#home_sidebar h2 { margin: 0 0 45px;}

#home_sidebar blockquote { padding: 0 0 15px 5px;}

#title {
position: relative;
width: 950px;
height: 50px;
margin: 0 0 30px;

}

#title h2 { padding: 0 0 0 15px;}

#title #breadcrumb {
position: absolute;
top: 15px;
right: 15px;
}



#main {
width: 960px;
margin: 0 0 30px;
}

#portfolio, #properties {
width: 945px;
margin: 0 0 30px 15px;
}

#sidebar {
float: left;
width: 260px;
margin: 0 30px 0 0;
padding: 20px 15px;
background: rgb(0,0,0); /* Fallback for RGBa */
border: 5px solid rgb(20,20,20); /* Fallback for RGBa */
}

#sidebar blockquote {
padding: 15px 0 15px 5px;
background: url(../images/site_images/sidebar_quote.png) no-repeat top left;
}

#sidebar h3 { margin: 0 0 15px;}

#sidebar li, #content li {
margin: 0 0 15px 10px;
padding: 0 0 0 20px;
background: url(../images/site_images/sidebar_bullet.png) no-repeat left 3px;
}

#sidebar ul, #content ul { margin: 0 0 30px;}

#content {
float: left;
width: 630px;
padding: 5px 0 0;
}

#content h3 { margin: 0 0 10px;}

#content blockquote, #content p { margin: 0 0 20px;}

p.intro, #portfolio p, #properties p { margin: 0 15px 30px 0;}

#portfolio h3 {
margin: 15px 0 15px 10px;
padding: 0 0 0 21px;
background: url(../images/site_images/bullet.png) no-repeat left 3px;
}

.portfolio_set li {
float: left;
width: 110px;
height: 110px;
margin: 0 15px 15px 0;
background: rgb(0,0,0); /* Fallback for RGBa */
border: 5px solid rgb(20,20,20); /* Fallback for RGBa */
}

.portfolio_set li a {
display: block;
width: 110px;
height: 110px;
}

.property {
float: left;
width: 300px;
margin: 30px 15px 0 0;
}

.property_img {
position: relative;
width: 290px;
height: 190px;
margin: 0 0 15px;
background: rgb(0,0,0); /* Fallback for RGBa */
border: 5px solid rgb(20,20,20); /* Fallback for RGBa */
}

.property_img .future_build {
position: absolute;
top: -3px;
right: -3px;
z-index: 99;
}

.property_img a {
display: block;
width:  290px;
height: 190px;
}

#tri_pics { width: 960px;}

.tri_pic {
float: left;
width: 300px;
margin: 0 30px 60px 0;
}

.tri_pic h2, .tri_pic p, .property h2, .property p { padding: 0 0 0 5px;}

.tri_pic_end { margin-right: 0;}

.tri_pic_img {
width: 290px;
height: 190px;
margin: 0 0 15px;
background: rgb(0,0,0); /* Fallback for RGBa */
border: 5px solid rgb(20,20,20); /* Fallback for RGBa */
}

.tri_pic_img a {
display: block;
width:  290px;
height: 190px;
}

#contact_form p {
margin: 0;
}

#contact_form label { padding: 0 0 0 10px;}

#contact_form p.input { margin: 0 0 10px;}

.txt_input {
width: 250px;
height:  30px;
padding: 0 0 0 5px;
background: rgb(0,0,0); /* Fallback for RGBa */
border: 5px solid rgb(20,20,20); /* Fallback for RGBa */
outline: none;
}

.txtarea {
width: 500px;
height: 200px;
padding: 5px;
background: rgb(0,0,0); /* Fallback for RGBa */
border: 5px solid rgb(20,20,20); /* Fallback for RGBa */
outline: none;
}

.submit {
width: 100px;
height:  50px;
background: rgb(0,0,0); /* Fallback for RGBa */
border: 5px solid rgb(20,20,20); /* Fallback for RGBa */
cursor: pointer;
}

#footer {
width: 960px;
padding: 30px 0 0;
background: url(../images/site_images/footer_line.png) no-repeat top center;
}

#footer a { margin: 0 5px;}

#footer p { margin: 0 0 5px;}

#footer_nav, #footer_info {
float: left;
width: 480px;
height: 80px;
}

#footer_nav span { padding: 0 0 0 5px;}

#footer_nav a.credit_link { margin: 0;}

#footer_info { background: url(../images/site_images/footer_logo.png) no-repeat right top;}

#footer_info p { padding: 0 80px 0 0;}

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

CSS3 COMPLIANCY

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

#home_content, #slides_nav, #title, #sidebar, .portfolio_set li, .property_img, .tri_pic_img, .txt_input, .txtarea, .submit {

/* Mozilla */
-moz-border-radius: 7px;
/* Webkit */
-webkit-border-radius: 7px;
/* Gecko */
border-radius: 7px;
/*behavior: url(css/pie.htc);*/
}

#home_content, #sidebar, .portfolio_set li, .property_img, .tri_pic_img, .txt_input, .txtarea, .submit { border: 5px solid rgba(51,51,51,.25);}

.portfolio_set li:hover, .property_img:hover { border-color: rgba(51,51,51,.5);}

.txt_input:focus, .txtarea:focus, .submit:hover { border-color: rgba(51,51,51,.5);}

#slides li {
/* Mozilla */
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-box-shadow: inset 2px 2px 3px rgba(0,0,0,.5);
/* Webkit */
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-box-shadow: inset 2px 2px 3px rgba(0,0,0,.5);
/* Gecko */
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
box-shadow: inset 2px 2px 3px rgba(0,0,0,.5);
}

#content h3, #content blockquote, #portfolio h3 { text-shadow: 1px 1px 1px #000;}

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

FONTS

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

@font-face {
font-family: 'TrajanProRegular';
src: url('../fonts/trajanpro-regular.eot');
src: local('?'), url('../fonts/trajanpro-regular.woff') format('woff'), url('../fonts/trajanpro-regular.ttf') format('truetype'), url('../fonts/trajanpro-regular.svg#webfontgfbNHbUB') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TrajanProBold';
src: url('../fonts/trajanpro-bold.eot');
src: local('?'), url('../fonts/trajanpro-bold.woff') format('woff'), url('../fonts/trajanpro-bold.ttf') format('truetype'), url('../fonts/trajanpro-bold.svg#webfontYEEKRU7G') format('svg');
font-weight: normal;
font-style: normal;
}

#logo h1 a, #client_login a, #nav_home a, #nav_aboutus a, #nav_portfolio a, #nav_testimonials a,
#nav_contact a, #slides li, #slides_nav li a, .tri_pic_img a { text-indent: -999em;}

#home_sidebar h2, #title h2, #sidebar h3, #content h3, #portfolio h3, .property h2, 
.tri_pic h2, #content blockquote, #properties blockquote, #contact_form p, .submit { font-family: "TrajanProBold", "Times New Roman", Times, serif !important;}

#home_sidebar blockquote, #home_sidebar p, #title #breadcrumb, #sidebar blockquote, #sidebar li,
#sidebar p.quote_author, #content li, #content p, p.intro, #portfolio p, #properties p, .txt_input,
.txtarea, .tri_pic p, #footer { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;}

#home_sidebar h2 {
color: #fff;
font-size: 14px;
line-height: 20px;
}

#home_sidebar h2 span {
color: #0099CC;
font-size: 24px;
}

#home_sidebar blockquote {
color: #ccc;
font-size: 14px;
letter-spacing: -0.5px;
line-height: 28px;
}

#home_sidebar p {
color: #666;
font-size: 18px;
letter-spacing: -0.5px;
line-height: 18px;
text-align: right;
}

#home_sidebar p span {
color: #333;
font-size: 14px;
}

#title h2 {
color: #fff;
font-size: 20px;
line-height: 53px;
}

#title #breadcrumb {
color: #333;
font-size: 14px;
}

#title #breadcrumb a {
color: #666;
text-decoration: none;
}

#title #breadcrumb a:hover {
color: #dcdcdc;
border-bottom: 1px solid #333;
}

#title #breadcrumb span { color: #dcdcdc; }



#sidebar blockquote {
color: #bcbcbc;
font-size: 14px;
line-height: 24px;
}

#sidebar h3 {
color: #fff;
font-size: 12px;
line-height: 20px;
}

#sidebar h3 span {
color: #0099CC;
font-size: 18px;
}

#sidebar li {
color: #999;
font-size: 12px;
line-height: 16px;
}

#sidebar p.quote_author {
color: #666;
font-size: 14px;
letter-spacing: -0.5px;
line-height: 18px;
text-align: right;
}

#sidebar p.quote_author span {
color: #333;
font-size: 12px;
}

#content h3 {
color:  #0099CC;
font-size:  18px;
border-bottom:  1px solid #333;
}

#content blockquote, #properties blockquote {
color: #f6d22e;
font-size: 16px;
line-height: 20px;
}

#content li {
color: #999;
font-size: 14px;
}

#content p {
color: #eaeaea;
font-size: 14px;
line-height: 20px;
}

#content p a {
color:  #999;
text-decoration: none;
}

#content p a:hover {
color: #ccc;
border-bottom: 1px solid #333;
}

p.intro, #portfolio p, #properties p {
color: #dcdcdc;
font-size: 14px;
line-height: 20px;
}

p.intro a, #portfolio p a, #properties p a {
color: #f6d22e;
text-decoration: none;
}

p.intro a:hover, #portfolio p a:hover, #properties p a:hover {
color: #999;
border-bottom: 1px solid #f6d22e;
}

p.intro em strong, #portfolio em strong, #properties em strong {
font-style: italic;
font-weight: bold;
}

p.intro strong, #portfolio strong, #properties strong { font-weight: bold;}

p.intro strong em, #portfolio strong em, #properties strong em {
font-style: italic;
font-weight: bold;
}

#portfolio h3, #properties h3 {
color: #0099CC;
font-size: 18px;
}

.tri_pic h2, .property h2 {
color: #fff;
font-size: 14px;
line-height: 20px;
}

.tri_pic h2 span { color: #0099CC;}

.tri_pic p, .property p {
color: #666 !important;
font-size: 11px !important;
line-height: 16px;
}

.txt_input {
color: #fff;
font-size: 12px;
line-height: 30px;
}

.txtarea {
color:  #fff;
font-size: 12px;
}

.submit {
color: #0099CC;
font-size: 14px;
}

.submit:hover { color: #999;}

#sitemap_nav a {
color: #999;
text-decoration: none;
}

#sitemap_nav a:hover {
color: #ccc;
border-bottom: 1px solid #333;
}

#footer {
color: #666;
font-size: 11px;
}

#footer a {
color: #999;
text-decoration: none;
text-transform: uppercase;
}

#footer a:hover {
color: #ccc;
border-bottom: 1px solid #333;
}

#footer_nav { text-align: left;}

#footer_nav span { color: #333;}

#footer_nav a.credit_link {
color: #444;
text-transform: none !important;
}

#footer_info { text-align: right;}

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