@charset "utf-8";
@import url('base.css');
@import url('lightwindow.css');
@import url('prototip.css');




body, td
	{
	font: 14px/1.6em "Trebuchet MS", Monaco, Arial, Helvetica, sans-serif;
	color: #d0d2d8;
	}
	
	
p
	{
	margin-bottom: 1.6em;
	}
	
	
a:link, a:visited
	{
	color: #86B107;
	text-decoration: none;
	}
	
	
a:hover, a:active
	{
	color: #ffffff;
	}
	
	
h1
	{
	font-size: 32px;
	line-height: 1.6em;
	color: #86B107;
	margin-bottom: 0;
	letter-spacing: -1px;
	}
	
	
h2
	{
	font-size: 24px;
	line-height: 1.6em;
	color: #ffffff;
	margin-bottom: 0;
	letter-spacing: -1px;
	text-transform: lowercase;
	}	
	
	
h3
	{
	font-size: 22px;
	line-height: 1.6em;
	color: #86B107;
	margin-bottom: 1.2em;
	padding-bottom: .4em;
	border-bottom: 1px solid #3D4045;
	letter-spacing: -1px;
	}	
	
	
h4
	{
	font-size: 16px;
	line-height: 1.6em;
	font-weight: normal !important;
	color: #ffffff;
	margin-bottom: .4em;
	}	
	
	
h5
	{
	font-size: 15px;
	line-height: 1.6em;
	color: #86B107;
	margin-bottom: .8em
	}
	
	
h6
	{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.6em;
	color: #86B107;
	margin-bottom: .2em;
	}	
	
	
 ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	
li
	{
	margin: 0;
	padding: 0;
	}
	
	
.bodycontentinner ul, .bodycontentinner ol
	{
	padding: 0 1em 1.6em 2em;
	}

.bodycontentinner ul li
	{
	line-height: 1.6em;
	list-style-image: url('../img/bgs/bullet.gif');
	}
	
.bodycontentinner li
	{
	padding: .1em .6em;
	}
	
	
strong
	{
	color: #ffffff;
	}	
	
h2 strong
	{
	font-weight: normal;
	color: #86B107;
	}	
	
	
	
.subimg
	{
	float: right;
	margin: 2px 0 12px 16px;
	padding: 4px;
	border: 1px solid #3D4045;
	background: #1a1a1d;
	}	
	
	
	
	
	
	
	
body
	{
	background: #323338;
	text-align: center;
	}
	
	
#tabs
	{	
	border: 2px solid #1a1a1d;
	background: #1a1a1d url('../img/bgs/tabs.jpg') top left repeat-x;
	height: 31px;
	overflow: hidden;
	}
	
	
#main
	{
	border-top: 1px solid #3D4045;
	border-bottom: 1px solid #3D4045;
	background: url('../img/bgs/page.jpg') top right no-repeat;
	}
	
	
#header
	{
	position: relative;
	width: 960px;
	height: 156px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	background: url('../img/bgs/header.jpg') bottom no-repeat;
	}	


#logo, #logo a:link, #logo a:visited
	{
	display: block;
	width: 320px;
	height: 132px;
	}
	
	#logo a:link, #logo a:visited
		{
		background: url('../img/branding/logo.gif') top left no-repeat;
		text-indent: -9999px;
		}
		
		
#nav
	{
	position: absolute;
	bottom: 24px;
	right: 31px;
	height: 56px;
	overflow: hidden;
	}

	#nav li
		{
		height: 56px;
		overflow: hidden;
		float: left;
		}
		
	#nav a:link, #nav a:visited
		{
		display: block;
		height: 56px;
		overflow: hidden;
		background-position: top left;
		background-repeat: no-repeat;
		text-indent: -9999px;
		}

	#nav a:hover, #nav a:active
		{
		background-position: bottom left;
		}
		
	#nworks { width: 154px; background: url('../img/nav/works.gif'); }	
	#nprocess { width: 132px; background: url('../img/nav/process.gif'); }	
	#nqualifications { width: 166px; background: url('../img/nav/qualifications.gif'); }	
	#ncontact { width: 129px; background: url('../img/nav/contact.gif'); }	
	
	
#body
	{
	position: relative;
	width: 960px;
	margin: 2px auto 0 auto;
	background: url('../img/bgs/body.jpg') top no-repeat;
	overflow: hidden;
	text-align: left;
	}	
	
	
#sidecol
	{
	position: relative;
	width: 320px;
	wid\th: 292px;
	padding: 62px 13px 96px 15px;
	float: left;
	overflow: hidden;
	}
	
	
