/* Initiating Preloader Before Anything Else */

#outerwrapper {
   
    display: none;
	
    }
	

#preloader  {                            
    
	position:absolute;
	top:190px;
	left:0;
    z-index:1000;
    width: 100%;
	height: 300px;
	background:url(../images/loading-bg.gif) center no-repeat;
    cursor: wait;
                          
    }
	

#preloader p {


text-indent:-2000em;
text-align:center;
background: url(../js/thickbox/loader.gif) center no-repeat;
width:100%;
height:100px;
margin-top:100px;

}



html {

margin:0;
padding:0;
background:url(../images/site-bg.jpg) #fff;


}


body {

margin:0;
padding:0;
width: 100%;
display: table;
font-size:62.5%;
font-family:Helvetica, Arial, Verdana, sans-serif;

background:url(../images/body-bg.jpg) top repeat-x;


}



/* basic reset */

p, h1, h2, h3, h4, ul, ol, li, img, a, form, hr {

margin:0;
padding:0;
border:none;
outline:none;

}



h1, h2, h3, h4 {


font-family: "Century Gothic", Helvetica, Arial, sans-serif;
color:#591120;

}



h2 {

font-size:1.8em;
line-height:1.2em;
margin-bottom:0.7em;


}




h3 {

font-size:1.6em;
line-height:1.1em;
margin-bottom:0.7em;


}



h4 {

font-size:1.3em;
line-height:1.2em;

}



p {


font-size:1.2em;
line-height:1.6em;
margin-bottom:1.0em;
color:#333333;


}



hr {


height:1px;
margin-bottom:12px;
border-bottom:1px dotted #000;


}


#header {


height:90px;
width:100%;
background:url(../images/header-bg.png) repeat-x;
position:fixed;
z-index:20;

}

#headerinside {


width:960px;
height:55px;
margin:0 auto 0 auto;
padding:15px 0 0 0;
position:relative;


}


h1#logo {


float:left;
width:243px;
height:52px;
text-indent:-2000em;
background:url(../images/logo.png) no-repeat;

}


h1#logo a {
position:absolute;
top:0;
left:0;
display:block;
width:243px;
height:52px;
cursor:pointer;
}





/* TOP NAV */

ul#topnav {

float:left;
list-style:none;
margin-left:42px;

}


ul#topnav li {


float:left;
margin:14px 16px 0 0;

}


ul#topnav li a {


display:block;
height:46px;
text-indent:-2000em;
text-decoration:none;
outline:none;
border-bottom:none;

}


a#worklink {

width:150px;
background:url(../images/work-sprit.png) no-repeat;

}


a#aboutlink {

width:75px;
background:url(../images/about-sprit.png) no-repeat;

}


a#contactlink {

width:97px;
background:url(../images/contact-sprit.png) no-repeat;

}



a#worklink:hover, a#contactlink:hover, a#aboutlink:hover {

background-position:0 -46px;


}




/* class for anchors down the page */


.linkto {

display:block;
width:50px;
height:16px;
text-indent:-2000em;


}



#lamp {

width:230px;
height:204px;
position:absolute;
top:0;
right:114px;
z-index:21;
background:url(../images/lamp.png) no-repeat;


}




#outerwrapper {

width:100%;
background:url(../images/starburst-bg.png) top center no-repeat;
}



#innerwrapper  {


width:960px;
margin:0 auto 0 auto;
padding-top:120px;


}




h2#welcome {


width:486px;
height:173px;
float:left;
background:url(../images/intro-copy3.png) no-repeat;
text-indent:-2000em;
position:relative;

}



h2#welcome a#contact {

display:block;
position:absolute;
bottom:57px;
right:20px;
width:125px;
height:27px;


}


h2#welcome a#contact:hover {

border-top:1px dotted #ABCFDB;
border-bottom:1px dotted #ABCFDB;


}



#wassilychair {

width:425px;
height:380px;
margin-top:113px;
background:url(../images/wassily-chair-freelance.png) no-repeat;
float:right;
position:relative;

}



