body {
	margin-top: 20px;
	font: normal 11px/1.7em verdana, arial, helvetica, sans-serif;
	color: #969191;
	background: #fff;
	height: 100%;
}
#main {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #d1d1d0;
	background: transparent url(../images/tx.gif) no-repeat;
	background-position: 89px 11px;
	overflow: hidden;
}
img {
	border: none;
}
.m {
	padding-bottom: 15px;
}
#selectwrap {
	width: 200px;
	height: 35px;
	top: 0;
}
.sel {
	margin-left: 670px;
	height: 25px;
}


/************ navigation 2 ************/


#nav2 {
	margin-left: 0;
	margin-bottom: 10px;
	padding: 0;
	float: left;
	height: 148px;
	width: 560px;
}
ul li {
	display: block;
	float: left;
	list-style-type: none;
}
ul li a {
	display: block;
	height: 40px;
	width: 280px;
	background: transparent url(../images/nav_back.gif) no-repeat 0 0;
	text-indent: -9009px;
	position: relative;
	z-index: 10;
	border: 0;
}
ul li#tx a {
	height: 28px;
	background-position: 0 -40px;
}
ul li#gr a {
	height: 20px;
	background-position: 0 -68px;
}
ul li#wb a {
	height: 20px;
	background-position: 0 -88px;
}
ul li#ab a {
	height: 40px;
	background-position: 0 -108px;
}
ul li a:hover {
	background-position: -280px 0;
}
ul li#tx a:hover, body#tx ul li#tx a {
	background-position: -280px  -40px;
}
ul li#gr a:hover, body#gr ul li#gr a {
	background-position: -280px -68px;
}
ul li#wb a:hover, body#wb ul li#wb a {
	background-position: -280px -88px;
}
ul li#ab a:hover, body#ab ul li#ab a {
	background-position: -280px -108px;
}
ul li a:hover span {
	display: block;
	position: absolute;
	width: 754px;
	height: 148px;
	left: 0;
	top: 0;
	z-index: 20;
	overflow: hidden;
}
ul li#gr a:hover span {
	display: block;
	position: absolute;
	width: 754px;
	height: 148px;
	left: 50px;
	top: -68px;
	z-index: 20;
	overflow: hidden;
	background: url(../images/gr.gif);
}
ul li#wb a:hover span {
	display: block;
	position: absolute;
	width: 754px;
	height: 148px;
	left: 50px;
	top: -88px;
	z-index: 20;
	overflow: hidden;
	background: url(../images/wb.gif);
}
ul li#ab a:hover span {
	display: block;
	position: absolute;
	width: 754px;
	height: 148px;
	left: 50px;
	top: -108px;
	z-index: 20;
	overflow: hidden;
	background: url(../images/ab.gif);
}



/************ thumbs ************/

#work-wrap {
	margin-top: 2px;
	padding-right: 30px;
	padding-left: 30px;
	float: left;
	width: 840px;
}
#work ol#thumbs {
	padding: 2px;
	overflow: hidden;
	width: 840px;
}
#work ol#thumbs li {
	list-style: none;
	display: block;
	margin: 0;
	float: left;
	width: 200px;
	height: 135px;
	padding: 5px;
	overflow: hidden;
}
.image a {
	display: block;
	border: none;
	position: relative;
	text-decoration: none;
}
.hovertxt {
	position: absolute;
	top: 25px;
	left: 5px;
	color: white;
	line-height: 1em;
	text-align: left;
	font: bold 10px/1.2em verdana, arial, helvetica, sans-serif;
}
.hovertxt2 {
	position: absolute;
	top: 15px;
	left: 5px;
	color: white;
	line-height: 1em;
	text-align: left;
	font: bold 10px/1.2em verdana, arial, helvetica, sans-serif;
}
.hover1 {
	display: none;
	opacity: .93;
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	width: 200px;
	height: 60px;
	z-index: 3;
	background: #f5aa4c;
}
.hover2 {
	display: none;
	opacity: .93;
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	width: 200px;
	height: 60px;
	z-index: 3;
	background: #a0a24b;
}
.hover3 {
	display: none;
	opacity: .93;
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	width: 200px;
	height: 60px;
	z-index: 3;
	background: #fc6255;
}
.hover4 {
	display: none;
	opacity: .93;
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	width: 200px;
	height: 60px;
	z-index: 3;
	background: #c1c768;
}


/************ content ************/	


#info {
	margin-top: 2px;
	padding-right: 30px;
	padding-left: 40px;
	float: left;
	text-align: left;
}
h1 {
	font: bold 18px verdana, arial, helvetica, sans-serif;
}
.title {
	font: normal 11px/1.3em verdana, arial, helvetica, sans-serif;
	color: #fc6255;
	padding-right: 16px;
	display: inline;
}
.client {
	font: normal 11px/1.3em verdana, arial, helvetica, sans-serif;
	color: #fc6255;
	padding-right: 10px;
	display: inline;
}
.site {
	font: normal 11px/1.3em verdana, arial, helvetica, sans-serif;
	color: #fc6255;
	padding-right: 20px;
	display: inline;
}
#content, #content2, #content3{
	font: normal 11px/1.3em verdana, arial, helvetica, sans-serif;
	display: block;
}
#text {
	font: normal 11px/1.5em verdana, arial, helvetica, sans-serif;
}
#info a:link {
	color: #adaf5b;
	text-decoration: none;
}
#info  a:visited {
	color: #adaf5b;
	text-decoration: none;
}
#info  a:hover {
	color: #f5aa4c;
	text-decoration: underline;
}

.subnav1 { 
	padding-right: 10px; 
}
.subnav2 { 
	padding-right: 10px; 
	padding-left: 10px; 
}


#subnav3  { 
	text-align:center;
	padding-top:0;
	padding-bottom:5px;
	font-weight:bolder;
}

#subnav3 a:link {
	color: #adaf5b;
	padding-left:8px;
	padding-right:8px;
	text-decoration: underline;
}
#subnav3  a:visited {
	color: #adaf5b;
	padding-left:8px;
	padding-right:8px;
	text-decoration: underline;
}
#subnav3  a:hover {
	color: #f5aa4c;
	padding-left:8px;
	padding-right:8px;
	text-decoration: underline;
}


/************ header ************/	


#header {
	width: 900px;
	height: 14px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	position: relative;
	color: #969191;
	text-align: right;
	font: normal 10px/1.2em verdana, arial, helvetica, sans-serif;
}
#header .content {
	text-align: right;
}
#header a:link {
	color: #adaf5b;
	text-decoration: none;
}
#header a:visited {
	color: #d6dc7c;
	text-decoration: none;
}
#header a:hover {
	color: #f5aa4c;
}


/************ footer ************/	


#wrap {
	height: 100%;
}
#mainfoot {
	padding-bottom: 40px;
}
#footer {
	width: 900px;
	height: 40px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: -40px;
	text-align: right;
	font: normal 10px/1.2em verdana, arial, helvetica, sans-serif;
	padding: 3px 3px 0 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
#footer a:link {
	color: #adaf5b;
}
#footer a:visited {
	color: #d6dc7c;
}
#footer a:hover {
	color: #f5aa4c;
}



