* { padding: 0; margin: 0; }

html, body {height: 100%;}

body {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	background: url(images/body_bg.jpg) repeat-x;
}
#wrapper { 
	width: 940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -31px;
}
#content { 
	width: 940px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#header{overflow: hidden; height: 150px;}
.logo {float: left; margin-top: 25px;}
#nav {float: right; margin-top: 43px; height: 14px;}
#nav a { float: left; height: 14px; }
.nav-thumb {display: block; text-indent: -9999px; color: white;}

.sidebar {width: 220px; float: left; text-align: right;}
.main {width: 700px; float: right;}

.home {width: 51px; background: url(images/nav-main.png) 0 0 no-repeat;}
.design {width: 78px; background: url(images/nav-main.png) -51px 0 no-repeat;}
.id {width: 87px; background: url(images/nav-main.png) -129px 0 no-repeat;}
.resume {width: 57px; background: url(images/nav-main.png) -216px 0 no-repeat;}
.about {width: 67px; background: url(images/nav-main.png) -273px 0 no-repeat;}
.contact {width: 51px; background: url(images/nav-main.png) -340px 0 no-repeat;}

.home.active {background-position: 0 -14px; }
.design.active {background-position: -51px -14px; }
.id.active {background-position: -129px -14px; }
.resume.active {background-position: -216px -14px; }
.about.active {background-position: -273px -14px; }
.contact.active {background-position: -340px -14px; }

#navsub {clear: both; float: left; height: 19px; margin-top: 45px;}
#navsub a {float: left; height: 19px; margin: 0 9px 0 10px;}

.banda {width: 119px; background: url(images/nav-sub.png) 0 0 no-repeat;}
.process {width: 89px; background: url(images/nav-sub.png) -119px 0 no-repeat;}
.bannerads {width: 105px; background: url(images/nav-sub.png) -208px 0 no-repeat;}
.uidesign {width: 90px; background: url(images/nav-sub.png) -313px 0 no-repeat;}
.flash {width: 67px; background: url(images/nav-sub.png) -403px 0 no-repeat;}
.conversion {width: 111px; background: url(images/nav-sub.png) -470px 0 no-repeat;}
.usability {width: 88px; background: url(images/nav-sub.png) -581px 0 no-repeat;}
.typography {width: 111px; background: url(images/nav-sub.png) -669px 0 no-repeat;}
.print {width: 66px; background: url(images/nav-sub.png) -780px 0 no-repeat;}
.conclusion {width: 94px; background: url(images/nav-sub.png) -846px 0 no-repeat;}

.banda.active {background-position: 0 -19px;}
.process.active {background-position: -119px -19px ;}
.bannerads.active {background-position: -208px -19px ;}
.uidesign.active {background-position: -313px -19px ;}
.flash.active {background-position: -403px -19px ;}
.conversion.active {background-position: -470px -19px ;}
.usability.active {background-position: -581px -19px ;}
.typography.active {background-position: -669px -19px ;}
.print.active {background-position: -780px -19px ;}
.conclusion.active {background-position: -846px -19px ;}

.panel {overflow: hidden;}

h2 {font-size: 20px; text-transform: uppercase; margin-top: 5px;}
.sidebar h2{margin-bottom: 10px;}
.sidebar p{margin-bottom: 10px;}

.main p{margin: 20px 0 0 0;}

.thumb6 {margin: 5px;}
.triptych {width: 300px; float: left; margin: 6px;}

.next {width: 700px; background: url(images/next-button-bg.jpg) no-repeat; overflow: hidden; float: right; margin-top: 20px;}
.next img {float: right;}

ul {list-style: none;}
li {margin: 5px 0 6px;}


#bottomclear {height: 31px;}
#footerwrap {height: 31px; background: url(images/bottom_bg.jpg) repeat-x;}
#footer {width: 940px; margin: 0 auto; padding: 8px 0 0; color: white;}


:focus {outline: 0;}
a img {border: none;}



/*
	Featured Content Slider
	by: Chris Coyier

	SLIDER
*/
.slider-wrap								{ width: 940px;}
.stripViewer								{ position: relative; overflow: hidden; width: 940px; height: 570px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 940px; overflow: hidden;}
.stripViewer .panelContainer .panel ul		{ text-align: left; margin: 0 15px 0 30px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }