/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* 
  BLUEPRINT CSS
   * Filename:        compressed.css
   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
   
   Generated by:
    * Blueprint CSS Grid Generator (2008-10-27) [http://kematzy.com/blueprint-generator/]
    
  == STRUCTURE: ========================
   * Page width:            830 px
   * Number of columns:     21
   * Column width:          30 px
   * Margin width:          10 px
  ======================================
   
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:collapse;border-spacing:0;border:none;}
caption, th, td {text-align:left;font-weight:normal;padding:0px;margin:0px;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

form input, form texarea {
background-color:#ffffff;
}

ul, li {
	border: 0px;
	margin:0px;
	padding:0px;
}

strong{
	font-weight: bold;
}

body {
	margin:0px;
	padding:0px;
	font-family: "Century Gothic", Arial;
	font-size:13px;
}

a, a:hover{
color: black;
}

#col1 li {
	list-style-image:url(/images/bluesquare_empty.gif);
	margin-left: 20px;
  padding-left: 0px;
  .padding-left: 11px;
}

#row1 {
	width:100%;
	height:100px;
	text-align:center;
	background-image:url(/images/row1_bg.gif);
	background-repeat:repeat-x;
}

#row2 {
	width:100%;
	text-align:center;	
}

#row2b {
	width:100%;
	text-align:center;	
}

#row2 .content {
	background-image:url(/images/row2_bg.gif);
	background-repeat:repeat-y;
}

#row2b .content {

}

#row3 {
	width:100%;
	height:94px;
	text-align:center;
	background-image:url(/images/row3_bg.gif);
	background-repeat:repeat-x;
}

.content {
	width:735px;
  _width: 765px;/*stop IE6 moving col2 under col1*/
	margin:auto;
	text-align:left;
}

#logo {
	display:inline;
	float:right;
	margin-top:17px;
  margin-right: -1px;
  
}

#menu-container{
	position:relative;
	top:66px;
	left:-8px; 

  }
 

#menu-container{
  .margin-top: 67px;
  .float: left;
  .position: static;
  .top: 0;
  .left:0px;
  .margin-left: -7px;
} 
 

#menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-family:"Century Gothic", "Trebuchet MS", Arial;
 
}

#menu a {
	display: block;
  color:#000;
	text-decoration:none;
  text-align: center;

}

ul#menu  li.menu_item_s a {
	color:#000000;
	text-decoration: underline;
  
}

#menu li { /* all list items */
  float: left;
  background-image:url(../images/bluesquare.gif);
  background-repeat: no-repeat;
  background-position: top left;
  width: 75px; /* width needed or else Opera goes nuts */
  padding-left: 19px;
}

#menu li:hover{

  background-image:url(../images/bluesquare.gif);

}

#menu li#projects { 
padding-left: 20px;
width: 67px;
}

#menu li#news { 
padding-left: 19px;
width: 50px;
}

#menu li#clients { 
padding-left: 19px;
width: 57px;
}

#menu li#contact { 
padding-left: 17px;
}

#menu li:first-child {

background-image:none;
padding-left: 0;

}

#menu li ul { /* second-level lists */
	display: none;
	wideth: 10px;
  margin-top: 14px;
	padding:  0;
  margin-left: -19px;
}



#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	display: block;
}

#menu li:hover ul a, #menu li.sfhover ul a{ /* lists nested under hovered list items */
	display: block;
  height: 8px;
  width: 100px;
  background-color: #fff;
  position: relative;
  z-index: 100;
  
  
}

#menu a:hover {
 text-decoration: underline;

}


#menu li ul  li { 
padding: 0px;

}

#menu li ul  li a{ 
padding: 5px;
border: 1px solid #000;
border-top:  0px;
background-color: #fff;
text-align: left;
line-height: 7px;

background-image:url(../images/bluesquare_empty.gif);
background-repeat: no-repeat;
background-position: -2px -2px;
padding-left: 25px;
}
#menu li ul  li a:hover{ 
  background-image:url(../images/bluesquare.gif);
background-repeat: no-repeat;
background-position: -2px -2px;
}

#minheight {
	float:left;
	width:1px;
	display:inline;
	height:456px;
}
#col1 {
	float:left;
	width:426px;
	display:inline;
	margin-right:5px;
  
}

