/*------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////

	Leslie Lillo CSS, 2010
	CSS by Dave Glanz: www.daveglanzproductions.com
	
////////////////////////////////////////////////////////////////////////////////	
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
	BODY, links, etc
------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font: normal 12px/1.5em Arial,"Helvetica", sans;
	color: #a9a9a9;
}

body {
	background: #101010;
}

* html body {
	background: #101010;
}

html, body {
	height: 100%;
}

p {
	text-align:left;
	font: normal 1em/1.4em Arial,"Helvetica", sans;
	color: #949494;
	margin: 1em 0 1em 0;
	letter-spacing: .02em;
}

.dark {
	font: bold 1em/1.7em Arial,"Helvetica", sans;
	color: #535353;
}

a {
	text-align:left;
	font: normal 1em/1.5em Arial,"Helvetica", sans;
	color: #919191;
	text-decoration:underline;
	background:none;
}

a:focus {
	outline: none;
}

a:hover, a:visited, a:active {
	text-decoration:underline;
	color: #919191;
}

/* header 1 */
h1 {
	font: bold 2em Arial,"Helvetica", sans;
	text-transform:uppercase;
	color: #616161;
	padding: 0;
	margin: 0 0 8px 0;
}

h2 {
	font: 1.2em Arial,"Helvetica", sans;;
	text-transform:uppercase;
	color: #fe3b81;
	padding: 5px 0 20px 5px;
	margin: 0;
}

span.h2_Gray {
	font: 1em Arial,"Helvetica", sans;
	color: #a0a0a0;
}

span.lightGray {
	font: bold 1em Arial,"Helvetica", sans;
	letter-spacing: .05em;
	color: #fe3b81;
}

#wrapper {
	margin: 0;
	padding: 0;
	width: 603px;
	min-height: 100%;
	background: #101010;
}

* html #wrapper {
	text-align: left;
	height: 100%;
}

#logo {
	margin:0;
}

#globalNav {
	position: relative;
	background: #fe3b81;
	width: 597px;
	height: 23px;
	padding:3px 6px 0 0;
	margin: 0;
	text-align:right;
}

#globalNav a, a:visited, a:active {
	color:#fff;
	text-decoration:none;
	font: bold 10px/1.5em Arial,"Helvetica", sans;
	text-transform:uppercase;
	margin: 0 5px 0 5px;
}

#globalNav a:hover {
	color:#801e41;
}

#content {
	width: 473px;
	margin: 27px 0 0 130px;
	padding: 0 0 30px 0;
}

#work {
	margin: 30px 0 0 0;
}

.video {
	width: 473px;
	height: 322px;
}

.workSample {
	background-color: #2d2d2d;
	position:relative;
	margin: 0 0 10px 0;
	padding: 0;
	width: 473px;
	font: normal 10px/1.5em Arial,"Helvetica", sans;
	text-align:left;
	border: 1px solid #9e9e96;
}

.workSampleLink a, a:visited, a:hover {
	margin: 0;
	padding: 0;
	border: 0;
}


.aboutPic {
	margin: 0;
	padding:0;
	border: 1px solid #535353;
}

.bigPic {
	margin: 0;
	padding:0;
	width: 473px;
	height: 100%;
	border: 1px solid #9e9e96;
}

.bigPic a {
	padding:0;
	margin:0;
}

hr.normal {
	display: none;
}

/* Logo Links  ***************************************************************/
a.logoLink, a.logoLink:visited { 
	margin: 0 auto;
	background: url(../img/lillo-banner-home.jpg) no-repeat 0px 0px;
	width: 603px; 
	height: 322px; 
	display: block; 
	text-indent: -9999px; 
}

a.logoLink span { display: none;}

a.logoLink:hover, a.logoLink:active { 
	background: url(../img/lillo-banner-home.jpg) no-repeat 0px -322px;
}