#wassilychair a {

position:absolute;
top:18px;
left:140px;
width:90px;
height:50px;
display:block;
text-indent:-2000em;
z-index:20;

}


#wassilychair em {


position:absolute;
right:26px;
top:-64px;
width:132px;
height:140px;
background:url(../images/hire-hover-larger.png) top no-repeat;
color:#fff;
text-align:center;
z-index:3;
display:none;
padding:38px 18px 0 18px;
font-style:normal;
font-size:1.2em;
line-height:1.4em;

}



#featurework {


float:left;
width:490px;
height:289px;
background:url(../images/indevelopment-bg.png) no-repeat;
margin:33px 0 0 3px;
color:#fff;
position:relative;

}


#featurework div {

position:absolute;
top:26px;
left:10px;
width:470px;
height:235px;
background:url(../images/justlaunched-riverview.jpg) no-repeat;

}



#featurework div h4 {

font-size:1.4em;
font-weight:lighter;
color:#fff;
position:absolute;
bottom:15px;
left:47px;

}


#featurework div h4 a.visitsite {


color:#fff;
text-decoration:none;
font-size:0.9em;
line-height:1.0em;
letter-spacing:0.03em;
background:url(../images/visitsitearrow.png) no-repeat right 4px;
padding:0 16px 0 8px;
margin-left:8px;
border-left:1px dotted #fff;
}


#featurework div h4 a.visitsite:hover {

color:#CCCCCC;

}



/* top area clear span */

span#cleartop {

display:block;
height:1px;
clear:both;
margin-bottom:200px;
overflow:hidden;


}




.sectionwrapper {


width:950px;
height:443px;
background:url(../images/section-bg.png) no-repeat;
margin:100px 0 100px 0;
padding:48px 0 0 10px;
position:relative;


}




/* right inside section wrappers */
h2#workheader {

position:absolute;
top:0;
left:0;
width:296px;
height:27px;
background:url(../images/header-work.gif) no-repeat;
text-indent:-2000em;
z-index:2;

}



h2#aboutheader {

position:absolute;
top:0;
left:0;
width:150px;
height:27px;
background:url(../images/header-about.gif) no-repeat;
text-indent:-2000em;
z-index:2;

}



h2#contactheader {

position:absolute;
top:0;
left:0;
width:192px;
height:27px;
background:url(../images/header-contact.gif) no-repeat;
text-indent:-2000em;
z-index:2;

}






/* right inside section wrapper */
a.uparrow {

position:absolute;
top:-1px;
right:-4px;
display:block;
width:41px;
height:46px;
background:url(../images/up-arrow-sprit.png) no-repeat;
text-indent:-2000em;
z-index:2;


}


a.uparrow:hover {

background-position: -42px -1px;


}



#webslides, #printslides {


width:940px;
height:373px;


}



#webslides div, #printslides div {

width:940px;
height:373px;


}




/* work slide image links -- used to be web slides  */



a.webmain, a.websub1, a.websub2, a.webfull {

position:absolute;
display:block;
background:url(../plus.gif) no-repeat #000;
border:4px solid #fff;
overflow:hidden;
text-decoration:none;

}


a.webfull {

top:0;
left:0;
width:634px;
height:352px;

}


/* work div just for logos */

span.logos {

position:absolute;
display:block;
top:0;
left:0;
width:634px;
height:352px;
border:4px solid #fff;
overflow:hidden;

}




a.webmain {

top:0;
left:0;
width:456px;
height:352px;


}


a.websub1 {

position:absolute;
top:0;
left:474px;
width:160px;
height:167px;

}



a.websub2 {

position:absolute;
top:185px;
left:474px;
width:160px;
height:167px;

}


a.webmain:hover img, a.websub1:hover img, a.websub2:hover img, a.webfull:hover img {

opacity:0.5;


}


