/* Leete & French CSS Document - simplewebhosting.co.uk - web design */

body
{color: #333333;
background: url(images/bg.jpg) top left repeat-x #0771B2;
font: 14px Arial, Helvetica, sans-serif;
line-height: 1.6em;
margin: 0; 
padding: 0;}

#container
{width: 900px;
margin: 0px auto;
padding: 0;}

#header
{background: url(images/header.jpg);
width: 900px;
height: 242px;}

#nav
{background: url(images/navbg.jpg) no-repeat #FFFFFF;
height: 27px;
width: 900px;
padding: 4px 0 0 0;
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;}

#nav a,a:visited
{color: #FFFFFF;
text-decoration: none;
padding: 5px;}

#nav a:hover
{background: #FF6364; /* E33334; */
padding: 5px;}

#content
{width: 840px;
background: #FFFFFF;
background-attachment: fixed;
padding: 15px 30px 30px 30px;}

#content a
{color: #E12528;
text-decoration: none;
font-weight: bold;
padding: 0;}

#content a:visited
{color: #E12528;
text-decoration: none;
font-weight: bold;
padding: 0;}

#content a:hover
{color: #FFFFFF;
background: #000000;
text-decoration: none;
border-bottom: 1px dashed #1C85C0;
padding: 0;}

.contact
{background: #eeeeee;
border: 1px solid #CCCCCC;
padding: 3px;}

h1
{font: 28px Arial, sans-serif;
font-weight: bold;
color: #E12528;
/* border-top: 1px dashed #E12528; */
border-bottom: 1px dashed #E12528;
}

h2
{font: 24px Arial, sans-serif;
font-weight: bold;
color: #E12528;
/* border-top: 1px dashed #E12528; */
border-bottom: 1px dashed #E12528;}

h3
{font: 22px "Century Gothic", Arial, sans-serif;
color: #336EAD;
font-weight: bold;}

li
{list-style-image: url(images/lock.gif);
line-height: 1.8em;}

.picRight
{margin: 20px;}

#footer
{
font: 9px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background: url(images/footer.gif) top center no-repeat;
border-top: 0px dashed #aaaaaa;
color: #AAAAAA;
padding: 5px 5px 0px 5px;
height: 25px;
}

#footer a
{color: #BBBBBB;
text-decoration: none;
padding: 0;}

#footer a:visited
{color: #BBBBBB;
text-decoration: inherit;
padding: 0;}

#footer a:hover
{color: #333333;
text-decoration: none;
padding: 0;}

/* CSS ROLLOVERS */

.navhome
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_home_over.jpg);
white-space: nowrap;
display: block;
width: 230px;
height: 40px;
margin: 0;
padding: 0;
}

.navhome a
{
display: block;
color: #000000;
font-size: 11px;
width: 230px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navhome img
{
width: 230px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navhome a:hover img
{
visibility:hidden
}

.navhome span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.navabout
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_about_over.jpg);
white-space: nowrap;
display: block;
width: 230px;
height: 40px;
margin: 0;
padding: 0;
}

.navabout a
{
display: block;
color: #000000;
font-size: 11px;
width: 230px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navabout img
{
width: 230px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navabout a:hover img
{
visibility:hidden
}

.navabout span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.navcontact
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/nav_contact_over.jpg);
white-space: nowrap;
display: block;
width: 230px;
height: 40px;
margin: 0;
padding: 0;
}

.navcontact a
{
display: block;
color: #000000;
font-size: 11px;
width: 230px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.navcontact img
{
width: 230px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.navcontact a:hover img
{
visibility:hidden
}

.navcontact span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}