html, body { width:100%; height:100%; }
body { background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#FFF; text-shadow:0 0 0 #000000; }
ul { margin:0 0 15px 15px; }
li { list-style-position:outside; list-style-type:disc; }
h1 { font-size:12px; line-height:14px; font-weight:bold; margin:0 0 10px 0; }
p { margin:0 0 10px 0; }
strong { font-weight:bold; }

a { color:#999999; text-decoration:none; }
a:hover { color:#FFFFFF; }

#flash { width:100%; height:100%; min-height:100%; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#FFF; }
#no-flash { width:850px; height:580px; background-color:#000; position:absolute; top:50%; left:50%; margin-top:-290px; margin-left:-425px; border:1px solid #ccc; }
#no-flash div.margin { margin:20px; position:relative; }

#header { width:100%; border-bottom:1px solid #3d3d3d; float:left; }
#header div.logo { width:163px; height:43px; background:url(../images/caramel-logo.gif) no-repeat; padding:0 0 15px 0; position:relative; }

#flash-warning { width:100%; margin:15px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #3d3d3d; position:relative; float:left; }

#leftcol { width:390px; margin:15px 0 0 0; float:left;  }
#rightcol { width:390px; margin:15px 0 0 30px; float:left; }

#footer { width:100%; border-top:1px solid #3d3d3d; padding:15px 0 0 0; float:left; position:relative; clear:both; }
#footer #copyright { width:300px; color:#333333; position:absolute top:15px; left:0; }
#footer #contact { width:200px; text-align:right; position:absolute; top:15px; right:0; }
#footer #contact span { font-size:10px; line-height:14px; font-weight:bold; text-transform:uppercase; }