/*
Leslie Laskey Website styles
-------------------------------------------------------------------------------*/

/* RESETS
-------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration:none;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h1, h2, h3, h4, h5, h6	{
	font-size:100%;
	font-weight:normal;
	font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	text-transform: uppercase;
	letter-spacing:.2em;
	}	
	
ol, ul, li {
	list-style: none;
}

/*COLOR PALETTE
--------------------------------------------------------------------------------

*/


/*XHTML
-------------------------------------------------------------------------------*/
html	{
	background:url(/images/paperBg.jpg) repeat;
	font-family:Georgia, serif;
	color:#4b4b4b;
	font-size:62.5%;
	line-height:14px;
	}

/*BODY
-------------------------------------------------------------------------------*/
body	{

		}
	
/*BEGIN CUSTOM HEAD
-------------------------------------------------------------------------------*/

#perimeter	{
	position:relative;
	width:960px;
	height:960px;
	margin:0 auto;
	}

h1	{
	background:url(/images/header1.jpg) no-repeat;
	width:960px;
	height:97px;
	}
	
h1 a {display: block;
	width:460px;
	height:97px;
	line-height:0;
	text-indent:-9999em;
}

ul#nav	{
	width:960px;
	height:40px;
	font-size:2em;
	}
	
ul#nav li	{
	float: left;
	padding:0 0 0 30px;
	}
	
ul#nav li a	{
	display: block;
	height:30px;
	padding:10px 0 0 0;
	color:#ccc;
	font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	text-transform: uppercase;
	letter-spacing:.2em;
	border-top:5px solid transparent;
	}
	
ul#nav li a:hover	{
	border-top:5px solid #666;
	color:#666;
	}
	
/*HOMEPAGE
-------------------------------------------------------------------------------*/
#newWork	{ 
	clear:left; 
	padding:30px; 
	color:#666;
	font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size:2em;
	text-transform: uppercase;
	letter-spacing:.2em;
	}
	
#newWork a	{  
	color:#666;
	font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	text-transform: uppercase;
	letter-spacing:.2em;
	}

#newWork a:hover	{  
	color:;
	text-decoration: underline;
	}	


#fullPage	{
	position:relative;
	background:url(/images/fullPage.jpg) 0 0 no-repeat;
	height:666px;
	width:960px;
	}
	
a#viewPortfolio	{
	position:absolute;
	display:block;
	height:453px;
	width:450px;
	top:80px;
	left:250px;
	color:#666;
	font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	text-transform: uppercase;
	letter-spacing:.2em;
	border-top:none;
	}
	
a#viewPortfolio:link, a#viewPortfolio:visited	{
	background:url(/images/viewPortfolio.jpg) 0 0 no-repeat;
	}	
	
a#viewPortfolio:hover, a#viewPortfolio:active	{
	background:url(/images/viewPortfolio.jpg) 0 -453px no-repeat;
	}	

	
/*PORTFOLIO
-------------------------------------------------------------------------------*/
div#relic	{
	position: relative;
	background:url(/images/relic.jpg) no-repeat;
	width:960px;
	height:670px;
	}
	
div#relic ul	{
	position: absolute;
	width:960px;
	top: 350px;
	}	

div#relic ul li	{
	float: left;
	}		
	
div#relic ul li	a {
	display:block;
	width:238px;
	height:228px;
	text-indent:-9999em;
	}	
	
div#relic ul li	a#one:link, div#relic ul li	a#one:visited {
	background:url(/images/relicBtns.jpg) 30px 0px no-repeat;
	}	
	
div#relic ul li	a#one:hover {
	background:url(/images/relicBtns.jpg) 30px -227px no-repeat;
	}	
	
div#relic ul li	a#two:link {
	background:url(/images/relicBtns.jpg) -220px 0px no-repeat;
	}	
	
div#relic ul li	a#two:hover {
	background:url(/images/relicBtns.jpg) -220px -227px no-repeat;
	}	
	
div#relic ul li	a#three:link {
	background:url(/images/relicBtns.jpg) -460px 0px no-repeat;
	}	
	
div#relic ul li	a#three:hover {
	background:url(/images/relicBtns.jpg) -460px -227px no-repeat;
	}	
	
div#relic ul li	a#four:link {
	background:url(/images/relicBtns.jpg) -695px 0px no-repeat;
	}	
	
div#relic ul li	a#four:hover {
	background:url(/images/relicBtns.jpg) -695px -227px no-repeat;
	}	
	
#contact	{
	font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	}
	

/*PORTFOLIO INFO
-------------------------------------------------------------------------------*/
div#relic p	{
	position: absolute;
	bottom: 65px;
	left:160px;
	font-size:1.2em;
	}

/*WORK IN PROGRESS
-------------------------------------------------------------------------------*/
.fullPaper	{
	position:relative;
	background:url(/images/fullPage.jpg) 0 0 no-repeat;
	height:666px;
	width:960px;
	}

.fullPaper ul {
	position:absolute;
	top: 140px;
	left:110px;
	clear:left;
	width:800px;
	}
	
.fullPaper ul li {
	float:left;
	margin:0 10px 10px 0;
	}
	
