/*==============================================
*   sprinklerprotectionuk.co.uk 
*   ------------------------------------------ 
*   Scott Alexander June 2009
*   -------------------------
*   sp.css
*===============================================
*/

@font-face {
      /*font-family: "Bitstream Vera Serif Bold";
      src: url("fonts/VeraSeBd.ttf");*
      /*font-family: "Bitstream Vera Serif Bold";
      src: url("fonts/AndBasR.ttf");*/

    }


.pv{
	position:relative;
	width: 50px;
	right:0px;
	bottom:0px;	
}

*{


}


/* Basic Elements */

a:link {
	text-decoration:none;
	color:#FFF;
}

a:visited {
	text-decoration:none;
	color:#FFF;
}

a:hover, a:active {
	text-decoration:underline;
	color:#FFF;
}

li a{
    color:green;
}


html, body{
	width:1000px;
	margin-top: 0;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
}

body.page, html.page{
	width:500px;
	margin-top: 10px;
}

html.page{
    margin-left: 20px;
    padding-left: 10px;
}

/**Lets begin'**/

.bannerText{
    font-size: 25px;
}

#container{   
    /*background-image: url('assets/imgs/checker.png');*/
	width:1000px;
        z-index:2;

}

#header{
    position:relative;
    font-size: inherit;
    background-color:#000;
    background-image: url('assets/imgs/header.png');
    width:1000px;
    height:40px;
    /*display:none;*/
    padding: 0;
    margin: 0;
}

#top_nav{
    position:relative;
    top:10px;
    left:-30px;
    font-weight: bold;
    font-size:large;
    color: #FFF;
    text-align: right;
    padding: 0;
    margin: 0;
    font-family: "Bitstream Vera Serif Bold", arial, sans-serif;
}


#banner_bg{
    position: relative;
    /*background-color:#E0E2F8;*/
    background-color:#FFF;
    height: 105px;
    width:1000px;
    padding: 0;
    margin-top: 0;
    /*background-image: url('assets/imgs/header-bg.png');*/
    background-image: url('assets/imgs/header-logo.png');
    border-bottom:5px solid red;
    border-top:5px solid red;
}

#scroller{
	position: absolute;
	text-align: justify;
	color:#111111;
	font-family: arial, Helvetica, sans-serif;
	font-size:.700em;
	line-height:1.5em;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

#bg-image-admin {
	position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
}

#bg-image {
	position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
}

#banner{
    position: relative;
    left: 10px;
    top: 10px;
    
    padding: 0;
    margin: 0;
    width:90%;
}

#menu{
    position: relative;
    text-align: right;
    left: 380px;

    font-size: small;
    font-weight: bold;
    color:#000;
    padding: 15px;
    margin: 0;
    width:590px;
    /*background-image: url('assets/imgs/menu2.png');*/
   
}


#main_bg{
    position: relative;
    top:0px;
    background-color:#D8DBF7;
    background-image: url('assets/imgs/metal.png');
    background-repeat:repeat-x;
    height: 349px;
    width:1000px;
    padding: 0;
    margin: 0;
    clear: both;
}



#kicker{
    position:relative;

    background-image: url('assets/imgs/kicker.png');
    background-color: #DCDBD9;
    width:1000px;
    height:120px;
    padding: 0;
    margin: 0;
    Font-family: Calibri, Verdana, Ariel, sans-serif;
}

#pager{
    float: left;
    width:320px;
    height: 280px;
}

#footer{
    position:relative;
    /*background-color:#F5F4F2;*/
    width:1000px;
    height:100px;
    padding: 0;
    padding-top: 20px;
    margin-top: 0;
    z-index: 200;
   /* border:1px solid #696969; */
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/** Frames **/


#homes{
    font-size:x-small;
    position:relative;
    left:0px;
    background-color:#FFF;
    border:3px groove #77767E;
    text-align: justify;
    top:30px;
    margin-left: 30px;
    height: 290px;
    width: 330px;
    overflow: hidden;
}


#home{
    position:relative;    
    border:3px groove #77767E;
    top:30px;
    text-align: justify;
    margin-left: 30px;
    height: 290px;
    width: 580px;
    overflow-x: auto;
    overflow-y: none;
}


.small{
    font-size:x-small;
    font-family: "Bitstream Vera Serif Bold", arial, sans-serif;
}

/** Classes **/
a.black{
	color:#000;
	font-size: inherit;
}

a.black:hover {
	text-decoration:underline;
	color:#696969;
        
}

a.nav{
	font-size:small;	
}

table.services{
        position:relative;
	width: 90%;
	padding:0px;
	margin-left:30px;
	height: 112px;
        float:left;
        top:0px;
}

td.services{
	vertical-align:top;
	width:30%;
}

td.services_sp{
	text-align:center;
	width:10%;
}

p.services{
        position: relative;
        top:0px;
	color:#FFF;
	Font-family:Gill Sans, sans-serif;
        vertical-align:text-top;
        font-weight:bold;
        font-size: 0.9em;
}

pre.left{
	position:inherit;
	margin-left:-50px;
	top: -14px;
	color:#FFF;
	font-family: arial;
	font-size:large;
	font-weight: 100;
	float:left;
	
}

pre.middle{
	position:inherit;
	top: -14px;
	color:#FFF;
	font-family: arial;
	font-size:large;
	font-weight: 100;
	float:left;
	margin-left: 50px;
}

pre.right{
	position:inherit;

	top: -14px;
	color:#FFF;
	font-family: arial;
	font-size:large;
	font-weight: 100;
	float:left;
	margin-left: 50px;
}


img.img_banner{
	margin-left: 30px;
	margin-top: 10px;	
	
}

/**Endorse hovers**/

#endorse{
   position:relative;
   left: 10px;
   width:60%;
   top: 0px;
   z-index:500;
}

a.nfpa{
	display: inline-block;
    width: 34px;
    height: 28px;
	background-image: url(assets/imgs/endorse/NFPA.png);
}
a.nfpa:hover{
    background-image: url(assets/imgs/endorse/NFPA-bw.png);
}

a.bafsa{
	display: inline-block;
    width: 90px;
    height: 35px;
	background-image: url(assets/imgs/endorse/bafsaS.png);
}
a.bafsa:hover{
    background-image: url(assets/imgs/endorse/bafsaS-bw.png);
}

a.xact{
	display: inline-block;
    width: 78px;
    height: 22px;
	background-image: url(assets/imgs/endorse/xact-logoS.png);
}
a.xact:hover{
    background-image: url(assets/imgs/endorse/xact-logoS-bw.png);
}


a.rsa{
    display: inline-block;
    width: 61px;
    height: 31px;
	background-image: url(assets/imgs/endorse/rsa.png);
}
a.rsa:hover{
    background-image: url(assets/imgs/endorse/rsa-bw.png);
}

a.chas{
	display:inline-block;
    width: 46px;
    height: 30px;
	background-image: url(assets/imgs/endorse/CHAS_LOGO.png);
}
a.chas:hover{
    background-image: url(assets/imgs/endorse/CHAS_LOGO-bw.png);
}

a.safe_contractor{
	display: inline-block;
    width: 30px;
    height: 30px;
	background-image: url(assets/imgs/endorse/safe_contractor.png);
}
a.safe_contractor:hover{
    background-image: url(assets/imgs/endorse/safe_contractor-bw.png);
}

a.bppg{
	display: inline-block;
    width: 35px;
    height: 30px;
	background-image: url(assets/imgs/endorse/bppg.png);
}
a.bppg:hover{
    background-image: url(assets/imgs/endorse/bppg-bw.png);
}


#contact{
    position:relative; 
    top: -36px;
    left:840px;
    width:150px;

}



/** curved borders **/
.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*behavior:url(border-radius.htc);*/
}
/** END curved borders **/

#warning{
	position:fixed;
	top:0px;
	text-align:center;
	background-color: red;	
	color:#FFF;
}

p.logger {
	position:absolute;
        top: 35px;
	right: 30px;
	color: #413A34;
	text-align:center;
	/*border: dashed 1px #EA7B12;*/
	padding: 5px;
        z-index: 9000;
        font-size: xx-small;
}

div.dropper {
    position:absolute;
    margin-left:10px;
    margin-top:5px;
    color: #FFF;
    width:400px;;
    height:20px;
    top:0px;
    display:none;
    float:left;
    z-index: 8000;
}

/* ADMIN SECTION*/

#Frame{
    position: absolute;
    left: 510px;
    background-color: #FFF;
    z-index:0;
}


#adminIcon{
    padding: 5px;
    border: 0;
}

#sectionForm{
    padding: 5px;
}

span.greeter{
    position: absolute;
    left: 10px;
    width:480px;
    background: #F1A61A;
    margin-top: 20px;
    margin-bottom: 100px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px #000 solid;
    padding-bottom: 5px;
    z-index:10;
}
p.greeter{
    padding:5px;
    float: left;
}

table.greeter{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #EDBB5F;
    padding:5px;
    margin-top:5px;
    margin-right: 5px;
    float: right;
    
}

.Editor{
    position: absolute;
    background: #F1A61A;
    left: 10px;
    top: 100px;
    margin-top: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px #000 solid;
    z-index:5;
}

.Contacts{
    position: absolute;
    background: #F1A61A;
    left: 10px;
    top: 100px;
    width:470px;
    height:554px;
    margin-top: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px #000 solid;
    padding: 5px;
    display: none;
    overflow: auto;
    z-index: 5;
}

.Images{
    position: absolute;
    background: #F1A61A;
    left: 10px;
    top: 100px;
    width:470px;
    height:554px;
    margin-top: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:1px #000 solid;
    padding: 5px;
    display: none;
    overflow: auto;
    z-index: 5;
}


.contact{
    position: relative;
    top:80px;
    padding: 8px;
    margin: auto;
}
h1.contact{
    font-size: large;
}

.editImages{
    padding: 8px;
    margin: auto;
}

form.editImages{
    position: absolute;
    bottom:8px;
    padding: 8px;
    margin: auto;
}


#twitter{
    position:relative;
    height:20px;
    width:100%;
    bottom: 0px;
    left: 0px;
}

/* TDI
----------------------------------------------- */

#tditabs {
   width:471px;
   background:url("../graphics/tditabsbg.gif") no-repeat left bottom;
   margin:0;
   padding-bottom:2px;
}
#tditabs a {
   color:#555;
   text-decoration:none;
   font-weight:bold;
   /*border-bottom:1px solid #bdbdbd;*/
}
#tditabs a:hover {
   color:#333;
}
#tditabs ul {
   list-style:none;
}
#tditabs ul li {
   display:inline;
   background:url("../graphics/tditab_right_off.gif") no-repeat right top;
   float:left;
   margin:0 3px 0 0;
}
#tditabs ul li a {
   display:block;
   background:url("../graphics/tditab_left_off.gif") no-repeat 0 top;
   float:left;
   padding:17px 20px 15px 18px;
   font-weight:bold;
   font-size:15px;
   text-transform:lowercase;
}
#tditabs ul li a#link3 {
   padding-left:19px;
}
#tditabs ul li.active {
   background-image:url("../graphics/tditab_right_on.gif");
}
#tditabs ul li.active a {
   background-image:url("../graphics/tditab_left_on.gif");
   color:#000;
   border-bottom:none;
   padding:17px 20px 16px 18px;
}
#hometdi {
   width:467px;
   float:left;
}
#hometdi div.top {
   width:467px;
   background:url("../graphics/hometditop.gif") no-repeat 0 0;
}
#hometdi div.bot {
   width:467px;
   background:url("../graphics/gradbox467bot.gif") no-repeat 0 bottom;
}
#hometdi div.box {
   padding:0 12px 0 20px;
   min-height:338px;
}
#hometdi div.box h2 {
   font-size:1.6em;
   font-style:italic;
}
#hometdi #bigbadge {
   width:110px;
   float:right;
   margin:1em 0 0 0;
}

/* Topnav
----------------------------------------------- */

#topnav {
   position: relative;
   top:7px;
   width:100%;
   clear:both;
   padding:0 0 0 0;
   Font-family: Calibri, Verdana, Ariel, sans-serif;
}
#topnav ul {
   list-style:none;
      border: none; 
}
#topnav ul li {
   display:inline;
  
   background-repeat:no-repeat;
   background-position:right top;
   float:left;
   margin:0 0 0 3px;
   border-style: none;
   border: none; 
}
#topnav ul li a {
   color:#fff;
   display:block;
   background-repeat:no-repeat;
   padding:0.8em 10px 1.2em 5px;
   font-size:1.3em;
   text-decoration:none;
   text-transform:lowercase;
   font-weight:bold;
   border-style: none;
   border: none; 
}
#topnav ul li a:hover {
   text-decoration:underline;
}
#topnav ul li.active {
   /*background-image:url("../graphics/tab_right_on.gif");*/
   border-style: none;
   border: none; 
}
#topnav ul li.active a {
   
   border-style: none;
   border: none; 
}
#masthead #topnav div.breaker {
   background-color:transparent;
   display:none;
}

#callout{
    Font-family: Calibri, Verdana, Ariel, sans-serif;
    position:relative;
    right:25px;
    color:white;
    top:0px;
    font-style:oblique;
    font-size:16px;
}