body {
  width: 100%;
  text-align: center;
  background: #000000 url('cfbkg.jpg') repeat fixed center;
  position: absolute;
  }




  /* These are image styles */
  
  img.middle {
  vertical-align: -55%;
  margin-left: 40px;
  }
  
  .off {
  vertical-align: -10%;
  }

  
  
/* These are the Text styles */

h1 {
text-align: center;
margin-bottom: 0px;
margin-top: 0px;
font-family: sans-serif;
font-weight: bold;
font-size: 120%;
color: #c30000;
line-height: 90%;
font-variant: small-caps;
}


h2 {
text-align: center;
margin-bottom: 0px;
margin-top: 0px;
font-family: sans-serif;
font-weight: bold;
font-size: 120%;
color: #310000;
line-height: 90%;
font-variant: small-caps;
}


h5 {
margin-top: 0px;
font-family: sans-serif;
font-weight: 100;
font-size: 85%;
color: #000;
line-height: 115%;
font-variant: small-caps;
}

h6 {
margin-top: 0px;
font-family: sans-serif;
font-weight: 100;
font-size: 85%;
color: #fff;
line-height: 115%;
font-variant: small-caps;
}


.grey
{
font-family: Verdana; font-size: 70%; color: #808080; font-weight: bold; font-variant: small-caps;
}


.white
{
font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 100%; color: #fff; font-variant: small-caps;
}


.foot
{
font-family: Verdana; font-size: 70%; color: #505050; font-weight: bold; font-variant: small-caps; padding: 0em; margin: 0px 10px 0px 0px; text-align: right;
}

.foot2
{
font-family: Verdana; font-size: 70%; color: #505050; font-weight: bold; font-variant: small-caps; padding: 0em; margin: 0px 10px 0px 0px; text-align: left;
}

.logo
{letter-spacing: -2px;}
/* End text styles */





/* Begin LINK styles */

