/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

section, nav, article, aside, hgroup, header, footer { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }

/* Overall Page Structure */

body { background: #fff repeat-x url(assets/ui/bg.jpg); color: #647975; font-family: "Verdana", sans-serif; font-size: 9px; line-height: 16px; text-align: center; }

.fl { float: left; }
.fr { float: right; }

.i { font-style: italic; }
.b { font-weight: bold; }

h1 {  }
h2 { color: #e77916; font-weight: normal; margin-bottom: 10px; }
h3 { color: #e77916; font-size: 16px; font-weight: normal; margin-bottom: 8px; }
h4 { font-weight: normal; text-transform: uppercase; }
h5 { color: #8bc7cd; font-size: 9px; font-weight: normal; }

p { margin-bottom: 4px; }

a:link { color: #6DA9AF; text-decoration: none; -webkit-transition: color 0.2s linear; }
a:visited { color: #6DA9AF; text-decoration: none; -webkit-transition: color 0.2s linear; }
a:hover, a:focus { color: #ed8d19; text-decoration: none; -webkit-transition: color 0.2s linear; }
a:active { color: #403f3f; text-decoration: none; -webkit-transition: color 0.2s linear; }

#container { background: #fff repeat-x url(assets/ui/container_bg.png); margin: 0px auto; padding: 20px 25px 0px; text-align: left; width: 950px; }

/* Header */

header { background: #c5d6d6 repeat-x url(assets/ui/header_side_bg.jpg); height: 106px; width: 100%; }

#top_gradient { background: #b4b084 center url(assets/ui/top_gradient.png); height: 5px; width: 100%; }

header hgroup { background: repeat-x url(assets/ui/header_bg.png); height: 101px; margin: 0px auto; position: relative; width: 1000px; }
header hgroup #logo { background: no-repeat url(assets/ui/header_name.png); bottom: 33px; display: block; height: 17px; left: 26px; position: absolute; text-indent: -9999px; width: 162px; }
header hgroup h2 { background: no-repeat url(assets/ui/header_tagline.png); bottom: 9px; height: 10px; left: 26px; position: absolute; text-indent: -9999px; width: 191px; }
header hgroup h5 { bottom: 17px; position: absolute; right: 26px; }

/* Header Navigation */

nav { background: bottom repeat-x url(assets/ui/hr.png); color: #6DA9AF; margin-bottom: 16px; padding-bottom: 12px; position: relative; }
nav > ul > li { text-transform: uppercase; }
nav > ul > .colons { margin-bottom: 16px; }
nav > ul > .colons:after { color: #6DA9AF; content: "::"; margin: 0px 8px; }
nav > ul > #work_nav_row1 { left: 50px; position: absolute; top: 0px; }
nav > ul > #work_nav_row2 { left: 50px; position: absolute; top: 16px; }
nav > ul > ul > li { float: left; }
nav > ul > ul > li:first-child:before { content: ""; margin: 0px 2px; } { content: "/"; margin: 0px 5px; }
nav > ul > ul > li:before { color: #6DA9AF; content: "/"; margin: 0px 3px; }

#contact_info { bottom: 9px; color: #647975; left: 49px; position: absolute; }
#contact_info span { color: #6DA9AF; }

#work nav .colons { color: #ed8d19; }

/* Footer */

footer { background: top repeat-x url(assets/ui/hr.png); padding: 10px 0px; margin-top: 16px; }

/* Home */

#home_thumbnails > .row > a { display: block; float: left; height: 225px; margin-bottom: 14px; width: 307px; }
#home_thumbnails > .row > a:first-child { margin-right: 14px; }
#home_thumbnails > .row > a:last-child { margin-left: 14px; }

#home_thumbnails a { position: relative; overflow: hidden; }
#home_thumbnails a .thumbnail_vignette { background: no-repeat url(assets/home_thumbnails/_vignette.png); display: block; height: 225px; left: 0px; opacity: 0; position: absolute; top: 0px; -webkit-transition: opacity 0.2s linear; width: 307px; }
#home_thumbnails a:hover .thumbnail_vignette { opacity: 1; }

#home_thumbnails a .thumbnail_title { background: repeat url(assets/home_thumbnails/_titlebg.png); bottom: 0px; color: #fff; display: block; font-size: 11px; line-height: 35px; opacity: 0; position: absolute; text-align: center; -webkit-transition: opacity 0.2s linear; width: 307px; }
#home_thumbnails a:hover .thumbnail_title { opacity: 1; }
#home_thumbnails a:active .thumbnail_title { color: #403f3f; }

/* Projects */

.project_desc { margin-right: 20px; width: 350px; }
.project_scope h5 { color: #647975; }
.project_scope ul { width: 550px; }
.project_scope li { color: #6DA9AF; float: left; }
.project_scope li:last-child:after { content: ""; margin-right: 0px; }
.project_scope li:after { content: ","; margin-right: 5px; }

#work_thumbnails { margin-top: 13px; }
#work_thumbnails a.lightbox { float: left; position: relative; display: block; }
#work_thumbnails img { float: left; display: block; }
#work_thumbnails .row_1 img, #work_thumbnails .row_1 a.lightbox { margin-bottom: 13px; width: 945px; }
#work_thumbnails .row_1 a.lightbox img { margin: 0px; float: none; }
#work_thumbnails .row_2 img, #work_thumbnails .row_2 a.lightbox { margin: 0px 13px 13px 0px; width: 466px; }
#work_thumbnails .row_2 a.lightbox img { margin: 0px; float: none; }
#work_thumbnails .row_3 img, #work_thumbnails .row_3 a.lightbox { margin: 0px 15px 13px 0px; width: 305px; }
#work_thumbnails .row_3 a.lightbox img { margin: 0px; float: none; }
#work_thumbnails .row_4 img, #work_thumbnails .row_4 a.lightbox { margin: 0px 15px 13px 0px; width: 226px; }
#work_thumbnails .row_4 a.lightbox img { margin: 0px; float: none; }
#work_thumbnails .row_custom img, #work_thumbnails .row_custom a.lightbox { margin: 0px 13px 13px 0px; }
#work_thumbnails .row_custom a.lightbox img { margin: 0px; float: none; }
#work_thumbnails .no_margin { margin: 0px !important; }

#work_thumbnails .lightbox_expand_sprite { background: url(assets/ui/lightbox_expand_sprite.png); height: 47px; overflow: hidden; width: 48px; position: absolute; right: 0px; top: 0px; z-index: 100; }
#work_thumbnails a.lightbox:hover .lightbox_expand_sprite { background-position: -48px 0px; }
#work_thumbnails a.lightbox:active .lightbox_expand_sprite { background-position: -96px 0px; }

#work_thumbnails .lightbox_expand_vignette { opacity: 0.0; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; -webkit-transition: opacity 0.2s linear; }
#work_thumbnails a.lightbox:hover .lightbox_expand_vignette { opacity: 1.0; }

#work_current_page { color: #ed8d19; } 

/* About */

#profile_info { margin-top: 12px; }
#bio { float: left; width: 350px; }
#bio h3 { margin-bottom: 14px; }
#bio h4 { margin-bottom: 16px; }
#bio p { margin-bottom: 16px; }
.bio_list { float: left; margin-left: 20px; width: 252px; }
.bio_list ul, .bio_list h4, .bio_list p { margin-bottom: 16px; }
.bio_list li, .bio_list span { color: #6DA9AF; }

#profile_current_page { color: #ed8d19; } 


/* Colorbox Core Styles */

#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent {position:relative; overflow:hidden;}
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }

/* Colorbox Custom Styles */

#cboxOverlay { background:#fff;}
#cboxTopLeft { width:25px; height:25px; background:url(assets/ui/colorbox/border1.png) 0 0 no-repeat; }
#cboxTopCenter { height:25px; background:url(assets/ui/colorbox/border1.png) 0 -50px repeat-x; }
#cboxTopRight { width:25px; height:25px; background:url(assets/ui/colorbox/border1.png) -25px 0 no-repeat; }
#cboxBottomLeft { width:25px; height:25px; background:url(assets/ui/colorbox/border1.png) 0 -25px no-repeat; }
#cboxBottomCenter { height:25px; background:url(assets/ui/colorbox/border1.png) 0 -75px repeat-x;}
#cboxBottomRight { width:25px; height:25px; background:url(assets/ui/colorbox/border1.png) -25px -25px no-repeat; }
#cboxMiddleLeft { width:25px; background:url(assets/ui/colorbox/border2.png) 0 0 repeat-y; }
#cboxMiddleRight { width:25px; background:url(assets/ui/colorbox/border2.png) -25px 0 repeat-y; }
#cboxContent { background:#fff; }
#cboxLoadedContent { margin:30px; }
#cboxTitle { position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; }
#cboxCurrent { position:absolute; bottom:0px; left:100px; color:#999; }
#cboxSlideshow { position:absolute; bottom:0px; right:42px; color:#444; }
#cboxPrevious { position:absolute; bottom:0px; left:0; color:#444; }
#cboxNext { position:absolute; bottom:0px; left:63px; color:#444; }
#cboxLoadingOverlay { background:url(assets/ui/colorbox/loading.gif) 5px 5px no-repeat #fff; }
#cboxClose { position:absolute; top:0; right:0; display:block; color:#444; text-indent: -9999px; width: 10px; height: 10px; background: no-repeat url(assets/ui/colorbox/close.png); }

/* Colorbox PNG Transparency Fix */
.cboxIE #cboxTopLeft { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=assets/ui/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale'); }
.cboxIE #cboxTopCenter { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=assets/ui/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale'); }
.cboxIE #cboxTopRight { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=assets/ui/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale'); }
.cboxIE #cboxBottomLeft { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=assets/ui/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale'); }
.cboxIE #cboxBottomCenter { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=assets/ui/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale'); }
.cboxIE #cboxBottomRight { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=assets/ui/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleLeft { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=assets/ui/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleRight { background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=assets/ui/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale'); }