/* --------------------------------------------------------------------- */
/* System Resetting...
/* --------------------------------------------------------------------- */ 

* {
	margin: 0;
}

html,body {
	height: 100%;
}

html
{
	font-size: 62.5%;
}

body, h1, h2, h3, h4, h5, h6, p, hr, pre, code, blockquote, form, fieldset,
legend, ul, ol, li, table, caption, th, tr, td, thead, tbody, tfoot, div {
   margin: 0;
   padding: 0;
}



/* --------------------------------------------------------------------- */
/* Engine Starting Up...
/* --------------------------------------------------------------------- */ 


body {
	background: #a0a197 url(../images/bg/bg_main.jpg) repeat;
	width: 960px;
	margin: 0 auto;
	font: normal 1.3em/1.2 Georgia, Times, Times New Roman;
	color: #69525b;
}

img {
	border: 0;
}

h1 {
	font: italic 2em/1 Georgia, Times, Times New Roman;
	margin: 0 0 0px -10px;
	padding: 0;
	text-indent: -9000px;
	width: 660px;
	height: 75px;
	display: block;
}

h2 {
	font: normal 1.2em/1 Georgia, Times, Times New Roman;
	text-transform: uppercase;
	margin: 13px 0 7px 0px;
	padding: 0;
	color: #505366;
}

h1#about_us {
	background: url(../images/headers/about.png) no-repeat;
	width: 550px;
}

h1#contact_us {
	background: url(../images/headers/contact.png) no-repeat;
	width: 550px;
}

h1#invest {
	background: url(../images/headers/investment.png) no-repeat;
	width: 550px;
}

h1#port {
	background: url(../images/headers/portfolio.png) no-repeat;
	width: 230px;
	float: left;
	margin: -25px 0 0 23px;
}

h1#photo_rights {
	background: url(../images/headers/photorights.png) no-repeat;
}


p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1em;
}

a {
	color: #5e7085;
	text-decoration: none;
}

a:hover {
	color: #5e7085;
	text-decoration: underline;
}

.clear {
	clear: both;
}


/* --------------------------------------------------------------------- */
/* Architect in the house...
/* --------------------------------------------------------------------- */ 


.header {
	background: url(../images/bg/bg_header.png) no-repeat;
	width: 968px;
	height: 74px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 201;
}

.body_container {
	display: block;
	width: 968px;
	margin: -190px auto 0;
	padding: 0;
}

.body_container#homepage {
	display: block;
	width: 980px;
	height: 590px;
	margin: -190px auto 0;
	padding: 0;
	position: relative;
}

.body_container#homepage #featured_left{
	position: absolute;
	display:block;
	width: 400px;
	height: 547px;
	z-index: 100;
	margin: 15px 0 0 -4px;
	
}

.body_container#homepage #featured_topmid{
	position: absolute;
	display:block;
	width: 337px;
	height: 266px;
	z-index: 99;
	margin: 0 0 0 350px;
	
}

.body_container#homepage #featured_botmid{
	position: absolute;
	display:block;
	width: 432px;
	height: 335px;
	z-index: 98;
	margin: 200px 0 0 330px;
	
}

.body_container#homepage #featured_about{
	position: absolute;
	display:block;
	width: 391px;
	height: 405px;
	z-index: 97;
	margin: -30px 0 0 590px;
	
}

.body_container#homepage #featured_botright{
	position: absolute;
	display:block;
	width: 340px;
	height: 300px;
	z-index: 96;
	margin: 235px 0 0 638px;
	
}

.body_container#aboutus {
	width: 850px;
	height: 460px;
	margin: -190px auto 10px 0;
	padding: 40px 30px 0 70px;
	position: relative;
	background: url(../images/bg/bg_about.png) no-repeat;
}

.body_container#contactus {
	width: 850px;
	height: 460px;
	margin: -190px auto 10px 0;
	padding: 40px 30px 0 70px;
	position: relative;
	background: url(../images/bg/bg_contact.png) no-repeat;
}

.body_container#investmentbody {
	display: block;
	width: 850px;
	height: 460px;
	margin: -190px auto 10px 0;
	padding: 40px 30px 0 70px;
	position: relative;
	background: url(../images/bg/bg_investment.png) no-repeat;
}

.body_container#portbody {
	display: block;
	width: 960px;
	height: 440px;
	margin: -190px auto 10px 0;
	padding: 65px 0 0 0;
	position: relative;
	background: url(../images/bg/bg_portfolio.png) no-repeat;
}

.body_container#portwedbody {
	display: block;
	width: 960px;
	height: 510px;
	margin: -190px auto 10px 0;
	padding: 100px 0 0 0;
	background: url(../images/bg/bg_portwed.png) no-repeat;
	position: relative;
}

.body_container#portengbody {
	display: block;
	width: 960px;
	height: 510px;
	margin: -190px auto 10px 0;
	padding: 100px 0 0 0;
	background: url(../images/bg/bg_porteng.png) no-repeat;
	position: relative;
}

.body_container#portlifbody {
	display: block;
	width: 960px;
	height: 510px;
	margin: -190px auto 10px 0;
	padding: 100px 0 0 0;
	background: url(../images/bg/bg_portlif.png) no-repeat;
	position: relative;
}

