/* GENERAL
----------------------------------------------- */

body {
	margin:0; 
	padding:0; 
	font:13px "Trebuchet MS", Sans-Serif;
	color:#000;
	background-color:#eee; 
	}	

* { margin:0px; padding:0px; }

img { border:none; float:left; }

h1 { font-size:32px; float:left; margin:30px 0 0 10px; display:inline; }
h2 { font-size:18px; float:right; margin:30px 10px 0 10px; color:#531100; font-weight:normal; display:inline;}

/* LINKS
----------------------------------------------- */	
.graybox a:link, .graybox a:visited { color:#000; text-decoration:none; }	
.graybox a:hover, .graybox a:active { text-decoration:none; }	

/* CONTAINER
----------------------------------------------- */
#container { width:700px; margin:0px auto; }

/* HEADER
----------------------------------------------- */
#header { float:left; width:700px; height:100px; border:1px solid #CCC; margin:8px 0 0 0; background-color:#fff; }

/* CONTENT
----------------------------------------------- */
#content { float:left; width:680px; background-color:#fff; border:1px solid #CCC; margin:20px 0 0 0; padding:10px; }

.box { float:left; border:1px solid #777; }
.graybox { float:left; height:30px; width:680px; padding:5px 0 0 0; background-color:#eee; text-align:center; font-size:18px; font-weight:bold; border-bottom:1px solid #777; }
.cardbox { float:left; width:680px; }
.cardbox ul { float:left; width:300px; margin:20px 0 0 40px; }
.cardbox ul li { margin-bottom:5px; }

.card { margin:20px 0 0 30px; display:inline; }
.border { border-top:1px solid #777; }
.continue { float:right; margin:15px 150px 20px 0; }

/* FOOTER
----------------------------------------------- */
.footer { float:left; width:680px; background-color:#eee; color:#777; margin:200px 0 0 100px; padding:10px; }
.footer a:link, .footer a:visited { color:#777; text-decoration:none; }	
.footer a:hover, .footer a:active { text-decoration:none; }