form {margin:0;}

html, body {background:#cc0000;margin: 0; padding: 0; text-align: left;}

img {display: block;border:0;padding:0;margin:0;}

#container {background:#000 url('media/main_bg.jpg') top repeat-x;}

#header {width:700px;margin:0 auto;padding:35px 10px 0 10px;}
#logo img {display:inline;}
#header_info {float:right;text-align:right;}
#header_info h3 {margin:0;padding:0;font:bold 16px arial,sans-serif;color:#cc0000;line-height:1em;}
#header_info a {text-decoration:none;color:#cc0000;font:11px verdana,sans-serif;display:block;margin-top:10px;}
#header_info a:hover {color:#FFF;}

#heading {background:#222222 url('media/heading_bg.jpg') bottom repeat-x;min-height:72px;margin-top:25px;}
#heading_content {width:720px;margin:0 auto;}
#heading_content h1 {margin:0;padding:20px 0 0 10px;font:bold 32px arial,sans-serif;color:#FFF;float:left;line-height:1em;}
#heading_content h2 {margin:0 10px 0 0;padding:27px 0 0 0;font:bold 18px arial,sans-serif;color:#666666;float:right;line-height:1em;}

#main_content {width:720px;margin:0 auto;padding:35px 0 45px 0;}

.bodytext {font:14px arial,sans-serif;color:#cccccc;line-height:1.4em;}
.bodytext p {margin:0 0 15px 0;padding:0 10px 0 10px;} 
.bodytext h3 {margin:0 0 15px 0;padding:0 10px 0 10px;font:bold 16px arial,sans-serif;color:#cc0000;line-height:1em;}
.bodytext a {color:#cc0000;font-weight:bold;text-decoration:none;}
.bodytext a:hover {color:#FFF;}
.red_text {color:#cc0000;}

.example {background:url('media/colour_bar.jpg') 10px 0 no-repeat;padding-top:18px;margin:20px 0 30px 0;}
.example a.link {color:#cccccc;text-decoration:none;font:bold 14px arial,sans-serif;margin-left:10px;}
.example a.link:hover {color:#FFF;}
.example .site {background:#333333;margin:10px 0 0 5px;padding:3px;border:2px #000 solid;width:466px;position:relative;}
.example .site a {font:11px verdana,sans-serif;color:#FFF;text-decoration:none;line-height:1.4em;cursor:hand;cursor:pointer;}
.example .site a span {position:absolute;left:3px;bottom:3px;padding:10px;background:url('media/transparent.png');width:446px;}
.example .brewdog {height:323px;background:url('media/brewdog.jpg') no-repeat;}
.example .brewdog a {display:block;height:323px;width:466px;}    
.example .soteria {height:321px;background:url('media/soteria.jpg') no-repeat;}
.example .soteria a {display:block;height:321px;width:466px;}                   
.example .basford {height:255px;background:url('media/basford.jpg') no-repeat;}
.example .basford a {display:block;height:255px;width:466px;}                  
.example .punkdog {height:301px;background:url('media/punkdog.jpg') no-repeat;}
.example .punkdog a {display:block;height:301px;width:466px;}                 
.example .central {height:369px;background:url('media/central.jpg') no-repeat;}
.example .central a {display:block;height:369px;width:466px;}
.example .site a img {position:absolute;top:3px;left:3px;}
* html a:hover {visibility:visible}
.example .site a:hover img{visibility:hidden}

.clear {clear:both;height:0;}

#footer {background:url('media/footer_bg.jpg') top repeat-x;} 
#footer_content {width:700px;margin:0 auto;padding:50px 10px 35px 10px;font:11px verdana,sans-serif;color:#FFF;line-height:1.6em;}
#footer_content p {margin:0 0 6px 0;padding:0;}
#footer_content a {color:#FFF;text-decoration:none;}
#footer_content a:hover {color:#FFF;text-decoration:underline;}

#rar {float:right;margin-top:33px;width:80px;height:62px;display:block;}
#dea {float:right;background:url('media/star.png') top left no-repeat;padding:50px 0 0 0;width:240px;text-transform:uppercase;font-size:10px;margin-right:30px;line-height:1.4em;}