html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100.01%;background:transparent} ol, ul {list-style: none} :focus {outline:0} table {border-collapse:collapse;border-spacing:0} label, input[type=checkbox]{cursor:pointer}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 5, 2010 06:05:26 PM America/New_York */



@font-face {
	font-family: 'TitilliumText22LThin';
	src: url('../fonts/TitilliumText22L001-webfont.eot');
	src: local('☺'), url('../fonts/TitilliumText22L001-webfont.woff') format('woff'), url('../fonts/TitilliumText22L001-webfont.ttf') format('truetype'), url('../fonts/TitilliumText22L001-webfont.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LLight';
	src: url('../fonts/TitilliumText22L002-webfont.eot');
	src: local('☺'), url('../fonts/TitilliumText22L002-webfont.woff') format('woff'), url('../fonts/TitilliumText22L002-webfont.ttf') format('truetype'), url('../fonts/TitilliumText22L002-webfont.svg#webfonthJHMIxiW') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LRegular';
	src: url('../fonts/TitilliumText22L003-webfont.eot');
	src: local('☺'), url('../fonts/TitilliumText22L003-webfont.woff') format('woff'), url('../fonts/TitilliumText22L003-webfont.ttf') format('truetype'), url('../fonts/TitilliumText22L003-webfont.svg#webfontCVZ9BHQN') format('svg');
	font-weight: normal;
	font-style: normal;
}



html {min-height:100%}
body {
background-color:#333;
color:#fff;
font:normal 15px TitilliumText22LRegular, sans-serif;
}
@-webkit-keyframes rotator {
 from {
-webkit-transform: scale(0.1) rotate(0deg);
left:450px;
top:-50px
}
to {
-webkit-transform: scale(1.0) rotate(360deg);
left:10px;
top:15px
}
}
#logosmall {
-webkit-animation-name: rotator;
-webkit-animation-duration: 2s;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count:1;
height:120px;
left:10px;
position:absolute;
top:15px;
z-index:1
}
#logobg {
height:600px;
left:40px;
position:absolute;
top:70px;
width:555px;
z-index:1
}
.container {
/*margin:0 auto;*/
overflow:hidden;
position:relative;
width:1000px;
z-index:2
}
#leftCol {
background:#0d0d0d url(../images/leftColBg.png) no-repeat 0 0;
height:100%;
left:0;
position:fixed;
top:0;
width:385px
}
#logo {
height:250px;
text-indent:-9999em
} 
#rightCol {
margin-left:385px;
padding:20px 0 0 50px;
position:relative;
width:525px;
z-index:2
}
section {
display:block;
padding-top:40px;
width:525px
}


h1 {
color:#ccc;
font-family:TitilliumText22LThin, sans-serif;
font-size:60px;
font-weight:100;
line-height:1.3;
text-shadow:#222222 5px 5px 12px;
}
h1 span {
display:block
}
h2 {
color:#e6e6e6;
font:normal 40px/1.3 TitilliumText22LThin, sans-serif;
padding:0 0 20px;
text-shadow:#222222 5px 5px 12px;
}
h3 {
color:#f7941d;
font:normal 24px/1.3 TitilliumText22LRegular, sans-serif;
padding:0 0 10px;
text-shadow:#222222 5px 5px 12px;
}
p {
color:#fff;
line-height:1.3;
padding-bottom:15px
}
nav {
overflow:hidden;
position:absolute;
right:-36px;
top:250px;
width:222px;
z-index:2
}
nav a {
color:#ccc;
display:block;
font:bold 14px Verdana,sans-serif;
margin-left:auto;
padding:10px 50px 10px 0;
position:relative;
text-align:right;
text-decoration:none;
width:172px
}
nav a span {
background:url(../images/menuBg.png) no-repeat 0 0;
display:block;
height:39px;
left:-230px;
position:absolute;
top:0;
width:222px;
z-index:5
}
nav .active span {
left:0
}
nav a em {
position:relative;
z-index:10
}
a {
color:#f7941d;
text-decoration:none
}
a:hover {
color:#f1631a
}


#contactForm {
}
#contactForm input {
background-color:#272727;
background-color:rgba(0,0,0,0.1);
border-width:0;
color:#fff;
font:normal 18px/1.3 TitilliumText22LRegular, sans-serif;
margin-bottom:15px;
padding:10px;
width:400px
}
#contactForm input:hover,
#contactForm input:focus,
#contactForm textarea:hover,
#contactForm textarea:focus {
background-color:#232323;
background-color:rgba(214,148,29,0.15);
}
#contactForm textarea {
background-color:#272727;
background-color:rgba(0,0,0,0.1);
border-width:0;
color:#fff;
font:normal 18px/1.3 TitilliumText22LRegular, sans-serif;
height:180px;
margin-bottom:15px;
overflow:auto;
padding:10px;
width:400px
}
button {
border-width:0;
cursor:pointer;
display:block;
font:normal 18px/1.3 TitilliumText22LRegular, sans-serif;
padding:10px;
text-align:center;
}
#work hr {
background-color:transparent;
border-top:1px solid #666;
color:transparent;
margin:20px 0 30px
}
.workItem span {
float:right;
padding-top:10px
}
.workItem h3 {
padding-bottom:4px
}
.workItem img {
width:525px
}

.skillType {
float:left;
width:250px
}
.skillType ul {
color:white;
font-size:18px;
padding-bottom:20px
}
.skillType li {
padding:4px 0
}
.skillType ul span {
color:#666
}