span.siteinfo {

display:block;
position:absolute;
top:23px;
left:660px;
width:274px;
height:335px;
overflow:auto;

}


.siteinfo a {


color:#5B122B;
text-decoration:none;
border-bottom:1px dotted #333333;

}


.siteinfo a:hover {

border-bottom:none;

}



.siteinfo a.visitsite {

display:inline-block;
padding:6px 20px 5px 7px;
color:#fff;
text-decoration:none;
font-size:1.2em;
line-height:1.0em;
letter-spacing:0.04em;
background:url(../images/visitsitearrow.png) no-repeat right 6px #400D22;
opacity:0.8;
border-bottom:none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;


}


.siteinfo a.visitsite:hover {

opacity:1.0;

}





/* CONTROLS */



#webcontrols-bg, #printcontrols-bg {

width:943px;
height:49px;
background:url(../images/controls-bg.jpg) top no-repeat;
position:absolute;
bottom:27px;
left:10px;

}



#webcontrols {

width:320px;
height:19px;
position:absolute;
bottom:43px;
left:328px;
z-index:18;

}



#printcontrols {

width:160px;
height:19px;
position:absolute;
bottom:43px;
left:400px;
z-index:18;


}



#webcontrols a, #printcontrols a  { 


text-decoration:none;
text-indent:-2000em;  
background:url(../images/scroll-button-sprit.png) no-repeat 0 -38px;
width:19px;
height:19px;
display:block;
float:left;
margin-right:10px;
border-bottom:none;

}


#webcontrols a:hover, #printcontrols a:hover {

background-position:0 -19px;


}

#webcontrols a.activeSlide, #printcontrols a.activeSlide { 

background-position:0 0;

}



a#next, a#next2 {


position:absolute;
display:block;
width:70px;
height:40px;
background:url(../images/control-arrows-right-sprit.png) no-repeat;
top:420px;
left:678px;
text-indent:-2000em;
border-bottom:none;

}


a#next:hover, a#next2:hover {
background-position:0 -40px;

}


a#prev, a#prev2 {


position:absolute;
display:block;
width:55px;
height:40px;
background:url(../images/control-arrow-left-sprit.png) no-repeat;
top:420px;
left:230px;
text-indent:-2000em;
border-bottom:none;

}


a#prev:hover, a#prev2:hover {
background-position:0 -40px;

}




/* ABOUT SLIDE */




/* applied to 2 columns */


.aboutcolumn {


height:412px;
width:300px;
border-right:1px dotted #990000;
float:left;
display:inline-block;
margin-right:10px;
padding:4px 10px 0 0;
overflow:auto;

}



.aboutcolumn h4 {

font-size:1.4em;
margin-bottom:0.5em;

}



.aboutcolumn ul#left {

list-style:none;
font-size:1.2em;
line-height:1.5em;
margin-top:-1.0em;
margin-bottom:1.2em;
color:#333333;
float:left;
width:140px;
background-color:#009999;
}


.aboutcolumn ul#right {

list-style:none;
font-size:1.2em;
line-height:1.5em;
margin-top:-1.0em;
margin-bottom:1.2em;
color:#333333;
float:left;
width:140px;
background-color:#990000;
}





/* headshop holder */

#headshot {

height:68px;
margin:-4px 0 12px 0;
border:4px solid #fff;
background:url(../images/headshot.jpg) no-repeat;


}



a#resumelink {

display:block;
background:url(../images/resumelink-bg.jpg) no-repeat;
font-weight:bold;
padding:7px 0 6px 42px;
color:#fff;
text-decoration:none;
font-size:1.2em;
line-height:1.5em;
width:210px;
border:1px solid #fff;
letter-spacing:0.03em;

}


a#resumelink:hover {
background-position:0 -32px;

}





#rightcolumn {

position:absolute;
top:31px;
right:7px;
height:426px;
width:306px;
background:url(../images/tag-bg.png) no-repeat;
overflow:auto;


}



/* inside right column */


a#twitter {

