@charset "UTF-8";
/******** RESET ********/

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;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:100;
	font-weight:lighter;
	background-color:"transparent";
	line-height:22px;
	}
	
p {
	font-size:16px;
	margin-bottom:20px;
}

h1 {
	font-size:20px;
	margin-bottom:20px;
}

h2 {
	font-size:20px;
	margin-top:40px;
}

ul {
	margin-bottom:20px;
}

#backgrounds {
	position:absolute;
	z-index:0;
	width:100%;
}

#mykBG {
	float:left;
	width:50%;
	height:100%;
	background-color:#1d3632;
}

#ryanBG {
	float:left;
	width:50%;
	height:100%;
	background-color:#f15d60;
}

#wrapper {
	position:absolute;
	z-index:1;
	width:100%;
	background-image:url("images/allBG.png");
	background-position:center;
}

#content {
	width:1000px;
	margin:0 auto;
	height:2000px;
	background-image:url("images/allBG.png");
	background-position:center;
}
	
#header {
	padding-top:100px;
	width:781px;
	margin:0 auto;
}

#myk {
	width:50%;
	float:left;
}

#mykAvatar img {
	width:100%;
}

#mykBody {
	float:right;
	width:75%;
	text-align:right;
	margin-right:70px;
	
	list-style-position:inside;
	list-style-image:url("images/mykBullet.png");
}

#ryan {
	width:50%;
	float:left;
}

#ryanAvatar img {
	width:100%;
	
}

#ryanBody {
	width:75%;
	text-align:left;
	margin-left:70px;
	margin-bottom:100px;
	
	list-style-position:inside;
	list-style-image:url("images/ryanBullet.png");
}

#contact {
	width:1000px;
	margin:0 auto;
}

#contactTitle {
	text-align:center;
	margin-bottom:20px;
}

#labels {
	float:left;
	width:145px;
	padding-top:7px;
}

#fields {
	float:left;
	margin-left:20px;
}

#sendButton {
	position:relative;
	float:left;
	height:195px;
	width:195px;
	margin-left:10px;
	margin-top:10px;
	background-color:transparent;
	display:block;
}

#sendButton a {
	height:195px;
	width:195px;
}

#submitLink {
	position:absolute;
	height:195px;
	width:195px;
	background-image:url(images/submitButtonBoth.png);
	display:block;
}

#submitLink a:hover {
	background-image:url(images/submitButtonBoth.png);
	background-position:-195px 0px no-repeat;
}

input {
	height:39px;
	font-size:20px;
	color:#e2f3f0;
	width:610px;
	margin-bottom:8px;
	padding-left:10px;
	padding-right:10px;
	background:url(images/lineBG.png) no-repeat;
	border:none;
}

textarea {
	height:101px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#e2f3f0;
	width:610px;
	padding:10px 7px 7px 10px;
	border:none;
	background:url(images/bodyBG.png) no-repeat;
}

}