/*body {
	background-color: #000000;
}*/

* {
margin:0;
padding: 0;
}

#container {
	margin-right: auto;
	margin-left: auto;
	width: 768px;
	height: auto;
}

#holder {
	width: 768px;
	
	position: absolute;
	border: 1px solid #006699;
}

.thumbDetailCon {
	margin-left: 240px;
	margin-top: 8px;

}

#left_coll {
	float: left;
	width: 153px;
	height: auto;
}

#top_left {
	float: left;
	width: 154px;
	height: 155px;
	background-image: url(../images/left_logo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#menu_section {
	float: left;
	width: 153px;
	height: 310px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	text-align: left;
	padding-top: 30px;
	margin-left: 0px;
}


a.menu_link_trail:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;

}

a.menu_link_trail:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;

}

a.menu_link_trail:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: underline;
		
}

a.menu_link_trail:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	
}




a.menu_link:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	margin-left: 20px;
}

a.menu_link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	margin-left: 20px;
}

a.menu_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	text-decoration: underline;
		margin-left: 20px;
}

a.menu_link:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
		margin-left: 20px;
}

a.menu_link_On:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	text-decoration: none;
		margin-left: 20px;
}

a.menu_link_On:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	text-decoration: none;
		margin-left: 20px;
}

a.menu_link_On:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	text-decoration: none;
		margin-left: 20px;
}

a.menu_link_On:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	text-decoration: none;
		margin-left: 20px;
}

#riba {
	background-image: url(../images/riba.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	height: 150px;
	width: 153px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#right_header {
	background-image: url(../images/home/right_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 156px;
	width: 614px;
	float: left;
}

#body_hold {
	float: left;
	height: 348px;
	width: 537px;
}

#left_text {
	float: left;
	height: auto;
	width: 180px;
	padding-top: 19px;
	padding-left: 20px;
	padding-right: 25px;
}

#thumb_img {
	height: 131px;
	width: 120px;

}

#body_txt {
float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
	width: 250px;
	height: auto;

}

#body_txt img {

margin-right:8px;

}




#body_txt_header {
float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
	width: 500px;
	height: 60px;

}


#body_txt_area {
float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
	width: 110px;
	height: 60px;

}

#body_txt_area_home {
float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
	width: 160px;
	height: 60px;

}




#body_txt_thumb {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
	width: 270px;
	height: 60px;
   
}



a.body_link:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	text-decoration: none;
}

a.body_link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	text-decoration: none;
}

a.body_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	text-decoration: underline;
}

a.body_link:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	text-decoration: none;
}

#large_img {
	float: left;
	height: 347px;
	width: 312px;
	background-image: url(../images/home/image_1.jpg);
}

#back_right {
	background-image: url(../images/home/back_right.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	height: 348px;
	width: 77px;
}

#footer {
	float: left;
	height: 101px;
	width: 540px;
	background-image: url(../images/home/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-right: 74px;
	padding-top: 50px;

}

#footer_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}

/* --------------------------------    profile styles    ----------------------------------------- */

#right_header_profile {
	background-image: url(../images/profile/right_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 156px;
	width: 614px;
	float: left;
}

#body_hold_profile {
	float: left;
	height: 469px;
	width: 555px;
}

#left_text_profile {
	float: left;
	height: auto;
	width: 240px;
	padding-top: 8px;
	padding-left: 20px;
}

#profile_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #660000;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 10px;
}

#right_text_profile {
	float: left;
	
	width: 220px;
	padding-left: 35px;
	padding-top: 54px;
}

#thumb_profile {
	float: left;
	height: 50px;
	width: 110px;
}

#back_right_profile {
	background-image: url(../images/profile/back_right.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	height: 469px;
	width: 59px;
}

#footer_profile {
	float: left;
	height: 27px;
	width: 557px;
	background-image: url(../images/profile/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 57px;
	padding-top: 73px;
	text-align: right;
}

/* --------------------------------    project styles    ----------------------------------------- */

#left_coll_projects {
	float: left;
	width: 153px;
	/*height: 800px;*/
}

#riba_projects {
	background-image: url(../images/riba.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	height: 250px;
	width: 153px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#right_header_projects {
	background-image: url(../images/projects/right_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 156px;
	width: 614px;
	float: left;
}

#body_hold_projects {
	float: left;
	height: 469px;
	width: 555px;
}

#left_text_projects {
	float: left;
	height: auto;
	width: 410px;
	padding-top: 8px;
	padding-left: 20px;
}

#left_thumb_prj {
	float: left;
	height: auto;
	width: 170px;
	padding-top: 30px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#prj_title {
	float: left;
	height: auto;
	width: 150px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#prj_image {
	float: left;
	height: auto;
	width: 150px;
	text-align: center;
	padding-top: 6px;
}


/* new subnav style 18-07-06 */
.trail_area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #2A698C;
	font-weight: normal;
	text-decoration: none;
}

.trail_area A:link  {
	color: #2A698C;
	font-weight: normal;
	text-decoration: none;

}
.trail_area A:active  {
	color: #2A698C;
	font-weight: normal;
	text-decoration: none;

}
.trail_area A:visited  {
	color: #2A698C;
	font-weight: normal;
	text-decoration: none;

}
.trail_area A:hover  {
	color: #2A698C;
	font-weight: normal;
	text-decoration: none;

}
/* new subnav style 18-07-06 */



#p_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2A698C;
	font-weight: normal;
	text-decoration: none;

}

a.p_title:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2A698C;
	font-weight: normal;
	text-decoration: none;
}