#headingarrow
	{
	position: absolute;
	top: 7px;
	height: 43px;
	overflow: hidden;
	background: url('../img/bgs/arrow-down.gif') bottom no-repeat;
	}


#sidecol h2
	{
	width: 310px;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	background-position: top left;
	background-repeat: no-repeat;
	}
	
	#trecent { background: url('../img/titles/side-recent.gif'); }
	#tworks { background: url('../img/titles/side-works.gif'); }
	#tqualifications { background: url('../img/titles/side-qualifications.gif'); }
	#tprocess { background: url('../img/titles/side-process.gif'); }
	
	
.sidecontentouter
	{
	padding: 30px 0 0 0;
	margin-bottom: 10px;
	}html>body .sidecontentouter { background: url('../img/bgs/content-narrow-top.png') top no-repeat; }
	
	
.sidecontentinner
	{
	padding: 0 22px 30px 22px;
	}html>body .sidecontentinner { background: url('../img/bgs/content-narrow-btm.png') bottom no-repeat; } 


lthumb, .lthumb:link, .lthumb:visited,
rthumb, .rthumb:link, .rthumb:visited,
thumb, .thumb:link, .thumb:visited
	{
	position: relative;
	display: block;
	width: 248px;
	wid\th: 234px;
	height: 204px;
	hei\ght: 190px;
	background: url('../img/bgs/thumb.jpg') top left no-repeat;
	padding: 7px;
	margin: 0 0 8px 0;
	overflow:hidden;
	z-index: 99;
	}
	
.thumb:hover, .thumb:active,
.lthumb:hover, .lthumb:active,
.rthumb:hover, .rthumb:active
	{
	background-position: bottom left;
	}	
	
	
.lthumb, .lthumb:link, .lthumb:visited
	{
	float: left;
	left: -6px;
	}

.rthumb, .rthumb:link, .rthumb:visited
	{
	float: left;
	right: -6px;
	}
	
.narrowbutton:link, .narrowbutton:visited
	{
	font-size: 15px;
	display: block;
	width: 348px;
	wid\th: 292px;
	height: 51px;
	overflow: hidden;
	background: url('../img/bgs/button-sm.jpg') top left no-repeat;
	line-height: 50px;
	padding-left: 56px;
	margin: 2px 0;
	}
	
	
.narrowbutton:hover, .narrowbutton:active
	{
	background-position: bottom left;
	}
	
	
#maincolhome
	{
	position: relative;
	float: right;
	width: 637px;
	wid\th: 565px;
	padding: 256px 36px 96px 36px;
	overflow: hidden;
	}	
	
	
#maincolsub
	{
	position: relative;
	float: right;
	width: 637px;
	wid\th: 565px;
	padding: 106px 36px 96px 36px;
	overflow: hidden;
	}	
	
	
#ufo
	{
	position: absolute;
	top: 6px;
	right: 6px;
	width: 625px;
	height: 239px;
	overflow: hidden;
	background: url('../img/temp/homeflash.jpg') top left no-repeat;
	text-indent: -9999px;
	}#ufo strong, #ufo em { text-indent: -9999px; }
	
	
.title
	{
	position: absolute;
	top: 6px;
	right: 6px;
	width: 625px;
	wid\th: 560px;
	height: 89px;
	overflow: hidden;
	background: url('../img/bgs/titles.jpg') top left no-repeat;
	line-height: 90px;
	padding-left: 64px;
	}	
	
	
.bodycontentouter
	{
	margin-bottom: 10px;
	padding: 42px 0 0 0;
	}html>body .bodycontentouter { background: url('../img/bgs/content-wide-top.png') top no-repeat; }
	
	
.bodycontentinner
	{
	padding: 0 32px 16px 32px;
	overflow: hidden;
	}html>body .bodycontentinner { background: url('../img/bgs/content-wide-btm.png') bottom no-repeat; }
	
	
.widebutton:link, .widebutton:visited
	{
	font-size: 15px;
	display: block;
	width: 562px;
	height: 51px;
	overflow: hidden;
	background: url('../img/bgs/button-lg.jpg') top left no-repeat;
	line-height: 50px;
	padding-left: 56px;
	margin: 2px 0;
	}
	
	
.widebutton:hover, .widebutton:active
	{
	background-position: bottom left;
	}
	
	
#footerouter
	{
	position: relative;
	clear: both;
	border: 2px solid #1a1a1d;
	background: #1a1a1d url('../img/bgs/footer.jpg') top left repeat-x;
	}
	
	
#footerinner
	{
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url('../img/branding/footer-watermark.gif') left no-repeat;
	padding: 48px 0;
	}
	
	
#footerinner h3
	{
	font-size: 16px;
	border: none;
	margin-bottom: .4em;
	}	
	
	
