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,
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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: #f16624 solid 1px;
}
body {
	line-height: 1;
	color: #9d9d9d;
	background: #828282 url(images/bg_body.png) repeat-x;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-text-stroke:1px transparent;
	text-shadow: #FFF 0px 1px 0px;
	font-size: 24px;
}
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

a { text-decoration: none; color: #9d9d9d;}
a:hover { text-decoration: none; color: #828282; }
li { display: inline; font-size: 19px;}

#stats li { padding-right: 12px; }
li a { padding-right: 8px;  }
#contact li a { padding-right: 5px;  }
#container {
	border: 1px solid #efefef;
	border-bottom: 0;
	border-top: 0;
	margin: 40px auto 0;
	width: 690px;
	min-height: 1000px;
	padding: 138px 126px 0 83px;
	background: #fff url(images/bg_container.png) repeat-x bottom left;
	position: relative;
	z-index: 3;
	-webkit-box-shadow: 0px 5px 40px #333;
	-moz-box-shadow: 0px 5px 40px #333;
	box-shadow: 0px 5px 40px #333;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#intro h1 {
	margin: 0 0 37px;
	font-size: 17px;
	background: url(images/icon_intro.png) no-repeat 0 0;
}
#intro:hover h1 { background-image: url(images/icon_intro_over.png); }

h1 span { display: block; background: url(images/ChrisCarlozzi.png) no-repeat; height: 62px; text-indent: -7890px; margin-top: 38px;}
#intro:hover h1 span { background-position: 0 -62px;}


p { width: 650px; line-height: 1.2em; margin-bottom: 58px; background: url(images/icon_quote.png) no-repeat 0 6px; }
#intro:hover p { background-image: url(images/icon_quote_over.png); }

#intro > h1,  
#intro > p, 
#container > ul, 
#copyright, 
#contact { padding-left: 42px; }

#intro:hover,
p:hover,
#stats:hover,
#elev8tor:hover,
#v1beta:hover,
#copyright:hover,
#contact:hover { color: #828282; }


.rule { border-top: 1px solid #c2c2c2; border-bottom: 1px solid #ececec; margin: 63px 0 47px; }

#bookmark {
	background: url(images/bg_bookmark.png) no-repeat;
	width: 267px;
	height: 52px;
	position: absolute;
	right: 30px;
	top: 0;
	z-index: 4;
}

#stats { background: url(images/icon_stats.png) no-repeat 0 5px; }
#stats:hover { background: url(images/icon_stats_over.png) no-repeat 0 5px; }
#links { background: url(images/icon_heart.png) no-repeat 0 5px; margin-bottom: 60px; Xoutline: black solid 1px;}
#links:hover { background-image: url(images/icon_heart_over.png);}
#sites { margin: 0 0;Xoutline: orange solid 1px; }
#social { background: url(images/icon_arrow.png) no-repeat 0 5px; Xoutline: violet solid 1px; font-size: 22px; letter-spacing: -0.0em;}
#social:hover { background-image: url(images/icon_arrow_over.png);}


#sites { position: relative; height: 136px; font-size: 12px; line-height: 1.2em; text-align: justify;
	Xoutline: green solid 1px; }
#elev8tor { 
	position: absolute; 
	width: 250px; 
	padding: 0 49px 0 41px; 
	background: url(images/icon_briefcase.png) no-repeat; 
}
#elev8tor:hover { background-image: url(images/icon_briefcase_over.png); }
#v1beta {
	position: absolute; 
	width: 250px; 
	left: 341px; 
	padding: 0 49px 0 40px; 
	background: url(images/icon_screen.png) no-repeat; 
}
#v1beta:hover { background-image: url(images/icon_screen_over.png); }

#elev8tor a {
	text-indent: -7890px;
	background: url(images/elev8tor_head.png) no-repeat;
	display: block;
	height: 30px;
	width: 212px;
	margin-bottom: 8px;
}
#v1beta a {
	text-indent: -7890px;
	background: url(images/v1beta_head.png) no-repeat;
	display: block;
	height: 29px;
	width: 170px;
	margin-bottom: 8px;
}
#elev8tor a:hover { background-position: 0 -30px; }
#v1beta a:hover { background-position: 0 -29px; }

#footer { padding-bottom: 130px; position: relative; }

#copyright {
	position: absolute; 
	width: 250px; 
	padding: 0 49px 0 41px; 
	background: url(images/icon_copyright.png) no-repeat 0 1px;
	font-size: 18px;
	height: 19px;
}
#copyright:hover { background-image: url(images/icon_copyright_over.png); }

#contact {
	position: absolute; 
	width: 260px; 
	left: 341px; 
	Xoutline: blue solid 1px; 
	padding: 0 49px 0 40px;  
	background: url(images/icon_gear.png) no-repeat 0 1px;
	font-size: 18px;
	letter-spacing: -0.05em;
}
#contact:hover { background-image: url(images/icon_gear_over.png); }
#preload { display: none; }