P { color: #4A4A4A; font-size: 10pt; font-family: Verdana, Arial; font-weight: 100; background-color: transparent; line-height: 4.75mm; }
h1 { color: #ff7403; border-bottom: 1px dotted #595959; font-size: 14pt; font-family: Arial; font-weight: 100; background-color: transparent; line-height: 4.75mm; margin-top: 0.4cm; padding-bottom: 5px }
h2 { color: #4A4A4A; font-family: Verdana; font-size: 12pt; font-weight: 100; }
h4 { color: #000000; font-size: 8pt; font-family: Verdana; font-weight: 100; background-color: transparent; line-height: 4.75mm; }
ul { color: #595959; font-size: 10pt; font-family: Verdana; font-weight: 100; background-color: transparent; line-height: 4.40mm; }
ol { color: #595959; font-size: 10pt; font-family: Verdana; font-weight: 100; background-color: transparent; line-height: 4.40mm; }

A:visited  {font-family: Verdana; font-size: 10pt; color: #ff7403; text-decoration: underline;}
A:link  {font-family: Verdana; font-size: 10pt; color: #ff7403; text-decoration: underline;}
A:active  {font-family: Verdana; font-size: 10pt; color: #ff7403; text-decoration: underline;}
A:hover   {font-family: Verdana; font-size: 10pt; color: #ff7403; text-decoration: underline;}

a img { border: 0; }

img.right { 
    float: right; 
    clear: right; 
padding-left: 3px; 
}

img.left { 
    float: left; 
    clear: left; 
}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color:#EEF3E2; 
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-color:#FFFFFF;
} 
 
#header{
 position:relative; 
 height:150px; 
 background-color:#FFF; 
 width:100%;


} 
 
#leftcol{
 width:33%; 
 float:left; 
 position:relative; 
 background-color:#fff; 
 height:650px;
 margin-top: 1px;
 }
 
#maincol{
 background-color: #ffffff;  
 margin-top: 3px;
 background-image: url('http://www.alcohol-stuff.co.uk/images/games.jpg');
 background-repeat: no-repeat;
 float: right; 
 display:inline; 
 position: relative; 
 width:67%; 
 color: #ffffff;
 height:123px;
 }



#maincol2{
 background-color: #0000;
 background-image: url('http://www.alcohol-stuff.co.uk/images/beachview.jpg');
 background-repeat: no-repeat;
 float: right; 
 display:inline; 
 position: relative; 
 width:67%; 
 height:123px;
 margin-top: 5px;
 }

#maincol2 A:visited  {font-family: Verdana; font-size: 14pt; color: #fff; text-decoration: underline;}
#maincol2 A:link  {font-family: Verdana; font-size: 14pt; color: #fff; text-decoration: underline;}
#maincol2 A:active  {font-family: Verdana; font-size: 14pt; color: #fff; text-decoration: underline;}
#maincol2 A:hover   {font-family: Verdana; font-size: 14pt; color: #fff; text-decoration: none;}
#maincol2 P { color: #ffffff; font-size: 10pt; font-family: Verdana, Arial; font-weight: 100; background-color: transparent; }


#maincol3{
 background-color: #fff;
 float: right; 
 display:inline; 
 position: relative; 
 width:67%; 
 padding-top:0px;
 height:382px;
 margin-top: 0px;
 }




#footer{
 padding-top: 20px;
 padding-bottom: 10px;
 height:50px; 
 background-color:#FFFFFF; 
 text-align: center;
 clear:both;
 } 
 

 
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

ul#menu { width: 100%; height: 43px; background: #FFF url("images/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 7px -5px 40px; }
ul#menu li a { height: 38px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 10px 15px 0; }
ul#menu li a:hover { color: #ff7403; }


.header-container {
   position: relative;
   height: 105px;
   }

.left-element {
   position: absolute;
   left: 3px;
   width: 55%;
   padding-left: 10pt;
   padding-top: 12px
   }

.right-element {
   position: absolute;
   right: 0;
   height: 100px;
   width: 45%;
   text-align: right; /* depends on element width */
   padding-right: 10px;
   padding-top: 0px;
   background-image: url('http://www.alcohol-stuff.co.uk/images/bar-open.gif')
   } 


#box2 {
 height: 58px;
 padding-top: 65px;
 padding-left: 152px;
}


#box {
margin-left:7px;
margin-top:4px;
margin-right:7px;
background-color: #F4F4F4;
height: 123px;
padding-left:4px;
}

#box.dark {
background-color: #ffffff;
}

#box.darker {
background-color: #ffffff;
padding-left:0px;
}

#box A:visited  {font-family: Verdana; font-size: 14pt; color: #292929; text-decoration: underline;}
#box A:link  {font-family: Verdana; font-size: 14pt; color: #292929; text-decoration: underline;}
#box A:active  {font-family: Verdana; font-size: 14pt; color: #292929; text-decoration: underline;}
#box A:hover   {font-family: Verdana; font-size: 14pt; color: #292929; text-decoration: none;}
#box P { color: #616161; font-size: 10pt; font-family: Verdana, Arial; font-weight: 100; background-color: transparent; }

#ads {
    float: left; 
    clear: left; 
    padding-right: 10px;
}


.menucontainer {
   width: 294px;
   }

.menu a {
background-image: url("images/menu.bmp");
color: #111111;
padding: 4px;
padding-left: 6px;
display: block;
font: 11px Verdana, sans-serif;
text-decoration: none;
text-align: left;
margin-top: 0px;
}

.menu a:hover {
background-image: none;
color: #111111;
padding: 4px;
padding-left: 6px;
display: block;
font: 11px Verdana, sans-serif;
text-decoration: underline;
text-align: left;
margin-top: 0px;
}

.menu a:visited {
background-image: url("images/menu.bmp");
color: #111111;
padding: 4px;
padding-left: 6px;
display: block;
font: 11px Verdana, sans-serif;
text-align: left;
margin-top: 0px;
}