body { width: 100%; background-color: transparent; font-size:100%; }/* For fixed full screen items, needed to take Store code out of body and put in new div being CentreContainer */
img { border-width: 0; } /*default fix for IE to avoid putting borders around pictures with links. */




#MainContainer { position: relative; top: 0; left: 0; }
/*#CentreContainer a { font-size: 16px; font-family: Tahoma,Sans-serif; }*/
#CentreContainer a { font-family: 'Open Sans', sans-serif; font-size:1em; font-weight:500; }

/*Main Background Image CSS Starts Here*/
#MainBG{ position: fixed; top: 0; left: 0; }
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
/*Main Background Image CSS Ends Here*/

#CentreContainer { padding-top: 0px; background-color: transparent; padding-left: 0px; margin-right: auto; margin-left: auto; width:  978px; min-width: 978px; min-height: 100%; z-index:20;}
/*#CentreContainer { padding-top: 0px; background-color: transparent; padding-left: 0px; margin-right: auto; margin-left: auto; width:  978px; min-width: 978px; min-height: 100%; background: #000000; color: #575757; font-family: Verdana, Sans-serif; font-size: 9pt; } */
#CentreMainMenu { width:1220px; position: fixed; left: 50%; margin-left: -610px; } /* the left: 50% and margin-left: -610px centres the fixed main menu as margin: 0px auto doesn't work for fixed */




/*Navigation & Info Template Elements CSS Starts Here*/
#lh-corner { z-index:1000; position: fixed; left: 0px; top: 0px; }/*Home*/
#lh-corner img { border-width: 0; }
#rh-corner { z-index:1000; position: fixed; right: 0px; top: 0px; }/*Products*/
#rh-corner img { border-width: 0; }



/*Slide Out Windows*/

.handle {filter:alpha(opacity=69); -moz-opacity:0.69; -khtml-opacity: 0.69; opacity: 0.69; }/*Contact Us*/
.handle1 {filter:alpha(opacity=69); -moz-opacity:0.69; -khtml-opacity: 0.69; opacity: 0.69; }/*Electricians*/
.handle2 {filter:alpha(opacity=69); -moz-opacity:0.69; -khtml-opacity: 0.69; opacity: 0.69; }/*Architects*/
.handle3 {filter:alpha(opacity=69); -moz-opacity:0.69; -khtml-opacity: 0.69; opacity: 0.69; }/*Builders*/
.handle4 {filter:alpha(opacity=69); -moz-opacity:0.69; -khtml-opacity: 0.69; opacity: 0.69; }/*Interior Designers*/

   
      .slide-out-div { /*Contact Us*/
        padding: 20px;
          width: 450px;
        height: 570px;
          background: #222;
          border: 1px solid #29216d;
        z-index:120;
      }     
     
     .slide-out-div1 { /*Electricians*/
          padding: 20px;
          width: 450px;
        height: 484px;
          background: #222;
          border: 1px solid #29216d;
        z-index:120;
      }    
        
      .slide-out-div2 { /*Architects*/
        padding: 20px;
          width: 450px;
        height: 170px;
          background: #222;
          border: 1px solid #29216d;
        z-index:-1;
      }     
     
     .slide-out-div3 { /*Builders*/
          padding: 20px;
          width: 450px;
        height: 170px;
          background: #222;
          border: 1px solid #29216d;
        z-index:-1;
      }    
     
        .slide-out-div4 { /*Interior Designers*/
          padding: 20px;
          width: 450px;
        height: 170px;
          background: #222;
          border: 1px solid #29216d;
        z-index:-1;
      }    

/*Navigation & Info Template Elements CSS Ends Here*/ 





/*Page Layout CSS Starts Here*/


#menu-wrap { position: relative; top: 100px; width: 1200px; margin: 0px auto -1px auto; }  

   /* original line before centering test #menu-wrap { position: relative; top: 100px; } */
   /* original line before slidewindow test  #menu-wrap { position: fixed; top: 700px; left: 300px; } */

#menu-cont { margin: 0px auto 0px auto; }  
/* test by Brad - can remove */