.fullPaper ul li a	{
	display:block;
	height:170px;
	width: 170px;
	padding:5px;
	border:1px solid #999;
	}

.fullPaper h2	{
	clear:left;
	font-size: 2em;
	line-height: 0.7em;
	margin:0 30px 0.35em 30px;
	padding:20px 0 0.35em 0;
	border-bottom:1px solid #999;
}

.fullPaper h3	{
	margin:0 30px 0.35em 30px;
	padding-bottom: 0.35em;
}

ul.actualDimensions {
	position:absolute;
	top: 140px;
	left:30px;
	width: 100%;
	}

ul.actualDimensions	li {
	margin:0 50px 0 0;
	}

ul.actualDimensions	li a {
	height:100%;
	width: 100%;
	padding:5px 0 0 5px;
	}

ul.noborder {
	position:absolute;
	top: 160px;
	left:30px;
	width: 100%;
	}

ul.noborder	li {
	margin:0 35px 0 0;
	}

ul.noborder	li a {
	height:100%;
	width: 100%;
	padding:5px 0 0 5px;
	border:none;
	}

li#collage	{
	margin:0 0 0 250px;
	}
	
ul.leaf {
	position:absolute;
	top: 84px;
	left:30px;
	width: 100%;
	}

li#leaf	{
	margin:0 0 0 250px;
	}
	
/*SENT
-------------------------------------------------------------------------------*/
.sent	{
	position:relative;
	width:960px;
	}

.sent ul {
	clear:left;
	padding:50px 0 0 100px;
	width:800px;
	overflow:visible;
	}
	
.sent ul li {
	float:left;
	margin:0 10px 10px 0;
	}
	
.sent ul li a	{
	display:block;
	height:170px;
	width: 170px;
	padding:5px;
	border:1px solid #999;
	}

.sent h2	{
	clear:left;
	font-size: 2em;
	line-height: 0.7em;
	margin:0 30px 0.35em 30px;
	padding:20px 0 0.35em 0;
	border-bottom:1px solid #999;
}

.sent h3	{
	margin:0 30px 0.35em 30px;
	padding-bottom: 0.35em;
}

/*CONTACT
-------------------------------------------------------------------------------*/
dl#contact dt	{
	height:80px;
	background-color:#666;
	font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size:3em;
	line-height:1.4em;
	text-indent:10px;
	text-transform: uppercase;
	letter-spacing:.2em;
	border-bottom:2px solid #fff;
	color:#fff;
	}

dl#contact dd	{
	border-bottom:1px dotted #666;
	}
	
dl#contact a	{
	display:block;
	padding:15px 0;
	font-size:2em;
	text-indent:10px;
	}

dl#contact dd a:link, dl#contact dd a:visited	{
	color:#666;
	}
	
dl#contact dd a:hover, dl#contact dd a:active	{
	color:#fff;
	background-color:#666;
	}
	

/*FOOTER
-------------------------------------------------------------------------------*/
div#footer	{
	clear:both;
	position: relative;
	width:960px;
	height:155px;
	}
	
div#footer p	{
	border-top:2px dotted #ccc;
	margin:30px 0 0 0;
	padding:10px 0 0 0;
	font-size:1.3em;
	color:#ccc;
	}
	
div#footer p a:link, div#footer p a:visited	{
	color:#ccc;
	}	
	
div#footer p a:hover, div#footer p a:active	{
	color:#666;
	}	

/*SQUEEZE BOX
-------------------------------------------------------------------------------*/

#sbox-window embed, #sbox-window object, #sbox-window select	{
	visibility:visible;
	}

#sbox-overlay	{
	position:absolute;
	background-color:#000;
	}

#sbox-window	{
	position:absolute;
	background-color:#fff;
	text-align:left;
	overflow:visible;
	padding:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}

#sbox-btn-close	{
	position:absolute;
	width:30px;
	height:30px;
	right:-15px;
	top:-15px;
	background:url(..//images/closeBox1.png) no-repeat center;
	border:none;
	}

.sbox-window-ie6 #sbox-btn-close
{
	background-image:url(closeBox1.gif);
}

.sbox-loading #sbox-content
{
	background-image:url(spinner.gif);
	background-repeat:no-repeat;
	background-position:center;
}


#sbox-content	{
	clear:both;
	overflow:auto;
	background-color:#fff;
	height:100%;
	width:100%;
	}

.sbox-content-image#sbox-content	{
	overflow:visible;
	}

#sbox-image	{
	display:block;
	}

.sbox-content-image img	{
	display:block;
	}

.sbox-content-iframe#sbox-content	{
	overflow:hidden;
	}

.body-overlayed embed, .body-overlayed object, .body-overlayed select	{
	visibility:hidden;
	}
	
/*CLEARING
-------------------------------------------------------------------------------*/
/* float clearing for IE6 */
    * html .clearfix{
      height: 1%;
      overflow: visible;
    }

/* float clearing for IE7 */
    *+html .clearfix{
      min-height: 1%;
    }

/* float clearing for everyone else */
    .clearfix:after{
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
    }