#whitetop {
	width:426px;
	height:28px;
	background-color:#ffffff;
}

#col2 {
	float:left;
	width:303px;
	display:inline;
}

#col11 {
	float:left;
	width:432px;
	display:inline;
	margin-right:5px;
	height:464px;	
}

#col12 {
	float:left;
	width:290px;
	display:inline;
}

#home1 {
	float:left;
	display:inline;
	width:318px;
	height:482px;
}

#home2 {
	float:left;
	display:inline;
	width:318px;
	height:482px;
	margin-left:20px;
}

a img {
	border:0px;
	text-decoration:none;
}

#toplinks {
	height:29px;
	width: 321px;
}

#toplinks2 {
	height:29px;
	width: 222px;
	float:right;
	margin-right:21px;
}

#spacer {
	height:29px;
	width:6px;
	display:inline;
	float:left;
	background-color:#fff;
}

.toplink {
	height:29px;	
	width:105px;
	display:inline;
	float:left;
	margin-left:3px;
	margin-top:0px;
}

#toplink {
	height:29px;	
	width:105px;
	display:inline;
	float:left;
	margin-left:3px;
	margin-top:0px;
}

#toplink99 {
	height:29px;	
	width:105px;
	display:inline;
	float:left;
	margin-left:3px;
	margin-top:0px;
}

#toplink2 {
	height:29px;	
	width:105px;
	display:inline;
	float:left;
	margin:0px;
	margin-top:0px;
}

#submenu {
	margin-top:15px;
	width:320px;
}

#submenu_minheight {
	width:1px;
	height:95px;
	display:inline;
	float:left;
}
#submenu_content {
	width:300px;
	display:inline;
	float:left;
}


#submenu ul {
	list-style:none;
	padding-left:0px;
	margin-left:19px;
}

#submenu ul li {
	margin-top:4px;
}

#submenu ul li.menu_item_s {
	list-style-image:url(../images/whitesquare.gif);
	
}

#submenu a {
	color:#000;
	text-decoration:none;
	padding:0px;
	margin-left:9px;
	line-height:14px;
}

#submenu a:hover {
	text-decoration:underline;
}

#submenu ul li.menu_item_s a {
	color:#000000;
}

#submenu_in {
	margin-top:15px;
	width:320px;
}


#submenu_in ul {
	list-style:none;
	padding-left:0px;
	margin-left:19px;
}

#submenu_in ul li {
	margin-top:4px;
}

#submenu_in ul li.menu_item_s {
	list-style-image:url(../images/whitesquare.gif);
	
}

#submenu_in a {
	color:#000;
	text-decoration:none;
	padding:0px;
	margin-left:9px;
	line-height:14px;
}

#submenu_in a:hover {
	text-decoration:underline;
}

#submenu_in ul li.menu_item_s a {
	color:#000000;
}



#thumbs {
	margin-left:10px;
}

#tn_top {
	margin-left:110px;
	height:100px;
}

#tn_middle {
	margin-top:11px;
	height:100px;
}

#tn_middle1 {
	float:left;
	display:inline;
	width:100px;
	height:100px;
}

#tn_middle2 {
	float:left;
	display:inline;
	width:100px;
	height:100px;
	margin-left:10px;
}

#tn_bottom {
	margin-top:11px;	
}

#thumbs img {
	width:100px;
	height:100px;
}

#rhs_content {
	width:210px;
	margin-left:9px;
	margin-top:30px;
}

#newsitem {
	width: 400px;
	margin-top:15px;
}

#newsdate {
	width:100px;
	display:inline;
	float:left;
}

#newsdate img{

margin-right: 6px;
}
#newstext {
	width:300px;
	display:inline;
	float:left;
}

.client {
	width:84px;
	height:112px;
	margin:4px;
	margin-left:12px;
	float:left;
	display:inline;
	font-weight:bold;
}

.clientname {
	height:28px;
	font-size:11px;
	line-height:14px;
}

.clientlogo {
	width:84px;
	height:84px;
}

table.clientstable tr {
	height:90px;
}

table.clientstable tr.cname {
	height:35px;
	vertical-align:top;


}

table.clientstable td {
	width:100px;
	text-align:center;

}

