/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~GLOBAL STYLES ~~~~~~~~~ */

	
* { margin: 0; padding: 0; }

body {
	background: #252e3d url("images/glow.jpg") top center no-repeat;
	color: #333333;
	font: 10px/16px arial, helvetical, verdana, sans-serif;
	margin: 0;
	height:100%; 
}

body#popup { background: #ffffff; }

a { color: #0083f2;  text-decoration:none; }
a:hover {	color: #666666;}


p { margin: 14px 0; }

img { border: none; }
a img { border:none; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~PAGE STYLES ~~~~~~~~~ */

#wrapper {
		margin: 0 auto;
		width:897px;
		}


#sitename {
		float:left;
		width:494px;
		margin: 30px 0 0 5px;
		}
		
#contact {
		float:right;
		width:180px;	
		color:#ffffff;
		margin-top:35px;
		}
		
#contact #phone {
		float:left;
		background: url(images/phone-icon.gif)  left no-repeat;
		width:160px;
		padding-left: 24px;
		margin-bottom:4px;
		overflow: visible;
		}
			
#contact #email {
		float:left;
		background: url(images/email-icon.gif)  left no-repeat;
		width:160px;
		padding-left: 24px;
		clear:both;
		overflow: visible;
		}
		
#contact #email	a { color: #51a6e2;  text-decoration:none; }
#contact #email	a:hover { color: #cccccc;  }

		
#page {
		float:left;
		background: url(images/page-bg.jpg) top left no-repeat;
		width:897px;
		height: 588px;
		clear:both;
		margin-top: 24px;
		}
		
#page #hello-col {
		float:left;
		width:215px;
		}
		
#hello {
		margin-top:50px;
		float:left;
		padding:34px 28px 30px 32px;
		width:155px;
		height:300px;
		}	
		
#hello img {
		margin-bottom:5px;
		}	
		
#resume { clear:left;
		margin-left:148px;}

#resume a { 
		float:left;
		background: url(images/view-resume.jpg) -67px 0 no-repeat;
		width:67px;
		height:121px;
		} 
		
#resume a:hover { background-position: 0 0; } 
		
#resume a span { visibility: hidden; } 
		
		
#mainframe {
		padding:27px;
		float:left;
		width:600px;
		margin-left:12px;
		}