html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body {
background:url(../images/back.jpg) #333333;
color:#351f12;
text-align:center;
font-family:Arial, 'Sans Serif';
font-size:12px;
height: 100%;
padding: 0;
margin: 0; 
}

a {
color:#999999;
text-decoration: none;
}

a:hover {
color:#351f12;
text-decoration: none;
border-bottom: 1px dotted #351f12;
}

.alignleft {
float:left;
display:block;
margin:0 10px 10px 0;
}

.alignright {
float:right;
display:block;
margin:0 0 10px 10px;
}

p, ul {
line-height:22px;
padding:0 0 10px 0;
}

.contactform p#response {
color:#333333;
padding:5px;
line-height:18px;
font-size:11px;
display:none;
margin-bottom:20px;
}

h2 {
font-size:24px;
font-weight:normal;
color:#999999;
line-height:25px;
padding:0 0 10px 0;
}

DIV#page {
background:url(../images/page.jpg) no-repeat top center;
position: absolute;
left: 50%;
top:10px;
width: 1135px;
height: 610px;
display:block;
overflow:hidden;
margin-left: -567.5px; /* half of width */
text-align:left;
}

#header {
width:950px;
padding:7px 50px 0 50px;
clear:both;
height:80px;
}

h1 a, h1 a:hover, a.logo:hover {
font-size:30px;
font-weight:bold;
color:#999999;
border:none;
}

h1 a span {
font-weight:normal;
color:#666666;
}

#main {
overflow:hidden;
position:relative;
width:1035px;
margin:0 50px;
clear:both;
}

#main #workCol {
/*width:720px;*/
width:893px;
display:block;
float:left;
}

#main #aboutCol, #main #contactCol {
width:70px;
display:block;
float:left;
}

#main .content {
width:823px;
height:550px;
float:left;
display:block;
background:url(../images/tabgrad.jpg) no-repeat top left #eae9ea;
}

#main .content .sidebar {
background:url(../images/knot.jpg) #f0f0f0 50% 73% no-repeat;
float:right;
width:130px;
height:550px;
padding:20px;
}

#main .content .contentarea {
width:610px;
height:550px;
padding:20px;
float:left;
overflow:hidden;
border-right:1px solid #cccccc;
}

#main .content .contentarea h2 {
color:#351f12;
}

#main a.tab {
width:68px;
border-right:1px solid #351f12;
float:right;
display:block;
height:550px;
padding:10px 1px 0 0;
font-size:10px;
text-align:center;
color:#FFFFFF;
cursor:pointer;
}

#main a.tab.active, #main a.tab:hover {
background:url(../images/tabOver.jpg);
color:#FFFFFF;
border-bottom:none;
}

#main a.tab.active, #main a.tab.active:hover {
background:url(../images/tabActive.jpg);
width:67px;
border-left:1px solid #dadada;
color:#351f12;
}

#main #contactCol a.tab {
border-right:none;
width:69px;
}

#main #contactCol a.tab.active {
width:68px;
}

#main #aboutCol .content, #main #contactCol .content {
display:none;
}


/* Portfolio */

#main .content ul#portfolioLinks {
line-height:24px;
}

#main .content ul#portfolioLinks a.active {
color:#351f12;
}

span.screenshot {
background: url(../images/screenshot.png) no-repeat;
width:430px;
margin-left:-10px;
height:268px;
padding:44px 0 0 10px;
display:block;
overflow:hidden;
}


/* Contact */
.contactform {
padding:10px 0 0 0;
}

.contactimg {
	position:absolute;
	top:100px;
	right:270px;
	}

.contactform input, .contactform textarea {
border:2px solid #CCCCCC;
padding:3px;
font-size:12px;
font-family: Arial;
}

.contactform #submit {
background:#CCCCCC;
padding:5px;
color:#351f12;
}

.contactform #submit:active{
background-color: #a7a7a7;
}

.contactform p label {
float:left;
padding:0 10px 0 0;
width:60px;
}

#footer {
clear:both;
padding:2px 50px 0 0;
}

#footer p {
text-align: right;
padding:0px;
color:#777777;
font-size:10px;
}

#footer a {
color:#777777;
}