* { margin: 0; padding: 0; }
html { height: 100%; overflow: hidden; width: 100%; } 
body  { background: #202020; font: 62.5%/1.3 Arial, Helvetica, Geneva, sans-serif; color:#bbbaba; height: 100%; overflow: hidden; width: 100%; }
body.dvds { overflow: scroll; }
html>body { font-size: 10px; }
p { margin: 10px 0 10px 0; font-size: 1.4em; color: #FFFFFF; }
a { color: #91b6d8; text-decoration: none; outline: none; }
a:hover { color: #ffffff; }
#Container img { border: none; display: block; }
h1 { margin: 0; padding: 0; font-size: 3.5em; font-weight: bold; color: #FFFFFF; }
h2 { margin: 0; padding: 0; color: #224a66; font-size: 1.33em;  }
h3 { margin: 0; padding: 0; }
ul { list-style-type: none; } /* remove global list-style type */
fieldset { border: none; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div#Skiplinks { left: -9999em; position: absolute; top: -9999em; }
.replace { background-repeat: no-repeat; overflow: hidden; position: relative; }
.replace span { position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 100; display: block; }
.hide { display: none; }
/* general layout */

/* Container 
---------------------------------------------------------------*/
div#Container { width: 100%; height: 100%; overflow: auto; position: relative; }
div#DVDContainer { position: relative; }
.scroll-container { width: 860px; margin: 0 auto; position: relative; height: 100%; }
.dvd-container { width: 860px; margin: 0 auto; }

/* Branding 
---------------------------------------------------------------*/
#Branding { position: relative; height: 274px; }
#Branding a.email { position: absolute; right: 0; top: 275px; z-index: 101; font-size: 1.4em; }
#Branding #FlashContainer { position: absolute; right: 20px; top: 40px; z-index: 102; }
h1 { width: 860px; height: 278px; text-transform: uppercase; }
h1 span { background: transparent url(../Images/Global/HeaderImage.jpg) 0 0 no-repeat; }

/* NavigationPrimary 
---------------------------------------------------------------*/
#NavigationPrimary { position: absolute; right: 0; bottom: 20px; width: 374px; height: 70px; z-index: 102; background: transparent url(../Images/Global/NavigationPrimaryBg.png) 0 0 no-repeat; }
div#NavigationPrimary ul { margin-left: 18px; }
div#NavigationPrimary ul li { float: left; }
div#NavigationPrimary ul li a { display: block; outline: none; height: 15px; padding: 20px 5px; margin: 0 10px; text-transform: uppercase; color: #FFFFFF; font-size: 1.4em; text-indent: -9999em; background: transparent url(../Images/Global/Headings.png) 0 0 no-repeat;  }
div#NavigationPrimary ul li#NP01 a { width: 81px; background-position: 0 center; }
div#NavigationPrimary ul li#NP02 a { width: 78px; background-position: -110px center; }
div#NavigationPrimary ul li#NP03 a { width: 96px; background-position: -224px center; }

/* NavigationSecondary 
---------------------------------------------------------------*/
div#NavigationSecondary {  }

/* ContentPrimary 
---------------------------------------------------------------*/
div#ContentPrimary { margin-top: 10px; }
.h2 {  padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #909090; }
.h2 span { display: block; height: 15px; text-indent: -9999em;  background: transparent url(../Images/Global/Headings.png) 0 0 no-repeat; }
.about-me { margin-bottom: 30px; }
.about-me .h2 span { width: 81px; background-position: 0 center; }
.tech { overflow: hidden; padding-bottom: 30px; background: transparent url(../Images/Global/Technologies.png) right bottom no-repeat; }
.tech:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.tech h3 { font-size: 1.6em; margin: 0 0 10px 0; }
.tech ul li { float: left; background: #171717; padding: 10px; border: 1px solid #333333; margin-right: 7px; width: 115px; }
.tech ul li.last { margin-right: 0; }
.tech ul li.subs h4 { text-align: left; }
.tech ul li li { float: none; background: none; padding: 5px; border: none;  margin-right: 0; width: auto; }
.tech ul li h4 { font-size: 1.4em; font-weight: bold; text-align: center; }
.tech ul li a {  font-size: 1.4em; }

.twitter { float: right; margin: 0 0 5px 5px; }

.my-work .h2 span { width: 78px; background-position: -110px center; }
.contact-me .h2 span { width: 96px; background-position: -224px center; }

.my-work { margin-bottom: 30px; }
.my-work h3 { font-size: 1.4em; text-transform: uppercase; font-weight: bold; margin: 20px 0 10px 0; }
.my-work ul { overflow: hidden; }
.my-work li { height: 1%; }
.design li { width: 255px; padding: 11px; background: #121212; border: 1px solid #333333; float: left; margin: 0 10px 10px 0; }
.design li.end { margin-right: 0; }
.design li span.h3 { font-size: 1.6em; color: #404040; display: block; margin-top: 10px; }
.design li a span.link { font-size: 1.4em; color: #d0d0d0; display: block; }
.websites li { width: 127px; padding: 4px; background: #121212; border: 1px solid #333333; float: left; margin: 0 7px 7px 0; }
.websites li.end { margin-right: 0; }
.websites li a span.link { font-size: 1.4em; font-weight: normal; padding: 3px; color: #d0d0d0; display: block; }
 
.contact-me { background:  transparent url(../Images/Global/ContactBg.png) right 60px no-repeat; }
.contact-me p { width: 530px; }
fieldset { margin-top: 30px; }
fieldset legend { display: none; height:0; }
fieldset .frow { overflow: hidden; height: 1%; margin: 10px 0; clear: both; }
fieldset label { width: 100px; float: left; margin-right: 15px; font-size: 1.6em; }
fieldset label span { color: #ae2828; margin-left: 3px; }
fieldset .frow-text input { width: 380px; float: left; padding: 5px; background: #121212; border: 1px solid #333333; font-size: 1.6em; color: #FFFFFF; }
fieldset .frow-textarea textarea { width: 380px; height: 150px; float: left; padding: 5px; background: #121212; border: 1px solid #333333; font-size: 1.6em; color: #FFFFFF; font-family: Verdana, Geneva, sans-serif; }
fieldset .frow-action { margin-left: 310px; }
fieldset .frow-text .validation-failed { border: 1px solid #ae2828; }

/* DVD Sale
---------------------------------------------------------------*/
.dvd h2 { font-size: 2em; color: #fff; text-shadow: #000 1px -1px 1px; }
.dvd h3 { color: #fff; font-size: 1.8em; text-shadow: #000 1px -1px 1px; }
.dvd h4 { font-size: 1.2em; border-bottom: 1px solid #fff; margin-bottom: 5px; padding-bottom: 5px; }
.dvd ul { height: 1%; margin-bottom: 20px; padding: 60px 0 60px 70px; background: #171717; border-bottom: 1px solid #bbbaba; }
.dvd ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.dvd li { float: left; width: 20%; margin-right: 30px; font-size: 1.1em; height: 30px; border-bottom: 1px dotted #fff; margin-bottom: 5px; }



.dvd .boxsets li {  font-size: 1.2em; }

/* Errors
---------------------------------------------------------------*/
div.error { }

.thankyou { height: 350px; }
.thankyou h2 { font-size: 1.8em; color:#ae2828; } 

#tooltip { position: absolute; background: #101010; padding: 10px; border: 1px solid #333333; }
#tooltip .url { margin-top: 10px; font-size: 1.2em; padding: 5px; }

/* Footer
---------------------------------------------------------------*/
div#Footer { color: #404040; margin: 30px 0; padding-top: 10px; padding-bottom: 20px; border-top: 1px solid #d0d0d0; overflow: hidden; }
#Footer p { font-size: 1.4em; width: 50%; float: left; }
div#Footer .valid { float: right; width: 40%; }
div#Footer .valid li { float: right; margin-left: 10px; margin-top: 10px; }

#jquery-overlay { position: absolute;	top: 0;	left: 0;	z-index: 1090; width: 100%;	height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1150; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1120; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em;	}