/* CSS Document */
#project-nav {}

#slide {width:950px; overflow:hidden; position:relative;}
.slide-box {width:950px; height:158px; position:relative;}
.slide-strip {margin:0; padding:0; list-style:none; width:950px; position:relative; top:0; left:0;}
.thumb {margin:0 10px 18px 0; width:230px; height:158px; float:left;}
#slide .last {margin-right:0;}
.thumb a {text-decoration:none;}
.thumb a span {display:block; width:225px; padding-left:5px; background:#f9f9f9; color:#000;}
.thumb a:hover span {background:#e7e7e7; color:#000;}
.thumb a.on span {background:#aaa; color:#fff;}


#toggle-box .toggle-nav {color:#fff; text-decoration:none; float:right; padding-right:5px;}
#toggle-box .toggle-nav:hover {color:#000; text-decoration:none;}

.slide-control {width:950px; height:18px;}
.slide-left {float:left;}
.slide-right {float:right;}
.slide-left a, .slide-right a {display:block; width:18px; height:18px; text-decoration:none; font-weight:bold; text-align:center; color:#aaa;}
.slide-left a {background:url(../img/btn_arrow_l.gif) top center no-repeat;}
.slide-right a {background:url(../img/btn_arrow_r.gif) top center no-repeat;}
.slide-left a span, .slide-right a span {display:none;}
.slide-left a:hover, .slide-right a:hover {color:#000000; background-position:0 -18px;}


#project-details{}
#project-details a {color:#269999;}
.dummy-box {width:948px; height:430px; border:2px solid #eee;}
.loading {width:948px; height:430px; border:2px solid #eee; background:url(../img/loading.gif) no-repeat center center;}
#item {}
#description {}
#image {}
.back a {color:#777;}



#header h1 {color:#777;}
#header h1 a {text-decoration:none; color:#777;}
#header #logo {display:block; width:110px; height:36px; text-decoration:none; background:url(../img/logo.gif) top left no-repeat;}

.anchor-links {margin:0; padding:0; list-style:none;}
.anchor-links li {float:left;}
.anchor-links li a {display:block; padding-left:5px; text-decoration:none; background:#f9f9f9; color:#000;}
.anchor-links li a:hover {background:#e7e7e7;}



.work-bar {margin:1.5em 0 1.5em 0; background:#c9e574;}

.resume-bar {margin:1.5em 0 1.5em 0; background:#6fcccc;}
.resume-back {margin-left:10px; display:block; width:30px; height:18px; text-decoration:none; background:url(../img/btn_resume_bck.gif) top right no-repeat;}

.contact-bar {margin:1.5em 0 1.5em 0; background:#269999;}
.contact-back {margin-left:10px; display:block; width:30px; height:18px; text-decoration:none; background:url(../img/btn_contact_bck.gif) top right no-repeat;}

.bar {height:18px;}
.bar h2 {font-size:1em; font-weight:bold; margin:0 0 0 .5em; text-transform:uppercase; color:#ffffff;}

#navigation #navigation-links {margin:0; padding-left:0; display:inline;}
#navigation #navigation-links .nav-btn {list-style:none; display:inline; width:310px; height:36px;}
#navigation #navigation-links .nav-btn a {list-style:none; display:block; width:310px; height:36px; text-decoration:none; float:left;}
#navigation #navigation-links #w-btn a {background:url(../img/btn_work.gif) top left no-repeat; margin:0 10px 0 0; padding:0;}
#navigation #navigation-links #r-btn a {background:url(../img/btn_resume.gif) top left no-repeat; margin:0 10px 0 0;}
#navigation #navigation-links #c-btn a {background:url(../img/btn_contact.gif) top left no-repeat;}

#navigation #navigation-links #w-btn a:hover {background-position:0 -36px;}
#navigation #navigation-links #r-btn a:hover {background-position:0 -36px;}
#navigation #navigation-links #c-btn a:hover {background-position:0 -36px;}