* {
	padding:0;
	margin:0;
}

html {
	background:url("/images/background_repeat.jpg") top left;
}

h2 {
	font:normal 21px/23px "GothamMediumRegular", Helvetica, Arial, sans-serif;
	color:#2a2a2a;
	padding:0 0 10px 0;
}

p {
	font:normal 12px/25px "GothamBookRegular", Helvetica, Arial, sans-serif;
	color:#2a2a2a;
	padding:0 0 25px 0;
}

a {
	font-family:"GothamBookRegular", Helvetica, Arial, sans-serif;
	line-height:14px;
	background:#faf6ab;
	color:#2a2a2a;
	text-decoration:none;
	outline:none;
	padding:1px 2px 1px 2px;
}

a img {
	border:0;
}

a:hover {
	background:#fefcdc;
}

strong {
	font-family:"GothamMediumRegular";
	font-weight:normal;
}

.hr {
	height:4px;
	background:url("/images/divider_horizontal.png") top left repeat-x;
	font-size:0;
	margin:0;
}

hr {
	display:none;
}

#wrapper {
	width:1000px;
	position:relative;
	padding:0 0 0 0;
	margin:0;
}

#sidebar {
	width:230px;
	float:left;
	position:absolute;
	top:20px;
	left:45px;
}

a.logo {
	width:162px;
	height:164px;
	background:url("/images/logo.png") top left no-repeat;
	display:block;
	text-indent:-999999px;
	padding:0;
	margin:0 0 15px 25px;
}

a.logo:hover {
	background-position:0 -164px;
}

#intro {
	font:normal 13px/26px "GothamMediumRegular", Helvetica, Arial, sans-serif;
	color:#2a2a2a;
	padding:0 0 20px 0;
}

#fade { /*--Transparent background layer--*/
	width:100%; 
	height:100%;
	/*background:#000;*/
	position:fixed;
	top:0;
	left:0;
	/*opacity:.60;*/
	z-index:9;
}

.aboutme {
	width:690px;
	height:245px;
	float:left;
	background:url("/images/background_aboutme.png") top left no-repeat;
	position:fixed;
	top:52%;
	left:700px;
	z-index:999;
	padding:0;
	margin:0;
}

.aboutme_content {
	width:330px;
	height:198px;
	padding:47px 60px 0 300px;
}

.aboutme_content p {
	font:normal 13px/26px "GothamBookRegular", Helvetica, Arial, sans-serif;
	color:#f2f2f2;
	padding:0;
}

a.button_close {
	width:23px;
	height:23px;
	background:url("/images/button_close.png") top left no-repeat;
	display:block;
	text-indent:-999999px;
	position:absolute;
	top:27px;
	right:20px;
	z-index:11;
	padding:0;
	margin:0;
}

a.button_close:hover {
	background-position:0 -23px;
} 

#navigation {
	list-style:none;
	padding:20px 0 0 0;
}

#navigation li {
	padding:0 0 8px 0;
}

#navigation li a {
	font-size:13px;
}

#content {
	width:680px;
	float:right;
	position:relative;
	z-index:1;
}

.portfolio_entry_wrapper {
	width:680px;
	padding:20px 0 20px 0;
}

.portfolio_entry {
	width:640px;
	background:url("/images/background_portfolio_entry.png") top left;
	padding:20px;
	margin:0;
}

.portfolio_entry_text {
	width:630px;
	background:url("/images/portfolio_entry_divider.png") top left repeat-y;
	padding:5px;
	margin:0 0 20px 0;
}

.portfolio_description {
	width:395px;
	float:left;
	padding:0 20px 0 0;
	margin:0;
}

.portfolio_description p {
	padding:0;
}

.portfolio_text_right {
	width:195px;
	float:left;
	list-style:none;
	padding:0 0 0 20px;
	margin:0;
}

.portfolio_text_right li {
	font:normal 12px/23px "GothamBookRegular", Helvetica, Arial, sans-serif;
	color:#2a2a2a;
	padding:0;
}

.portfolio_image {
	width:630px;
	height:460px;
	background:url("/images/background_portfolio.png") top left no-repeat;
	padding:10px 0 0 10px;
}

.portfolio_nav {
	float:right;
	margin:20px 10px 0 0;
}

.portfolio_nav a {
	width:11px;
	height:11px;
	float:left;
	background:url("/images/portfolio_button.png") top left no-repeat;
	display:block;
	text-indent:-999999px;
	padding:0;
	margin:0 0 0 5px;
}

.portfolio_nav a:hover {
	background-position:0 -11px;
}

.portfolio_nav a.activeSlide {
	background:url("/images/portfolio_button_active.png") top left no-repeat;
}

.portfolio_nav a:focus {
	outline: none;
}

#footer {
	padding:25px 0 30px 0;
}

#footer .hr {
	padding:0 0 10px 0;
}

.footer_left {
	float:left;
	background:url("/images/icon_hand.png") 0 6px no-repeat;
	padding:0 0 0 23px;
}

.footer_right {
	float:right;
}

a.handle {
	width:137px;
	height:26px;
    background:url("/images/tab_contactme.png") top left no-repeat;
    left:41px;
	bottom:0;
    position:relative;
}

.slide-out-div {
	width:100%;
	height:134px;
	min-width:980px;
    background:url("/images/background_contactme.png");
	margin:auto;
    z-index:6;
}

