hr {margin:0; padding:0;}
input {margin:0; padding:0;}
fieldset {margin:0; padding:0;}
blockquote {margin:0; padding:0;}
p {margin:0; padding:0;}
form {margin:0; padding:0;}
pre {margin:0; padding:0;}
h6 {margin:0; padding:0;}
h5 {margin:0; padding:0;}
h4 {margin:0; padding:0;}
h3 {margin:0; padding:0;}
h2 {margin:0; padding:0;}
h1 {margin:0; padding:0;}
dd {margin:0; padding:0;}
dt {margin:0; padding:0;}
dl {margin:0; padding:0;}
li {margin:0; padding:0;}
ol {margin:0; padding:0;}
ul {margin:0; padding:0;}
div {margin:0; padding:0;}
body {margin:0; padding:0;}
html {margin:0; padding:0;}
th {font-size:12px; font-weight:normal; font-style:normal;}
strong {font-size:12px; font-weight:normal; font-style:normal;}
em {font-size:12px; font-weight:normal; font-style:normal;}
code {font-size:12px; font-weight:normal; font-style:normal;}
cite {font-size:12px; font-weight:normal; font-style:normal;}
caption {font-size:12px; font-weight:normal; font-style:normal;}
address {font-size:12px; font-weight:normal; font-style:normal;}
code {font-size:12px; font-weight:normal; font-style:normal;}
pre {font-size:12px; font-weight:normal; font-style:normal;}
h6 {font-size:12px; font-weight:normal; font-style:normal;}
h5 {font-size:12px; font-weight:normal; font-style:normal;}
h4 {font-size:12px; font-weight:normal; font-style:normal;}
h3 {font-size:12px; font-weight:normal; font-style:normal;}
h2 {font-size:12px; font-weight:normal; font-style:normal;}
h1 {font-size:12px; font-weight:normal; font-style:normal;}
li {list-style:none;}
ol {list-style:none;}
ul {list-style:none;}
hr {border:none;}
img {border:none;}
fieldset {border:none;}
th {text-align:left;}
caption {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

body{
	height: 100%; width: 100%; background: #100703; font: 13px/22px Lucida Grande, 'Lucida Grande', Geneva, Frutiger, "Frutiger Linotype", Arial, Helvetica, 'Lucida Sans Unicode', Lucida, sans-serif; color: #fff;
}

a{
	outline: none;
}

#highbar{
	background: url(../images/highbar_grad.jpg) repeat-x; position: absolute; left: 0; width: 100%; height: 95px; z-index: 100; overflow: hidden;
}

#highbar .mod .logo{
	float: left; border-style: none; margin: 15px 0 0 0; width: 240px;
}

#highbar .mod .desc{
	float: left; font-size: 20px; line-height: 30px; margin: 56px 0 0 0; width: 720px; color: #1e2021;
}

#highbar a{
	color: #fff; text-decoration: underline;
}

#highbar a:hover{
	color: #f9cf50;
}

#highbar .mod .feather{
	font-size: 14px; line-height: 21px; color: #b4bec2; margin: 20px 0 0 0; float: left; width: 960px;
}

#highbar .mod .feather img{
	float: left;
}

#highbar .mod .feather a.close{
	font-size: 16px;
}

.yellobox{
	float: left; font-size: 350%; line-height: 56px; margin: 4px 8px 0 0; color: #fff; background: #f9cf50; padding: 0 10px; font-weight: bold;
}

#home .header{
	background: url(../images/home_grad.jpg) repeat-x; width: 100%; height: 325px; position: absolute; left: 0; top: 95px; z-index: 50;
}

#home .hills{
	background: url(../images/home_hills.png) no-repeat bottom center; width: 100%; height: 325px; top: 95px; overflow: hidden; position: absolute; left: 0; z-index: 60;
}

#home .clouds{
	background: url(../images/home_clouds.png) no-repeat 50% 95px fixed; width: 100%; height: 325px; top: 95px; overflow: hidden; position: absolute; left: 0; z-index: 55;
}

#subpage .mod{
	width: 995px; margin: 0 auto; position: relative; z-index: 65;
}

#home .mod{
	width: 995px; margin: 0 auto; position: relative; z-index: 65;
}

.nav{
	width: 240px; position: relative; float: left; margin-top: 125px; margin-bottom: 25px;
}

.nav ul li{
	text-indent: -3000px;
}

.nav ul li a{
	display: block; color: #fff; text-decoration: none; height: 38px;
}