#footerlinks
	{
	position: absolute;
	top: -26px;
	right: 206px;
	}


#footerlinks li
	{
	float: left;
	width: 119px;
	height: 34px;
	overflow: hidden;
	margin: 0 2px;
	}
	
	
#footerlinks a:link, #footerlinks a:visited
	{
	display: block;
	width: 119px;
	height: 34px;
	overflow: hidden;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	
#footerlinks a:hover, #footerlinks a:active
	{
	background-position: bottom left;
	}	

	#ftop { background: url('../img/nav/top.jpg'); } 
	#fhome { background: url('../img/nav/home.jpg'); } 
	
	
.first
	{
	padding-left: 2px !important;
	list-style-type: none;
	}
	
.last
	{
	margin-right: 2px !important;
	}	
	
	
	
	
	
#topaddress, #btmaddress
	{
	margin: 8px 76px 8px 386px;
	overflow: hidden;
	clear: both;
	font-size: 13px;
	color: #36373a;
	list-style-type: disc;
	height: 22px;
	}
	

#topaddress 
	{
	border-bottom: 1px solid #3D4045;
	padding-bottom: 8px;
	margin-bottom: 8px;
	padding-left: 20px;
	}
	
#btmaddress
	{
	margin-left: 418px;
	}
		

#topaddress li
	{
	float: left;
	margin-right: 28px;
	padding-left: 8px;
	}


#btmaddress li
	{
	float: left;
	margin-right: 23px;
	padding-left: 8px;
	padding-right: 8px;
	}


#topaddress span
	{
	font-size: 16px;
	color: #ffffff;
	}
	

#btmaddress span
	{
	color: #ffffff;
	}
	
	
#contactform
	{
	margin: 26px 56px 0 386px;
	clear: both;
	}
	
	
#contactform label
	{
	text-indent: -9999px;
	}
	
	
#contactform #email, #contactform #comments
	{
	display: block;
	width: 497px;
	wid\th: 489px;
	margin-bottom: 8px;
	border: 1px solid #3D4045;
	font: 12px/1em "Trebuchet MS", Monaco, Arial, Helvetica, sans-serif;
	background: #26262a url('../img/bgs/input.jpg') top no-repeat;
	color: #d9d9d9;
	padding: 4px;
	}
	
	
#contactform #name
	{
	display: none;
	}	
	
	
#contactform #comments
	{
	height: 100px;
	}	
	
	
#contactform #submit
	{
	width: 118px;
	height: 27px;
	background: url('../img/nav/submit.jpg') top left no-repeat;
	border: none;
	margin-left: 192px;
	position: relative;
	overflow: hidden;
	line-height: 9999px;
	cursor: pointer;
	padding-top: 27px;
	}	
	#contactform #submit:hover { background-position: bottom left; }
	
		
.sublink
	{
	position: relative;
	font-size: 14px;
	display: block;
	text-align: center;
	border-bottom: 1px solid #3D4045;
	padding: 10px 0 9px 0;
	text-decoration: none !important;
	}
	
.sublink.last
	{
	border: none;
	}


#infobar
	{
	display: block;
	line-height: 1em;
	width: 360px;
	font-size: 11px;
	color: #44484C !important;
	margin: 0 auto 8px auto;
	padding: 4px;
	border: 1px solid #292b2f;
	background: #000000;
	}	
	
	#infobar a, #infobar a:link, #infobar a:visited
		{
		color: #696A6F !important;
		}
		
	#infobar a:hover, #infobar a:active
		{
		color: #999C9F !important;
		}	
	
#portimg
	{
	display: block;
	margin: 0 auto;
	}	
	
	
.inlinedef, .blockdef, .shortdef
	{
	margin-bottom: 1.5em;
	}
	
	.inlinedef dt, .shortdef dt
		{
		float: left;
		color: #86B107;
		margin-right: .5em;
		}
		
	.blockdef dt
		{
		color: #86B107;
		}	
		
	.inlinedef dd, .blockdef dd
		{
		margin-bottom: 1.5em;
		}
		
	.shortdef dd
		{
		}
		
		
.rating
	{
	position: relative;
	margin-left: .5em;
	background: url('../img/bgs/star.gif') left repeat-x;
	_line-height: 8px;
	}
	
	.sssss { padding-left: 41px; }
	.ssssh { padding-left: 36px; }
	.ssss  { padding-left: 32px; }
	.sssh  { padding-left: 27px; }
	.sss   { padding-left: 23px; }
	.ssh   { padding-left: 18px; }
	.ss    { padding-left: 14px; }
	.sh    { padding-left: 9px; }
	.s     { padding-left: 5px; }
	.h     { padding-left: 0px; }