/* Ip Fencing.co.uk CSS - Simon Smith - http://www.blink-design.net */
/*********************************
Resets
*********************************/
* { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
a { text-decoration: none; }
a img { border: none; }
a{ outline: none; }
/*********************************
Body & header settings
*********************************/
body
{
font: 0.8em Tahoma, Verdana, Arial, sans-serif;
text-align: center; /* Text centered to fix IE, resolved in the wrapper */
background-color: #f3e8db;
}

p
{
margin-bottom: 1em;
}

h1 /* Banner */
{
display: none; /*Hidden for accessibilty*/
}

h2 /* Sits above content */
{
color: #005aab;
font-size: 1.4em;
text-align: center;
margin: 1.7em 0 0.5em 0;
}

h3
{
font-size: 0.85em;
text-align: center;
margin-bottom: 3em;
}

h4
{
font-size: 0.9em;
text-align: center;
margin-top: 4em;
}

h5
{
margin-left: 140px;
margin-bottom: 15px;
}
/*********************************
Wrapper
*********************************/
#siteWrapper
{
background: url(../images/site/content-bg.jpg) repeat-y top left;
width: 840px;
margin: 10px auto;
text-align: left; /* Aligned left to fix IE, follows on from body align */
}
/*********************************
Banner
*********************************/
#topBanner a
{
background: url(../images/site/top-banner.jpg) no-repeat top left;
height: 109px;
width: 790px;
margin: 0 0 0 25px;
display: block;
}

#siteTop
{
background: url(../images/site/site-top.jpg) no-repeat top left;
height: 18px;
width: 840px;
}
/*********************************
Navigation
*********************************/
.navList
{
list-style-type: none;
margin: 35px 0 0 245px;
}

* html .navList
{
margin: 24px 0 0 245px;
}

.navList li
{
text-align: center;
float: left;
}

.navList a
{
font-weight: bold;
width: 100px;
color: #005aab;
font-size: 1.1em;
display: block;
padding: 8px;
}

.navList a:hover
{
background-color: #005aab;
color: #fff;
font-size: 1.1em;
display: block;
padding: 8px;
text-decoration: underline;
}

* html .navList a:hover
{
height: 1px;
}

.home
{
border: 1px solid #ddd;
}

.about
{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.contact
{
border: 1px solid #ddd;
}

/*********************************
Content
*********************************/
#contentArea
{
margin-top: 60px;
padding: 5px 45px;
clear: both;
}

#contentArea a
{
color: #005aab;
}

#contentArea a:hover
{
color: #438ac9;
text-decoration: underline;
}

#siteBottom
{
background: url(../images/site/site-bottom.jpg) no-repeat top left;
height: 18px;
width: 840px;
}

.images
{
text-align: center;
margin-top: 50px;
}

.welcome
{
letter-spacing: 1.4px;
margin-top: 40px;
text-align: center;
padding-bottom: 2px;
border-bottom: 1px solid #ddd;
}
/*********************************
Contact Page
*********************************/
.contactImage
{
padding-top: 140px;
margin: 50px 0 20px 135px;
width: 480px;
height: 368px;
background: url(../images/site/contact-bg.jpg) no-repeat top left;
}

.contactDetails p
{
font-size: 1.1em;
text-align: center;
line-height: 0.3;
}

.top
{
margin-bottom: 25px;
font-size: 1.4em !important;
font-weight: bold;
color: #fff;
}

.telephone
{
margin-top: 20px;
font-size: 1.2em !important;
font-weight: bold;
color: #fff;
}

.telephone2
{
margin-top: 10px;
font-size: 1.2em !important;
font-weight: bold;
color: #fff;
}

.emailForm
{
margin: -125px 0 0 120px;
}

#senders_name, #senders_email, #mail_subject, .mailform_input, #security_code
{
background-color: #eee;
border: 1px solid #005aab;
color: #000;
}

#submit
{
padding: 2px;
font-size: 1.1em;
background-color: #005aab;
border: 1px solid #ddd;
color: #fff;
}

* html #submit
{
font-size: 0.9em;
}

/*********************************
Image Gallery
*********************************/
.imageGallery
{ 
float: left;
width: 500px;
list-style-type: none;
margin: 15px 0 50px 135px;
}

* html .imageGallery
{ 
margin: 15px 0 50px 70px;
}

/*html>body #imageWrapper
{
margin-bottom: 340px;
}
*/

.imageGallery li
{ 
float: left;
margin: 3px;
border: 1px solid #000;
}

.LapPanels a, .ChainLink a, .AscotFencing a, .DecorativePanels a, .Gates a, .SteelPalisade a, .CloseBoardPanels a, .WoodenPalisade a, .WoodenCloseBoard a
{
width: 150px;
height: 100px;
display: block;
}

.LapPanels a:hover, .ChainLink a:hover, .AscotFencing a:hover, .DecorativePanels a:hover, .Gates a:hover, .SteelPalisade a:hover, .CloseBoardPanels a:hover, .WoodenPalisade a:hover, .WoodenCloseBoard a:hover
{
background-position: 0pt 100%;
}

.LapPanels a
{
background: url(../images/rollovers/waney_image.jpg) no-repeat top left;
}

.ChainLink a
{
background: url(../images/rollovers/chain_image.jpg) no-repeat top left;
}

.AscotFencing a
{
background: url(../images/rollovers/ascot_image.jpg) no-repeat top left;
}

.DecorativePanels a
{
background: url(../images/rollovers/deco_image.jpg) no-repeat top left;
}

.Gates a
{
background: url(../images/rollovers/gates_image.jpg) no-repeat top left;
}

.SteelPalisade a
{
background: url(../images/rollovers/steel_image.jpg) no-repeat top left;
}

.CloseBoardPanels a
{
background: url(../images/rollovers/close_image.jpg) no-repeat top left;
width: 150px;
height: 100px;
display: block;
}

.WoodenPalisade a
{
background: url(../images/rollovers/woodenpali_image.jpg) no-repeat top left;
}

.WoodenCloseBoard a
{
background: url(../images/rollovers/woodenclose_image.jpg) no-repeat top left;
}
/*********************************
Footer
*********************************/
.author
{
color: #aaa;
}

#footerArea
{
display: block;
clear: both;
text-align: center;
}

#footerArea p
{
font-size: 0.7em;
}

#footerArea a
{
color: #aaa;
}

#footerArea a:hover
{
color: #7e7e7e;
border-bottom: 1px dotted #7e7e7e;
}

.break
{
margin-bottom: 50px;
}