html {
background: #ac4e16;
}
body {
background: #ac4e16;
position: relative;
font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
} 

#b {
background: url(../i/websiteall.jpg);
width: 319px;
height: 259px;
position: relative;
}
#c {
background: url(../i/websiteall2.jpg);
width: 319px;
height: 259px;
position: relative;
}
#invisibodi {
overflow: hidden;
height: 2px;
width: 99%;
background: transparent;
}
.quickflip-wrapper .name, .quickflip-wrapper .about, .quickflip-wrapper .work, .quickflip-wrapper .blog, .quickflip-wrapper .contact, .quickflip-wrapper .twitter, .quickflip-wrapper .quickFlipCta, .quickflip-wrapper .deviantart , .quickflip-wrapper .artabout , .quickflip-wrapper .artwork {
display: block;
position: absolute;
}
.quickflip-wrapper .name {
width: 195px;
height: 50px;
top: 65px;
left: 60px;
}

.quickflip-wrapper .about {
width: 29px;
height: 72px;
top: 55px;
left: 15px;
cursor: pointer;
}

.quickflip-wrapper .artabout {
width: 29px;
height: 72px;
top: 55px;
left: 15px;
cursor: pointer;
}

.quickflip-wrapper .work {
width: 47px;
height: 56px;
bottom: 75px;
left: 93px;
cursor: pointer;
}

.quickflip-wrapper .artwork {
width: 47px;
height: 56px;
bottom: 75px;
left: 93px;
cursor: pointer;
}

.quickflip-wrapper .blog {
width: 47px;
height: 56px;
bottom: 75px;
left: 170px;
}

.quickflip-wrapper .contact {
width: 36px;
height: 26px;
right: 15px;
top: 52px;
cursor: pointer;
}
.quickflip-wrapper .deviantart {
width: 36px;
height: 26px;
right: 15px;
top: 52px;
cursor: pointer;
}
.quickflip-wrapper .twitter {
width: 36px;
height: 26px;
right: 15px;
top: 88px;
cursor: pointer;
}
.quickflip-wrapper .quickFlipCta {
width: 36px;
height: 36px;
right: 145px;
top: 20px;
cursor: pointer;
}
.tooltip{
background: #7e88a3 url(../i/tooltipbackground.jpg) center center;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #999;
font-weight: bold;
text-shadow: 0 1px #aaa;
-moz-box-shadow: 0 2px 2px #9f4604;
-webkit-box-shadow: 0 2px 2px #9f4604;
-khtml-box-shadow: 0 2px 2px #9f4604;
-o-box-shadow: 0 2px 2px #9f4604;
box-shadow: 0 2px 2px #9f4604;
}
.tooltop{
background: #7e88a3 url(../i/tooltipbackground.jpg) center center;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #999;
font-weight: bold;
text-shadow: 0 1px #aaa;
-moz-box-shadow: 0 2px 2px #333;
-webkit-box-shadow: 0 2px 2px #333;
-khtml-box-shadow: 0 2px 2px #333;
-o-box-shadow: 0 2px 2px #333;
box-shadow: 0 2px 2px #333;
}
.ui-widget {

border: 1px solid #999!important;
-moz-box-shadow: 0 3px 6px #333;
-webkit-box-shadow: 0 3px 6px #333;
-khtml-box-shadow: 0 3px 6px #333;
-o-box-shadow: 0 3px 6px #333;
box-shadow: 0 3px 6px #333;
}
.ui-widget-header {
background: transparent!important;
text-shadow: 0 1px #aab5d4;
border: none!important;
}
.ui-widget-content {
background: transparent!important;
}
.ui-dialog {
background: #7e88a3 url(../i/tooltipbackground.jpg) top left no-repeat!important;
}
/* ------------------------------------------- */
/* -------- Portfolio ------------------------ */
/* ------------------------------------------- */

#dialog {
background: transparent;
display: block;
}
#dialog2{
background: transparent;
display: block;
}
#dialogAbout {
background: transparent;
display: none;
}
#dialogAboutArt {
background: transparent;
display: none;
}
.aboutPage {
font-size: 16px;
font-weight: normal;

line-height: 20px;
color: #000;
text-shadow: 0 1px #9aa5c4;
}
.aboutPage h3 {
margin:  10px 0 5px 0;
padding: 0 0 5px 0;
text-shadow: 0 1px #9aa5c4;
}
.aboutPage a {
text-decoration: none;
color: #612c0b;
text-shadow: 0 1px #8a95b4;
}
.work {
cursor: pointer;
}

#dialogTwitter {
display: none;
}
#jTweets {
background: transparent;
}

.dot { position: absolute; opacity: 0.0; filter: alpha(opacity=0); background: url('../images/dot-ie.png') no-repeat transparent; background: -moz-linear-gradient(top left, #144955, #d6661d); background: -webkit-gradient(linear, left top, left bottom, from(#144955), to(#d6661d)); }

.dot { -moz-border-radius: 50% 50% 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }
.quickflip-wrapper {
width: 319px;
height: 259px;
position: relative;
margin: 0 auto;
}