/* general */
* {
	margin: 0;
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
	-webkit-text-size-adjust: none;
	
}
html {
	height: 100%;
	margin-bottom: 1px;
}
#image_container{ 
	height:100%;
	width:100%; 
	top:0; 
	padding:0; 
	margin:0;
	position:fixed;
	left: 0;
}
.header {
	height: 50px;
}
body {
	background-position: center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	overflow-x:hidden;
}
.wrapper li{
	/*list-style-type: none;*/
	/*font-size: 0.8em;*/
	/*padding-bottom: 10px;*/
	
}
html, body {
	height: 100%;
}

/* images */

#imgnudge{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1px;
}
img {
	outline: 0;
	border: 0px;
	display:block; 
}
img, img a{
	outline: 0;
	padding:0px;
		display:block; 
}
/* links */
a:active, a:focus {
	outline: 0;
}
a {
	color: #000;
	text-decoration: none;
	font-family: "Franklin Gothic Medium","Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
}

/*a:active {
  position: relative;
  top: 1px;
}*/
.content a{
	text-decoration: none;
}
a:hover#prc{
	text-decoration: none;
	background-color: #fd4239;
	color:#fff;
}
a:hover#pro{
	text-decoration: none;
	background-color: #1376c2;
	color:#fff;
} 
a#pro2{
	text-decoration: none;
	color:#1376c2;
} 
a:hover#pro2{
	text-decoration: none;
	background-color: #1376c2;
	color:#fff;
} 
a:hover#skt{
	background-color: #77b800;
	text-decoration: none;
	color:#fff;
} 

a#extbld{
	text-decoration: none;
	color: #4a4a4a;
	font-weight: bold;
} 
a#extbig {
	text-decoration: none;
	color: #1376c2;
	font-weight: bold;
}
a:hover#extbig {
	text-decoration: none;
	background-color: #1376c2;
	color: #fff;
	font-weight: bold;
}
a:hover#ext{
	text-decoration: none;
	background-color: #666;
	color:#fff;
} 

/* banners - need check */
#banner {
	display:block;
		height: 482px;
}
#smallerbanner {
	height: 460px;
}

#fencer { float: left; background: url(data/images/bck.gif) top left repeat-y; }
  
#fencer div { float: left; }


/* submenu */
.submenu{
	height:36px;
	*height:46px; /* targets IE6 and 7 */
	overflow: visible;
	position: relative;
	top: 4px;
	*top: 8px; /* targets IE6 and 7 */
	line-height: 16px;
	font-size: 13px;
}
.submenu a{
	background-color: transparent;
}
/* IE6 submenu workaround */
html > body .submenu{
		height: 56px;
	}

/* Gallery */
	
#myGallery {
width: 736px !important;
height: 440px !important;
overflow: hidden;
}
	
/* colmenu */
.colmenu{
	width: 210px;
	overflow: hidden;
	position: relative;
	/*top: 10px;*/
	line-height: 17px;
	font-size: 13px;
	padding-bottom: 10px;
	z-index:3;
}
.colmenu p {
	bottom: 0;
  position: absolute;

}
#botsearch {
	width: 100%;
	height: 32px;
}
/* headings */
h1 {
	border-top-width: 7px;
	border-top-color: #ff0000;
	position: absolute;
	bottom:6px;
	font-size: 26px;
	/*font-weight: bold;*/
}
h2 {
	font-size: 20px;
		font-weight: bold;
		color: #4a4a4a;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
}

h3 {
	padding-top: 8px;
	font-size: 18px;
	font-weight: bold;

	color: #4a4a4a;
	padding-right: 12px;
	padding-bottom: 4px;
	font-family: "Helvetica Neue", Helvetica,  Geneva, Arial,sans-serif; 
}

h4 {
	padding-top: 5px;
	font-size: 14px;
	padding-bottom: 4px;
	padding-top:4px;
	/*font-weight: bold;*/
	font-weight: normal;
	color: #4a4a4a;
	line-height:17px;
	font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
}
h4 a,h4 a:link,h4 a:visited   {
	background-color: #1376c2;
	color: #fff;
	font-weight: bold;
}
h4 a:hover {
	background-color: transparent;
	color: #1376c2;
	font-weight: bold;
}
#ptitle{
		padding-bottom: 6px;
}
#map_canvas0,#map_canvas1,#map_canvas2,#map_canvas3{
	width:244px;
	overlay:hidden;
	height: 320px;
