/* ------------------ Global Changes ------------------*/

body { background-image: url(../_images/bg.png); background-repeat: no-repeat; background-color: #0b0b0b; background-attachment: fixed; color:#999999; font-family:Arial, Helvetica, sans-serif; }
a:link, a:visited, a:active { text-decoration: none; color:#999999; }
a:hover { text-decoration: none; color:#cccccc; }
img { border: none; }
:focus { outline:none; }

p { font-size: 1em; }
.user_adjustable { font-size: 1em; }
#adjustable { font-size: 1em; }

/* ------------------ Index ------------------*/

#wrapper { width: 802px; text-align: center; margin: 0 auto; }

#nav { width: 802px; text-align: center; padding: 20px 0px; }
#nav_logo { height: 52px; width: 239px; background: url(../_images/nav_logo.png) no-repeat; float: left; }
#nav_blank { height: 52px; width: 263px; background: url(../_images/nav_blank.png) no-repeat; float: left; }
#nav_about { padding-top:32px; height: 20px; width: 72px; background: url(../_images/nav_about.png) no-repeat; float: left; }
#nav_about:hover { background-position: 0px -52px; }
#nav_work { height: 52px; width: 69px; background: url(../_images/nav_work.png) no-repeat; float: left; }
#nav_work:hover { background-position: 0px -52px; }
#nav_blog { height: 52px; width: 63px; background: url(../_images/nav_blog.png) no-repeat; float: left; }
#nav_blog:hover { background-position: 0px -52px; }
#nav_contact { height: 52px; width: 96px; background: url(../_images/nav_contact.png) no-repeat; float: left; }
#nav_contact:hover { background-position: 0px -52px; }

#content_top { background: url(../_images/content_top.png) top no-repeat; height: 56px; margin-top: 20px; }
#content { background: url(../_images/content_mid.png) top repeat-y; padding: 20px; }
#content_bottom { background: url(../_images/content_bottom.png) top no-repeat; height: 13px; }

#left_col{ text-align: left; width: 490px; float: left; }
#featured_work { background: url(../_images/transparent_bg.png) repeat; border: 1px solid #999; padding: 10px 10px 10px 10px; }

#right_col { text-align: left; width: 230px; float: right; }
.content_bg { background: url(../_images/transparent_bg.png) repeat; border: 1px solid #999; padding: 10px 10px 10px 10px; }

.my_image { margin-top: 10px; }

.float_left { float: left; }
.float_right { float: right; }
.clear_float { clear: both; }
.hide { display: none; }

#contact { padding-top: 120px; width: 100px; background: url(../images/contact.png) no-repeat 6px 0px; float: left; }
#contact:hover { background-position: -100px 0; }


/* ------------------ Work ------------------*/

#welcome_title { height: 50px; width: 200px; background: url(../_images/t_welcome.png) no-repeat; margin: -58px 0px 0px -15px; }
#about_title { height: 50px; width: 200px; background: url(../_images/t_about.png) no-repeat; margin: -58px 0px 0px -15px; }
#work_title { height: 50px; width: 200px; background: url(../_images/t_work.png) no-repeat; margin: -58px 0px 0px -15px; }
#blog_title { height: 50px; width: 200px; background: url(../_images/t_blog.png) no-repeat; margin: -54px 0px 0px -15px; }
#contact_title { height: 50px; width: 200px; background: url(../_images/t_contact.png) no-repeat; margin: -58px 0px 0px -15px; }

#work_title_motion { height: 50px; width: 150px; background: url(../_images/t_motion.png) no-repeat; margin: 50px 0px 0px 20px; }
#work_title_print { height: 50px; width: 150px; background: url(../_images/t_print.png) no-repeat; margin: 50px 0px 0px 20px; }
#work_title_web { height: 50px; width: 150px; background: url(../_images/t_web.png) no-repeat; margin: 50px 0px 0px 20px; }

.piece { margin: 0px 0px 30px 33px; width: 360px; }

.piece h3 { color: #00ADDF; font-style: italic; font-weight: normal; font-size: 20px; }
.desc { float: right; }

.launch { font-size: 11px !important; color: #ddd; }

/* .tooltip { display:none; background:transparent url(../_images/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; } */
.box, .box_top, .box_mag, .box_web { display: none; color: #fff; float: left; margin: 0px 0px 0px 358px; }
.box_top { margin: 300px 0px 0px 358px; }
.box_mag { margin: -270px 0px 0px 358px; }
.box_web { margin: 0px 0px 0px 358px; }
.box h4 { padding: 0px; margin: 0px; }
.arrow_top { width: 209px; height: 12px; background: transparent url(../_images/arrow_top.png) no-repeat top; }
.arrow_mid { width: 209px; background: transparent url(../_images/arrow_mid.png) repeat-y; }
.arrow_bot { width: 209px; height: 25px; background: transparent url(../_images/arrow_bottom.png) no-repeat top; }

.pop_box_bg { width: 270px; border: 2px #fff solid; background: transparent url(../_images/pop_box_bg.png) repeat; padding: 25px 25px 25px 25px; text-align: left; font-size: 13px; }

/* ------------------ Contact ------------------*/

.contact_info {}


/* ------------------ Blog ------------------*/

.blog {}