.nav ul li.about a{
	background: url(../images/home_buttons.png) no-repeat 0 0; width: 96px;
}

.nav ul li.about a:hover{
	background-position: -200px 0;
}

.nav ul li.about_on{
	background: url(../images/home_buttons.png) no-repeat -200px 0; width: 96px; height: 38px;
}

.nav ul li.showcase{
	height: 32px;
}

.nav ul li.showcase a{
	background: url(../images/home_buttons.png) no-repeat 0 -46px; width: 162px;
}

.nav ul li.showcase a:hover{
	background-position: -200px -46px;
}

.nav ul li.showcase_on{
	background: url(../images/home_buttons.png) no-repeat -200px -46px; width: 162px; height: 32px;
}

.nav ul li.connect a{
	background: url(../images/home_buttons.png) no-repeat 0 -90px; width: 130px;
}

.nav ul li.connect a:hover{
	background-position: -200px -90px;
}

.nav ul li.connect_on{
	background: url(../images/home_buttons.png) no-repeat -200px -90px; width: 130px; height: 32px;
}

.nav ul li.news a{
	background: url(../images/home_buttons.png) no-repeat 0 -130px; width: 88px;
}

.nav ul li.news a:hover{
	background-position: -200px -130px;
}

.nav ul li.news_on{
	background: url(../images/home_buttons.png) no-repeat -200px -130px; width: 88px; height: 38px;
}

.nav ul li.websites a{
	background: url(../images/home_buttons.png) no-repeat 0 -185px; width: 74px; margin-left: 25px; height: 20px;
}

.nav ul li.websites a:hover{
	background-position: 0 -206px;
}

.nav ul li.websites_on{
	background: url(../images/home_buttons.png) no-repeat 0 -206px; width: 74px; margin-left: 25px; height: 20px;
}

.nav ul li.photography a{
	background: url(../images/home_buttons.png) no-repeat 0 -228px; width: 107px; margin-left: 25px; height: 20px;
}

.nav ul li.photography a:hover{
	background-position: 0 -250px;
}

.nav ul li.photography_on{
	background: url(../images/home_buttons.png) no-repeat 0 -250px; width: 107px; margin-left: 25px; height: 20px;
}

.nav ul li.print a{
	background: url(../images/home_buttons.png) no-repeat 0 -272px; width: 41px; margin-left: 25px; height: 20px;
}

.nav ul li.print a:hover{
	background-position: 0 -294px;
}

.nav ul li.print_on{
	background: url(../images/home_buttons.png) no-repeat 0 -294px; width: 41px; margin-left: 25px; height: 20px;
}

.nav ul li.email a{
	background: url(../images/home_buttons.png) no-repeat 0 -316px; width: 133px; margin-left: 25px; height: 20px;
}

.nav ul li.email a:hover{
	background-position: 0 -338px;
}

.nav ul li.email_on{
	background: url(../images/home_buttons.png) no-repeat 0 -338px; width: 133px; margin-left: 25px; height: 20px;
}


#home .motto{
	position: relative; float: left; background: url(../images/home_motto.png) no-repeat bottom left; width: 480px; height: 250px;
}

#content{
	position: absolute; width: 100%; top: 420px;
}

#content .mod{
	width: 995px; margin: 0 auto; position: relative; z-index: 150;
}

.intro{
	font-size: 15px; margin-top: 35px; margin-bottom: 50px;
}

.intro img{
	float: right; margin-left: 20px; margin-right: 30px;
}

.intro a{
	color: #fff; text-decoration: underline;
}

.intro a:hover{
	color: #f9cf50;
}


#footer{
	position: relative; width: 100%; color: #b4bec2; padding: 30px 0 10px 0; z-index: 59;
}

#footer a{
	color: #fff; text-decoration: underline;
}

#footer a:hover{
	color: #f9cf50;
}

#footer .hook{
	float: left; width: 650px;
}

#footer .copyright{
	float: right; padding-bottom: 20px;
}

#subpage #footer img{
	margin-top: 30px;
}

#subpage .container{
	width: 100%; margin: 0 auto; position: relative; float: left; background: url(../images/home_hills.png) no-repeat bottom center; min-height: 500px;
}

.holder{
	position: relative; float: left; margin-top: 125px; width: 750px; margin-bottom: 250px;
}

#crumbs{
	position: absolute; top: 100px; left: 240px; font-size: 11px;
}

#crumbs a{
	color: #fff; text-decoration: none; background: #1a1506 url(../images/crumbbg.gif) no-repeat top right; padding: 4px 20px 5px 6px;
}

