@charset "utf-8";
@import url("styles/reset.css");
@import url("styles/master.css");
/* CSS Document for drewskwarcan.com home */

img, div { behavior: url(iepngfix.htc) }

body {
background:url(images/body-bg-tile.jpg) repeat 0 0;
}

#bg-upper-left {
position:absolute;
left:0;
top:0;
background:url(images/bg-upper-left.jpg) no-repeat 0 0;
width:960px;
height:300px;
z-index:2px;
}

#wrap {
position:relative;
margin:0 auto;
z-index:5px;
width:830px;
}

	h1.title {
	display:block;
	background:url(images/text/DrewSkwarcan.png) no-repeat 0 0;
	width:237px;
	height:31px;
	position:absolute;
	top:23px;
	left:15px;
	}
		h1.title span {
		display:none;
		}
	#header-img {
	background:url(images/Drew-Skwarcan-Ireland.jpg) no-repeat 0 0;
	width:830px;
	height:317px;
	position:absolute;
	top:73px;
	left:0;
	}
	
	h2 span, h3 span, h4 span, h5 span, h6 span {
	display:none;
	}
	#kind-words span {
	display:none;
	}

	
	h2.top {
	background:url(images/text/hey-im-drew.png) no-repeat 0 0;
	width:800px;
	height:36px;
	display:block;
	position:absolute;
	top:430px;
	left:15px;
	}
	
	h3.top {
	background:url(images/text/experience-8-years.png) no-repeat 0 0;
	width:800px;
	height:36px;
	display:block;
	position:absolute;
	top:515px;
	left:15px;
	}
	h4.top {
	background:url(images/text/my-passion.png) no-repeat 0 0;
	width:800px;
	height:36px;
	display:block;
	position:absolute;
	top:588px;
	left:15px;
	}
	h5.top {
	background:url(images/text/purdue-education.png) no-repeat 0 0;
	width:800px;
	height:60px;
	display:block;
	position:absolute;
	top:662px;
	left:15px;
	}
	h6.top {
	background:url(images/text/been-blessed.png) no-repeat 0 0;
	width:800px;
	height:58px;
	display:block;
	position:absolute;
	top:760px;
	left:15px;
	}
	
	#kind-words {
	background:url(images/text/kind-words.png) no-repeat 0 0;
	width:800px;
	height:158px;
	display:block;
	position:absolute;
	top:860px;
	left:15px;
	}
	#threefree {
	background:url(images/text/pre-form-text3.png) no-repeat 0 0; 
	/* no color:: background:url(images/text/pre-form-text2.png) no-repeat 0 0; */
	/* 	background:url(images/text/3free.png) no-repeat 0 0; */
	width:714px;
	display:block;
	position:absolute;
	top:1070px;
	left:15px;
	padding:320px 0 0 86px;
	}
	#threefree span {
	display:none;
	}
	#thankyou span {
	display:none;
	}
	#thankyou {
	background:url(images/text/thank-you.png) no-repeat 0 0;
	position:absolute;
	display:block;
	width:528px;
	height:29px;
	top:100px;
	left:15px;
	}
	
	
	/* FORM ASSEMBLY */
	#threefree label.preField {
	display:none;
	}
	#threefree .wForm form {
	margin:0;
	padding:0;
	}
	#threefree input, #threefree textarea {
	background:#202020;
	border:1px solid #333333;
	color:#666;
	font-size:23px;
	line-height:27px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	}
	#threefree .wForm form .oneField {
	display:block;
	margin-bottom:24px !important;
	padding:0;
	width:100%;
	line-height:0;
	}
	#threefree .wForm form .actions {
	margin:0;
	}
	#threefree .actions input {
	background:url(images/button-bg.jpg) repeat-x 0 0;
	width:628px;
	}
	#threefree input {
	width:620px;
	}
	#threefree textarea {
	width:621px;
	overflow:auto;
	}
	#threefree input:focus, #threefree textarea:focus {
	border:1px solid #17B6FF;
	}

#more-drew {
background:url(images/text/more-drew-header.png) no-repeat 0 0;
width:800px;
position:absolute;
top:1480px;
left:15px;
padding:60px 0 0 15px;
}
	body.got-it #more-drew {
	top:200px;
	}
#more-drew p, #more-drew p a {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:36px;
}
#more-drew p {
padding:0 0 0 190px;
color:#ccc;
margin:0 0 36px 0;
}
#more-drew p a {
color:#ccc;
text-decoration:underline;
}
#more-drew p a:hover {
text-decoration:none;
}
	#more-drew p#blog {
	background:url(images/text/blog.png) no-repeat 0 8px;
	}
	#more-drew p#social-media {
	background:url(images/text/social-media.png) no-repeat 0 8px;
	}
	#more-drew p#europe {
	background:url(images/text/europe.png) no-repeat 0 8px;
	}
	#more-drew p#growth {
	background:url(images/text/growth.png) no-repeat 0 8px;
	}
	#more-drew p#speaking {
	background:url(images/text/speaking.png) no-repeat 0 8px;
	}
	#more-drew #photos {
	background:url(images/text/photos.png) no-repeat 0 0;
	padding-left:190px;
	margin-bottom:380px;
	overflow:hidden;
	}
		ul.drewsphotos {
		clear:left;
		list-style:none;
		padding:0;
		margin:0;
		}
		ul.drewsphotos li {
		float:left;
		border:10px solid #333;
		margin:0 16px 16px 0;
		padding:0;
		line-height:0;
		}
		ul.drewsphotos li.end {
		margin:0 0 16px 0;
		padding:0;
		}
		ul.drewsphotos li img {
		padding:0;
		margin:0;
		}
		ul.drewsphotos li a {
		padding:0;
		margin:0;
		line-height:0;
		outline:none;
		}
		div.clear {
		clear:both;
		}
		
	
	div.hidden {
	display:none;
	}