body {background-image:url(images/background/wood.png); background-repeat:repeat-x; background-color:black; color:#CCC;}


#wrapper {position: absolute; background-image:url(images/background/stripe.gif); background-repeat:repeat; background-color:#4a4a4a; 
	top: 0px; left: 50%;
	margin-left:-470px;
	margin-bottom:50px;
	width: 920px; height:920px;
	border-style:solid; border-color:red; border-width:2px;}


#logo {background-image:url(images/logo.png); background-repeat:no-repeat; position: absolute;
	width:203px; height:150px;
	top:68px; left:40px;}
div#logo:hover {background-image:url(images/rollover/logo_rollover.png); background-repeat:no-repeat;}



#cloud {position: absolute;
	top: 0px; left: 280px;
	width: 400px; height: 300px}



div#name {
	background-image:url(images/chrisaltmann.png); background-repeat:no-repeat; z-index:1;
	top:105px; left:-10px;
	width:565px; height:116px;
	border:none; outline-style:none; border-style:none; position:absolute;}
div#name:hover { background-image:url(images/rollover/chrisaltmann_rollover.png); background-repeat:no-repeat;}



div#reflect {background-image:url(images/background/reflect.png); background-repeat:no-repeat; position:absolute; z-index:2;
	height:80px; width:920px;
	top:168px; left:-280px;}



div#res, div#port, div#face, div#cont, div#devart {border:none; outline-style:none; border-style:none; position:absolute;}



div#res {
	background-image:url(images/resume.png); background-repeat:no-repeat; z-index:2;
	top:15px; left:220px;
	width:228px; height: 36px;}
div#res:hover { background-image:url(images/rollover/resume_rollover.png); background-repeat:no-repeat;}
div#res a:hover {border:none; border-style:none; outline-style:none;}


		
div#port {
	background-image:url(images/portfolio.png); background-repeat:no-repeat;
	top:35px; left:380px;
	width:210px; height:74px;}
div#port:hover { background-image:url(images/rollover/portfolio_rollover.png); background-repeat:no-repeat;}
div#port a:hover {border:none; border-style:none; outline-style:none;;}



div#face {
	background-image:url(images/facebook.png); background-repeat:no-repeat; z-index:1;
	top:40px; left:-5px;
	width:367px; height:61px;}
div#face:hover { background-image:url(images/rollover/facebook_rollover.png); background-repeat:no-repeat;}
div#face a:hover {border:none; border-style:none; outline-style:none;}



div#cont {
	background-image:url(images/contact.png); background-repeat:no-repeat; z-index:4;
	width:205px; height:90px;
	top:200px; left:75px;}
div#cont:hover { background-image:url(images/rollover/contact_rollover.png); background-repeat:no-repeat;}
div#cont a:hover {border:none; border-style:none; outline-style:none;}



div#devart {
	background-image:url(images/deviantart.png); background-repeat:no-repeat; z-index:3;
	top:195px; left:345px;
	width:215px; height:73px;}
div#devart:hover { background-image:url(images/rollover/deviantart_rollover.png); background-repeat:no-repeat;}
div#devart a:hover {border:none; border-style:none; outline-style:none;}



div#cloud a {border:none; border-style:none; outline-style:none;}
div#cloud a:link, div#cloud a:visited {outline-style:none; background:none; border:none; border-style:none;}
div#cloud a:hover {outline-style:none; background:none; border:none; border-style:none;}
					


div#content { position:absolute;
	border: 2px inset black;
	position:absolute;
	padding:10px;
	top:243px;
	left:15px;
	width:280px;
	height:630px;
	font-family: verdana, helvetica, sans serif;
	font-size: 14px;}
div#content a:hover { color:#e90303;
	text-decoration:underline;}
div#statement { color:#FFF;
	font-size:17px;
	font-family: verdana, helvetica, sans serif;}
blockquote { color:#F00;}
a:link { color:#00F;}
a:visited { color:#00F;	}
a:hover { color:#F00; text-decoration:underline;}

div#video { background-image:url(images/background/videoplayer.png); background-repeat:no-repeat;
	margin-top:300px; margin-left:335px;
	width:570px; height:345px;}
	
div#resumelink{ position:absolute; background-color:white;
	top:259px; left:-2px; z-index:2;
	padding-left:10px; padding-top:10px; padding-bottom:10px; padding-right:15px;
	border-left: solid 2px red; border-right: solid 2px black; border-top: solid 2px black;
	font-family: verdana, helvetica, sans serif;}
#iframe {position:absolute; background-color:white;
	padding-left:55px; padding-bottom:10px; padding-top:5px;
	top:300px; left:-2px; z-index:1;
	border-left: solid 2px red; border-right: solid 2px red; border-bottom: solid 2px red; border-top: solid 2px black;}
	
#flashApp {position:absolute;
	top:300px; left:-1px;
	border-left: solid 1px red; border-right: solid 1px red; border-top: solid 3px black; border-bottom: solid 2px black;}

div#websites { position:absolute; background-color:white; color:black;
	padding:10px; top:704px; left:-2px;
	font-family: verdana, helvetica, sans serif;
	font-size:12px;
	border-left: solid 2px red; border-right: solid 2px red; border-top: solid 2px black; border-bottom: solid 2px black;}
div#websites :hover {}
div#examplePic1{background-image:url(images/rollason.jpg); background-repeat:no-repeat;
	height:70px;
	width:216px;
	border:solid 1px white;}
div#examplePic2{background-image:url(images/rollason.jpg); background-repeat:no-repeat;
	height:70px;
	width:216px;
	border:solid 1px white;}



div#cloud div#content a:link, div#cloud a:hover {
	color:#e90303;
	border:none; border-style:none; outline-style:none; text-decoration:none;}