html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
#wrap {
	width:100%;
	margin:0 auto;
	background: transparent;

}
#header {
	width:100%;
	height: 1px;
}

html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content {padding:1px 1px 131px 1px;} /* 12em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {

	height:80px;
    	width: 100%;
	background-color: #ffffff;
	border-top: 1px solid #cfcece;

}
#labfooter 
{
 width: 960px;
 margin:auto; 
 text-align: left; 
 
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

/* Styling to make this demo page look just a little bit better */
html,
body {
	color:#333;
	
background-image: url(img/load.jpg);
background-position: bottom left;
background-repeat: repeat-x;
}
body {font:normal 1em Verdana,Helvetica,Arial,sans-serif;}

p {margin:1em 0;}
.info {
	position:relative;
	padding:0.5em;
	border:2px solid #999;
	background:#fff;
}
a:link,
a:visited {

	color:#AE4F0C;

	text-decoration:none;
}
a:focus,
a:hover {

	color:#ff0000;
}

#footer {
 width: 100%;
}


#content-wrap,
#content {
 background-color: #ffffff;
 padding: 0;
 height: 100%;
 }



#slidewrap {
	background-color:#ffffff;
	margin:10px auto;
	position:relative;
	width: 750px;
}

#slideshow {
	background-color:#fff;
	position:absolute;
	width: 750px;
	overflow:auto;
}
/* commented backslash hack  - invisible to IE 5 \*/
#slidewrap {
	position:absolute;
	margin:-315px 0 0 -375px;
	left:50%;
	top:50%;
	width: 750px;
}


#slidewrap_home {
	background-color:#fff;
	margin:10px auto;
	position:relative;
	width: 425px;

}

html>body #slidewrap_home:after { 
 content: "."; 
 visibility: hidden; 
 height: 0px; 
 clear: both; 
 overflow: hidden;
 font-size: 1px;
 width: 0px;
 line-height: 0;
 display: block;
 } 
  
 * html #slidewrap_home { height: 1%; }     /* IE < 7 only */

#slideshow_home {
	background-color:#fff;
	position:absolute;
	width: 425px;
	overflow:auto;

}

/* commented backslash hack  - invisible to IE 5 \*/
#slidewrap_home {
	position:absolute;
	margin:-275px 0 0 -212px;
	left:50%;
	top:50%;
	width: 425px;
}


/* end hack */

#container {

 padding:0;
 margin: auto;
 height: 50px;
 overflow: hidden;
 width:100%;
 display:block;
 background-color: #231f20;

 }
 
#logowrap {
 padding:0;
 margin: auto;
 height: 50px;
 overflow: hidden;
 width:1080px;
 display:block;
 background-color: #231f20;
 text-align: right;
 font-family: georgia;
 }

#logowrap img {
 float: left;
 }

#logowrap h4 {
 color: #cccccc;
 margin:4px 0 0 0;
 padding:0;
 font-size: 80%;
 font-weight: normal;
 font-family: georgia;
 }


#logowrap p {
 margin: 4px 0 0 0;
 padding: 0;
 }

#logowrap a {
 padding:0;
 margin:0;
 color: #cccccc;
 font-size: 70%;
 text-decoration: underline;
 }


#logowrap a:hover {
 color: red;
 }

 #bodywrap {
 text-align:center;
 margin: 1px auto;
 width: 960px;
 height:100%;
 }

html>body #bodywrap {
 height: auto; /* for not-IE */
}

#bodyblock {
 color: #333333;
 padding: 0;
 text-align: left;
 display:block;
 margin: auto;
 margin-top: 0px;
 height:100%;
 }

html>body #bodyblock:after { 
 content: "."; 
 visibility: hidden; 
 height: 0px; 
 clear: both; 
 overflow: hidden;
 font-size: 1px;
 width: 0px;
 line-height: 0;
 display: block;
 } 
  
 * html #bodyblock { height: 1%; }     /* IE < 7 only */

#l-col {
 margin: 0;
 color: #333333;
 min-height: 500px;
 width: 550px;
 margin: 16px 16px 131px 16px;

 }

html>body .l-col:after 
 { 
      content: "."; 
      visibility: hidden; 
      height: 1px; 
      clear: both; 
 } 
  
 * html .l-col { height: 1%; }     /* IE < 7 only */

#cont {
 float: right; 
 width:350px;	
 text-align: left;
 margin: 16px 0px 0px 16px;
 line-height: 150%;
 font-size: 70%;
 }
 
.staffdetail {
 width: 550px;
 margin-bottom: 25px;
 }

.staffimage {
 float: left;
 width: 175px;

 }

.stafftext {
 float: right;
 width: 375px;
 }


.projectdetail {
 width: 475px;
 margin-bottom: 25px;
 background-color: transparent;
 }

.projectimage {
 float: left;
 width: 200px;
 background-color: transparent;
 }

.projecttext {
 float: right;
 width: 275px;
 background-color: transparent;
 }

.rollover {
 /*background: url(images/water.gif) 0 0 repeat;*/
 }

#slidecontrol {
 text-align: center;
 font-family: georgia;
 color: #808080;
 }

#slidecontrol a{
 color: #808080;
 }

#slidecontrol a:hover{
 color: #ff0000;
 }



#sidebar {
 width: 200px;	
 text-align: left;
 padding-top: 8px;
 background:transparent;
 font-size: 70%;
 line-height: 150%;
 top: 25%;
 position: relative;
 }

#testimonialdetail {
 width: 550px;
 }


