html, body {width:100%;height:100%}
body {
	margin:0;
  	color:#000;
	font:12px Arial, sans-serif;
	background:#d8dcdd url(../images/page-lbg.gif) repeat-y;	
}
img{border:none;}
a{
	text-decoration:none;
	color:#000;
	outline:none;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
#page {
	min-height:100%;
	position:relative;
	z-index:6;
	overflow:hidden;
}
* html #page {height:100%;overflow:visible;}
.rbg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	min-height:100%;
	z-index:4;
	min-width:752px;
	background:url(../images/page-rbg.gif) repeat-y 100% 0;
}

/* header */
#header {
	height:240px;
	background:url(../images/header-bg.gif) repeat-x;
	position:relative;
	width:100%;
	margin:0 0 -150px;
	min-width:752px;
	overflow:hidden;
}
#header em {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:210px;
	z-index:0;
}
#header span.lcorner,
#header span.rcorner {
	background:url(../images/header-r-corner.jpg) no-repeat;
	width:143px;
	height:240px;
	float:right;
}
#header span.lcorner {
	float:left;
	background:url(../images/header-l-corner.jpg) no-repeat;
}
#header div {
	width:632px;
	padding:0 60px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#header h1 {
	float:left;
	width:158px;
	height:44px;
	padding:25px 0 0;
	margin:0;
}
#header h1 a {
	display:block;
	height:44px;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
}
#header address {
	float:right;
	padding:25px 0 0;
	font-style:normal;
	font-size:13px;
	line-height:20px;
	color:#717272;
	text-align:right;
}
#header address a {color:#717272;}

/* container */
#container {
	width:632px;
	padding:0px 60px 6px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#vertical-mover {
	margin:0;
	overflow:hidden;
	width:100%;
}

/* tabset */
.tabset {
	padding:0;
	margin:0 0 32px;
	list-style:none;
}
.tabset li.left {float:left;}
.tabset li.right {float:right;}
.tabset li {
	width:161px;
	margin:0 auto;
}
.tabset li a {
	display:block;
	height:37px;
	color:#fff;
	font-size:16px;
	line-height:28px;
	text-align:center;
	background:url(../images/tab-bg.gif) no-repeat;
}
.tabset li a.active,
.tabset li a:hover {
	background-position:0 -37px;
	text-decoration:none;
}

/* portfolio */
#portfolio {
	width:521px;
	height:410px;
	padding:47px 54px 0px 57px;
	margin:0 0 15px;
	background:#f1f1f1;
	position:relative;
	overflow:hidden;
}
#portfolio .content {
	background:#000;
	height:320px;
	margin:0 0 30px;
	overflow:hidden;
	position:relative;
}
#portfolio .content .holder {
	position:relative;
	overflow:hidden;
}
#portfolio .content .holder div.note {
	background:url(../images/note-bg.png) repeat;
	padding:8px 19px 0;
	width:483px;
	position:absolute;
	top:320px;
	left:0;
	color:#fff;
}
#portfolio .content .holder div.note a {
	color:#fff;
	text-decoration: underline;
}
#portfolio .content .holder div.note a:hover {
	color:#fff;
	text-decoration: none;
}
#portfolio .content .holder div p {
	margin:0 0 15px;
	line-height:20px;
}

/* project list */
.project-list {
	padding:0;
	margin:0;
	list-style:none;
	width:32000px;
	position:relative;
}
.project-list li {
	float:left;
	width:521px;
	height:320px;
	overflow:hidden;
	position:relative;
}
.slide {
	width:521px;
	height:50px;
	position:relative;
	overflow:hidden;
	left:57px;
	position:absolute;
	top:397px;
	display:none;
}
.slide a {
	float:left;
	width:20px;
	height:20px;
	text-indent:-9999px;
	background:#97968f url(../images/prev.gif) no-repeat;
}
.slide a.next {
	background-image:url(../images/next.gif);
	float:right;
}
.slide a:hover {background-color:#6692b8 !important;}
.slide div {
	margin:1px auto;
	width:449px;
	height:19px;
	position:relative;
	background:url(../images/scrollbar-bg.gif) repeat-x;
}
.slide div em {
	position:absolute;
	top:0;
	left:0;
	background:url(../images/slider.gif) no-repeat;
	width:8px;
	height:19px;
	text-indent:-9999px;
	cursor:pointer;
}
.slide div span {
	position:absolute;
	top:0;
	left:0;
	font-size:11px;
	padding:20px 0 0 1px;
	margin:0 0 0 -14px;
	text-align:center;
	width:29px;
	background:url(../images/scrollbar-scale.gif) no-repeat 50% 0;
}
div.text  {
	width:483px;
	height:307px;
	background:#fff;
	padding:13px 19px 0 19px;
}
div.text  h2,
div.text  h3 {
	margin:0 0 12px;
	font-size:16px;
	font-weight:100;
}
#portfolio .content .holder div.text p {
	margin:0 0 8px;
}
#portfolio .content .holder div.text a {
	color:#009cff;
}

/* top-links */
.fixed {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	min-width:752px;
}
.top-links {
	padding:24px 20px 0 0;
	margin:0;
	list-style:none;
	float:right;
}
.top-links li {padding:0 0 5px;}
.top-links a {
	display:block;
	width:23px;
	height:18px;
	color:#717171;
	text-align:center;
	font-size:13px;
	line-height:18px;
}
.top-links a:hover {
	text-decoration:none;
	color:#dfe2e3;
	background:#6692b8;
}
.top-links a.pic {
	text-indent:-9999px;
	background:url(../images/top-link.gif) no-repeat;
}
.top-links a.pic:hover {background:url(../images/top-link.gif) no-repeat 0 -18px;}


/* footer background */
.footer-bg {
	height:157px;
	margin:-157px 0 0;
	position:relative;
	float:left;
	width:100%;
	z-index:5;
	min-width:752px;
	background:url(../images/footer-bg.gif) repeat-x;
}
.footer-bg span,
.footer-bg em {
	float:left;
	width:143px;
	height:157px;
	background:url(../images/footer-l-corner.jpg) no-repeat;
}
.footer-bg em {
	float:right;
	background:url(../images/footer-r-corner.jpg) no-repeat;
}