html,body {
	color: #999;
	/*height: 100%;*/
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #666;
	margin: 0;
	padding: 0;
}

.medgrey {
	background-color: #666;
}

#main_nav_base {
	background-image: url(../common/nav_base.jpg);
	background-repeat: no-repeat;
	width: 940px;
	height: 116px;
	position: relative;
	margin-top: -12px; /* why? */
}

ul#main_nav {
	width: 311px;
	list-style: none;
	height: 33px;
	left: 227px;
	top: 69px;
	position: relative;
}

ul#main_nav li {
	display:inline;
	margin: 0;
	padding: 0;
}

ul#main_nav li a {
	height: 33px;
	float: left;
	font-size: 1px;
}

ul#main_nav li#nav_home a {
	width: 46px;
	background: url(../common/nav_group.jpg) no-repeat 0 0;
}

ul#main_nav  li#nav_home a:hover {
	background-position: 0 -33px;
}

ul#main_nav  li#nav_home a:active {
	background-position: 0 -99px;
}

ul#main_nav li#nav_home.curr a {
	background-position: 0 -66px;
}

ul#main_nav li#nav_studio a {
	width:66px;
	background: url(../common/nav_group.jpg) no-repeat -46px 0;
}

ul#main_nav  li#nav_studio a:hover {
	background-position: -46px -33px;
}

ul#main_nav  li#nav_studio a:active {
	background-position: -46px -99px;
}

ul#main_nav li#nav_studio.curr a {
	background-position: -46px -66px;
}

ul#main_nav li#nav_portfolio a {
	width:66px;
	background: url(../common/nav_group.jpg) no-repeat -112px 0;
}

ul#main_nav  li#nav_portfolio a:hover {
	background-position: -112px -33px;
}

ul#main_nav  li#nav_portfolio a:active {
	background-position: -112px -99px;
}

ul#main_nav li#nav_portfolio.curr a {
	background-position: -112px -66px;
}

ul#main_nav li#nav_software a {
	width:66px;
	background: url(../common/nav_group.jpg) no-repeat -178px 0;
}

ul#main_nav  li#nav_software a:hover {
	background-position: -178px -33px;
}

ul#main_nav  li#nav_software a:active {
	background-position: -178px -99px;
}

ul#main_nav li#nav_software.curr a {
	background-position: -178px -66px;
}

ul#main_nav li#nav_contact a {
	width:66px;
	background: url(../common/nav_group.jpg) no-repeat -244px 0;
}

ul#main_nav  li#nav_contact a:hover {
	background-position: -244px -33px;
}

ul#main_nav  li#nav_contact a:active {
	background-position: -244px -99px;
}

ul#main_nav li#nav_contact.curr a {
	background-position: -244px -66px;
}

.hide {
	display: none; /* hide link text in tabs */
}

.home_block {
	margin: 0 auto;
	width: 820px;
	padding-left: 40px;
	padding-top: 10px;
	padding-right: 40px;
	text-align: left;
}

.bold_head {
	color: #9c0;
	font-size: 16px;
}

.caption {
	font-size: 10px;
}

a:link {
	color: #9c0;
	text-decoration: none;
}

a:visited {
	color: #9c0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #d5ff80 !important;
	text-decoration: underline;
}

#content_block {
	background-color: #333;
	text-align: left;
	width: 900px;
	overflow: hidden;
}

#frame_upper {
	background-image: url(../common/contentframe_top.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	width: 100%;
	height: 24px;
}

#frame_mid {
	background-color: #333;
	width: 900px;
	height: 602px;
}

#frame_lower {
	background-image: url(../common/contentframe_bottom.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	width: 100%;
	height: 24px;
}

#portfolio_block {
	background-color: #333;
	text-align: left;
	width: 900px;
	height: 650px;
	overflow: hidden;
}

#portfolio_sidebar {
	position: relative;
	width: 200px;
	height: 650px;
	float: left;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}

/*BACKGROUND URL IS ON EACH PAGE*/

#portfolio_main {
	width: 700px;
	float: right
}

#portfolio_display {
	width: 700px;
	height: 650px;
}

a.sidebar_thumb {
	position: relative;
	left: 38px;
	width: 139px;
	height: 95px;
	display: block;
	float: left;
	border: solid 1px transparent;
	margin: 0;
	padding: 0;
}

a.sidebar_thumb {
	_border-color: #ff00ff;
	_filter: chroma(color=#ff00ff);
	background: url(../../../common/trans.gif);
}

/*For IE6-*/

a.sidebar_thumb:hover {
	border-color: #9c0;
	border: solid 1px;
}

#navcontainer {
	position: relative;
	top: 28px;
	left: 39px;
	width: 144px;
	height: 28px;
	z-index: 2;
	margin: 0;
	padding: 0;
}

#navlist {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 144px;
	height: 28px;
}

#navlist li {
	float: left;
}

#navlist li a.nav_index {
	display: block;
	width: 62px;
	height: 28px;
	background: url(../common/nav_index.png) no-repeat 0 0;
}

#navlist li a.nav_index:hover {
	background-position: 0 -28px;
}

#navlist li.nav_bar {
	display: block;
	width: 7px;
	height: 28px;
	background: url(../common/nav_bar.png) no-repeat 0 0;
}

#navlist li a.nav_prev {
	display: block;
	width: 21px;
	height: 28px;
	background: url(../common/nav_prev.png) no-repeat 0 0;
}

#navlist li a.nav_prev:hover {
	background-position: 0 -28px;
}

#navlist li.nav_label {
	display: block;
	width: 33px;
	height: 28px;
	background: url(../common/nav_label.png) no-repeat 0 0;
}

#navlist li a.nav_next {
	display: block;
	width: 21px;
	height: 28px;
	background: url(../common/nav_next.png) no-repeat 0 0;
}

#navlist li a.nav_next:hover {
	background-position: 0 -28px;
}

#projtext {
	font-size: 10px;
	line-height: 13px;
	position: relative;
	top: 45px;
	left: 39px;
	width: 144px;
	height: 80px;
	z-index: 3;
	margin: 0 0 0 2px;
	padding: 0;
	float: left;
	clear: both;
}