table.clientstable td.cname {
font-size:10px;
text-align:center;
vertical-align:top;
	height:35px;
}

table.clientstable td.cname a{
 color:#000;
 text-decoration:underline;
}


ul.pagination {
float:right;
}

ul.pagination li {
	display:inline;
	list-style-image:url(../images/bluesquare.gif);
}

ul.pagination li a {
	text-decoration:none;
}

ul.pagination li a:hover {
	text-decoration:underline;
}

#contact {

}

#contact table {
	text-align:left;
	margin-top:30px;
	background-image:url(/images/contactbg2.gif);
	background-repeat:no-repeat;
	font-size:12px;
	height:400px;
}

#contact table td a {
	color:black;
	text-decoration:underline;
}

#contact table td image {
	border:0px;
	margin:0px;
}

#contact table tr.h30 {
	hei/ght:20px;
}

#contact table td .w422{
	width:422px;
	text-align:right;
}

#contact table td input {
	margin:0px 0px 6px 0px;
	width:208px;
	border: 1px solid #000;
	height: 20px;
}

#contact table td textarea {
	width:208px;
	height:95px;
	overflow:auto;
	border: 1px solid #000;
}

#contact table td.right {
	text-align:right;
	vertical-align:top;
}

.spacecol {
	width:18px;
}

.warning {
	color:red;
}

#contactcol1 {
	height:464px;
	width:674px;
	padding:0px;
}

.contactbutton {
	float:right;
	margin-right:85px;
}

#bottomspacer {
	width:500px;
	height:10px;
	background-color:#fff;
}

#bottom_spacer {
	width:500px;
	height:28px;
	back/ground-color:#fff;
}

#toplinkextra_arch {
	width:213px;
	height:23px;
	background:url(../images/architecture_button_bottom.gif);
	background-repeat:no-repeat;
	background-color:#5B7EBC;
	margin-left:9px;
}

#toplinkextra_int {
	width:213px;
	height:23px;
	background:url(../images/interiors_button_bottom.gif);
	background-repeat:no-repeat;
	background-color:#a3a3a3;
	margin-left:9px;
}

#albummenu {
 margin-left:9px;
	width:215px;
	height:352px;
	font-size:11px;
}

#albummenu h2{

padding-top: 5px;
line-height: 1;
}

#albummenu .arch{
	background-color:#5B7EBC;
	height:21px;
	width:213px;
	margin:3px 0 0 0;
	padding:0px;
	font-weight:bold;
}

#albummenu .int{
	background-color:#a3a3a3;
	height:21px;
	width:213px;
	margin:3px 0 0 0;
	padding:0px;
	border:0px;	
	font-weight:bold;
}

#albummenu a {
	text-decoration:none;
	color:white;	
}

#albummenu div.gallerysub {
	font-size:10px;
}

#albummenu div.gallerysub a{
	background:url(../images/gallerybulletoff.gif);
	background-repeat:no-repeat;	
	color:#000000;
	margin-left:8px;
	padding:2px 0px 1px 13px;
	background-position:0px 7px;
	display:block;
}

#albummenu div.gallerysub a:hover{
	color:#000000;
	background:url(../images/gallerybulleton.gif);	
	background-repeat:no-repeat;	
	background-position:0px 7px;
}

#albummenu div.gallerysub a:hover {
	text-decoration:underline;
}

#albummenu div.gallerysubactive {
	background:url(../images/gallerybulleton.gif);	
	background-repeat:no-repeat;	
	background-position:0px 7px;
	font-size:10px;
	margin-left:8px;
	padding:2px 0px 1px 13px;
	text-decoration:underline;
}

#albummenu div.gallerysubactive a{
	color:#000000;
}

#imagelinks a {
	
	text-decoration:none;
	color:#000;

}

#imagelinks a.imageon {
	text-decoration:underline;
}

#imagelinks a:hover {
	text-decoration:underline;
	color:#000;
	
}

#imagelinks {
	width:300px;
	height:22px;
	bo/der:1px solid #000;

}

.imagelinks_image {
	width:20px;
	height:20px;
	bo/rder:1px solid #000;
	float:left;
	display:inline;
	text-align:center;
}