#contact_wrapper {
	width:938px;
	background:url("/images/background_contact_wrapper.png") top left repeat-y;
	padding:10px 0 10px 62px;
	margin:20px 0 0 0;
}

#contact_sidebar a {
	background:none;
	color:#f2f2f2;
	border-bottom:1px dotted #f2f2f2;
}

#contact_sidebar a:hover {
	background:none;
	color:#FAF6AB;
	border-bottom:1px dotted #FAF6AB;
}

#contact_sidebar {
	width:223px;
	float:left;
	padding:0 35px 0 0;
}

#contact_sidebar p {
	color:#f2f2f2;
	padding:0;
}

.icon_hand {
	background:url("/images/icon_hand.png") 0 5px no-repeat;
}

.spacer {
	padding:0 0 0 23px;
}

#contact_form {
	width:680px;
	float:left;
}

#contact_form_fullwidth {
	width:650px;
	float:left;
	padding:0 0 0 30px;
}

#contact_form_fullwidth p {
	color:#f2f2f2;
	padding:0;
}

#contact_form_column1 {
	width:228px;
	float:left;
	padding:0 0 0 30px;
}

#contact_form_column2 {
	width:251px;
	float:left;
	padding:0 0 0 30px;
}

#contact_form_column3 {
	width:141px;
	float:left;
	position:relative;
	padding:0;
}

.input_text {
	width:228px;
	height:28px;
    background: url("/images/input_text.png") top left no-repeat;
	display:block;
    padding:0;
	margin:0 0 15px 0;
}

.input_text input {
	float:left;
    background:none;
    border:0 none;
    font:normal 12px/14px "GothamBookRegular", Helvetica, Arial, sans-serif;
	color:#2f2f2f;
    outline:none;
	padding:7px 5px 0 5px;
    margin:0;
}

.input_message {
	width:251px;
	height:71px;
    background: url("/images/input_message.png") top left no-repeat;
	display:block;
    padding:0;
	margin:0;
}

.input_message textarea {
	width:241px;
	height:65px;
	float:left;
    background:none;
    border:0 none;
    font:normal 12px/25px "GothamBookRegular", Helvetica, Arial, sans-serif;
	color:#2f2f2f;
    outline:none;
	padding:1px 5px 5px 5px;
    margin:0;
}

a.button_close_contactme {
	width:23px;
	height:23px;
	background:url("/images/button_close.png") top left no-repeat;
	display:block;
	text-indent:-999999px;
	position:absolute;
	top:0px;
	right:20px;
	z-index:11;
	padding:0;
	margin:0;
}

a.button_close_contactme:hover {
	background-position:0 -23px;
}

#button_sendit {
	width:94px;
	height:28px;
	float:right;
	margin:43px 17px 0 0;
}

.clearer {
	clear:both;
}

@font-face {
    font-family: 'GothamBoldRegular';
    src: url('/fonts/gotham-bold-webfont.eot');
    src: url('/fonts/gotham-bold-webfont.eot?iefix') format('eot'),
         url('/fonts/gotham-bold-webfont.woff') format('woff'),
         url('/fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('/fonts/gotham-bold-webfont.svg#webfonth4D11vzg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBoldItalic';
    src: url('/fonts/gotham-bolditalic-webfont.eot');
    src: url('/fonts/gotham-bolditalic-webfont.eot?iefix') format('eot'),
         url('/fonts/gotham-bolditalic-webfont.woff') format('woff'),
         url('/fonts/gotham-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/gotham-bolditalic-webfont.svg#webfontaQupL1gu') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBookRegular';
    src: url('/fonts/gotham-book-webfont.eot');
    src: url('/fonts/gotham-book-webfont.eot?iefix') format('eot'),
         url('/fonts/gotham-book-webfont.woff') format('woff'),
         url('/fonts/gotham-book-webfont.ttf') format('truetype'),
         url('/fonts/gotham-book-webfont.svg#webfontvk3Vwrdf') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBookItalic';
    src: url('/fonts/gotham-bookitalic-webfont.eot');
    src: url('/fonts/gotham-bookitalic-webfont.eot?iefix') format('eot'),
         url('/fonts/gotham-bookitalic-webfont.woff') format('woff'),
         url('/fonts/gotham-bookitalic-webfont.ttf') format('truetype'),
         url('/fonts/gotham-bookitalic-webfont.svg#webfontt9Ygtn3m') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamMediumRegular';
    src: url('/fonts/gotham-medium-webfont.eot');
    src: url('/fonts/gotham-medium-webfont.eot?iefix') format('eot'),
         url('/fonts/gotham-medium-webfont.woff') format('woff'),
         url('/fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('/fonts/gotham-medium-webfont.svg#webfontkukNSL15') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamMediumItalic';
    src: url('/fonts/gotham-mediumitalic-webfont.eot');
    src: url('/fonts/gotham-mediumitalic-webfont.eot?iefix') format('eot'),
         url('/fonts/gotham-mediumitalic-webfont.woff') format('woff'),
         url('/fonts/gotham-mediumitalic-webfont.ttf') format('truetype'),
         url('/fonts/gotham-mediumitalic-webfont.svg#webfontcVyVwJnw') format('svg');
    font-weight: normal;
    font-style: normal;
}