.body_container#portcoubody {
	display: block;
	width: 960px;
	height: 510px;
	margin: -190px auto 10px 0;
	padding: 100px 0 0 0;
	background: url(../images/bg/bg_portcou.png) no-repeat;
	position: relative;
}
.nav_portfolio {
	display: block;
	width: 940px;
	height: 68px;
	
}

.nav_portfolio a{
	color: #fff;
	font-size: 13px;
	line-height: 13px;
	display:block;
	height: 20px;
	text-align: center;
	float: left;
	text-transform: uppercase;
}


.question {
	font-weight: bold;
	font-style: italic;
	color: #5d6d62;
	margin: 0 0 2px 0;
}

.answer {
	font-weight: normal;
	font-style: normal;
	color: #777;
	margin: 0 0 10px 0;
}

.contact_callout {
	border-top: 1px dotted #888;
	border-bottom: 1px dotted #888;
	font: italic 1.1em/1em Georgia, Times, New Roman;
	color: #886a69;
	width: 540px;
	clear:left;
	padding: 10px 0;
	
}

.profile {
	width: 260px;
	float: left;
	color: #6f675c;
}

.header #logo{
	margin: 0 0 0 32px;
}

.navigation{
	float: right;
	width: 640px;
}

.navigation a {
	display: block;
	float: left;
	height: 74px;
	text-indent: -9000px;
}

.navigation a#portfolio {
	background: url(../images/nav/nav_portfolio.png) 0 -74px no-repeat;
	width: 105px;
}

.navigation a:hover#portfolio {
	background: url(../images/nav/nav_portfolio.png) 0 0 no-repeat;
	width: 105px;
}

.navigation a#blog {
	background: url(../images/nav/nav_blog.png) 0 -74px no-repeat;
	width: 64px;
}

.navigation a:hover#blog {
	background: url(../images/nav/nav_blog.png) 0 0 no-repeat;
	width: 64px;
}

.navigation a#investment {
	background: url(../images/nav/nav_investment.png) 0 -74px no-repeat;
	width: 126px;
}

.navigation a:hover#investment {
	background: url(../images/nav/nav_investment.png) 0 0 no-repeat;
	width: 126px;
}

.navigation a#about {
	background: url(../images/nav/nav_aboutus.png) 0 -74px no-repeat;
	width: 98px;
}

.navigation a:hover#about {
	background: url(../images/nav/nav_aboutus.png) 0 0 no-repeat;
	width: 98px;
}

.navigation a#contact {
	background: url(../images/nav/nav_contactus.png) 0 -74px no-repeat;
	width: 118px;
}

.navigation a:hover#contact {
	background: url(../images/nav/nav_contactus.png) 0 0 no-repeat;
	width: 118px;
}

.navigation a#clients {
	background: url(../images/nav/nav_clients.png) 0 -74px no-repeat;
	width: 88px;
}

.navigation a:hover#clients {
	background: url(../images/nav/nav_clients.png) 0 0 no-repeat;
	width: 88px;
}

.sub_nav {
	position: relative;
	z-index: 200;
	background: url(../images/bg/bg_subnav.png) no-repeat;
	width: 178px;
	height: 155px;
	margin: 13px 0 0 0;
}

.sub_nav a{
	display: block;
	width: 153px;
	color: #ccc;
	text-align: center;
	font: normal 12px/12px Georgia, Times, Times New Roman;
	border-bottom: 1px solid #9da290;
	padding: 7px 0 8px 0;
	text-decoration: none;
	text-transform: uppercase;
}

.sub_nav a:hover{
	color: #fff;
}

#sub_portfolio {
	padding: 1em;
	top: -256px; 
	left: 290px;
}

.footer {
	width: 948px;
	height: 74px;
	margin: 0 auto;
	padding: 10px;
	border-top: 1px solid #777;
	font: normal .9em/1em Georgia, Times, Times New Roman;
	color: #fff;
	text-transform: uppercase;
}

.footer a{
	color: #fff;
}

.footer .copyright{
	width: 400px;
	text-align: right;
	float: right;
}

table.contact_form{
	margin: 31px 0 0 0;
	width: 573px;
	
}

table.contact_form td{
	padding: 3px;
	color: #fff;
	
}

table.contact_form td input, table.contact_form td textarea{
	font: normal 1em/1 Georgia, Times, Times New Roman;
	border: 0px;
	padding: 3px;
	color: #555;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #e1d2cf;
	
}

table.contact_form td input.submit_button {
	background-color: #eee;
	color: #a46e71;
	padding: 5px 9px;
}

table.contact_form td input.submit_button:hover {
	cursor: pointer;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		text-align: center;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:810px;
		height:500px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:40px;
		height:77px;
		position:absolute;
		left:-35px;
		top:145px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:816px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:40px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	#slider img {
		border: 8px solid #fff;
	}
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#sscontainer{	
		margin:0 auto;
		position:relative;
		text-align:center;
		width:810px;	
		margin-bottom:2em;
		}	
	#ssheader{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#sscontent{
		position:relative;
		}