#logo a img 
{ margin-bottom: 25px;}
#hd a.back 
{ position: relative; color: #a0a0a0; text-decoration: none; float: right; margin-bottom: -18px; right: 10px; bottom: 20px; padding: 2px;}

/* @group GENERAL CONTENT *
****************************************************************************** */

.yui-ge {background-color: #000; margin-bottom: 15px;}
#box1 {background: #F0037F; min-height: 140px; font-size: 130%; color: #FFF; position: relative;}
.boxtitle {color: #bababa; padding-top: 10px; padding-bottom: 10px; padding-left: 10px;}
.boxtitle_ff a {color: yellow; display: block; font-weight: bold; padding-left: 15px; padding: 15px; margin: 15px; text-align: center;}
.boxtitle_ff a:hover {color: black; background-color: yellow;}
.boxtitle a {color: #000; display: block; background: url(../graphics/go_proj.png) right no-repeat; font-weight: bold; padding-left: 15px; padding: 15px; margin: 15px;}
.boxtitle a:hover {color: #000; background: #3FF url(../graphics/go_proj.png) right no-repeat}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */
/* @end */

/* @group PRIMARY NAVIGATION *
****************************************************************************** */

#logo {top: 10px; position: relative; clear: both;}
/* @end */

/* @group FEATURES *
****************************************************************************** */

#featured {background: #000 url(../graphics/curMod_bk.png) repeat-x; min-width: 367px; position: relative;}
#featured .modimage {border: none; float: right; height: 135px; width: 203px; position: relative; clear: none;}
#featured .description {width: 40%; color: white; position: relative; float: left; left: 10px; z-index: 2; top: 10px;}
#featured .meta {text-transform: uppercase; line-height: 1.3em; list-style: none; color: #3A3A3A; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 0;}
#featured .sectionClose {clear: both; display: block; font-size: 0;}
#featured p {line-height: 1.4em; font-size: 85%; padding: 5px 0 0;}
#featured h5 {border: none; color: #999;}
#featured .rollover a {background: url(../graphics/arrow_off.gif) no-repeat; float: none; z-index: 20; position: absolute; clear: none; right: 0;}
#featured .rollover a:hover {background: url(../graphics/arrow_on.gif) no-repeat;}
/* @end */

/* @group CLIENT LIST PORTFOLIO PAGE *
****************************************************************************** */

#biglist {text-transform: uppercase; font-size: 70%;}
#biglist li {list-style: none; margin-top: 1px; padding-left: 10px;}
#biglist a {color: #c83534; text-decoration: none;}
#biglist a:hover {color: #f00;  padding-left: 2px;}
#biglist a#nothot {color: #666; text-decoration: none;}
#biglist a#new {color: #fb5412; background: #f8febb; text-decoration: none; padding: 1px 3px; margin-left: -3px;}
#biglist a:hover#new {color: #fff; background: #F0037F url(../../graphics/new_on.gif) right no-repeat; padding: 1px 50px 1px 3px}
#biglist a:visited {color: #676767; background: #1B1B1B}
ul#biglist 
{ margin-bottom: 10px;}
#biglist a:visited#new {color: #000;}
/* @end */

/* @group PROJECT PAGE *
****************************************************************************** */

#project {color: white;}
#project h2 {margin-left: 20px; margin-top: 10px; font-size: 120%;}
#project .description {position: relative; line-height: 1.4em; font-size: 85%; right: 25px; top: 5.5em;}
#project .meta {list-style: none; float: left; text-transform: uppercase; color: #3A3A3A; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px 15px 5px 20px; display: inline;}
#project li {margin: 0 10px 0 0; display: inline;}
#project img {margin-left: 20px; margin-bottom: 20px;}
#project object {margin-left: 20px; margin-bottom: 20px;}
#project a.projectlink {width: 485px; display: block; color: #000; padding: 2px 0px 2px 15px; background: #F06 url(../graphics/go_proj.png) right no-repeat; margin: 0 0 15px 20px; clear: both;}
#project a:hover {background: #00CCFF url(../graphics/go.gif) right no-repeat}
.FBcredit {font-size: 90%; padding-top: 15px; color: #3A3A3A; font-style: italic;}

#project .FBcredit a{ color: #F06; background-image: none;}
#project .FBcredit a:hover{ color: #fff;}
/* @end */

/* @group FOOTER *
****************************************************************************** */
#footer {background: #e6e6e6; position: relative; font-size: 85%; float: left; width: 100%; margin-top: 20px;}
#footer li {display: inline; list-style: none; padding: 10px;}
#footer ul li.contact a 
{ text-decoration: none;}
#footer .resume {float: left; background: url(../graphics/resumeIcon.gif) left no-repeat; padding: 10px 10px 10px 30px;}
#footer .contact {float: right; padding: 10px;}
#footer a {color: gray; letter-spacing: 1px;}
#footer a:hover {color: #F06;}
#copyright {color: #F9C; clear: both; padding-top: 50px;}

li.booked 
{ color: #7e787e; font-size: 115%; position: relative; top: 8px;}
/* @end */