@charset "utf-8";
/* CSS Document */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0;
	color: #666;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-color: #6C7D87;
}
h1 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 180%;
	color: #6C7D87;
}
h2 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 150%;
}
h3 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 120%;
}
ul {
	padding:0px;
	margin:0px;
}
p {
	line-height:1.6em;

}
#pagewrapper {
	position:relative;
	width:800px;
	height:auto;
	z-index:1;
	margin: 0px auto;
	background-color: #FFFFFF;
}
#topcolourband {
	background-color:#999999;
	width:50%;
	height:100%;
}
#logoholder {
	position:absolute;
	margin:12px 12px 13px 8px;
	z-index:3;
	width: 146px;
	height: 159px;
	top: -1px;
	left: 0px;
	color: #ED3024;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#logoholder a img{
	border: none;
}

#topcolourband {
	background-color:#999999;
	width:50%;
	height:100%;
}
#headerbanner {
	position:absolute;
	width:390px;
	height:113px;
	z-index:4;
	left: 367px;
	top: 24px;
	background-image: url(img/background_fade02.png);
	color: #000;
	padding: 4px;
	border: solid #FFFFFF 1px;
}
#headerwrap {
	position:relative;
	width:800px;
	height:170px;
	z-index:3;
	background-image: url(img/header01_800x170_flat4.png);
}
#leftnavwrap {
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:160px;
	height:202px;
	z-index:3;
	background-image: url(img/banner_trans02.png);
	background-repeat: no-repeat;
	background-position: center;
}
#leftnavwrap ul {
	list-style-type:none;
}
#leftnavwrap a {
	display:block;
	height:1.7em;
	margin:5px 8px 1px 8px;
	background-color:#FFFFFF;
	border-bottom:solid thin #CCCCCC;
	text-align:center;
	width: 145px;
	padding-top: 5px;
	text-decoration: none;
}
#leftnavwrap a:hover {
	text-decoration:underline;
}
#titlesectionwrap {
	float:right;
	position:relative;
	width:640px;
	height:222px;
	z-index:4;
}
#maincontentwrap {
	float:right;
	position:relative;
	width:800px;
	height:auto;
	z-index:4;
}
div.clearboth {
	clear:both;
}
#pagename {
	float:left;
	position:relative;
	width:68px;
	height:202px;
	margin-top:20px;
	z-index:2;
	background-color: #FFFFFF;
}
#pageindex {
	position:relative;
	float:right;
	height:202px;
	z-index:3;
	background-color: #FFFFFF;
	width: 570px;
}
div.indexlist {
	float:right;
	width:174px;
	height:180px;
	padding:5px;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color: #999;
}
div.indexlist ul{
    list-style-type:none;
	
}
div.thumbnail_01 {
	position:relative;
	float:right;
	width:175px;
	height:175px;
	padding: 2px;
	margin: 3px;
	color:#FFF;
	background-color: #003333;
	
}
div.thumbnail_01 span {
	color:#F30;
}
#midcontentwrap {
	position:relative;
	float:right;
	width:640px;
	height:auto;
	z-index:3;
	padding-bottom:30px;
	background-color: #FFFFFF;
	border-top:solid #FF0000 1px;
	padding-left: 160px;
	
}
.messagebox {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 145%;
	text-align:center;
	background-color: #666;
	color: #FFFFFF;
	padding: 10px 30px 10px 30px;
	line-height: 1.3em;
}
.feature {
	width: 580px;
	padding: 10px 30px 10px 15px;
}
.workgrid {
	padding:7px;
	width: 786px;
	height: 262px;
}
.workthumb {
	float:left;
	height:129px;
	width:129px;
	border-style:none;
	background-color:#CCC;
	margin: 1px;
}
.workthumb a img{
	border-style:none;	
}
.work {
	margin: 0px 0px 40px 0px;
	height: 648px;
	width: 786px;
	padding: 7px;
	border-top: solid #999 1px;
}
.worktitle {
	font-size: 22px;
	margin: 0px;
	width: 235px;
	float: right;
	height: 258px;
	background-image: url(img/background_fade02.png);
	background-repeat: repeat-x;
}
.worktitle h2 {
	margin-bottom:0px;
}
.foliotext {
	padding: 10px 0px 0px 10px;
	float: left;
	height: 145px;
	width: 650px;
	background-image: url(img/background_fade03.png);
	background-repeat: repeat-x;
	
}
.folioimage {
	margin: 0px 20px 0px 0px;
	float: Left;
	background-color: #FFFFFF;
	width: 530px;
	height: 500px;
}
.addwork {
	float:left;
	width:786px;
	height:300px;
}
.testimonials {
	width:530px;
	height:180px;
	border:solid #FF0000 2px;
	padding:0px 10px 10px 10px;
	overflow:scroll;
	margin-left: 40px;
}
#testimonialbkgrd {
	background-image: url(img/test_tab01.gif);
	background-position: top left;
	background-repeat: no-repeat;

	
	
	
}
.testimonial_lable {
	color:#FFF;
	display:block;
	background-color:#999999;
	padding:5px;
	width: 503px;
	
}
.testimonial_lable span {
	font-size:0.8em;
}
.logobrand01 {
	margin-top:40px;
	width:50%;
	margin-left:45%;
}
#footer {
	position:relative;
	width:792px;
	height:67px;
	margin: 0px auto;
	background-color: #455560;
	padding: 2px 10px 6px 0px;
	color:#FFFFFF;
	text-align:center;
	border-top: solid #999 2px;
}	
#footer a {
	color:#CCC;
}
.footertextright {
	float: right;
	margin-right:10px;
	color:#999;
	font-size:smaller;
}
#footer a:hover {
	color:#03F;
	text-decoration:none;
}
#footer_adds {
	float:right;
	width:200px;
	height:31px;
	Padding:5px;
}