a:link {color: #ffcc00; text-decoration: none; }
a:visited {color: #ff0000; text-decoration: none; }
a:hover {color: #ffaa11; text-decoration: none; }


a.f:link {color: #ffcc00; text-decoration: none; font-family: Calibri, Arial, Helvetica, sans-serif;}
a.f:visited {color: #ffcc00; text-decoration: none; font-family: Calibri, Arial, Helvetica, sans-serif;}
a.f:hover {color: #ffaa11; text-decoration: none; font-family: Calibri, Arial, Helvetica, sans-serif;}

a.e:link {color: #9c9c9c; text-decoration: none; font-size: 135%;}
a.e:visited {color: #505050; text-decoration: none; font-size: 135%;}
a.e:hover {color: #ff0000; text-decoration: none; font-size: 135%;}



a.tail:link {font-family: Verdana; font-size: 100%; color: #505050; font-weight: bold; font-variant: small-caps; padding: 0em; margin: 0px 10px 0px 0px; text-align: right;}

a.tail:hover {font-family: Verdana; font-size: 100%; color: #9c9c9c; font-weight: bold; font-variant: small-caps; padding: 0em; margin: 0px 10px 0px 0px; text-align: right;}

a.tail:visited {font-family: Verdana; font-size: 100%; color: #505050; font-weight: bold; font-variant: small-caps; padding: 0em; margin: 0px 10px 0px 0px; text-align: right;}




a.catnav
{
COLOR: #235296; FONT-FAMILY: Verdana; FONT-SIZE: 70%; FONT-WEIGHT: BOLD; font-variant: small-caps;
}

a.catnav:active
{
COLOR: #235296; FONT-FAMILY: Verdana; FONT-SIZE: 70%; FONT-WEIGHT: BOLD; font-variant: small-caps;
}

a.catnav:visited
{
COLOR: #235296; FONT-FAMILY: Verdana; FONT-SIZE: 70%; FONT-WEIGHT: BOLD; font-variant: small-caps;
}

a.catnav:hover
{
COLOR: #FF9900; FONT-FAMILY: Verdana; FONT-SIZE: 70%; FONT-WEIGHT: BOLD; font-variant: small-caps;
}



/* End LINK styles */





/*DIVs are defined here*/


#container 
{
margin: 0 auto;
width: 750px;
text-align: left;
background-color: #000;
color: #333;
border: 1px solid gray;
line-height: 130%;
overflow: hidden;
padding: 0px;
display: block;
position: relative;
}


#header
{
margin: 0px;
margin-bottom: -5px;
width: 750px;
height: 150px;
background-color: #000;
border: 0px solid green;
color: #fff;
clear: both;
position: relative;
padding: 0px;
}


#sub
{
margin: 0px;
width: 750px;
background-color: #c30000;
height: 20px;
position: relative;
overflow: hidden;
}


#subc
{
margin: 0;
background-color: #c30000;
width: 580px;
float:right;
 color:#ffffff;
 text-align:right;
 font-family: Calibri, Arial, Helvetica, sans-serif;
 font-variant: small-caps;
line-height:110%;
padding-right:.5em;
position: relative;
}


#subf
{
margin: 0;
width: 150px;
float:left;
background-color: #c30000;
 color:#ffffff;
 text-align:left;
 font-family: Calibri, Arial, Helvetica, sans-serif;
 font-variant: small-caps;
 padding-left:.5em;
line-height:110%;
position: relative;
}


#nav
{
position: absolute;
background-color: #000;
width: 150px;
height: 400px;
color: #fff;
clear: both;
float: left;
}



#nhead
{
position: relative;
margin-top: 5px;
margin-left: 5px;
margin-right: 9px;
width: 124px;
height: auto;
background-color: #fff;
padding: 5px;
border-style: inset;
border-width: 5px 4px 0px 4px;
border-color: #c30000;
overflow: auto;
}



#news
{
position: relative;
margin-top: 0px;
margin-left: 5px;
margin-right: 9px;
width: 124px;
height: 200px;
background-color: #fff;
padding: 5px;
border-style: inset;
border-width: 0px 4px 5px 4px;
border-color: #c30000;
overflow: auto;
}



#content
{
background-color: #000;
margin-left: 152px;
width: auto;
max-width: 385px;
height: 500px;
border: 0px solid red;
color: #fff;
padding: 1em;
}


#contads
{
background-color: #000;
height: auto;
width: auto;
max-width: 590px;
margin: 1px;
color: #fff;
}

#ads
{
background-color: #000;
margin-left: 155px;
margin-right: 3px;
margin-bottom: 40px;
margin-top: 0px;
width: 590px;
height: auto;
border: 1px solid black;
overflow-y: auto;
overflow-x: hidden;
line-height: 100%;

}

#ban
{
background-color: #000;
margin-left: 155px;
margin-right: 3px;
margin-bottom: 5px;
margin-top: 0px;
width: 590px;
height: auto;
border: 1px solid black;
overflow-y: auto;
overflow-x: hidden;
line-height: 100%;

}


#promobox
{
background-color: #000;
margin: 1px;
width: auto;
max-width: 380px;
height: auto;
border: 0px black;
color: #fff;
padding: 0em;
overflow: auto;
}


#cat
{
position: relative;
background-color: #fff;
margin-left: 155px;
margin-right: 3px;
margin-bottom: 40px;
width: 590px;
height: 450px;
border: 1px solid red;
overflow-y: auto;
overflow-x: hidden;
line-height: 100%;
float: right;
}


#gal
{
position: relative;
background-color: #000;
margin-left: 155px;
margin-right: 3px;
margin-bottom: 40px;
width: 590px;
height: 500px;
border: 1px solid red;
overflow-y: hidden;
overflow-x: hidden;
line-height: 100%;
float: right;
}

#cathead
{
position: relative;
background-color: #fff;
margin-left: 153px;
margin-top: 10px;
width: 600px;
height: 30px;
color: #fff;
overflow: hidden;
background-color: #000;
}



#prod
{
position: relative;
margin: 0px;
float: right;
background-color: #000;
width: 150px;
height: 500px;
border: 0px solid blue;
color: #fff;
padding: 5px;
padding-right: 5px;
}


#phead
{
float: right;
padding-top: 10px;
padding-bottom: 0px;
position: relative;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
width: 150px;
height: auto;
max-height: 350px;
background-color: #000;
padding: 5px;
border-style: double;
border-width: 5px 4px 0px 4px;
border-color: #444;
overflow: auto;
}


#products
{
float: right;
padding-top: 0px;
padding-bottom: 10px;
position: relative;
margin-top: 0px;
margin-right: 0px;
width: 150px;
height: auto;
max-height: 350px;
background-color: #000;
padding: 5px;
border-style: double;
border-width: 0px 4px 5px 4px;
border-color: #444;
overflow: auto;
}


#fidanza {
	width: auto;
	height: auto;
	margin-right: 55px;
	margin-top: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	float: right;
	clear: both;
	position: relative;
	display: block;
	overflow: hidden;
	}

#hawk {
	width: auto;
	height: auto;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	float: right;
	clear: both;
	position: relative;
	display: block;
	overflow: hidden;
	}
	

#footer 
{
height: 20px;
margin: 0;
background: #000;
clear: both;
border: 2px solid #303030;
text-color: #fff;
padding: 0em;
}


/* End DIVs */







/* This is the CSS thumbnail gallery */


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */



.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 2px 2px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid red;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 3px;
left: -1000px;
border: 1px dashed Red;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 230px;
top: 50px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>