a.p_title:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2A698C;
	font-weight: normal;
	text-decoration: none;
}

a.p_title:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2A698C;
	font-weight: normal;
	text-decoration: underline;
}

a.p_title:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2A698C;
	font-weight: normal;
	text-decoration: none;
}

#spacer_projects {
	background-image: url(../images/projects/spacer.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 21px;
	width: 465px;
	float: left;
}

#back_right_projects {
	background-image: url(../images/projects/back_right.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	height: 521px;
	width: 59px;
}

#footer_projects {
	float: left;
	height: 48px;
	width: 558px;
	background-image: url(../images/projects/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-right: 56px;
	padding-top: 20px;
}

/* --------------------------------    Residential styles    ----------------------------------------- */

#left_coll_resid {
	float: left;
	width: 153px;
	height: auto;
}

#riba_resid {
	background-image: url(../images/riba.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	height: 230px;
	width: 153px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#right_header_resid {
	background-image: url(../images/residential/right_logo_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 156px;
	width: 614px;
	float: left;
}

#body_hold_resid {
	float: left;
	height: 501px;
	width: 560px;
}

#left_thumb_resid {
	float: left;
	height: auto;
	width: 260px;
	padding-top: 10px;
	padding-left: 20px;
}

#left_thumb_resid_b {
	float: left;
	height: auto;
	width: 260px;
	padding-top: 10px;
	padding-left: 10px;
}

#resid_title {
	float: left;
	height: auto;
	width: 150px;
}

#resid_image {
	float: left;
	height: auto;
	width: 129px;
	padding-top: 6px;
}

#resid_detail {
	float: left;
	height: auto;
	width: 110px;
	padding-top: 6px;
	padding-left: 8px;
}

#back_right_resid {
	background-image: url(../images/residential/back_right.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	height: 502px;
	width: 54px;
}

#footer_resid {
	float: left;
	height: 48px;
	width: 558px;
	background-image: url(../images/residential/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-right: 56px;
	padding-top: 20px;
}

/* --------------------------------    Contact styles    ----------------------------------------- */

#right_header_contact {
	background-image: url(../images/contact/right_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 156px;
	width: 614px;
	float: left;
}

#body_hold_contact {
	float: left;
	height: 250px;
	width: 555px;
}

#left_text_contact {
	float: left;
	height: auto;
	width: 230px;
	padding-top: 8px;
	padding-left: 20px;
}

#map {
	float: left;
	height: 210px;
	width: 285px;
	padding-top: 30px;
}

#reg_details {
	float: left;
	height: auto;
	width: 490px;
	padding-right: 20px;
	padding-left: 20px;
}

#base_image {
	float: left;
	height: auto;
	width: 553px;
	padding-left: 1px;
	padding-top: 10px;

}

#back_right_contact {
	background-image: url(../images/contact/back_right.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	height: 469px;
	width: 59px;
}

#footer_contact {
	float: left;
	height: 50px;
	width: 556px;
	background-image: url(../images/contact/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	font-weight: bold;
	padding-right: 58px;
	padding-top: 50px;
}

/* --------------------------------    Detail styles    ----------------------------------------- */

#riba_detail {
	background-image: url(../images/riba.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	height: 229px;
	width: 153px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#right_header_detail {
	background-image: url(../images/detail/right_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 156px;
	width: 614px;
	float: left;
}

#body_hold_detail {
	float: left;
	height: 469px;
	width: 535px;
	padding-left: 20px;
}

#left_text_detail {
	float: left;
	height: auto;
	width: 490px;
	padding-top: 8px;
}

#main_detail_image {
	float: left;
	height: 322px;
	width: 231px;
	background-image: url(../images/detail/backgd_image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 1px;
	padding-left: 1px;

}

.thumb_img_detail {
margin-left: 200px;
}

#fade_1 {
	background-image: url(../images/detail/fade_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 67px;
	width: 66px;
	padding-top: 1px;
	padding-left: 1px;
}

#back {
	float: left;
	height: auto;
	width: auto;
}

#back_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
	text-decoration: none;
}

a.back_txt:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
	text-decoration: none;
}

a.back_txt:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
	text-decoration: none;
}

a.back_txt:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
	text-decoration: underline;
}

a.back_txt:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #330000;
	text-decoration: none;
}

#space_a {
	float: left;
	height: 10px;
	width: 530px;
}

#fade_text {
	float: left;
	height: auto;
	width: 214px;
	padding-left: 6px;
}

#detail_thumb_spacer {
	background-image: url(../images/detail/thumb_spacer.jpg);
	background-repeat: no-repeat;	
	height: 12px;
	width: 274px;
	background-position: left center;
}

#detail_thumb_spacer img {
margin: 6px 0px;


}

#detail_spacer {
	float: left;
	height: 320px;
	width: 10px;
}

#back_right_detail {
	background-image: url(../images/detail/back_right.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	height: 469px;
	width: 59px;
}

#footer_detail {
	float: left;
	height: 49px;
	width: 556px;
	background-image: url(../images/detail/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-right: 58px;
	padding-top: 50px;
}


/* Creative Theory */

#detail-right-columns {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;	
	height:83px;
}
#detail-right-columns img {
	padding:4px;
	margin:6px;
	border:1px #ccc solid;
	}
#master-right-columns {
	float:left;
	width:270px;	
}


/* Slideshow */
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:113px;
	margin-bottom:17px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 113px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {    
    display: block;
    border: 0;
    margin-bottom: 10px;
}