/**************************************/
/*** Start: Reset styles                   ***/
/**************************************/
body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}


a {
    outline: none;
}

/**************************************/
/*** End: Reset styles                   ***/
/**************************************/


/* position_center */
*				{ margin:0; padding:0; }
html, body		{ height:0%; }
body			{  }
p {margin-bottom:15px}
/* /position_center */

/*For When CSS is turned Off*/

h1,h2,h3 {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
.nocss, span {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}

h4 {color:#0071bc;font-size:1.4em;}

.clear {clear:both}

strong {font-weight:bold;}

a {color:#0071bc;}
p {margin-bottom:15px}

ul li {list-style:none;}
body{background: url(../images/bg-top.gif) top left repeat-x;padding:0;margin:0;font-size:0.8em;font-family:Century Gothic, verdana;background-color:#ffffff;color:#000000}

#holding{margin:35px 0 0 0;float:left;}

#topSection {width:100%;margin:29px 0 0 0}
#topHolding {margin:0 auto; position:relative;text-align:left; width:845px;height:100%;}

#mainSection {margin:17px 0 0 0;min-height:500px;}
#mainHolding {margin:0 auto; position:relative;text-align:left; width:845px;height:100%;}


#logo a {background:transparent url(../images/Demos-and-Sons-Logo.gif) no-repeat left top;width:458px;height:52px;display:block;float:left}

#callUsToday {background: url(../images/Demos-and-sons-call-us-today.gif) no-repeat left top;width:205px;height:70px;float:right}

#bgNav {background: url(../images/bg-nav.gif) no-repeat left top;width:845px;height:45px;margin:16px 0 0 0}

#nav {margin:0 0 0 35px}
#nav ul {padding:0;}
#nav ul li {float:left;list-style:none;margin:0 5px 0 0}
#nav ul li a {display:block;margin:0;}

#nav ul li.navHome, #nav ul li.navHome a  {background: url(../images/nav-home.gif) top left no-repeat;width:60px;height:45px;}
#nav ul li.navHome a:hover, #nav ul li.navHome a.on  {background: url(../images/nav-home-over.gif) top left no-repeat;width:60px;height:45px;}

#nav ul li.navAbout, #nav ul li.navAbout a  {background: url(../images/nav-about.gif) top left no-repeat;width:88px;height:45px;}
#nav ul li.navAbout a:hover, #nav ul li.navAbout a.on  {background: url(../images/nav-about-over.gif) top left no-repeat;width:88px;height:45px;}

#nav ul li.navSpecial, #nav ul li.navSpecial a  {background: url(../images/nav-special.gif) top left no-repeat;width:125px;height:45px;}
#nav ul li.navSpecial a:hover, #nav ul li.navSpecial a.on  {background: url(../images/nav-special-over.gif) top left no-repeat;width:125px;height:45px;}

#nav ul li.navProducts, #nav ul li.navProducts a  {background: url(../images/nav-products.gif) top left no-repeat;width:83px;height:45px;}
#nav ul li.navProducts a:hover, #nav ul li.navProducts a.on  {background: url(../images/nav-products-over.gif) top left no-repeat;width:83px;height:45px;}

#nav ul li.navContact, #nav ul li.navContact a  {background: url(../images/nav-contact.gif) top left no-repeat;width:102px;height:45px;}
#nav ul li.navContact a:hover, #nav ul li.navContact a.on  {background: url(../images/nav-contact-over.gif) top left no-repeat;width:102px;height:45px;}

#nav ul li.navGallery, #nav ul li.navGallery a  {background: url(../images/nav-gallery.gif) top left no-repeat;width:83px;height:45px;}
#nav ul li.navGallery a:hover, #nav ul li.navGallery a.on  {background: url(../images/nav-gallery-over.gif) top left no-repeat;width:83px;height:45px;}



#pageImg {float:left;margin:0 13px 0 0}
#testFree {float:left;}
#test {background: url(../images/test1.gif) top left no-repeat;width:232px;height:215px;}
#free {margin:80px 0 0 0;background: url(../images/Demos-and-Sons-Free.gif) top left no-repeat;width:205px;height:70px;float:right;}

#copy {width:600px;margin:10px 0 0 0;float:left;}

#footer {width:100%;height:97px;background-color:#b2d4eb;margin:10px 0 0 0;position: absolute;  /* Needed for Safari */}
#footer p {color:#0071bc;padding-top:18px;font-size:10px;text-align:center;}

#bullets ul li {list-style-type:disc;color:#0071bc;margin:0 0 0 15px}

.product {float:left;margin:0 15px 0 0}

#gallery ul li {float:left;margin:0 10px 0 0}

#products ul li {float:left;background: url(../images/bg-shadow.gif) top left no-repeat;width:220px;height:136px;float:left;padding:12px 0 0 12px;margin:0 30px 15px 0}

#products ul li a {display:block;width:194px;height:100px;}

#products ul li.boilers a  {background: url(../images/boilers.jpg) top left no-repeat;}
#products ul li.boilers a:hover {background: url(../images/boilers-over.jpg) top left no-repeat;}


#products ul li.bath a  {background: url(../images/bath.jpg) top left no-repeat;}
#products ul li.bath a:hover {background: url(../images/bath-over.jpg) top left no-repeat;}

#products ul li.radiator a {background: url(../images/radiator.jpg) top left no-repeat;}
#products ul li.radiator a:hover {background: url(../images/radiator-over.jpg) top left no-repeat;}

#products ul li.tap a {background: url(../images/tap.jpg) top left no-repeat;}
#products ul li.tap a:hover {background: url(../images/tap-over.jpg) top left no-repeat;}


#products ul li.toilet a {background: url(../images/toilet.jpg) top left no-repeat;}
#products ul li.toilet a:hover {background: url(../images/toilet-over.jpg) top left no-repeat;}

#products ul li.acc a {background: url(../images/acc.jpg) top left no-repeat;}
#products ul li.acc a:hover {background: url(../images/acc-over.jpg) top left no-repeat;}