html, body { margin: 0;	padding: 0; }
body { font: x-small/1.3 "Trebuchet MS", Verdana, Arial, sans-serif; background: #FFFEF2 url(bgradient.gif) left top repeat-x; }
#wrapAll { font-size: 150%; }
h1, h2, h3, h4, h5 { margin: 1% 2%; }
h1 { font-size: 200%; color: #FFF; margin-top: 0; margin-bottom: 0; }
h2 { font-size: 180%; }
h3 { font-size: 150%; color: #FFF; background: #FFC64C url(gradient.gif) repeat-x; margin: 0; padding: 0.8% 2%; }
h4 { font-size: 120%; color: #F27400; background: #FFFC84; margin: 0; padding: 0.2% 2%; border-bottom: 1px dashed #FFC64C; }
#list { font-size: 100%; }
h4 .small { color: #F27400; }
h5, .h5like { font-size: 100%; color: #FFF; background: #77AEE8; padding: 5px 5px 5px 9px; font-weight: bold; }
.h5like { display: block; list-style: none; }
.h5like span { display: block; color: #FFF; padding: 3px 5px 3px 9px; }
p, span { font-size: 100%; color: #000; }
a { text-decoration: none; color: #FF8214; }
a:hover { color: #000; }
img { border: none; }
ul { margin-right: 20px; }
#top { width: 100%; background: #77AEE8 url(pamukkale.jpg) right -150px no-repeat; padding: 10px 0; }
#left { float: left; width: 15.7%; background: #FF8214; position: relative; right: -5px; top: -5px; z-index: 5; }
#left a { display: block; background: #FF8214; padding: 5px 10px; text-align: center; border-bottom: 1px solid #EA6F00; color: #FFF; font-weight: bold; }
#left a:hover { position: relative; left: 3px; bottom: 3px; border: 1px dashed #A74436; background: #FFAF66; margin-bottom: -1px; }
.linkout { background: url(linkout.png) right center no-repeat; padding: 0 7px; }
#header { float: left; width: 84.3%; }
#digger { position: absolute; right: 0; }
#content, #contentP { clear: left; margin: 10px 0 20px; text-align: center; }
#content { margin-left: 5%; text-align: left; }
#centerContent { display: table; margin: 0 auto; padding-left: 159px; }
#displayRow { display: table-row; text-align: left; }
#footer { text-align: right; clear: both; padding: 10px 5% 10px; font-size: 80%; background: #77AEE8 url(mountains.jpg) 0 -160px no-repeat; border-top: 1px solid #5D88B5; }
#footer a { color: #FFF; }
#footer a:hover { color: #000; }
#footer p { margin: 0; padding: 10px 0 0;}
#copy { padding-right: 10px; }
.square {list-style: square; color: #3B5998; border: 1px dashed #809ACE; padding: 0 10px 5px 25px; background: #FFFEF2 url(bgradient.gif) 0 -50px repeat-x; }
.square h5, .square .h5like { margin: 0 -10px 0 -25px; }
.disc { list-style: disc; color: #3B5998; }
.square li, .disc li {padding: 2px 0px; }
.noBullet { list-style: none; }
.column { float: left; width: 48.5%; margin: 0; }
.clear { clear: both; }
.small { font-size: 80%; }
/* portfolio-specific styles mostly below */
#note { float: right; border: 1px dashed #FFC64C; margin: 10px; width: 159px; }
#note h5 { margin: 0; background: #FFC64C; }
#note p { margin: 5px; }
.piece { border: 1px dashed #809ACE; float: left; margin: 10px; }
.piece h5 { margin: 0; }
.piece .image { display: block; width: 259px; height: 329px; }
.piece .image span { display: block; height: 289px; visibility: hidden; padding: 20px 10px; color: #213356; }
.piece .image:hover span { visibility: visible; background: #FFFEF2 url(bgradient.gif) 0 -100px repeat-x; }
#qiraz { background: #FFFEF2 url(qiraz.jpg) top left no-repeat; }
#paperspot { background: #FFFEF2 url(paperspot.jpg) top left no-repeat; }
#yacht6 { background: #FFFEF2 url(yacht6.jpg) top left no-repeat; }
#netruling { background: #FFFEF2 url(netruling.jpg) top left no-repeat; }
#introducit { background: #FFFEF2 url(introducit.jpg) top left no-repeat; }
#qiraz:hover, #paperspot:hover, #yacht6:hover, #netruling:hover, #introducit:hover { background-position: 0 -999em; }
#future { background: #FFFEF2 url(bgradient.gif) 0 -100px repeat-x; }
#future p { font-size: 150%; line-height: 2.5; text-align: center; color: #213356; }
#inFuture { margin: 50px 10px 0; width: 239px; height: 279px; }