/* 
Title:		Alan Canant | Editor
Firm:       JasonPasch.com
Website: 	http://www.jasonpasch.com
*/
body {
	text-align: left;
	font-size: small;
	font-family: Helvetica, Arial, sans-serif;
	margin: 25px 0 0 0;
	padding: 0;
	background: #1a1a1a url(../images/bg.gif) 0 93px repeat-x;
	text-align: center;
	color: #fff
}
/* ---[ MAJOR IDS ]------------------------------- */
#wrapper	{
	width: 726px;
	padding: 0;
	text-align: left;
	font-size: 90%;
	line-height: 1.5em;
	margin: 0 auto;
}
#contactInfo {float: right}
#contactInfo strong {margin-right: 10px}
#contactInfo a {color: #fff; margin-right: 10px}
#contactInfo a:hover {color: #555}
#opening {border: 1px solid #555; width: 586px; margin: 22px 67px 0 67px; line-height: 0}
/* ---[ HEADER ]------------------------------- */
#header {float: left; width: 726px}
#header h1 {float: left}
/* ---[ MAIN ]------------------------------- */
#main {text-align: left; width: 746px; clear: both; padding-top: 20px}
#shortFormat #main {padding-top: 40px}
#longFormat #main img,
#shortFormat #main img
{border: 3px solid #000}
/* ---[ NAVIGATION ]------------------------------- */
#navigation {float: right; margin-top: 10px; text-transform: uppercase}
#navigation a {color: #555; margin: 0 15px; display: block; padding-top: 7px; height: 17px; background-color: #1a1a1a}
#navigation #resume a {margin: 0 0 0 15px}
#navigation a:hover {color: #fff}
#navigation li {float: left}
#homePage #home a, 
#longFormat #long a,
#shortFormat #short a,
#resumePage #resume a
{border: 1px solid #555; border-bottom: 2px solid #1a1a1a; margin: 0; padding: 7px 15px 0 15px; color: #fff}
/* ---[ TEXT ]------------------------------- */
p {margin: 0; padding: 0 0 15px 0; font-size: 90%}
strong {font-weight: bold; color: #ffff00}
/* ---[ HEADLINES ]------------------------------- */
h1 {font-size: 140%; color: #fff; margin: 0 0 7px 0; padding: 0 0 7px 0}
h2 {font-size: 140%; color: #ffff00; padding: 20px 0 10px 0; margin: 0; clear: both; text-transform: uppercase}
h3 {font-size: 120%; color: #ffff00; padding: 10px 0; margin: 0}
h4 {font-size: 110%; color: #ccc; padding: 0; margin: 0}
h3.first {padding-top: 0}
/* ---[ FOOTER ]------------------------------- */
#footer p {float: left; font-size: 85%; line-height: 1.25em; padding-top: 7px}
/* ---[ LINKS ]------------------------------- */
a {color: #ffff00; text-decoration: none; outline: none}
a:hover, a:visited:hover {color: #555}
a:visited {color: #ffff00}
.thumb a:hover, .thumb a:visited:hover {color: #ffff00}
/* ---[ LISTS ]------------------------------- */
ul {margin: 0; padding: 0 0 15px 0; list-style: none}
li {margin-bottom: .50em}
/* ---[ TOOLTIP STYLE ]------------------------------- */
#thumb1, #thumb4, #thumb7 {z-index: 30}
#thumb2, #thumb5, #thumb8 {z-index: 20}
#thumb3, #thumb6, #thumb9 {z-index: 10}
.thumb {
	position: relative;
	padding-top: 0;
	width: 206px; float: left; 
	margin-right: 54px; 
	padding-bottom: 40px;
	float: left;
}
.third {margin-right: 0}
.popup {
	position: absolute;
	right: -250px;
	top: 0;
	width: 180px;
	background: transparent url(../images/arrow.gif) left center no-repeat;
	padding-left: 16px;
	filter: Alpha(Opacity=0);
	opacity: 0;
	z-index: 1000;
	
}
.popup p {
border: 1px solid #555;
border-left: none;
background-color: #000;
padding: 15px;
}
/* ---[ RESUME STYLE ]------------------------------- */
#contact {float: left; width: 124px}
#experience {float: left; padding: 20px 0 0 40px; width: 582px}