html>body #testimonialdetail:after { 
 content: "."; 
 visibility: hidden; 
 height: 0px; 
 clear: both; 
 overflow: hidden;
 font-size: 1px;
 width: 0px;
 line-height: 0;
 display: block;
 } 

#testimonialimage {
 float: left;
 width: 175px;
 }

#testimonialtext {
 float: left;
 width: 375px;
 margin-bottom: 25px;
 }

#testimonialtext h6 {
 font-weight: normal;
 font-style: italic;
 font-size: 100%;
 color: #515151;
 }

blockquote {
 text-align: right;
 font-style: italic;
 margin: 0;
 padding: 16px;
 background-color: transparent;

 }

#quoteinner blockquote p {
 font-size: 200%;
 line-height: 150%;
 font-family: georgia;
 text-align: left;
 font-style: normal;
 margin: 0;
 padding: 0;
 background-color: transparent;
 }

blockquote h6 {
 font-size: 100%;
 font-family: verdana;
 text-align: right;
 font-style: italic;
 font-weight: normal;
 margin: 0;
 margin-top: 16px;
 padding: 0;
 }

#quoteinner {
 background-color: transparent;
 background-image: url(images/openquote.gif);
 background-position: top left;
 background-repeat: no-repeat;
 display: block;

 }



#quotewrap {
 background-color: transparent;
 background-image: url(images/end-quote.gif);
 background-position: bottom right;
 background-repeat: no-repeat;
 border: 4px solid #ffffff;
 display: block;

 }



#quoteouter {
 background-color: #eee;
 border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #808080;
 border-bottom: 1px solid #808080;
 display: block;
 width: 350px;
 float: left;
 margin-right: 8px;
 margin-bottom: 8px;
 margin-top: 8px;
 }




#articledetail {
 width: 550px;
 margin-bottom: 8px;

 }
 
 html>body #articledetail:after { 
 content: "."; 
 visibility: hidden; 
 height: 0px; 
 clear: both; 
 overflow: hidden;
 font-size: 1px;
 width: 0px;
 line-height: 0;
 display: block;
 } 
  
 * html #articledetail { height: 1%; }     /* IE < 7 only */

#articleimage {
 float: left;
 width: 175px;

 }

#articletext {
 float: right;
 width: 375px;

 }


#awarddetail {
 width: 550px;
 margin-bottom: 25px;
 }



#awardimage {
 float: left;
 width: 175px;
 background-color: transparent;
 }

#awardtext {
 float: right;
 width: 375px;
 }

html>body #awarddetail:after { 
 content: "."; 
 visibility: hidden; 
 height: 0px; 
 clear: both; 
 overflow: hidden;
 font-size: 1px;
 width: 0px;
 line-height: 0;
 display: block;
 } 
 
.dim {color: silver;}

#portfolio {
 margin: 0;
 margin-top:0;
 color: #333333;
 width: 960px;

 height: 100%;
 }

html>body #portfolio:after 
 { 
      content: "."; 
      visibility: hidden; 
      height: 1px; 
      clear: both; 
 } 
  
 * html #portfolio { height: 1%; }     /* IE < 7 only */
 
 #PORTTEXT
 {
    position: relative;
    padding-top: 50px;
    width:200px;
    float: right;
    font-size: 70%;
    line-height: 150%;
    color: #515151;
    display:block;

 }
   
  
 #PORTIMG
 {
    float: left;
    width:425px;
    display:block;
    padding: 1px;

 }
  
/*#thumbs {
 text-align: center;
 width:1080px;
 clear:both;
 background-color: #ffffff;

 }

#thumbs li {
 list-style: none;
 display: inline;
 }*/
 
 #portfoliodetail {
 width: 960px;
 /*height: 425px;*/
 margin: auto auto;
 position: relative;
 /*top: 25%;*/
 /*left: 50%;*/
 /*margin-left: -325px;*/
 /*margin-top: -300;*/
 background-color: #ffffff;
 }

html>body #portfoliodetail:after 
 { 
 content: "."; 
 visibility: hidden; 
 height: 0px; 
 clear: both; 
 overflow: hidden;
 font-size: 1px;
 width: 0px;
 line-height: 0px; 
 } 
  
 * html #portfoliodetail { height: 1%; }     /* IE < 7 only */


#portfolioimage {
 float: left;
 width: 425px;
 /*height: 450px;*/
 margin-bottom: 0;
 padding-left: 230px;
 }

#portfoliotext 
{
 margin-top: 50px;
 float: right;
 width: 200px;
 font-size: 70%;
 color: #515151;
 line-height: 150%;
 background-color: #ffffff;
 margin-bottom: 0;
 margin-left: 10px;
 }

#portwrap td {
 padding-top: -80px;
 }

#newsdetail {
 width: 550px;
 margin-bottom: 24px;

 }
 
 html>body #newsdetail:after { 
 content: "."; 
 visibility: hidden; 
 height: 0px; 
 clear: both; 
 overflow: hidden;
 font-size: 1px;
 width: 0px;
 line-height: 0;
 display: block;
 } 
  
 * html #articledetail { height: 1%; }     /* IE < 7 only */

#newsimage {
 float: left;
 width: 175px;

 }

#newstext {
 float: right;
 width: 375px;

 }

#newstext h4 {
 margin-bottom: 0;
 }

.newsdate {
 color: #808080;
 }

#returnlink {
 text-align: center;
 width: 625px;
 margin: 0px auto;
 font-size: 70%;
 }

#returnlink a:link {
 color: #515151;
 }