body {
	font: 100%/1.2em "Lucida Grande", "Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; color: #fff; background-color: #663;}
div.scripts {
	height: 1px; clear: both; overflow: hidden;}
.iPhoneContent {
	display: none;}
p {
	margin-top: 2em; font-size: 0.7em;}
h2 {
	margin: 2em 0 0; font-size: 0.8em; text-transform: uppercase;}
.lead {
	margin-top: 0;}
.caps {
	text-transform: uppercase;}

img#topLogo {
	position: absolute; left: 25px; top: 30px; z-index: 5;}

a#tab {
	font-size: 0.7em; font-weight: bold; color: #cc9; position: absolute; left: -10000px; top: 4px; z-index: 6;}
a#tab:hover {
	color: #fff;}

div#wrapper {
	width: 1000px; margin: 0 auto 20px; position: relative;}
div#wrapper h1 {
	margin-left: 224px; padding: 12px 15px 11px; font: normal 1.6em/1.1em Arial, Helvetica, sans-serif; color: #cc9; background: url(../images/h1_background.gif) no-repeat left top;}

div#content {
	width: 789px; margin-left: 211px; background: #848155 url(../images/content_middle.gif) repeat-y left; position: relative;}
div#content div.top, div#content div.bottom {
	width: 789px; height: 107px; background-repeat: no-repeat; position: absolute; left: 0; z-index: 1;}
div#content div.top {
	background-image: url(../images/content_top.gif); background-position: left top; top: 0;}
div#content div.bottom {
	background-image: url(../images/content_bottom.gif); background-position: left bottom; bottom: 0;}
div#content div.slider {
	width: 695px; height: 1px; display: block; background-color: #848155; position: absolute; left: -1px; z-index: 3;}
div#content div#sliderTop {
	border-bottom: 2px solid #663; top: 60px;}
div#content div#sliderBottom {
	border-top: 2px solid #663; bottom: 60px;}

div#contBod {
	margin: 0 48px; padding: 62px 0; position: relative; z-index: 2;}
div#contBod a {
	color: #ffc; text-decoration: none;}
div#contBod a:hover {
	text-decoration: underline;}
div#contBod p.lead {
	padding-left: 35px; font-size: 0.8em; background: #848155 url(../images/p_lead_background.gif) no-repeat left top;}
div#contBod p.attention {
	padding: 6px 12px; background-color: #663; border: 1px solid #330;}
div#contBod ul {
	margin: 1.4em 0 0 25px; list-style: disc;}
div#contBod ul.leftFloat {
	position: relative; left: 25px;}
div#contBod ul li {
	margin-top: 0.2em; font-size: 0.7em;}
div#contBod ul li.lead {
	margin-top: 0;}
div#contBod ul.linkList li {
	width: 334px; float: left;}
div#contBod div.thumb {
	width: 191px; background-repeat: no-repeat; background-position: left bottom; position: relative;}
div#contBod div.tOdd {
	background-image: url(../images/thumb_content_a_bottom.gif);}
div#contBod div.tEven {
	background-image: url(../images/thumb_content_b_bottom.gif);}
div#contBod div.tEven div.top {
	width: 191px; height: 43px; position: static; background-image: url(../images/thumb_content_b_top.gif);}
div#contBod div.tLeft {
	margin: 1.5em 20px 2.8em 0; float: left;}
div#contBod div.tRight {
	margin: 1.5em 0 0.5em 20px; float: right;}
div#contBod div.thumb p {
	margin: 0.5em 15px 1.5em; line-height: 1.3em; text-align: center; color: #ffc;}
div#contBod div.thumb p a {
	text-decoration: underline;}
div#contBod div.thumb p a:hover {
	color: #fff;}
div#contBod div.thumb h2 {
	margin: 0.5em 15px 1.5em; line-height: 1.3em; color: #ffc;}
div#contBod div.thumb h2.lead {
	margin-top: -1.9em;}
div#contBod div.thumb h2.address {
	margin-bottom: 0;}
div#contBod div.thumb address {
	margin: 0.7em 15px 1.5em; font-style: normal; font-size: 0.7em; line-height: 1.3em; text-align: left; color: #ffc;}
div#contBod div.thumb p.address {
	margin-top: 0.7em; text-align: left;}
div#contBod div.thumb p.addLead {
	margin-bottom: 0;}
div#contBod div.thumb p.lunch {
	margin-top: -1.3em;}
div#contBod p.backTo {
	margin-top: 1.9em;}
div#contBod p.backTo a {
	padding: 0 0 0 16px; background: url(../images/button_url_back_off.gif) no-repeat left 2px;}
div#contBod p.backTo a:hover {
	background-image: url(../images/button_url_back_on.gif);}

div#contactContactFormArea {
	width: 141px; margin: 1em auto 25px; padding: 2.3em 10px 15px; background-color: #330; position: relative;}
div#contactContactFormArea p {
	font-size: 0.6em;}
div#contactContactFormArea p.lead {
	margin: 0; padding: 0; position: absolute; left: 10px; top: 10px;}
div#contBod div.thumb div#contactContactFormArea p.lead {
	margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; background: none; font-size: 0.6em; text-align: left;}
div#contactContactFormArea span {
	font-weight: bold; color: #fee784;}
div#contactContactFormArea form {
	position: relative; z-index: 10;}
form fieldset label {
	font-size: 0.7em;}
form fieldset input, form fieldset textarea {
	margin-bottom: 0.5em;}
form fieldset .text {
	width: 131px; padding: 0.2em 4px 0.3em; border: 1px solid #2f1040; font: 0.7em "Lucida Grande", "Lucida Sans Unicode" Geneva, Arial, Helvetica, sans-serif;}
form fieldset input#contactCC, form fieldset label.labelRadio {
	float: left;}
form fieldset label.labelRadio {
	width: 115px; margin: 0.3em 0 0.5em 5px; line-height: 1.3em; position: relative; top: 0;}
form fieldset input#contactSend {
	clear: both;}
div#loadBarContact {
	margin-top: 5px; position: relative;}
div#contBod div.thumb div#contactContactFormArea div#loadBarContact p, div#contBod div.thumb div#contactContactFormArea div#emailSuccessContact p {
	margin: 0; padding: 0 30px 0 0; text-align: left;}
div#loadBarContact img {
	position: absolute; right: 0; top: 0;}
div#contBod div.thumb div#contactContactFormArea div#emailSuccessContact p {
	padding-right: 0; font-size: 0.8em; font-weight: bold;}

div#contBod table.chart {
	width: 100%; margin-top: 1.4em;}
div#contBod table.chart th, div#contBod table.chart td {
	padding: 6px 9px; font-size: 0.7em;}
div#contBod table.chart th {
	text-align: left; line-height: 1.3em; color: #cc9; background-color: #330;}
div#contBod table.chart td {
	background-color: #777448;}
div#contBod table.chart td ul {
	margin: 0 0 0 13px;}
div#contBod table.chart td ul li {
	font-size: 1em;}

ul#topNav {
	width: 173px; padding-top: 184px; background: #330 url(../images/topNav_background.gif) no-repeat left bottom; position: absolute; left: 0; top: 0; z-index: 4;}
ul#topNav li.intro, ul#topNav li.skills, ul#topNav li.projects, ul#topNav li.code, ul#topNav li.bio {
	margin-top: 4px; text-align: right; position: relative;}
ul#topNav li.intro {
	margin-top: 0;}
ul#topNav li ul.subNav li {
	padding: 2px 10px; font: 0.7em Arial, Helvetica, sans-serif;}
ul#topNav li ul.subNav li a, div.popup a, div.puSubNavWrap ul.puSubNav li a {
	color: #cc9; text-decoration: none;}
ul#topNav li ul.subNav li a:hover, div.popup a:hover, div.puSubNavWrap ul.puSubNav li a:hover {
	color: #ffc; text-decoration: underline;}
ul#topNav li img.ocSub {
	position: absolute; right: -25px; bottom: 0;}
ul#topNav li div.subNavWrap {
	width: 0; height: 25px; overflow: hidden; position: absolute; left: 198px; bottom: 0;}
ul#topNav li div.scrollbar, div.puScrollbar {
	height: 3px; overflow: visible; background: #171700 url(../images/scrollbar_background.gif) repeat-x top; position: absolute; left: 198px; bottom: -3px;}
ul#topNav li div.scrollbar div.grip, div.puGrip {
	width: 10px; height: 15px; background: #330 url(../images/grip_background.gif) no-repeat left top; overflow: hidden; cursor: move; position: absolute; left: 0; top: 0;}

div#screen {
	width: 100%; background-color: #000; position: absolute; left: 0; top: 0; z-index: 7;}
div#topBlock, div#bottomBlock {
	width: 735px; margin-left: -368px; overflow: hidden; position: absolute; left: 50%;}
div#topBlock {
	top: 0; z-index: 8;}
div#bottomBlock {
	bottom: 0; z-index: 9;}
div.popup {
	width: 693px; height: 330px; padding: 20px; border: 1px solid #330; background-color: #4C4B22; position: absolute; left: 0;} /* Edit height value.*/
div.puMask {
	width: 693px; height: 330px; overflow: hidden; position: relative; z-index: 9;} /* Edit height value.*/
div.puWrap {
	width: 1386px; height: 330px; overflow: hidden; position: relative; z-index: 8;} /* Edit height value.*/
div#puCont, div#nextPuCont {
	width: 693px; height: 330px; float: left;} /* Edit height value.*/
a#closePopup {
	width: 14px; height: 16px; display: block; overflow: hidden; background: url(../images/button_popup_close_off.gif) no-repeat left top; position: absolute; left: 5px; top: 3px;}
a#closePopup:hover {
	background-image:  url(../images/button_popup_close_on.gif);}
div.puSubNavWrap {
	width: 735px; height: 25px; margin: 196px 0 0 -368px; overflow: hidden; position: absolute; left: 50%; top: 50%; z-index: 10;} /* Edit margin-top value.*/
div.puSubNavWrap ul.puSubNav {
	/* ALERT: Edit this element's width whenever a project example is added or removed. Add 50px to setSubNavs.js line 9's value. */
	width: 10820px; height: 25px; background-color: #330; position: absolute; left: 0; top: 0;}
div.puSubNavWrap ul.puSubNav li {
	padding: 5px 10px 2px; font: 0.7em Arial, Helvetica, sans-serif; float: left;}
div.puScrollbar {
	width: 735px; margin: 221px 0 0 -368px; bottom: -3px; left: 50%; top: 50%; z-index: 11;} /* Edit margin-top value.*/

div.colRight, div.colLeft {
	width: 336px; float: right;}
div.colLeft {
	margin-right: 21px; background-color: #663;}

div.colRight h3 {
	font-size: 0.8em; text-transform: uppercase;}
div.colRight p.client {
	margin-top: 0.2em;}
div.colRight p.url {
	margin-top: 1.9em;}

div.colLeft img.mainThumb {
	margin: 24px 24px 0;}
div#wrapp div.colLeft img.mainThumb {
	margin-bottom: 20px;}
div.colLeft ul.thumbList {
	width: 297px; height: 64px; margin: 6px 14px 24px 24px; overflow: hidden;}
div.colLeft ul.thumbList li {
	width: 89px; height: 64px; margin-right: 10px; float: left;}

table.code {
	width: 100%; margin-top: 2em; font: 0.8em "Courier New", Courier, monospace;}
table.code th, table.code td {
	padding: 0.2em 6px; border-bottom: 1px solid #848155;}
table.code th {
	font: 0.8em "Lucida Grande", "Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif; background-color: #330;}
table.code td.line {
	border-right: 1px solid #848155; background-color: #777448;}
table.code td.code {
	background-color: #6a673b;}
	

/* Clearing Floats Class STARTS */
.clearfloat {
	display: inline-block;}
.clearfloat:after {
	Content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfloat {
	height: 1%; }
.clearfloat {
	display: block;}
/* Clearing Floats Class ENDS  */

div.clear {
	height: 1px; clear: both; overflow: hidden; display: block;}