#logo-wrap { position:relative; top: 260px; width: 222px; margin: 40px auto; padding: 20px; background: none; z-index:0; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#logoplace { z-index:100; }   

#title-wrap { z-index:3;  position: absolute; left: 80px; top: 60px;}   /*for info pages*/
#title-wrap2 { z-index:3;  position: absolute; left: 50px; top: 30px; width:480px; }   /*for product & store pages*/
#title-wrap2 h1 { font-size: 2.8em;}  /*for product & store pages*/



/*.colour-title {color: rgb(204, 102, 0); font-weight: 400;}*/
.colour-title {color:#F90; font-weight:400; }
/*#page-wrap { position: relative; width: 560px; margin: 360px auto; padding: 20px; background: black; z-index:5; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
*/
#page-wrap { position: relative; width: 1200px; height: 2550px; margin: 360px auto; padding: 20px; background: black; z-index:5; filter:alpha(opacity=45); -moz-opacity:0.45; -khtml-opacity: 0.45; opacity: 0.45; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#page-wrap1 { position: relative; top: 40px; width: 1000px; height:800px; margin: 40px auto; padding: 20px; background: black; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#page-wrap2 { position: relative; top: 40px; width: 940px; height:1000px; margin: 40px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; z-index:59; }

#page-wrap2w { position: relative; top: 60px; width: 940px; height:1000px; margin: 40px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; z-index:59; }
#page-wrap2b { position: relative; top: 40px; width: 940px; height:1000px; margin: 40px auto; padding: 20px; background: black; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; z-index:59; }
#page-text2 { position:relative; top: -1050px; width: 940px; height:1000px; margin: 0px auto; padding: 20px;  filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1.00; z-index:100; }
#page-text2w { position:relative; top: -1050px; width: 940px; height:1000px; margin: 0px auto; padding: 20px;  filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1.00; z-index:100; }
#page-text2b { color:black; position:relative; top: -1030px; width: 940px; height:1000px; margin: 0px auto; padding: 20px;  filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1.00; z-index:100; }
#page-text2b p {font: 15px/2 Georgia, Serif; color:#000; margin: 0 0 15px 0;}

/*Page Layout CSS Ends Here*/




/*Normal Text Style CSS Starts Here*/

/*p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; }*/
#jigtextover1 { position: absolute; margin: 240px 420px; width: 580px; height:700; background: none; color:#000; }  


/* @font-face {
   font-family: Greyscale;
   src: url('/images/fonts/Greyscale_Basic_Regular.eot'); /* EOT file for IE */
/*}*/

@font-face {
   font-family: GreyscaleBold;
   src: url('/images/fonts/Greyscale_Basic_Bold.eot'); /* EOT file for IE */
}
@font-face {
   font-family: Jura-Regular;
   src: url('/images/fonts/Jura-Regular.eot'); /* EOT file for IE */
}

/*@font-face {
   font-family: Greyscale;
   src: url('/images/fonts/Greyscale_Basic_Regular.ttf');
}*/
@font-face {
   font-family: GreyscaleBold;
   src: url('/images/fonts/Greyscale_Basic_Bold.ttf');
}
@font-face {
   font-family: Jura-Regular;
   src: url('/images/fonts/Jura-Regular.ttf');
}

h1 {font-family: 'Open Sans', sans-serif; font-size: 3em; font-weight: 300; color:#FFF; }
h2 {font-family: 'Open Sans', sans-serif; font-size: 2em; font-weight: 200; padding-top: -10px; padding-bottom: 10px; margin-bottom: 12px; }
h3 {font-family: Jura-Regular; font-size: 28px; color:#FFF; font-weight: bold; margin-top: 0; padding-right: 15px; padding-left: 15px; }
h4 {font-family: 'Open Sans', sans-serif; font-size: 24px; margin-top: 0; padding-right: 15px; padding-left: 15px; }
h5 {font-family: Jura-Regular; font-size: 20px; margin-top: 0; padding-right: 15px; padding-left: 15px; } 
h6 {font: 15px/2 Georgia, Serif; color:#FFF; margin: 0 0 15px 0;}
p {font: 15px/2 Georgia, Serif; color:#FFF; margin: 0 0 15px 0;}/* be very careful removing this as all Product List and Product info pages use parts of this for line height etc. */
.EmphasizeText {font: 18px Georgia, Serif; color:rgb(145,0,0); margin: 0 0 15px 0;}

/*h6 {
font:Verdana, Arial, sans-serif;
font-size: 14px;
color:#FFF;
font-weight:500;
line-height:1em;
padding-right: 15px;
padding-left: 15px;} */

/*Normal Text Style CSS Ends Here*/





/* Slide Window CSS Starts Here*/


/*body {
   background: #202020;
   text-align: center;
   margin: 0px;
}*/
#page_container {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width: 1224px;/* default 904*/
/* top: -5px;     -----> default*/
   top: -5px;
}
#header {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 10px;
   position: relative;
   border-bottom: 1px solid #4a4a4a;
}
/*#header h1 {
   display: none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   position: relative;
   top: 30px;
   font-size: 40px;
   color: white;
}
#header h2 {
   display: none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 16px;
   color: #7e7e7e;
}*/
/*hr#header_stripe {
   height: 4px;
   position: relative;
   top: -7px;
   background-color: #191919;
   border: none;
   color: #191919;
}*/


/* Below is my attempt at a hover button  */
.panel_button {
   margin-left: auto;
   margin-right: auto;
   position: relative;
/* top: 1px;    -->  default*/ 
   top: 1px;
   width: 173px;
   height: 44px;/* default was 54 */
/* background: url(/images/elements/Tab-See-Menu-Rev.png);*/
   z-index: 120;
   filter:alpha(opacity=70);
   -moz-opacity:0.70;
   -khtml-opacity: 0.70;
   opacity: 0.70;
/* cursor: pointer;*/
}
/*.panel_button img {
   position: relative;
   top: 5px;/* was 10px*/
/* border: none;
}*/
.panel_button a {
/* text-decoration: none;
   color: #545454;
   font-size: 20px;
   font-weight: bold;*/
   position: relative;
   top: 0px;/* was 5px */
   left: 10px;
/* font-family: Arial, Helvetica, sans-serif;
*/}
.panel_button hover {
/* color: #999999;*/
   background: url(/images/elements/Tab-See-Menu.png);
}

/*    Below is the default button that was working  */
/*.panel_button {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   top: 1px;
   width: 173px;
   height: 44px;/* default was 54 */
/* background: url(/images/panel_button_s.png);
   z-index: 120;
   filter:alpha(opacity=70);
   -moz-opacity:0.70;
   -khtml-opacity: 0.70;
   opacity: 0.70;
   cursor: pointer;
}
.panel_button img {
   position: relative;
   top: 5px;/* was 10px*/
/* border: none;
}
.panel_button a {
   text-decoration: none;
   color: #545454;
   font-size: 20px;
   font-weight: bold;
   position: relative;
   top: 0px;/* was 5px */
/* left: 10px;
   font-family: Arial, Helvetica, sans-serif;
}
.panel_button a:hover {
   color: #999999;
}*/


#wrapper {
   margin-left: auto;
   margin-right: auto;
   width: 1200px;
   text-align: center;
}


/*#toppanel {    ---> removed as seemed superfluous
   position: absolute;
   width: 1200px; 
   left: 0px;
   z-index: 125;
   text-align: center;
}*/


#panel {
   width: 1200px;
   position: relative;
   top: 1px;
   height: 0px;
   margin-left: auto;/* was auto but set to -600 to offset 600px above (#toppanel)*/
   margin-right: auto;
   z-index: 10;
   overflow: hidden;
   text-align: left;
}
#panel_contents {
background: black;
   filter:alpha(opacity=40);
   -moz-opacity:0.40;
   -khtml-opacity: 0.40;
   opacity: 0.40;
   height: 100%;
   width: 1224px;
   position: absolute;
   z-index: -1;
}
/*#panel h1 {
   text-align: center;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   color: white;
   font-weight: normal;
   line-height: 35px;
   left: 275px;
   position: absolute;
   top: 10px;
}
#panel h2 {
   text-align: center;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   color: #447c6f;
   line-height: 25px;
   font-size: 16px;
   position: absolute;
   top: 60px;
   left: 350px;
}*/
#content {
   margin-left: auto;
   margin-right: auto;
   width: 600px;
   position: fixed;
   top: 90px;
   text-align: left;
   color: #545454;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding-bottom: 30px;
}
.border {
   border: 15px #1d1d1d solid;
}
img.border {
   float: left;
   margin-right: 15px;
   margin-bottom: 8px;
}
img.border_pic {
   border: 15px #1d1d1d solid;
   position: absolute;
   top: 110px;
   float: left;
   margin-left: 150px;
   width: 250px;
   height: 150px;
   z-index: 30;
}
div#login {
   width: 240px;
   height: 150px;
   position: absolute;
   right: 150px;
   top: 110px;
   background: #46392f;
   text-align: left;
   padding-left: 10px;
}
div#login p {
   color: #CCCCCC;
   font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
   line-height: 25px;
}
div#login input#password {
   position: relative;
   right: -6px;
}
div#login input#login_btn {
   border: 1px #899690 solid;
   cursor: pointer;
   position: relative;
   top: 30px;
   left: 86px;
}
#footer p {
   font-family: Arial, Helvetica, sans-serif;
   position: relative;
   top: 60px;
   font-size: 13px;
   color: #333333;
}


