body {
	background-color: #000;
	color: #aaa;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
}

h1#logo a#goHome {
	display: block;
	width: 405px;
	height: 116px;
	background-image: url(/images/layout/logo_chrisCamargo_goHome.png);
	background-position: 0 0;
	text-indent: -1000em;
}

h2, h3 {color: #fff;}
#content h2 {font-size: 2.4em; font-weight: bold; border-bottom: 1px dotted #777; margin-bottom: 20px;}
#header h2  {font-size: 1.8em; font-weight: bold;}
h3 {font-size: 1.4em; font-weight: bold;}
p {font-size: 1.2em; line-height: 1.3em;}
strong {font-weight: bold; color: #fff;}

a {color: #fff; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}

.left {float:left;}
.right {float:right;}

#pageWrap {
	width: 960px;
	margin: 30px auto;
	position: relative;
}

#header {
	position: relative;
	overflow: hidden;
	width 100%;
	clear: both;
	margin-bottom: 30px;
}

#header h2 {
	position: absolute;
	width: 290px;
	padding: 5px 10px;
	bottom: 4px;
	right: 0px;
	color: #000;
	background-color: #fff;
}

#header h2 a {color: #000;}

#header #contactLink {
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
}

#header #contactLink a {
	display: inline-block;
	background-color: #fff;
	color: #000;
	padding: 5px 6px;
	text-transform: uppercase;
	text-decoration: none;
}

#header #contactLink a:hover {background-color:#fb0;}

#content,
#gallery {
	overflow: hidden;
	width: 100%;
	clear: both;
	margin-bottom: 30px;
}

.entryHover {
	position: absolute;
	display: block;
	top: 10px;
	left: 10px;
	width: 450px;
	height: 300px;
	z-index: 100;
}

.entryPath.design .entryHover {background-image: url(/images/layout/hover_entry_design.png);}
.entryPath.photo .entryHover {background-image: url(/images/layout/hover_entry_photo.png);}

.entryPath {
	position: relative;
	width: 450px;
	height: 356px;
	background-color: #fff;
	float: left;
	padding: 10px;
	cursor: pointer;
}

div.entryPath.first {
	margin: 0 20px 0 0;
}

#content div.entryPath h2 {border: none;}

div.entryPath h2 a {
	display: block;
	width: 100%;
	height: 25px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: 10px;
	text-indent:-9999em;
}

div.entryPath.design h2 a {background-image: url(/images/layout/text_interactiveDesign.png);}
div.entryPath.photo h2 a {background-image: url(/images/layout/text_photography.png);}

div.promoPopup {
	width: 211px;
	height: 161px;
	background-image: url(/images/layout/promo_welcomeToLA_bg.png);
	position: absolute;
	top: 115px;
	left: 620px;
	z-index: 200;
}

div.promoPopup a {
	width: 169px;
	height: 89px;
	background-image: url(/images/layout/promo_welcomeToLA.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	text-indent: -1000em;
	display: block;
	padding: 20px;
}

div.category {
	position: relative;
	float:left;
	width: 290px;
	height: 210px;
	padding: 10px;
	background-color: #fff;
	margin: 0 15px 15px 0;
	cursor: pointer;
}
div.category img {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 0;
	width: 290px;
	height: 175px;
	opacity: 0.0;
}
div.category img.active {
	z-index: 10;
	opacity: 1.0;
}
div.category img.last {
	z-index: 5;
}

div.category.last {margin: 0 0 15px 0;}
div.category.bottom {margin: 0 15px 0 0;}
div.category h3 {text-align: center; position: relative; top: 188px;}
div.category h3 a {color: #000; font-size: 1.3em;}
div.category h3 a:hover {text-decoration: none;}

div.collections {
	float: left;
	width: 310px;
	height: 230px;
	/*padding: 10px;*/
}

div.collections h3 {font-size: 1.8em; padding: 10px;}

div.collections ul li a {
	padding: 5px 10px;
	display: block;
	background-color: #000;
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
}

div.collections ul li a:hover {
	text-decoration:none;
	background-color: #fff;
	color: #000;
}

div.showcase {
	width: 920px;
	height: 460px;
	padding: 20px;
	margin: 0 0 20px;
	background-color: #1a1a1a;
	position: relative;
}

div.showcase img {
	float: left;
	display: inline-block;
}

div.showcase div.details {
	display: inline-block;
	width: 280px;
	margin: 0 0 0 25px;
}

div.showcase h3 {font-size: 1.6em; margin-bottom: 0.2em;}
div.showcase h4 {font-size: 1.2em; margin-bottom: 1em;}
div.showcase p {margin-bottom: 1em;}

div.showcase .slider ul, div.showcase .slider li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.showcase .slider, div.showcase .slider li {
	width: 615px;
	height: 460px;
	overflow: hidden;
}

span#prevBtn, span#nextBtn,
span#prevBtn2, span#nextBtn2,
span#prevBtn3, span#nextBtn3 {
	display: block;
	position: absolute;
	bottom: 20px;
}

span#prevBtn, span#prevBtn2, span#prevBtn3 {right: 283px;}
span#nextBtn, span#nextBtn2, span#nextBtn3 {right: 20px;}

span#prevBtn a, span#nextBtn a, 
span#prevBtn2 a, span#nextBtn2 a,
span#prevBtn3 a, span#nextBtn3 a {
	display: block;
	height: 25px;
	width: 16px;
	text-indent: -7000em;
}

span#prevBtn a, span#prevBtn2 a, span#prevBtn3 a {background-image: url(/images/layout/nav_arrowL.png);}
span#nextBtn a, span#nextBtn2 a, span#nextBtn3 a {background-image: url(/images/layout/nav_arrowR.png);}

div#gallery img.full {margin: 0 0 30px;}
div#gallery img.full.bottom {margin: 0px;}
div#gallery img.half {float: left; margin: 0 30px 30px 0;}
div#gallery img.half.last {margin: 0 0 30px 0;}

#footer, #footerL, #footerC, #footerR, #footer #spacer {background-color: #222;}
#footer {
	background-color: #222;
	background-image: url(/images/layout/bg_pinstripeBlack.gif);
	padding: 10px;
	width: 940px;
	clear: both;
	overflow: hidden;
}

#footer h3 {margin-bottom: 1em;}

#footerL,
#footerC,
#footerR {
	width: 279px;
	height: 90px;
	padding: 10px;
	float: left;
}

#footer #spacer {
	float: left;
	width: 21px;
	background-image: url(/images/layout/bg_dottedWhite.gif);
	background-position: 10px;
	background-repeat: repeat-y;
	height: 110px;
}

#footer #twitterLoad img {
	position: relative;
	top: 4px;
	margin-right: 3px;
}

fieldset {clear: both;}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {clear: both; margin: 0 0 1.0em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}

input.text, input.password, textarea, select {
	margin: 0;
	font: 1.6em Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;
	vertical-align: baseline;
	color: #fff;
	width: 300px;
}

input.hint {color: #666;}

input.text, input.password, textarea {
	border: 1px solid #222;
	background-color: #222;
	padding: 9px;
}

input#human {width: 10px; padding: 9px 12px;}
input#submit.hidden {display: none;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px; position: relative;}

form.horizontal .field label {
	font-size: 1.8em;
	padding: 10px;
	font-weight: bold;
	display: inline;
	float: left;
	width: 290px;
	margin: 0 10px 0 -150px;
	text-align: right;
	color: #fff;
}

form.horizontal .field label span {
	display: block;
	padding-top: 5px;
	font-size: 0.7em;
	font-weight: normal;
	color: #777;
}

form.horizontal .field span#human {
	display: inline-block;
	font-size: 1.2em;
	width: 140px;
	position: relative;
	top: 5px;
	left: 10px;
}

form.horizontal .field span#human a {color: #fff; text-decoration: underline;}
form.horizontal .field input#submit {position: absolute; right: 320px;}
form.horizontal .field a#btnSubmit  {padding: 10px; position: absolute; right: 320px;}

a#btnSubmit {font-size: 1.4em; background-color: #222; color: #101010;}
a#btnSubmit.on {background-color: #fb0; color: #000;}
a#btnSubmit:hover {text-decoration: none;}