* {margin:0;padding:0;outline:0;}
img {border:0;}
a {text-decoration:none;}
a:link,a:visited{color:#7bb1c9;}
a:hover,a:active{color:#a5d0e3;}

h2 {font-family:helvetica;font-weight:bold;position:absolute;top:93px;height:1.5em;;width:100%;left:0px;font-size:45px;line-height:1em;visibility:hidden;color:#d8d8d8;visibility:hidden;}
h3 {color:#7bb1c9;width:100%;margin-bottom:15px;}
h3.head {color:#818181;margin:0;text-transform:uppercase;letter-spacing:0.05em;line-height:1em;font-size:30px;visibility:hidden;}
h4 {color:#cea387;margin-bottom:8px;}
h4 {text-transform:uppercase;font-size:12px;}
h5 {font-size:12px;font-weight:normal;margin-bottom:4px;font-weight:bold;color:#b4d9e9;}
body h4 span {color:#d8d8d8;text-transform:none;font-weight:normal;}
p {margin-bottom:10px;}


/**
 Structure
 -------------------------*/

body {color:#ccc;font-size:11px;font-family:verdana;background:#313131 url('/mysite/images/body_bg.jpg') no-repeat top center;min-height:835px;letter-spacing:0.1em;line-height:170%;}
* html body {height:835px;}

#outer-wrapper {background:url('/mysite/images/banner_int.gif') repeat-x left 65px;}
.HomePage #outer-wrapper {background:url('/mysite/images/banner.gif') repeat-x left 110px;}
#inner-wrapper {width:950px;margin:0 auto;}
#header {position:relative;height:105px;background:url('/mysite/images/laptop.png') no-repeat 568px -240px;}
.HomePage #header {height:210px;background-position:568px -110px;}
h1 {width:311px;height:34px;text-indent:-9999em;background:url('/mysite/images/logo.gif') no-repeat top left;position:absolute;top:38px;}
.HomePage h1 {top:83px;}
h1 a {height:100%;display:block;}
#header blockquote {width:470px;font-size:17px;color:#d8d8d8;position:absolute;top:130px;font-weight:normal;line-height:160%;}

#nav {width:300px;height:26px;position:absolute;background:url('/mysite/images/nav_off.gif') no-repeat left 5px;top:68px;right:10px;}
.HomePage #nav {top:205px;}
#nav li {text-indent:-9999em;float:left;list-style:none;height:100%;}
#nav li a {display:block;height:100%;}
#nav li.nb1 {width:47px;}
#nav li.nb2 {width:50px;margin-left:23px;}
#nav li.nb3 {width:70px;margin-left:17px;}
#nav li.nb4 {width:68px;margin-left:20px;}

#nav li a.current,
#nav li a.section,
#nav li a:hover {border-bottom:8px solid;}
#nav li a:hover {color:#242424}
#nav li a.current, #nav li a.section {color:#6a1d1d;}

#main {padding:40px 0;width:930px;}
.PortfolioPage #main {padding-top:20px;}
 h4 span {text-transform:uppercase;}
#content {width:580px;float:left;border-top:1px solid #999;padding-top:20px;margin-top:4px;}
.HomePage #content {border:0;padding-top:0;}
#side-content {width:290px;float:right;}


.home-callout {width:420px;padding-left:20px;}
.home-callout.left {float:left;}
.home-callout.right {float:right;}

ul.recent-news li {list-style:none;overflow:hidden;margin-bottom:10px;}
.date {width:50px;float:left;background:url('/mysite/images/date.png') no-repeat top left;height:50px;padding:0;}
.date span {display:block;text-align:center;}
.date .month {height:13px;text-transform:uppercase;font-weight:bold;line-height:110%;font-size:13px;}
.date .day {color:#666;font-weight:bold;font-size:22px;line-height:150%;height:33px;}
ul.recent-news li .description {width:230px;float:right;}
ul.recent-news li .description h5 {margin:0;}

.home-callout .portfolio-image {margin:10px 0;}
.home-callout .portfolio-image img {display:block;border:0;}
.home-callout .portfolio-image a {display:block;padding:6px;background:#555;}
.home-callout .portfolio-image a:hover {background:#666}
.home-callout h3 {margin:0;}

.content-block h3 {margin:0;}
.content-block {overflow:hidden;border-bottom:1px solid #646464;padding:15px 0;}
.content-block.first {padding-top:0;}
.content-block.last {border:0;}
.content-block .description {width:250px;float:left;}

.PortfolioPage #header {height:125px;}
.PortfolioPage .content-block .description {float:right;width:440px;}
.PortfolioPage .content-block .cover-image {float:left;width:120px;}
.PortfolioPage .content-block .cover-image a {padding:10px;background:#444;display:block;}
.PortfolioPage .content-block .cover-image a:hover {background:#666;}
.PortfolioPage .content-block:hover {background:url('/mysite/images/dot.png');}

.ApplicationPage .content-block .cover-image {float:right;width:128px;}
.ApplicationPage .content-block .description {width:400px;}
#interface-design .cover-image {width:256px;}
#interface-design .content-block .description {width:250px;}
#interface-design .cover-image img {width:256px;}
.PortfolioPiece h3, .ApplicationPiece h3 {margin-bottom:0px;}
.ApplicationPiece #documentation h3 {margin-bottom:15px;}
.PortfolioPiece h4, .ApplicationPiece h4 {margin-bottom:5px;}
.PortfolioPiece #content {border:0;padding:0;}
.content-block .cover-image {width:315px;float:right;}
.content-block h3 a {color:inherit;}

.NewsPage .content-block .description {width:465px;margin-left:13px;}

.testimonial {background:url('/mysite/images/quote.png') no-repeat top left;min-height:100px;padding:40px 20px 0 20px;}
* html .testimonial {height:100px;}

.portfolio-button a {position:relative;display:block;background:url('/mysite/images/btn_portfolio.png') no-repeat top left;width:170px;height:57px;text-indent:-9999em;}
#portfolio-dock {overflow:hidden;clear:both;border:1px solid #646464;margin-bottom:15px;}
#portfolio-dock ul {overflow:hidden;margin:0 auto;padding:0;}
#portfolio-dock ul li {float:left;height:70px;width:70px;list-style:none;text-align:center;}
#portfolio-dock ul li a {display:block;height:100%;background:transparent;text-align:center;}
#portfolio-dock ul li a img {margin-top:10px;}
#portfolio-dock ul li a:hover {background:#666;}
#portfolio-dock ul li a.current {background:#6a1d1d;}

.next-prev {width:100%;margin-top:10px;}
.next-prev div {width:249px;}
.next-prev div strong {color:#7bb1c9;text-transform:uppercase;font-size:14px;}
.next-prev div a {color:inherit;display:block;height:100%;}
.next {background:url('/mysite/images/next.gif') no-repeat top right;height:100px;text-align:right;float:right;}
.next a {padding:10px 75px 0 0;}
.prev {background:url('/mysite/images/prev.gif') no-repeat top left;height:100px;text-align:left;float:left;}
.prev a {padding:10px 0 0 75px;}

.actions div {width:49.9%;float:left;overflow:hidden;}
.actions .button {text-align:left;margin-top:10px;}
.download-button a {text-indent:-9999em;display:block;background:url('/mysite/images/btn_download.png') no-repeat top left;width:120px;height:37px;}
#side-content .download-button a {margin:0 auto;}
#side-content p {padding:4px;}
#carousel {width:580px;height:550px;}
#select-plastic-surgeons-2 #carousel {height:440px;}
#image-gallery #carousel {height:500px;}
#image-gallery .jcarousel-clip-horizontal {height:500px;}
#dataobjectmanager #carousel {height:500px;}
#dataobjectmanager .jcarousel-clip-horizontal {height:500px;}

#sortable-dataobject #carousel {height:300px;}

#carousel span {display:block;background:#444;padding:4px 8px;min-height:50px;border:1px solid #6a1d1d;border-width:3px 0;}
#carousel img {display:block;}
.ApplicationPiece .next-prev {margin-top:-150px;}

.ResumePage #content ul li {margin-left:30px;list-style:square;}
#footer {clear:both;color:#999;width:400px;border-top:1px solid;margin:20px auto 0 auto;text-align:center;}

/**
 Misc
 ---------------------- */

.button {text-align:right;margin:6px 0;}
.button a {background:#6a1d1d;padding:2px 8px;text-transform:uppercase;color:#fff;}
.button a:link, .button a:visited {color:#fff;}
.button a:hover {background:#863333;}


/**
 FORM
 --------------------*/

fieldset {border:0;margin:20px 0;}
.field { margin:0 10px 20px 0; padding:0; clear:both; height:1%;overflow:hidden; }
.field label { display:block; font-weight:normal; margin-bottom:1px; font-size:11px; float:left; width:160px;padding-right:20px; }
.field ul, #Form_Form .field li { list-style:none; margin:0; }
.field ul { margin:5px 0; }
.field li { margin:0 0 10px; float:left; clear:left; }
.field li input { float:}
.field li label { font-weight:400; display:block; float:left; }
.field.email input {width:250px;}
.text input, .textarea textarea, .email input { border:1px solid #ccc; font-size:14px; padding:2px; float:left; width:250px;background:#aaa; }
.textarea textarea { width:255px;overflow:auto; }
select { font-size:11px; }

span.required, #Form_Form span.validation { display:block; clear:left; margin:5px 0 0 120px; font-size:11px; color:#a00; font-weight:700; line-height:16px; }
div.validationError { margin-bottom:4px; }
form div.validationError input, #Form_Form div.validationError textarea { background-color: #fffbf6; border-width:2px; }

div.Actions { margin:0 0 20px 180px; }
form input.action { background:#666; border:0; padding:5px 10px; font-weight:700; color:#fff; cursor:pointer;  }
form input.action:hover { background:#777; }* {margin:0;padding:0;}

#side-content h4 {clear:both;text-align:center;font-size:12px;font-weight:bold;text-transform:uppercase;background:url('/mysite/images/dot.png');padding:6px 8px;color:#6a1d1d;border:solid #d8d8d8;border-width:1px 0;overflow:hidden;}
#side-content h4 a {display:block;height:100%;float:left;width:100%;}
#side-content #subnav h4 a {width:248px;}
#side-content #subnav h4 a.toggle.open {background-image:url(/mysite/images/arrow_open.gif);}
#side-content #subnav h4 a.toggle {background:url(/mysite/images/arrow.gif) no-repeat center left;width:16px;text-indent:-9999em;cursor:pointer}
#side-content .button a {display:block;text-align:center;}
ul.work-subnav li {border:0;list-style:none;}
ul.work-subnav li a {display:block;border-bottom:1px solid #666;padding:3px 10px;}
ul.work-subnav li a:hover, ul.work-subnav li.current a {background:url(/mysite/images/dot.png);}
ul.work-subnav li.last a {border:0;}

ul.popular-downloads {padding:8px 0;}
ul.popular-downloads li {list-style:none;overflow:hidden;padding:4px 0;}

ul.popular-downloads li:hover {background:url(/mysite/images/dot.png);}
ul.popular-downloads span {display:block;height:32px;}

ul.popular-downloads li .image {width:40px;float:left;}
ul.popular-downloads li .file {width:150px;float:left;line-height:32px;}
ul.popular-downloads li .download {width:80px;float:right;line-height:32px;}

#application-download {margin-top:10px;}
#application-download .download-button {margin-top:20px;}
#application-features li {margin-left:30px;list-style:square;}
*-----ClearFix-----*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear  {clear:both;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */