@charset"utf-8";
/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */



.image{padding:0px;margin-bottom:10px;border:1px solid #E4E4E1;}
.orangeFont{color:#F6CB30;font:normal 12px/15px  Arial,Helvetica,sans-serif;text-decoration:none}
body{padding:0;background:-webkit-gradient(linear, left bottom, left top, from(#C9CACC), to(#E6E7E8));background-color:#D8D9DA;margin:3px 0 19px}
#signature{position:absolute;width:167px;height:95px;z-index:40;left:744px;top:75px;background-image:url(images/signature.png)}
#copyright{position:absolute;font-family: Arial,Helvetica,sans-serif;color:#5C5D5D;left:740px;top:300px;font-size:10px;font-variant:normal;text-align:left;line-height:12px;margin:0;padding:0;width:283px;height:115px;z-index:41;left:647px;top:175px}
#footerNavAmp h1{font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:normal;color:#dedede;font-variant:normal;margin:0px;padding-top:16px}
#footerNavAmp p{font-weight:normal;font-family: Arial,Helvetica,sans-serif;color:#dedede;font-size:12px;line-height:15px}
#footerNavAmp a, #footerNavAmp a:visited{font-weight:normal;font-family: Arial,Helvetica,sans-serif;color:#dedede;text-decoration:none;font-size:12px}
#footerNavAmp a:hover{color:#8BD0BF;-webkit-transition:color .25s linear}
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message{font-family:"HelveticaNeue-Light", "Helvetica Neue",  Arial,Helvetica,sans-serif;font-weight:200;color:#fff}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
#sb-overlay{position:relative;height:100%;width:100%}
#sb-wrapper{position:absolute;visibility:hidden;width:100px}
#sb-wrapper-inner{position:relative;border:none;overflow:hidden;height:100px}
#sb-body{position:relative;height:100%}
#sb-body-inner{position:absolute;height:100%;width:100%}
#sb-player.php{height:100%;overflow:auto}
#sb-body img{border:none}
#sb-loading{position:relative;height:100%}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block}
#sb-body, #sb-loading{background-color:#060606}
#sb-title, #sb-info{position:relative;margin:0;padding:0;overflow:hidden}
#sb-title, #sb-title-inner{height:26px;line-height:26px}
#sb-title-inner{font-size:16px}
#sb-info, #sb-info-inner{height:20px;line-height:20px}
#sb-info-inner{font-size:12px}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}
#sb-nav-close{background-image:url(close.png)}
#sb-nav-next{background-image:url(next.png)}
#sb-nav-previous{background-image:url(previous.png)}
#sb-nav-play{background-image:url(play.png)}
#sb-nav-pause{background-image:url(pause.png)}
#sb-counter{float:left;width:45%}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff}
#sb-counter a.sb-counter-current{text-decoration:underline}
div.sb-message{font-size:12px;padding:10px;text-align:center}
div.sb-message a:link, div.sb-message a:visited{color:#fff;text-decoration:underline}
.new{position:absolute;z-index:3;top:0px;left:0px;color:#72C2AF;;background:rgb(51,51,51);background:rgba(0, 0, 0, 0.8);text-align:center;font:normal 10px  Arial,Helvetica,sans-serif;padding:4px 10px 6px}
#header{position:absolute;left:590px;top:19px;z-index:1}
#header ul{margin:0;padding:0;list-style:none}
#header li{float:left}
#header li a, #header li a:visited{position:relative;float:left;font-variant:normal;font-size:16px;font-family: Arial,Helvetica,sans-serif;background:rgb(251,250,240);background:rgba(0, 0, 0, 0);list-style:none;font-weight:normal;padding:10px 25px;margin-right:10px;color:#333;text-decoration:none}
#header li a:hover{background-color:#F6CB30;-webkit-transition:background-color 1s ease-out;padding:10px 25px 10px}
#header li a.current, #header li a.current:hover, #header li a.current:active{background-color:#F6CB30;color:black;cursor:default;padding:10px 25px}
#pageLocation{position:absolute;left:41px;top:19px;z-index:1}
#pageLocation p{font-family: Arial,Helvetica,sans-serif;font-size:16px;font-variant:normal;color:#000;background:#F6CB30;padding:10px 25px;margin:0px}
#pageLocation a, #pageLocation a:visited{font-family: Arial,Helvetica,sans-serif;font-size:16px;font-variant:normal;color:#000;text-decoration:none}
#pageLocation a:hover{color:#fff;-webkit-transition:color .25s linear}
#indexCopy{position:absolute;width:322px;height:462px;z-index:1;top:71px;left:41px;background-color:#5C5E5E;font-family: Arial,Helvetica,sans-serif;font-size:12px;font-variant:normal;color:#FFF;padding:0px}
#indexCopy h1{font-family: Arial,Helvetica,sans-serif;font-size:27px;font-weight:500;font-variant:normal;color:#72C2AF;margin-left:25px;margin-top:14px;margin-bottom:-5px}
#indexCopy h2{font-family: Arial,Helvetica,sans-serif;font-size:27px;font-weight:500;color:white;margin-left:25px;margin-bottom:5px}
#indexCopy p{font-family: Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:white;margin-left:25px}
#indexGraphic{position:absolute;width:272px;height:272px;z-index:1;background-image:url(images/index-grahic.png);top:169px;left:25px}
#latest{position:absolute;width:285px;height:369px;z-index:42;left:384px;top:66px;font-family:Arial, Helvetica, sans-serif;color:#333;margin:0px;padding:0px;border:5px solid #FBFAF0}
#latest:hover{border:5px solid #F6CC30;-webkit-transition:border .38s linear}
#focusTop{position:absolute;width:232px;height:180px;z-index:43;top:66px;left:679px;border:5px solid #FBFAF0}
#focusTop:hover{border:5px solid #F6CC30;-webkit-transition:border .38s linear}
#focusBottom{position:absolute;width:232px;height:180px;z-index:44;left:679px;top:255px;border:5px solid #FBFAF0}
#focusBottom:hover{border:5px solid #F6CC30;-webkit-transition:border .38s linear}
#latestWork{position:absolute;width:262px;z-index:30;left:70px;top:243px;font-family: Arial,Helvetica,sans-serif;color:#333;padding:0 0 6px;margin:0}
#latestWork h1{font-family:Arial, Helvetica, sans-serif;font-size:44px;font-weight:normal;font-variant:normal;color:#333;margin:0px;padding:0px 0px 30px}
#latestWork h2{font-size:27px;font-weight:normal;font-variant:normal;padding:0px;margin:0px}
#footerNav{position:absolute;left:-19px;top:600px;width:993px;height:340px;z-index:1}
#footerNav h1{font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:normal;font-variant:normal;margin:0px;padding:0px}
#formWrap{position:absolute;z-index:11;left:272px;top:41px}
#footerNav h1{font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#bfbfbf;margin:0px;padding:16.18px 0px 0px;font-variant:normal}
#aboutVr{position:absolute;width:1px;height:209px;z-index:11;background-color:#5C5D5D;top:64px;left:431px}
#linksVr{position:absolute;width:1px;height:209px;z-index:11;background-color:#5C5D5D;top:64px;left:431px}
#vrI{position:absolute;width:1px;height:209px;z-index:11;background:#5C5D5D;top:64px;left:272px}
#vrII{position:absolute;width:1px;height:209px;z-index:11;background:#5C5D5D;top:64px;left:593px}
#linkNames{position:absolute;z-index:11;left:164px;top:90px;text-align:right;line-height:15px}
#linkTitle{position:absolute;z-index:11;left:270px;top:78px;color:#dedede;font-size:12px;font-variant:normal;padding:0;margin:0;line-height:15px}
#linksVr{position:absolute;width:1px;height:209px;z-index:11;background-color:#5C5D5D;top:64px;left:431px}
#footerContact{position:absolute;width:265px;z-index:2507;left:298px;top:36px;color:#dedede;font-family: Arial,Helvetica,sans-serif;font-size:12px;margin-top:6px;border-right:1px;border-bottom:1px;border-left:1px}
#footerContact p{font-weight:normal;font-family: Arial,Helvetica,sans-serif;color:#dedede;font-size:12px;line-height:15px;padding-bottom:4.5px}
#footerContact h1{font-weight:normal;font-family: Arial,Helvetica,sans-serif;color:#dedede;font-size:16px;line-height:15px;padding-bottom:3px}
#rContent p{width:518px;margin-bottom:10px}
#rContent{position:absolute;z-index:2504;left:453px;top:71px;font-family: Arial,Helvetica,sans-serif;color:#dedede;font-size:16px;background:url(images/contact-background.png) no-repeat;background-image:url(images/contact-background.png);height:497px;width:437px;padding-left:25px}
#rContent h1{font-family: Arial,Helvetica,sans-serif;font-size:27px;color:#72C2AF;font-variant:normal;font-weight:normal;margin-top:14px}
#contactOverview h2{font-family: Arial,Helvetica,sans-serif;font-size:16.5px;line-height:16px;font-weight:normal;color:#333;margin:0px;padding:6px 0px 0px}
#contactOverview a, #contactOverview a:visited{font-family: Arial,Helvetica,sans-serif;font-size:16px;line-height:23px;font-weight:normal;color:#9e9e9e;text-decoration:none;margin:0px;padding:6px 0px 0px}
#contactOverview a:hover{color:black;-webkit-transition:color .382s ease-in-out}
#contactOverview a.currentL, #contactOverview a.currentL:hover, #contactOverview a.currentL:active{color:black;cursor:default;font-weight:normal}
#contactOverview p{font-size:16px;line-height:23px;font-weight:normal;font-variant:normal;color:#333;margin:0px;padding:0px;font-family:Helvetica, Arial, sans-serif}
#signatureLarge{position:absolute;width:248px;height:138px;z-index:26;background:no-repeat url(images/signature-lg.png);left:64px;top:71px}
#bioBox{position:absolute;left:41px;top:72px;width:372px;z-index:2;background:#000;margin:0px;height:430px;padding-bottom:15px}
#bioBox h1{font-family: Arial,Helvetica,sans-serif;font-size:27px;color:#F6CC30;margin-top:17px;padding:0px 26px;font-variant:normal;font-weight:500;margin-bottom:10px}
#bioBox h2{font-family: Arial,Helvetica,sans-serif;font-size:16px;color:#F6CC30;margin-top:17px;font-variant:normal;font-weight:500;margin-bottom:10px;padding-top:0px;padding-right:26px;padding-bottom:0px;padding-left:26px}
#bioBox p{ color:#FFF; margin-right:26px; margin-left:26px; margin-top:0px; padding-top:0px; margin-bottom:1em; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 140%; }
#bioBox a, #bioBox a:visited{color:white;text-decoration:none;font-size:12px;font-variant:normal;font-weight:500;font-family: Arial,Helvetica,sans-serif;line-height:15px}
#bioBox a:hover{color:#8BD0BF;-webkit-transition:color .25s linear}
#pierrePhoto{position:absolute;left:559px;top:73px;width:328px;height:400px;z-index:3;background:no-repeat}
#portfolioOf{position:absolute;left:559px;top:416px;width:372px;height:159px;z-index:50;background:url(images/portfolioOf.png) no-repeat}
#mailTo{position:absolute;left:41px;top:535px;z-index:9;width:372px}
#mailTo h2{font-family: Arial,Helvetica,sans-serif;color:#F6CC30;background:#000;font-size:16px;font-variant:normal;margin:0px;padding:10px 26px;font-weight:normal}
#mailTo a, #mailTo a:visited{color:#F6CC30;text-decoration:none;font-size:16px;font-variant:normal;font-weight:normal;font-family:Helvetica, Arial, sans-serif}
#mailTo a:hover{color:white;-webkit-transition:color .25s linear}
label{width:55px;float:left;color:#dedede;padding-left:6px;margin-right:6px}
input{width:189px;color:#333;background:#FFF;height:16px;padding-bottom:6px;font-size:12px;font-variant:normal;font-family: Arial,Helvetica,sans-serif;border-style:none}
input.main{width:249px;border:1px solid #72C2AF}
textarea.footer{width:189px;height:68px;float:left;font-size:12px;font-variant:normal;font-family: Arial,Helvetica,sans-serif;background:#FFF;border-style:none}
textarea.main{height:85px;width:249px;border:1px solid #72C2AF;font-family: Arial,Helvetica,sans-serif;}
label.main{background:#72C2AF;color:black;float:left;width:116px;text-align:left;padding-left:25px;margin-right:10px}
input.submit{font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:normal;font-variant:normal;color:#000;background:#72C2AF;text-align:center;width:250px;margin-left:151px;height:25px;line-height:1.3em}
input.footerSubmit{width:191px;color:#000;border-style:none;height:21px;margin-left:67px;margin-top:12px;font-variant:normal;font-weight:500;background:white}
::selection{background:#72C2AF;color:#000}
::-moz-selection{background:#72C2AF;color:#000}
#portfolioPageContainer{text-align:left;margin:0px auto 0pt;height:962px;width:955px;position:relative;border:19px solid #FFF;background-color:#FBFAF0;box-shadow:5px 5px 27px #ADAFB2;-webkit-box-shadow:8px 8px 27px #ADAFB2;-moz-box-shadow:8px 8px 27px #ADAFB2;}
#indexPageContainer{text-align:left;height:962px;width:955px;position:relative;background-color:#FBFAF0;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;border:19px solid #FFF;box-shadow:5px 5px 27px #ADAFB2;-webkit-box-shadow:8px 8px 27px #ADAFB2;-moz-box-shadow:8px 8px 27px #ADAFB2}
#contactPageContainer{text-align:left;margin:0px auto;height:962px;width:955px;position:relative;border:19px solid #FFF;box-shadow:5px 5px 27px #ADAFB2;-webkit-box-shadow:8px 8px 27px #ADAFB2;-moz-box-shadow:8px 8px 27px #ADAFB2;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;background-color:#FBFAF0;}
#aboutPageContainer{background:url(images/background-lg.png) no-repeat;text-align:left;margin:0px auto;height:962px;width:955px;position:relative;border:19px solid #FFF;box-shadow:5px 5px 27px #ADAFB2;-webkit-box-shadow:8px 8px 27px #ADAFB2;-moz-box-shadow:8px 8px 27px #ADAFB2}
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg{font-family: Arial,Helvetica,sans-serif;display:none}
.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg{font-family: Arial,Helvetica,sans-serif;display:inline;color:#ff2caa}
.textareaValidState textarea, textarea.textareaValidState{background-color:#CFC}
textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea{background-color:#ff7ecb;border:1px none #FF0}
.textareaFocusState textarea, textarea.textareaFocusState{background-color:white;font-family: Arial,Helvetica,sans-serif;color:black;font-size:12px}
.textareaFlashState textarea, textarea.textareaFlashState{font-family: Arial,Helvetica,sans-serif;color:red !important}
textarea.textareaHintState, .textareaHintState textarea{}
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg{display:none}
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg{display:inline;color:#ff2caa;font-weight:normal;padding-top:5px;border-style:none}
.textfieldValidState input, input.textfieldValidState{background-color:#CFC;border-style:none}
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input{background-color:#ff7ecb;border:1px none #FF0}
.textfieldFocusState input, input.textfieldFocusState{background-color:white;font-family:Helvetica, Arial, sans-serif}
.textfieldFlashText input, input.textfieldFlashText{color:red !important}
.textfieldHintState input, input.textfieldHintState{}
.TabbedPanels{margin:0px;padding:0px;float:left;clear:none;width:100%}
.TabbedPanelsTabGroup{margin:0px;padding:0px 0px 0px 60px}
.TabbedPanelsTab{position:relative;float:left;font-variant:normal;font-size:16px;font-family: Arial,Helvetica,sans-serif;background-color:#cae6d7;list-style:none;-moz-user-select:none;-khtml-user-select:none;cursor:pointer;font-weight:normal;padding:6.18px 25px 10px;margin-right:6.18px;color:black;border:0}
.TabbedPanelsTabHover{background-color:#7BC3AE;color:black;-webkit-transition:background-color .38s linear;padding:6.18px 25px 10px;border:0}
.TabbedPanelsTabSelected{background-color:#333;color:#dedede;padding:6.18px 25px 16.18px;cursor:default;border:0}
.TabbedPanelsTab a{color:#333;text-decoration:none}
.TabbedPanelsContentGroup{clear:both;padding-left:85px;background:#333}
.TabbedPanelsContent{height:340px}
.TabbedPanelsContentVisible{font-family:Arial, Helvetica, sans-serif}
.VTabbedPanels .TabbedPanelsTabGroup{background-color:#333}
.VTabbedPanels .TabbedPanelsTab{float:none;margin:0px;border-top:none;border-left:none;border-right:none}
.VTabbedPanels .TabbedPanelsTabSelected{background-color:#EEE}
.VTabbedPanels .TabbedPanelsContentGroup{clear:none;float:left;padding:0px;width:30em;height:20em}
#footerNav h1{font-size:16px;font-weight:bold;font-variant:normal;color:#dedede;padding-top:16px}
#footerNav p{font-weight:normal;font-family: Arial,Helvetica,sans-serif;color:#dedede;font-size:12px;line-height:15px}
#footerNav a, #footerNav a:visited{font-weight:normal;font-family: Arial,Helvetica,sans-serif;color:#dedede;text-decoration:none;font-size:12px}
#footerNav a:hover{color:#8BD0BF;-webkit-transition:color .25s linear}
#floatMenu{
	position:relative;
	top:71px;
	left:64px;
	width:248px
}
#floatMenu p{color:#000;padding-top:0px;font:normal 12px/140%  Arial,Helvetica,sans-serif;text-decoration:none}
#floatMenu a, #floatMenu a:visited{color:#000;text-decoration:none;font-weight:normal;}
#floatMenu a:hover{color:#7BC3AE;-webkit-transition:color .25s linear}
#progessButtons{}
#progessButtons ul{margin:0;padding:0;list-style:none;}
#progessButtons li{float:right;}
#progessButtons li a, #progessButtons li a:visited{position:relative;float:left;background-color:#cae6d7;list-style:none;padding:6.18px 10px;color:#333;text-decoration:none;font:normal 12px/14px  Arial,Helvetica,sans-serif;margin-left:6.18px;}
#progessButtons li a:hover{background-color:#7BC3AE;-webkit-transition:background-color 1s ease-out;color:#000;}
.projectBox{position:relative;width:169px;height:159px;border:5px solid #FBFAF0;float:left;}
.projectBox:hover{border:5px solid #F6CC30;-webkit-transition:border .38s linear;}
.projectBoxRightFloat{position:relative;width:169px;height:159px;border:5px solid #FBFAF0;float:right;}
.projectBoxRightFloat:hover{border:5px solid #F6CC30;-webkit-transition:border .38s linear;}
#thumbContainer{position:absolute;width:537px;height:500px;z-index:25;left:381px;top:66px}