background-color: #transparent;
}

#map_canvas0 a,#map_canvas1 a,#map_canvas2 a,#map_canvas3 a{
	background-color: transparent;
	}

#map_canvas {
	overflow:hidden;
}
#map_canvas_480 {
	width: 100%;
	height:100%;
	overflow: hidden;
}

/* paragraph */
p{
	font-family: "Franklin Gothic Medium","Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
	padding: 6px 20px 6px 0;
	font-size: 13px;
	color: #575759;
	line-height:18px;
}
p#subtext {
	font-size: 13px;
}
p#emp {
width:420px;
	font-style: italic;
	
}
p#sml {
	font-size: 12px;
}
p#bld{
	color: #4a4a4a;
	font-weight: bold;

}

.drk {
	color: #1a1a1a;
}
.quotebig{
	padding: 0px;
	padding-top: 5px;
	font-size: 18px;
	height:80px;
}
.quote{
	padding: 0px;
	padding-top: 5px;
	font-size: 14px;
	padding-bottom: 10px;
}

.header li{
	float: left;
	position: relative;
	margin-left: 1px;
	margin-right: 1px;
	position: relative;
	margin-left: 1px;
	margin-right: 1px;
	width:244px;
	height: 49px;
	padding-bottom: 12px;
	display:block;
	color: #666;
	vertical-align: bottom;
	
}

.header li a{
	display: block;
	border-top: 0;
	border-bottom: 0;
	font-size: 16px;
	width:244px;
	height: 49px;
	color: #4a4a4a;
	position: absolute;
	border-top: 7px solid #666;
	border-bottom: 1px solid #666;
	postion: absolute;
	top:0px;
}

/* staff boxes */
.staff {
/*width: 244px;*/
	height: 152px;
}

.staff img{
	width: 244px;
	height: 122px;
	border-bottom: 1px solid #666;
	padding-bottom: 4px;
	opacity: 0.95;
	filter: alpha(opacity=95);
}
.staff p {
		font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
	font-size: 9pt;
	padding: 2px 0 0;
}

.staff a:hover img{
	border-bottom: 1px solid #fd4239;
	opacity: 1;
	filter: alpha(opacity=100);

}
.staff a:hover p{
	color: #fd4239;
}

#moreinfo{
	background-image: url(../data/images/fade.png);
	text-indent: 248px;
	font-size: 24px;
}
/* .projects boxes */

.projecto {
/*width: 244px;*/
	height: 212px;
}
.projecto img{
	
	width: 244px;
	height: 162px;
	border-bottom: 1px solid #666;
	padding-bottom: 4px;

}
.projecto p {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
	font-size: 9pt;
	padding: 3px 0 0;
}
.projecto a p {
	color: #333;
}
.projecto a img{
	
	border-bottom: 1px solid #666;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.projecto a:hover img{
	border-bottom: 1px solid #1376c2;
	opacity: 1;
	filter: alpha(opacity=100);
}
.projecto a:hover p{
color: #1376c2;
}

/* .projectsbig boxes */
.projectobig {
/*width: 244px;*/
	height: 276px;
}
.projectobig img{
	
	width: 244px;
	height: 244px;
	border-bottom: 3px solid #666;
	padding-bottom: 4px;

}
.projectobig p {
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
	font-size: 9pt;
	padding: 3px 0 0;
}
.projectobig a p {
	color: #333;
}
.projectobig a img{
	
	border-bottom: 1px solid #666;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.projectobig a:hover img{
	border-bottom: 1px solid #1376c2;
	opacity: 1;
	filter: alpha(opacity=100);
}
.projectobig a:hover p{
color: #1376c2;
}

/* .heritage boxes */
.heritage {
	height: 171px;
}
.heritage img{
	width: 244px;
	height: 162px;
	border-bottom: 1px solid #666;
	padding-bottom: 4px;
}
/* footer */
#bumper {
	height:20px;
	*height:50px; /* targets IE6 and 7 */
	
}
.footer, .push {
	height: 32px; /* .push must be the same height as .footer */
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	width: 984px;
}
.footer p {
	color: #4a4a4a;
	font-size: 13px;
	padding: 8px 20px 10px 0;
	/*font-weight: bold;*/
}
/* footer address */
.address {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-top: 1px solid #666;
	width: 244px;
	color: #000;
	
}
.address p{
		font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
	font-weight: bold;
}
/* grids */
.grid_menu,
.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 0px;
}