#crumbs a.last{
	background: #1a1506 url(../images/lastcrumbbg.gif) no-repeat top right;
}

#crumbs a:hover{
	color: #f9cf50;
}

#crumbs .youarehere{
	color: #f9cf50; display: inline; background: #150f04; padding: 4px 6px 5px 5px;
}

.thumbnail{
	position: relative; float: left; margin: 5px 20px 20px 0; border: thin #1e2021 solid; background: #0c0502; text-align: center; width: 370px; padding: 10px 0 7px 0;
}

.recent{
	height: 195px; float: left; margin: 10px 26px 20px 0; border: thin #1e2021 solid; background: #0c0502; text-align: center; width: 220px; padding: 0 0 7px 0; font-size: 11px;
}

.thumbnail:hover, .recent:hover{
	background: #150f04;
}

.thumbnail a, .recent a{
	color: #fff; text-decoration: none;
}

.thumbnail a:hover, .recent a:hover{
	color: #f9cf50;
}

.thumbnail img, .recent img{
	margin-bottom: 3px; margin-right: auto; margin-left: auto;
}

.icons{
	position: relative;
}

.icons li a{
	float: left; width: 100px; height: 95px; text-indent: -3000px; margin-left: 20px;
}

.icons li.facebook a{
	background: url(../images/cfacebook.png) no-repeat 0 26px;
}

.icons li.twitter a{
	background: url(../images/ctwitter.png) no-repeat 0 26px;
}

.icons li.posterous a{
	background: url(../images/cposterous.png) no-repeat 0 26px;
}

.icons li.linked a{
	background: url(../images/clinked.png) no-repeat 0 26px;
}

.icons li.mail a{
	background: url(../images/cmail.png) no-repeat 0 26px;
}

.icons li.mail a:hover{
	background-position: 0 0;
}

.icons li.linked a:hover{
	background-position: 0 0;
}

.icons li.posterous a:hover{
	background-position: 0 0;
}

.icons li.twitter a:hover{
	background-position: 0 0;
}

.icons li.facebook a:hover{
	background-position: 0 0;
}

.connectbtm{
	background: url(../images/connectbar.jpg) repeat-x; height: 150px; width: 100%;
}

.moveright{
	position: absolute; right: 20px; top: 195px;
}

.mytools{
	float: left; border-right: thin #1e2021 solid; height: 535px; margin-right: 10px; position: relative; padding-right: 10px;
}

.aboutme{
	float: left; border-right: thin #1e2021 solid; height: 535px; margin-right: 10px; position: relative; padding-right: 10px;
}

.aboutme{
	width: 65%;
}

.mytools{
	width: 29%;
}

.aboutme .header{
	background: url(../images/bg_about.gif) no-repeat 0 0; height: 40px; width: 130px;
}

.mytools .header{
	background: url(../images/bg_about.gif) no-repeat -288px 0; height: 40px; width: 130px;
}

.yello{
	color: #f8cf51; font-size: 16px; margin-top: 15px; 
}

.yellolg a{
	color: #f8cf51; font-size: 18px; margin-top: 15px; text-decoration: none;
}

.yellolg a:hover{
	text-decoration: underline;
}

.logos li{
	width: 100%; height: 50px; text-indent: 60px; margin-top: 5px; font-size: 14px; color: #f8cf51; padding-top: 12px; margin-bottom: 10px;
}

.logos li.photoshop{
	background: url(../images/logos.jpg) no-repeat 0 0;
}

.logos li.dreamweaver{
	background: url(../images/logos.jpg) no-repeat 0 -69px;
}

.logos li.flash{
	background: url(../images/logos.jpg) no-repeat 0 -138px;
}

.logos li.illustrator{
	background: url(../images/logos.jpg) no-repeat 0 -206px;
}

.logos li.acrobat{
	background: url(../images/logos.jpg) no-repeat 0 -275px;
}

.logos li.indesign{
	background: url(../images/logos.jpg) no-repeat 0 -343px;
}

.logos li.visualstudio{
	background: url(../images/logos.jpg) no-repeat 0 -407px;
}

.news img{
	float: left; margin-right: 15px;
}

.news p{
	width: 200px; float: left;
}

.news p a{
	color: #fff; text-decoration: underline;
}

.news p a:hover{
	color: #f8cf51;
}

.recwrk{
	width: 100%; height: 40px; background: url(../images/recentwork.gif) no-repeat; margin-top: 25px;
}