@import url("reset.css");
@import url("anim.css");
@import url("type/type.css");

/* GLOBAL */
.body { clear:both; margin:0 auto; width:970px; }
body{ background-color: #C9F0E0; background:fixed url(../img/bg_tile.jpg) repeat; font-family:'Cantarell', Trebuchet, Arial, sans-serif; color:#979797; }
p a { color:#979797; text-decoration:none; border-bottom:1px dotted #979797; }
p a:hover { color:#fea590; border-bottom:1px dotted #fea590; }
.sect { background-color:#fbfaf7; box-shadow:1px 1px 10px #778b7f; padding:12px 0 30px 0; margin-bottom:13px; clear:both; }
.section_title { height:76px; background:url(../img/dot_line_green.png) 0 center repeat-x; margin:0 17px 11px 17px; }
.section_title h2{ font-family:PopulaireMedium; color:#fea590; font-size:3.25em; display:inline-block; height:76px; line-height:76px; background:#fbfaf7 url(../img/title_flourish.png) center 0 no-repeat; margin-left:60px; padding-right:5px; text-shadow: 3px 2px 1px #fff; }
#divider1a { width:354px; height:13px; background:url(../img/divider_1a.jpg) 0 0 no-repeat; margin:21px 0; margin-left:-15px; }
#divider1b { width:354px; height:13px; background:url(../img/divider_1b.jpg) 0 0 no-repeat; margin:21px 0; margin-left:-15px; }
#divider2 { width:354px; height:13px; background:url(../img/divider_2.jpg) 0 0 no-repeat; margin:21px 0; margin-left:-15px; }
#divider3a { width:285px; height:12px; background:url(../img/divider_3a.jpg) 0 0 no-repeat; margin:14px 0; margin-left:-7px; }
#divider3b { width:285px; height:12px; background:url(../img/divider_3b.jpg) 0 0 no-repeat; margin:14px 0; margin-left:-7px; }
#divider4a { width:486px; height:15px; background:url(../img/divider_4a.jpg) 0 0 no-repeat; margin:30px auto; }
#divider4b { width:486px; height:15px; background:url(../img/divider_4b.jpg) 0 0 no-repeat; margin:50px auto; margin-bottom:30px }
a.link_telem_gray { font-family:TelemarkRegular; color:#979797; font-size:1.1em; text-decoration:none; text-shadow:1px 1px 1px #fff; border:none; line-height:23px; }
a.link_telem_gray:hover { color:#fea590; border:none; }
a.link_popul_orange { display:block; width:200px; height:42px; text-align:center; background-color:#f26432; font-family:PopulaireMedium; color:#fff; font-size:2em; text-decoration:none; border:none; line-height:44px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a.link_popul_orange:hover { color:#ffee8e; border:none; }
.link_popul_orange span.dropsleft { display:inline-block; width:10px; height:18px; background:url(../img/drops_left_w.png) 0 0 no-repeat; margin:0 10px; }
.link_popul_orange span.dropsright { display:inline-block; width:10px; height:18px; background:url(../img/drops_right_w.png) 0 0 no-repeat; margin:0 10px; }
a.link_popul_orange:hover span.dropsleft { background-image:url(../img/drops_left_y.png); }
a.link_popul_orange:hover span.dropsright { background-image:url(../img/drops_right_y.png); }

/* HEADER */
#page_head { width:598px; height:240px; margin:0 auto; position:relative; }
#page_head #sunburst { width:598px; height:240px; margin:0 auto; position:absolute; }
#page_head #sunburst span{ display:block; width:240px; height:240px; background:url(../img/sunburst.png) center center no-repeat; }
#page_head #sunburst_spin { width:240px; height:240px; margin:0 auto; }
#page_head #sunburst_spin { animation:sunburst 140s linear 0s infinite; -moz-animation:sunburst 140s linear 0s infinite; -webkit-animation:sunburst 140s linear 0s infinite; -o-animation:sunburst 140s linear 0s infinite; }
#page_head #sunburst_scale { transform:scale(2.23,1); -moz-transform:scale(2.23,1); -webkit-transform:scale(2.23,1); -o-transform:scale(2.23,1); }
#page_head #banner { width:598px; height:154px; margin:0 auto; margin-top:52px; background:url(../img/banner.png); text-align:center; position:absolute; }
#page_head #banner h1{ font-family:TelemarkBold; color:#fff; font-size:1.3em; text-shadow: 3px 2px 1px #130d2c;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#page_head #banner h2{ font-family:PopulaireMedium; color:#fff; font-size:5.75em; text-shadow: 4px 3px 1px #130d2c; margin: 12px 0 -7px 0; }
#page_head #banner span.dots { width:11px; height:15px; margin:0 10px; }

/* NAVIGATION */
#nav ul{ clear:both; margin:0 auto; margin-bottom:10px; text-align:center; }
#nav ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#nav li{ width:323px; height:83px; line-height:83px; font-family:TelemarkRegular; font-size:2em; color:#73a289; text-shadow: 3px 2px 1px #fff; float:left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#nav a{ cursor:pointer; color:#73a289; text-shadow: 3px 2px 1px #fff; text-decoration:none; border:none; }
#nav a:hover li{ color:#73a289; }
#nav a#link1:hover li{ background:url(../img/hover_1a.png) center center no-repeat; animation:navHover1 .2s linear 0s infinite; -webkit-animation:navHover1 .2s linear 0s infinite; -moz-animation:navHover1 .2s linear 0s infinite; -o-animation:navHover1 .2s linear 0s infinite; }
#nav a#link2:hover li{ background:url(../img/hover_2a.png) center center no-repeat; animation:navHover2 .2s linear 0s infinite; -webkit-animation:navHover2 .2s linear 0s infinite; -moz-animation:navHover2 .2s linear 0s infinite; -o-animation:navHover2 .2s linear 0s infinite; }
#nav a#link3:hover li{ background:url(../img/hover_3a.png) center center no-repeat; animation:navHover3 .2s linear 0s infinite; -webkit-animation:navHover3 .2s linear 0s infinite; -moz-animation:navHover3 .2s linear 0s infinite; -o-animation:navHover3 .2s linear 0s infinite; }
#nav li#link1 { background:none; color:#426d56; text-decoration:underline; }
#nav li#link2 { background:none; color:#426d56; text-decoration:underline; }
#nav li#link3 { background:none; color:#426d56; text-decoration:underline; }




/* FEATURE/TOP SECTION */
.feat { margin-bottom:0px; }
#feat:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#feat_section { position:relative; width:936px; height:320px; }
#feat_details { width:409px; float:left; color:#979797; margin:0 17px 0 56px; }
#feat_details h3{ font-family:TelemarkRegular; font-size:.9em; text-shadow: 1px 1px 1px #fff; margin-bottom:10px; line-height:1.3em; }
#feat_details p{ margin-bottom:10px; line-height:1.2em; }
#feat_img { width:454px; height:320px; background:url(../img/border_feat.jpg) 0 0 no-repeat; float:left; }
#feat_img img{ width:384px; height:257px; border:12px solid #fff; box-shadow:1px 1px 5px #888; margin:19px 0 0 23px; }

/* FOOTER */
#footer_banner { position:relative; height:118px; margin-bottom:10px; }
#banner_tail_left { width:105px; height:103px; position:absolute; top:0px; left:-25px; background:url(../img/banner_left.png) 0 0 no-repeat; }
#banner_tail_right { width:105px; height:103px; position:absolute; top:0px; right:-25px; background:url(../img/banner_right.png) 0 0 no-repeat; }
#banner_main { width:896px; height:92px; position:absolute; bottom:0px; left:31px; background:url(../img/banner_tile.jpg) 0 0 repeat-x; border:6px solid #130d2c; }
#banner_main:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#footer_txt { width:41%; font-family:PopulaireMedium; color:#fff; float:left; margin:24px 0 0 27px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
#footer_txt a{ display:block; float:left; color:#fff; text-decoration:none; font-size:2em; text-shadow:1px 2px 1px #130d2c; border:none; }
#footer_txt a:hover{ color:#ffee8e; }
#footer_txt a:last-child { float:none; }
#footer_txt span{ display:block; float:left; margin:10px 10px 0; text-shadow:1px 2px 1px #130d2c; }
p#copy_txt { display:block; color:#130d2c; font-size:.9em; margin-top:4px; }
#footer_monogram { float:left; margin-top:15px; text-align:center; }
#footer_icons { width:43%; float:left; margin-top:25px; position:relative; }
#footer_icons:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#social_icons { display:block; height:42px; position:absolute; right:0px; }
#footer_icons a.social { display:block; width:40px; height:42px; text-indent:-1999px; overflow:hidden; margin-right:15px; float:left; border:none; }
#footer_icons a#icon_fb { background:url(../img/social_icons.png) 0 0 no-repeat; }
#footer_icons a#icon_fb:hover { background-position:0 -42px; }
#footer_icons a#icon_tw { background:url(../img/social_icons.png) -54px 0 no-repeat; }
#footer_icons a#icon_tw:hover { background-position:-54px -42px; }
#footer_icons a#icon_li { background:url(../img/social_icons.png) -109px 0 no-repeat; }
#footer_icons a#icon_li:hover { background-position:-109px -42px; }
#footer_icons a#icon_pi { background:url(../img/social_icons.png) -163px 0 no-repeat; }
#footer_icons a#icon_pi:hover { background-position:-163px -42px; }
#footer_icons a#icon_in { background:url(../img/social_icons.png) -217px 0 no-repeat; }
#footer_icons a#icon_in:hover { background-position:-217px -42px; }

/* WORK THUMBS */
.work_list{ width:861px; margin:0 auto; margin-bottom:18px; text-align:center; }
.work_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.work_list li{ margin:0 42px 42px 0; float:left; }
.work_list li:nth-child(3n) { margin:0; }
.work_list li a{ text-decoration:none; border:none; }
.work_thm { position:relative; }
.work_thm img.thm{ width:245px; height:163px; border:7px solid #fff; box-shadow:1px 1px 5px #888; overflow:hidden; }
.work_thm_hover { opacity:0;width:245px; height:163px; position:absolute; top:7px; left:7px; background-color:rgba(124,148,176, .85); /* #7c94b0 */ color:#fff; transition: opacity .25s linear; -moz-transition: opacity .25s linear; -webkit-transition: opacity .25s linear; -o-transition: opacity .25s linear; }
.work_thm_hover h4{ color:#fff; font-family:PopulaireMedium; font-size:1.6em; text-shadow:2px 2px 2px #121922; margin:11px 0 5px; line-height:37px; padding-top:3px; }
.work_thm_hover hr{ margin:0 30px; border:none; border-bottom:2px solid #121922; opacity:.35; }
.work_thm_hover p{ margin:9px 17px 18px; font-style:italic; font-size:.85em; line-height:1.2em; text-shadow:1px 1px 1px rgba(18,25,34,.7); }
.work_thm_hover span{ display:inline-block; color:#fff; width:73px; height:27px; background-color:#121922; font-family:PopulaireMedium; font-size:1.2em; line-height:30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.work_thm_hover span.drops { display:inline; width:10px; height:17px; margin:0 10px; }
.work_thm_hover:hover { opacity:1; }
.work_thm_hover span.soon{ background-color:rgba(18,25,34,.4); width:90px; } 

/* WORK DETAIL */
#work_section { width:970px; height:306px; margin-top:15px; clear:both; }
#work_info { width:275px; color:#979797; margin: 0 17px 0 56px; float:left; }
#work_info h3{ font-family:TelemarkRegular; font-size:1.1em; text-shadow: 1px 1px 1px #fff; }
#work_info p{ margin:0 5px 10px 0; line-height:1.2em; }
#work_info ul{ line-height:1.2em; list-style:circle outside; margin-left:30px; }
#work_info ul span.work_browsers img{ margin-top:7px; }
#work_info ul b{ font-weight:bold; }
#work_info a.detail { width:273px; }
#work_carousel { width:555px; height:336px; color:#979797; margin-right:51px; float:right; }
#work_carousel:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#work_carousel #main { width:427px; height:284px; border:9px solid #fff; box-shadow:1px 1px 5px #888; float:left; }
#work_carousel #main img{ position:absolute; width:427px; height:284px; }
#work_carousel #img_thumbs { float:right; height:302px; }
#work_carousel #img_thumbs .flourish { width:74px; }
#work_carousel #img_thumbs ul{ text-align:center; margin:3px 0; }
#work_carousel #img_thumbs ul img{ width:66px; height:46px; border:4px solid #fff; box-shadow:1px 1px 3px #bcbcbc; margin:0 0 10px -3px; }
#work_carousel #img_thumbs ul img.last{ margin-bottom:0; }
#work_carousel img#thm1 { border-color:#ffee8e; }
#work_carousel img#thm1:hover, #work_carousel img#thm2:hover, #work_carousel img#thm3:hover, #work_carousel img#thm4:hover { cursor:pointer; border-color:#ffee8e; }
#work_details { position:relative; margin:0 31px 20px 31px; }
#work_details_txt h3{ font-family:TelemarkRegular; font-size:1.1em; text-shadow: 1px 1px 1px #fff; margin-bottom:10px; }
#work_details_txt ul{ line-height:1.2em; list-style:circle outside; margin-left:20px; font-weight:normal; }
#work_details_txt li{ margin-bottom:10px; }
#work_details_txt a { color:#979797; text-decoration:none; border-bottom:1px dotted #979797; }
#work_details_txt a:hover { color:#fea590; border-bottom:1px dotted #fea590; }
#worknav { padding-bottom:12px; position:relative; }
#work_nav { margin:0 31px; }
#work_nav a{ font-family:PopulaireMedium; font-size:2.4em; color:#fea590; text-decoration:none; }
#work_nav:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#prev_work { width:175px; float:left; background:url(../img/arrow_lefta.jpg) left center no-repeat; }
#prev_work a{ padding-left:70px; }
#prev_work:hover { cursor:pointer; animation:workPrev .2s linear 0s infinite; -webkit-animation:workPrev .2s linear 0s infinite; -moz-animation:workPrev .2s linear 0s infinite; -o-animation:workPrev .2s linear 0s infinite; }
#prev_work:hover a{ color:#f26432; }
#next_work { width:175px; float:right; text-align:right; background:url(../img/arrow_righta.jpg) right center no-repeat; }
#next_work a{ padding-right:70px; }
#next_work:hover { cursor:pointer; animation:workNext .2s linear 0s infinite; -webkit-animation:workNext .2s linear 0s infinite; -moz-animation:workNext .2s linear 0s infinite; -o-animation:workNext .2s linear 0s infinite; }
#next_work:hover a{ color:#f26432; }
#back_work { float:left; width:558px; text-align:center; }
#back_work a:hover { color:#f26432; }

/* RESUME */
#resume_content { width:861px; margin:30px auto; }
.resume_heading { color:#426d56; margin-bottom:10px; }
.resume_heading a { color:#426d56; }
.resume_heading a:hover { color:#73a289; }
.resume_heading span{ margin:0 15px; }
#resume_content h3{ font-size:1.4em; text-shadow: 1px 1px 1px #fff; margin-bottom:7px; }
#resume_content h4{ margin:3px 0; }
#resume_content h5{ margin:5px 0 15px 0; }
#resume_content ul{ line-height:1.5em; list-style:circle outside; margin-left:20px; }
#resume_content b{ font-weight:bold; }
#resume_content p{ margin-bottom:15px; }
#resume_content p.skills{ margin-top:10px; }
.resume { width:861px; margin:40px auto; }

/* CONTACT */
.contact_links { margin:20px 0; }
#contact_form { width:435px; height:303px; background:url(../img/border_form.jpg) 0 0 no-repeat; float:right; text-align:center; }
.form_field { margin:0 33px 5px 33px; }
.form_field:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.first { margin-top:33px; }
.form_field label{ width:71px; font-family:PopulaireMedium; color:#fea590; font-size:1.5em; text-align:right; float:left; margin-right:10px; line-height:33px; }
.form_field input{ float:left; width:250px; height:27px; font-family:'Cantarell', Trebuchet, Arial, sans-serif; border:1px solid #d8d8d8; padding:0 10px; color:#555; }
.form_field textarea{ float:left; width:250px; height:65px; font-family:'Cantarell', Trebuchet, Arial, sans-serif; border:1px solid #d8d8d8; padding:10px 10px; color:#555; margin-bottom:10px; }
input#form_submit { background:transparent; border:none; cursor:pointer; font-family:TelemarkRegular; color:#979797; font-size:1.1em; text-decoration:none; text-shadow:1px 1px 1px #fff; line-height:23px; }
input#form_submit:hover { color:#fea590; border:none; }
#contact_thanks { width:435px; height:303px; background:url(../img/border_form.jpg) 0 0 no-repeat; float:right; text-align:center; }
#contact_thanks h3{ font-family:PopulaireMedium; color:#fea590; font-size:2.5em; margin:100px 33px 5px 33px; }
#contact_thanks p{ margin:0 33px; }
#inst_car { position:relative; width:910px; margin:20px 30px 30px 30px; }
#inst_car:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
a.inst_nav { display:block; width:30px; height:180px; background-color:#c6c6c6; font-family:PopulaireMedium; color:#fff; font-size:3em; text-decoration:none; position:absolute; text-align:center; line-height:180px; float:left; }
a.inst_nav:hover { background-color:#b7b7b7; }
a#inst_prev { left:0px; }
a#inst_next { right:0px; }
#inst_car_container { position:relative; width:850px; height:180px; overflow:hidden; margin-left:30px; float:left; }
#inst_list{ width:2000px; margin:1px 0 18px 20px; text-align:center; position:relative; left:0px; }
#inst_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#inst_list .thumb{ margin-right:33px; float:left; }
#inst_list .thumb a{ text-decoration:none; border:none; }
.inst_thm { position:relative; }
img.inst_thm_src{ width:163px; height:163px; border:7px solid #fff; box-shadow:1px 1px 5px #888; }
.inst_thm_hover { opacity:0; width:163px; height:60px; position:absolute; bottom:7px; left:7px; background-color:rgba(213, 77, 21, .85); color:#fff; transition: opacity .25s linear; -moz-transition: opacity .25s linear; -webkit-transition: opacity .25s linear; -o-transition: opacity .25s linear; }
.inst_thm_hover p{ margin:8px 8px; font-size:.8em; text-shadow:1px 1px 1px #602208; }
.inst_thm_hover:hover { opacity:1; }