.slide-out-div p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; margin-bottom:5px; }
.slide-out-div h3 {font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 300; color:#FFF; }
.slide-out-div1 p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; margin-bottom:3px; }
.slide-out-div1 h3 {font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 400; color:#FFF; margin-left:-15px; margin-bottom:5px; text-indent:none; }



/*Start of VTab jQuery Graphic Selection Menu in Accordian*/
        vtab_body {
            font-family: verdana;
            padding-top: 50px;
        }
        #vtab {
         margin: auto;
            width: 980px;
            height:100%;
        }
       #vtab1 {
            margin: auto;
            width: 980px;
            height:100%;
        }
        #vtab > ul > li {
            width: 160px;
            height: 100px;
            background-color: #fff !important;
            list-style-type:none;
            display: block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            opacity: .3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        }
        #vtab > ul > li.E1 {
            background: url('/images/nh_5886TXWMBA.jpg') no-repeat center center;
        }
        #vtab > ul > li.E2 {
            background: url('/images/Archos_9 (h100).jpg') no-repeat center center;
        }
        #vtab > ul > li.E3 {
            background: url('/images/nh_light-bulb(h100).jpg') no-repeat center center;
        }
        #vtab > ul > li.E4 {
            background: url('/images/Home Media Servers (h100).jpg') no-repeat center center;
        }
        #vtab > ul > li.E5 {
            background: url('/images/nh_energy-efficiency (h100).jpg') no-repeat center center;
        }
      #vtab > ul > li.E6 {
            background: url('/images/nh_netgear-dgn2000-adslrouter(h100).jpg') no-repeat center center;
        }
      #vtab > ul > li.E7 {
            background: url('/images/nh_Wiser%20(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E8 {
            background: url('/images/nh_SavePlanet(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E9 {
            background: url('/images/nh_Infrascan(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E10 {
            background: url('/images/nh_light-bulb(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E11 {
            background: url('/images/blinds(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E12 {
            background: url('/images/nh_5080CTC%20and%205050CTC(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E13 {
            background: url('/images/music(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E14 {
            background: url('/images/security(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E15 {
            background: url('/images/environmental(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E16 {
            background: url('/images/nh_Electric-Bill(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E17 {
            background: url('/images/outdoor_speakers-nh (100h).jpg') no-repeat center center;
      }
      #vtab > ul > li.E18 {
            background: url('/images/CD_Crunch(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E19 {
            background: url('/images/maxell_blown_away(h100).jpeg') no-repeat center center;
      }
      #vtab > ul > li.E20 {
            background: url('/images/C-Bus-Wireless_hero (h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E21 {
            background: url('/images/wattson-black (h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E22 {
            background: url('/images/fingerprint (h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E23 {
            background: url('/images/nh_Push(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E24 {
            background: url('/images/Wallee (h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 1px solid #ddd;
            border-right: none;
            z-index: 10;
            background-color: #fafafa !important;
            position: relative;
        }
        #vtab > ul {
            float: left;
            width: 160px;
            text-align: left;
            display:block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 0px;
        }
        #vtab > div {
            margin-left: 60px;
            border: 1px solid #ddd;
            padding: 12px;
            position: relative;
            z-index: 9;
        }
        #vtab1 > div {
/*          margin-left: 260px;  */
         margin-top:280px;
            border: 1px solid #ddd;
            padding: 12px;
            position: relative;
            z-index: 9;
        }
        #vtab1 > div > h4 {
            color: #800;
            font-size: 1.8em;
            border-bottom: 1px dotted #800;
            padding-top: 5px;
            margin-top: 0;
        }
        #vtab1 > div.v3 {
      min-height: 310px;
      }
        #vtab1 > div.v4 {
      min-height: 422px;
      }
        #vtab1 > div.v5 {
      min-height: 534px;
      }
        #vtab1 > div.v6 {
      min-height: 646px;
      }
        #vtab1 > div.v7 {
      min-height: 758px;
      }
        #vtab1 > div.v8 {
      min-height: 870px;
      }
      #vtab1 > div.v9 {
      min-height: 870px;
      }
        #vtab1 > div.v4 > ol {
         padding-left:35px;
      }



/* ~~ Element/tag selectors from previous CSS - needs incorporating into standard model above ~~ */
ul.nav {
   list-style: none; /* this removes the list marker */
   border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
}
body {
   margin: 0;
   padding: 0;
   /* color: #000; */
   background-image:url(/images/elements/CB.png);
   width:1200;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 100%;
   line-height: normal;
   font-style: normal;
}

@font-face {
 font-family: Jura-Regular;
 src: url('/images/elements/Fonts/Jura-Regular.eot'); /* EOT file for IE */
}
@font-face {
   font-family: Jura-Regular;
   src: url('/images/elements/Fonts/Jura-Regular.ttf');
}
@font-face {
 font-family: Greyscale;
 src: url('/images/elements/Fonts/Greyscale_Basic_Regular.eot'); /* EOT file for IE */
}
@font-face {
   font-family: Greyscale;
   src: url('/images/elements/Fonts/Greyscale_Basic_Regular.ttf');
}

ul, ol, dl {
   padding: 0;
   margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
   margin-top: 0;
   padding-right: 15px;
   padding-left: 15px;
   color:#FFF;
}

h1 {
font-family: Greyscale;
font-size: 28px;
}
h2,h4 {
font-family: Greyscale;
font-size: 28px;
}
h2.two {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
}
h2.one {
font-family: Jura-Regular;
font-size: 28px;
}


h6 {
font:Verdana, Arial, sans-serif;
font-size: 14px;
font-weight:500;
line-height:1em;
color:#FFF;
}
body,td,th {
/* color: #000; */
}
p {
font-size:14px;
color:#fdfdfd;
}
li {
/* list-style-image:none; */
font-size:14px;
margin-left:38px;
color: #FFFFFF;
padding-top:8px;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
   border: none;
}

a:link {
   color:#414958;
   text-decoration: underline;
   }
a:visited {
   color: #4E5869;
   text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
   text-decoration: none;
}

/* This container surrounds all other divs giving them their percentage-based width */
.container {
   width: 80%;
   max-width: 1200px;
   min-width: 1200px;
   margin: 0 auto;
   background-color:#000;
}

.header {
   width:1200;
}
.content {
   padding: 10px;
   width: 95%;
   float: left;
   font-family: Arial, Helvetica, sans-serif;
   color: white;
}

/* ~~The footer ~~ */
.footer {
   padding: 10px 0;
   background: #000;
   width:1200;
   position: relative;/* this gives IE6 hasLayout to properly clear */
   clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

/* ~~miscellaneous float/clear classes~~ */
.fltrt {
   float: right;
}
.fltlft {
   float: left;
   margin-right: 8px;
}
.clearfloat {
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}

.container .footer p {
   font-family: Arial, Helvetica, sans-serif;
   color:#666;
}
.container .content p {
   font-size: 14px;
}