display:block;
position:absolute;
top:116px;
left:58px;
width:86px;
height:84px;
background:url(../images/twitter-sprit.png) no-repeat;
text-indent:-2000em;

}

a#twitter:hover {

background-position:0 -83px;

}



a#linkedin {

display:block;
position:absolute;
top:112px;
right:60px;
width:83px;
height:83px;
background:url(../images/linkedin-sprit.png) no-repeat;
text-indent:-2000em;

}

a#linkedin:hover {

background-position:0 -82px;

}



/* twitter feed */



#twitterfeed {

width:180px;
padding:0 0 10px 4px;
position:absolute;
top:216px;
left:60px;
background:url(../images/tweet-bottom.png) bottom no-repeat;

}


#twitterfeed h3 {

width:179px;
height:48px;
text-indent:-2000em;
background:url(../images/tweet-top.gif) no-repeat;


}

ul#twitter_update_list {

list-style:none;
font-size:1.2em;
line-height:1.5em;
padding-bottom:6px;
color:#333333;

}


ul#twitter_update_list a {


font-size:0.8em;
text-decoration:none;
color:#666666;
text-transform:uppercase;

}




/* CONTACT */



#contactwrapper {


width:950px;
height:443px;
background:url(../images/section-bg.png) no-repeat;
margin:100px 0 260px 0;
padding:48px 0 0 10px;
position:relative;


}



#contact-content {

position:absolute;
top:-18px;
left:8px;
width:943px;
height:482px;
background:url(../images/contact-bg.png) no-repeat;


}


#contact-content a#email {

display:block;
position:absolute;
top:288px;
right:90px;
width:214px;
height:39px;
background:url(../images/emailtony-sprit.gif) no-repeat;
text-indent:-2000em;


}



#contact-content a#email:hover {

background-position:0 -39px;


}




/* COMMENT FORM */



form#contactform {


position:absolute;
top:155px;
left:70px;
width:460px;

}

#contactform fieldset {

border:none;

}


#contactform legend {

display:none;

}



#contactform ol {

list-style:none;

}


#contactform li {

float:left;


}


#contactform label {  

display: block;
font-size:1.4em;
font-weight:bold;
margin-bottom:6px;
color:#591120;

}


#contactform input {

width:164px;
height:27px;
margin:0 12px 16px 0;
background:url(../images/form-name-bg.png) no-repeat;
padding:11px 16px 0 10px;


}


#contactform textarea {

width:372px;
height:80px;
margin-bottom:10px;
background:url(../images/form-message-bg.png) no-repeat;
padding:8px 20px 8px 20px;
overflow:hidden;

}


#contactform input, #contactform textarea {


font-family:Helvetica, Arial, Verdana, sans-serif;
outline:none;
font-size:1.3em;
border:none;

}


input#submitbutton {


margin-left:156px;
width:86px;
height:33px;
outline:none;
cursor:pointer;
background:url(../images/form-button.png) no-repeat;
font-size:0px;
color:#7B3D4B;
}

input#submitbutton:hover {

background-position: -87px 0px;

}






p#success {

display:none;
position:absolute;
top:-50px;
right:-7px;
width:460px;
height:260px;
padding:6px;
text-indent:-2000em;
background:url(../images/thanksmessage-button.gif) no-repeat;
background-position:center;

}



p#bademail, p#badserver {

display:none;
position:absolute;
top:-70px;
right:-24px;
width:92px;
height:131px;
background:url(../images/hire-hover.png) no-repeat;
color:#fff;
text-align:center;
padding:24px 20px 0 20px;
font-size:1.2em;
line-height:1.2em;

}




/* end comment form */




#footer {


height:60px;
background:url(../images/footer-bg.jpg) repeat-x top;
color:#fff;
font-size:1.1em;
padding-top:40px;
text-align:center;

}


#footer a {

color:#fff;
text-decoration:none;
border-bottom:1px dotted #fff;
margin-left:14px;

}


#footer a:hover {

border-bottom:none;


}