.imagelinks_arrow {
	width:15px;
	height:20px;
	bord/er:1px solid #000;
	float:left;
	display:inline;
}

.imagelinks_info {
	width:40px;
	height:20px;
	bor/der:1px solid #000;
	float:left;
	display:inline;
	text-align:center;
	margin-right:4px;
}

a.prevlink{
	background-image:url(../images/arrow-prev.gif);
	background-repeat:no-repeat;
	display:block;
	height:9px;
	width:7px;
	margin-top:5px;
}

a.nextlink {
	background-image:url(../images/arrow-next.gif);
	background-repeat:no-repeat;
	display:block;
	height:9px;
	width:7px;
	margin-top:5px;
}

a.prevlink:hover {
	background-position:0px -9px;
}

a.nextlink:hover {
	background-position:0px -9px;
}

#imagelinks {

padding-top:20px;
}

#imagedisplay {

}

#imagedisplay table {
margin:0px;
padding:0px;
margin-top:28px;
}

#imagedisplay table tr{
	height:420px;
}

#imagedisplay table td{
	width:420px;
	vertical-align:middle;
	text-align:left;
}

#infoname {
 font-weight:bold;
 margin-bottom:7px;
 margin-top:0px;
}

#infoclient {

}

#infoclient span {
	font-weight:bold;
}

#infodesc {
	margin-top:10px;
	padding-right:7px;
}

#infobox {
	width:420px;
	height:426px;
	border-right:1px solid #000;
}

body:first-of-type #menu ul li {
	display:table-cell;
}

.makeScroll {
position: relative;
z-index: 0 !important; z-index: 0;
	width:426px;
	overflow:hidden;
	bo/rder:1px solid;
}
.scroll-track{
 height:10px;
 width:5px;
 background:white; 
 background:url(../images/bg_scrolltrack.gif);
}

.scroll-handle{
 height:10px;
 width:5px;
 background:white;
 cursor:pointer;
 background:url(../images/bg_scrollhandle.gif);
}
#scroll_1 {
	height:428px;
}

.paddingright {
	padding-right:15px;
}

#albumdeets {
	margin-left:8px;
	font-weight:bold;
  width: 210px;
  margin-top: 11px;
	.margin-top:17px;
}

#album .makeScroll{   

height: 270px;
}

#album img{

margin-top: 12px;
mar/gin-right: 17px;

}

#album_photos{
position: relative;
width: 426px;
top:15px;
}

.album_photo {
	width:130px;
	margin-left:17px;
	float:left;
	display:inline;
}

#album_photo img {
	margin: 0px;
}

.makeScroll  ul li {
	list-style-image:url(/images/bluesquare_empty.gif);
	margin-left: 24px;
}



#bottom_row {
  width:700px;
	padding-top:13px;
	}

#sitemaplink {
	width:100px;
	float:left;

	margin-left:465px;
}

#riba {
	float:left;
	display:inline;
  width:72px;
}

#iso {
	float:left;
	display:inline;
  width:45px;
	margin-left:17px;
}

#riba img {
margin-top:3px;
}

#iso img {
margin-top:3px;
}

#sitemaplink a {
	text-decoration:none;
}

#sitemaplink a:hover {
	text-decoration:underline;
}

a.sitemaplink {
	text-decoration:none;
}

a.sitemaplink:hover {
	text-decoration:underline;
}

li.sitemaplink a {
	text-decoration:none;
}

li.sitemaplink a:hover {
	text-decoration:underline;
}

#rhsimage {
	margin-top:184px;
	position:relative;
	top:6px;
	left:9px;
}

#nthumbs {
	margin-top:105px;
	_margin-top:97px; /* formatting for IE6 */
	margin-left:10px;
	text-align:left;
}

#nthumbs #tn_top {
	margin-left:110px;
	height:100px;
}

#nthumbs #tn_middle {
	margin-top:11px;
	height:100px;
}

#nthumbs #tn_middle1 {
	float:left;
	display:inline;
	width:100px;
	height:100px;
}

#nthumbs #tn_middle2 {
	float:left;
	display:inline;
	width:100px;
	height:100px;
	margin-left:10px;
}

#nthumbs #tn_bottom {
	margin-top:11px;	
}

#nthumbs img {
	width:100px;
	height:100px;
}