@import 'reset.css';

html {background: url(../img/background.png) repeat; border-top: #571311 solid 12px;}

p {padding: 0 0 12px 0; font: 12px/18px Helvetica, Arial, sans-serif; color: #666;}

a {color: #176f86; text-decoration: none;}
a:hover {color: #06495b;}

h1 {font: 24px/30px Georgia, Times, serif; color: #444; margin: 0 0 6px 0;}
h2 {font: 18px/24px Georgia, Times, serif; color: #444;}

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

#logo {margin: 30px 0 0 0;}

#intro {width: 780px; margin: 21px 0 9px 0;}
	#intro .header {width: 780px; background: url(../img/intro_header.png) repeat-y;}
	#intro .footer {width: 780px; height: 22px; background: url(../img/intro_footer.png) no-repeat;}
	#intro p {font: italic 18px/27px Georgia, Times, serif; color: #444; padding: 20px; margin: 0;}

#about_john {width: 380px; float: left;}

#about_laura {width: 380px; float: right;}

#footer {background: #0b5b70; width: 100%; height: 45px; border-bottom: #317789 solid 12px; margin: 20px 0 0 0;}
	#footer p {color: #c4e0e8; margin: 0 auto; padding: 12px 0 0 0; width: 780px;}
	
.clear {clear: both;}