html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
  background-image: url(http://www.awjglass.co.uk/images/bg.gif); background-position: center;background-repeat: repeat-y;
} 
 
#pagewidth{ 
 width:740px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 



#leftcol2{
 width:200px; 
 float:left; 
 position:relative;
 background: url('images/headerbg.jpg');
 min-height:80px; height:auto !important; height:80px; 
 padding-top: 20px;
 padding-left: 10px;
  display:inline; 
  }
 
#twocols2{
 width:530px; 
 float:right; 
 position:relative; display:inline; 
  }
 
#rightcol2{
 width:145px; 
 float:right; 
 position:relative; 
  background: url('images/headerbg.jpg'); 
  min-height:80px; height:auto !important; height:80px;
  text-align:right;
  padding-top: 20px;
  padding-right: 10px; display:inline; 
 }
 
#maincol2{ background: url('images/headerbg.jpg');  
min-height:100px; height:auto !important; height:100px;
 float: left; 
 display:inline; 
 position: relative; 
 width:320px; 
 padding-left: 55px;
 }
 
#leftcol3{
min-height:160px; height:auto !important; height:160px;
 width:160px; 
 float:left; 
 position:relative; 
border-top:1px solid #d0d0d0;
border-bottom:3px solid #d0d0d0;
padding-top: 5px;
padding-left: 10px;
background-color:#b1cdf7;
  }

#leftcol6{background:url('images/nappiglobe.jpg') no-repeat 10px 5px ;  
min-height:91px; height:auto !important; height:91px;
 width:150px; 
 float:left; 
 position:relative; 
display:inline;
padding-top:10px;
padding-left: 20px;
  }

#leftcol7{
height:150px;
float:left; 
display:block;

}

#colspace3{background-color:#ffffff;
height:10px;
 width:150px;
padding-left: 20px; 
 float:left; 
 position:relative; 
display:block;
line-height:10px;
  }

 
#twocols3{
 width:550px; 
 float:right; 
 position:relative; 
  }
 
#rightcol3{background: url('images/navbg.jpg');  
min-height:280px; height:auto !important; height:280px;
  width:155px;
 float:right; 
 position:relative; 
 padding-right:10px;
 padding-top:10px;
 }



 
#maincol3{background: url('images/rotate/rotate.php') no-repeat;  
min-height:270px; height:auto !important; height:270px;
 float: left;
padding-right:0px; 
 display:inline; 
 position: relative; 
 width:570px; 
 }


#maincol4{background: url('images/rotate/banner1.jpg') no-repeat;  
min-height:270px; height:auto !important; height:270px;
 float: left;
 padding-right:0px; 
 display:inline; 
 position: relative; 
 width:570px; 
 }
 
 #maincol6{background: url('images/rotate/banner1.jpg') no-repeat;  
min-height:270px; height:auto !important; height:270px;
 float: left;
padding-right:0px; 
 display:inline; 
 position: relative; 
 width:570px; 
 }

#maincol5{  
min-height:270px; height:auto !important; height:270px;
 float: left;
 display:inline; 
 position: relative; 
 width:550px; 
padding-left:20px;
 }




 
#leftcol{
 width:170px;
 float:left; 
 position:relative; 

  }
 
#twocols{
 width:565px; 
 float:right; 
 position:relative; 
  }
 
#cols{
width:600px;
position:relative; 
padding-left:10px; margin-left:auto; margin-right:auto; 
 }

#rightcol{
 width:165px;
 float:right; 
 position:relative; 
 }
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:525px; 
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 0px;
 }
 
 #maincol4{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:700px; 
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 0px;
 }
 
 #apple {background:  url('images/apple.jpg'); padding-left:5px; padding-top:5px; background-repeat:no-repeat;}
 .bitesizeindent {padding-left:130px; }
 
#header{
 height:5px; 
background: url('images/navbg.jpg'); 
 clear:both;
 font-family: verdana ; color: ; font-size: 70%;
 text-align:center;
line:height:5px;
 }  

#footer{
 height:20px; 
background: url('images/navbg.jpg'); 
 clear:both;
 font-family: verdana ; color: #ffffff; font-size: 70%;
 text-align:center;
 } 

#flashcontent{width:146px; height:381px; background: url('images/rotate1/rotate1.php') no-repeat; }

.colsection {border-bottom: 1px dashed #336699;background: url('images/colbg.jpg');padding-top:10px; padding-bottom:10px; padding-left: 10px; padding-right: 5px;}

.rightcolsection {border-bottom: 0px dashed #336699;padding-top:10px; padding-bottom:10px; padding-left: 10px; padding-right: 5px;}

.colindent {padding-left:10px;}
/* Text Styles */

a.book:link, a.book:visited, a.book:active {font-family: verdana ; color: #ffffff; font-size: 100%;text-decoration:underline;}
a.book:hover {font-family: verdana ; color: #ffffff; font-size: 100%; text-decoration:underline;}
a.nav:link, a.nav:visited, a.nav:active {font-family: verdana ; color: #ffffff; font-size: 80%;text-decoration:none;}
a.nav:hover {font-family: verdana ; color: #ffffff; font-size: 80%; text-decoration:underline;}
.greenheader {font-family: verdana ; color: #339966; font-size: 110%; text-align: left;}
.nav {font-family: verdana ; color: #ffffff; font-size: 80%;}
.navsmall {font-size: 80%;}
.body {font-family: verdana ; color: #666666; font-size: 80%;}
.bodysmall {font-family: verdana ; color: #666666; font-size: 75%;}
.bodyjustify {font-family: verdana ; color: #666666; font-size: 75%; text-align: left;}
.colheader {font-family: verdana ; color: #336699; font-size: 120%;}
.tel {font-family: verdana ; color: #9f9f9f; font-size: 80%; font-weight: bold;}
h1 {font-family: verdana ; color: #336699; font-size: 120%;}
h2 {font-family: verdana ; color: #339966; font-size: 110%;}
.meda {font-size: 130%;}
.largea {font-size: 160%;}
A:link,  A:active, A:visited{color: #336699; text-decoration:underline;}
A:hover{ color: #339966;}
a.colindent:link, a.colindent:visited {color: #336699;  text-decoration:underline;}
a.colindent:hover {color: #339966; text-decoration:underline;}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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;}
}