* html .grid_3 {
margin-right: 0px;
}
.thumbwrapper {
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 246px;
}
.thumbwrappertest {
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 246px;
	height: 800px;
}
.thumbwrapperwide {
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	 
}

.grid_menu {
*padding-top: 4px; /* targets IE6 and 7 */
	
}

/* brdr - one grid width */
.brdr,.brdr_sub {
	width: 244px;
	height: 1px;
	border-bottom: 1px solid #666;
	margin-top:10px;
	margin-bottom:10px;
	margin-left: 1px;
	margin-right: 1px;
	display:inline;
	float: left;
	position: relative;
	/*padding-top: 7px; 
		padding-bottom: 7px;*/ 
}

.brdr_sub {
	margin-top:1px;
	*margin-top:8px;
	_margin-top:0px;
}

/* google maps canvas */
#map_canvas{
	height:736px;
	
}
#map_canvas_collabs{
	height:360px;
overflow: hidden;
}
#navtext {
	padding-top: 23px;
	font-weight: bold;
}
/* menu */


ul#listy {
		margin-left: 1em;
		padding-left: 0;
}
ul{
	padding-left:16px;
}
.logo {
	float: left;
	position: absolute;
	left: 0px;
	margin-left: 1px;
	margin-right: 1px;
	position: relative;
	margin-left: 1px;
	margin-right: 1px;
	width:244px;
	height: 37px;
	padding-bottom: 12px;
	display:inline;
	padding-top: 7px;
	border-bottom: 1px solid #4a4a4a;
	border-top: 0px;
	background: none -3000px;
	text-indent: 0px;
}
.awdp {
	padding: 2px 20px 2px 0;

	
}
.logo h1 {
	color: #4a4a4a;
	font-size: 20px;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


li {
font-family: "Franklin Gothic Medium","Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; 
	font-size: 13px;
	color: #575759;
	line-height:18px;
	margin-right: 20px;
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: none;
	padding-bottom: 5px;
}

li#prac a:hover{
	border-top: 7px solid #fd4239;
	border-bottom: 1px solid #fd4239;
}
li#proj a:hover{
	/*color: #1376c2;*/
	border-top: 7px solid #1376c2;
	border-bottom: 1px solid #1376c2;
}
li#sket a:hover{
	/*color: #77b800;*/
	border-top: 7px solid #77b800;
	border-bottom: 1px solid #77b800;
}

/* selected main menu */
#pracselected a{
	color: #fd4239;
	border-top: 7px solid #fd4239;
	border-bottom: 1px solid #fd4239;
} 
#projselected a{
	color: #1376c2;
	border-top: 7px solid #1376c2;
	border-bottom: 1px solid #1376c2;
}

/* highlight colours */
#practiceselected {
	color: #fd4239;
}
#projectsselected {
	color: #1376c2;
}
#padsearch {
	padding-top: 12px;
}

/* Wrapper */
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
.wrapperParent {
  width:100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -37px;
	margin-left: auto;
	margin-right: auto;
	width: 984px;
	z-index: 3;
}
.wrapper .grid_menu {
	width:120px;
}
.wrapper .grid_1 {
	width:244px;
}
.wrapper .wrap{
	display:inline;
	float: left;
	position: relative;
}
.wrapper .grid_2 {
	width:490px;
}
.wrapper .grid_3 {
	width:736px;
}
.wrapper .grid_3 {
	width:736px;
}
.wrapper .grid_4 {
	width:982px;
}
.wrapper .prefix_1 {
	padding-left:246px;
}
.wrapper .prefix_2 {
	padding-left:492px;
}
.wrapper .prefix_3 {
	padding-left:738px;
}
.wrapper .suffix_1 {
	padding-right:246px;
}
.wrapper .suffix_2 {
	padding-right:492px;
}
.wrapper .suffix_3 {
	padding-right:738px;
}
.wrapper .push_1 {
	left:246px;
}
.wrapper .push_2 {
	left:492px;
}
.wrapper .push_3 {
	left:738px;
}
.wrapper .pull_1 {
	left:-246px;
}
.wrapper .pull_2 {
	left:-492px;
}
.wrapper .pull_3 {
	left:-738px;
}

/* Wacky stuff */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
	}