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


html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
}
img.bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.container {
	position:relative;
	z-index:1;
	text-align:center;
	width:100%;
	height:100%;
	margin:0px auto;
}
.header {
	width:915px;
	height:73px;
	margin:0px auto;
	text-align:left;
	padding-top:20px;
}
.main-content {
	position:relative;
	z-index:1;
	text-align:center;
	width:100%;
	margin:20px auto 0px auto;
	border-top:solid 3px #000;
	background:url('../img/bg.png');
	padding-top: 40px;
}
body,td,th {
	font-size: 14px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color: #637;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #637;
}
a:hover {
	text-decoration: underline;
	color: #637;
}
a:active {
	text-decoration: none;
	color: #637;
}
h1 {
	font-size: 24px;
	color: #000;
}
h2 {
	font-size: 18px;
	color: #000;
}
.featured-box {
	background: url('../img/featured-box.png') no-repeat;
	height: 228px;
	width: 423px;
	padding: 12px 19px 20px 15px;
	margin-bottom: 30px;
}
.featured-box:hover {
	background: url('../img/featured-box-over.png') no-repeat;
	height: 228px;
	width: 423px;
	padding: 12px 19px 20px 15px;
	margin-bottom: 30px;
}
.featured-box a {
    display: block;
	background: #c8c8c8;
	height: 100%;
	text-align: center;
}

.feature-info {
	background: #F4F4F4;
	border-top: 2px solid #000;
	height: 18px;
	padding: 17px 15px 13px;
	text-align: left;
	*margin-top:-3px;
}
.scroll-box {
	background: url('../img/scroll-box.png') no-repeat;
	height: 163px;
	width: 912px;
	padding: 6px 10px 20px 6px;
	margin-bottom: 10px;
}
.websites .scroll-box, .graphics .scroll-box {
	margin-bottom: 20px;
}
.scroll-info {
	background: #F4F4F4;
	border-top: 2px solid #000;
	height: 18px;
	padding: 17px 15px 13px;
	text-align: left;
}
.main-content h1 {
	margin: 0px 0px 5px 5px;
}
.footer {
	font-size: 10px;
	width: 915px;
	margin: 0px auto;
	border-top: 1px solid #808364;
	padding-top: 10px;
	padding-bottom: 10px;
}
.main-nav {
	width: 300px;
	float: right;
	clear: left;
	text-align: right;
}
.logo {
	float: left;
	height: 73px;
	width: 373px;
}
.slider-box {
	background-color:#000;
}
.slider-box:hover {
	background-color:#663377;
}
.slider-box-selected  {
	background-color:#663377;
}
.scroll-bar {
	width:909px;
	scrollbar-3dlight-color:#000;
	scrollbar-arrow-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-highlight-color:#663377;
	scrollbar-shadow-color:#663377;
	scrollbar-face-color:#663377;
	scrollbar-track-color:#f7f6f1;
}
.main-box {
	width: 873px;
	padding: 10px 29px 10px 25px;
	background: url('../img/main-box-bg.png') repeat-y;
}
.main-box-scroll {
	width: 873px;
	background: url('../img/main-box-bg.png') repeat-y;
	overflow: scroll;
	overflow-y: hidden;
}
.main-box-top {
	background: url('../img/main-box-top.png');
	height: 14px;
	width: 930px;
}
.main-box-bottom {
	background: url('../img/main-box-bottom.png');
	height: 23px;
	width: 930px;
}
.main-info {
	text-align: left;


	*margin-top:-3px;
}
.main-info h2 {
	font-size: 24px;
	margin: 0px;
	padding: 0px;
}
.main-info .description {
	margin-top: 0px;
}
.main-box img {
	border: 3px solid #000;
}
.portfolio .main-content {
	padding-top: 0px;
}
.portfolio .nav-portfolio {
	width: 930px;
	text-align: right;
	height: 35px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
}
.under-construction {
	font-size: 14px;
	text-align: center;
	height: 23px;
	background: #663377;
	color: #FFF;
	font-weight: bold;
	padding-top: 6px;
}
.portfolio.websites .scroll-box, .portfolio.graphics .scroll-box {
	background: url('../img/scroll-box-vertical.png') no-repeat;
	height: 700px;
	width: 173px;
	padding: 12px 19px 20px 13px;
	margin-bottom: 10px;
}
.portfolio.websites .scroll-bar, .portfolio.graphics .scroll-bar {
	height:680px;
	overflow:scroll;
	overflow-x:hidden;
	width:172px;
}
.portfolio.websites .main-box-top, .portfolio.graphics .main-box-top {
	width: 720px;
	background-image: url(../img/main-box-top-vertical.png);
}
.portfolio.websites .main-box, .portfolio.graphics .main-box {
	width: 665px;
	background-image: url(../img/main-box-bg-vertical.png);
}
.portfolio.websites .main-box-bottom, .portfolio.graphics .main-box-bottom {
	width: 720px;
	background-image: url(../img/main-box-bottom-vertical.png);
}