/* Import the other stylesheets into main.css */
@import url("QP-design-layout.css");
@import url("QP-design-styles.css");
 @import url("QP-nav-styles.css");
/* @import url("QP-border-guides.css");
comment out QP-border-guides.css to hide */

/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
/* REMOVE FOR LIGHTBOX  * a { position:relative }  Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */

br { clear:both; height:1px; margin:-1px 0 0 0 }


/* end of reset css */
	
body { font-size: small; text-align: center; background:#B9B9B9 url(../DesignImages/Background.jpg) 0 0 repeat-x; }
* html body { font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}

body#feed{ background:none; background-color:#F2F2F2; }



.skipper {display: none;}
#extraText {display: none;}
#container { /*-- use if centered first figure is top margin change to suit --*/ margin: 0px auto 0; 
margin-top: 10px;
position:relative; 	
padding: 0; 
text-align: left;  
width: 900px; /*  border: 1px solid #fff;  border-top: none; use for main background usually set to repeat downwards  */ 
background:  url(../DesignImages/back-line--.gif) 0 0 repeat-y;  }
#containerback { margin:0; /* can be used for more complex layered background efects where a simple repeating back ground in the container above is not enough */  
background: #F2F2F2 url(../DesignImages/content.jpg) 0 245px  no-repeat; }

#wide #containerback { margin:0; /* can be used for more complex layered background efects where a simple repeating back ground in the container above is not enough */  
background: #F2F2F2 url(../DesignImages/content2.jpg) 0 245px  no-repeat; }



#pageHeader { 
margin: 0 ; 
padding: 0 ;  
width: 100%; 
background: url(../DesignImages/top.jpg) 0 0 no-repeat; 
height: 245px;}

#Easter2011 #pageHeader {background: url(../DesignImages/top-easter-2011.jpg) 0 0 no-repeat; }
#Location1 #pageHeader {background: url(../DesignImages/top2.jpg) 0 0 no-repeat; }
#Location2 #pageHeader {background: url(../DesignImages/top5.jpg) 0 0 no-repeat; }
#Property1 #pageHeader {background: url(../DesignImages/top3.jpg) 0 0 no-repeat; }
#Property2 #pageHeader {background: url(../DesignImages/top4.jpg) 0 0 no-repeat; }
#Christmas #pageHeader {background: url(../DesignImages/top6-last-minute-stives-xmas.jpg) 0 0 no-repeat; }
#Spring #pageHeader {background: url(../DesignImages/top7-last-minute-stives-spring.jpg) 0 0 no-repeat; }




#pageHeader h1 { /*-- do not remove or change padding and margin --*/ padding: 0; margin: 0; line-height: 1px; height: 2px; }
#pageHeader h1 span { visibility: hidden; line-height: 1px; height: 2px; color:#656565; /*-- do not remove or change padding and margin --*/ padding: 0 ; margin: 0 ; }
#wrapper {padding: 0  ; margin:  0 ;  }
#spacer { clear:both; padding: 0; margin: 0; }

#main { 
padding:0;
padding-top: 0px; 
margin: 0; /* use to display extra backround over main background*/ /* use to put background behind top of page content */  background: transparent; background-color:transparent; height: 1%; display: table; background:  url(../DesignImages/back-line-.gif) 0 800px repeat-y;
width:900px;   }


/*-- Next controls page layout and sets column and content widths --*/

#QPpageContent { 
float:right;   
height: 1%;
/* width of main content area - set margin-right of left panel to same width--*/ 
width:64%;  
background: transparent;
margin: 0;	
padding-top: 40px; }

#leftpannel { 
height: 10px; 
/*display: table; */
margin-right:95%; 
width:  10px ; 
margin-top:0; 
/* can add top backgound to left nav pannel, top padding is also needed to show image */	
background: transparent; padding-top: 330px;}

/*-- Page content layout  --*/
#contentMain { height: 1%; display: table; width:100%;   padding: 50px 0 0 0 ; /*padding: 360px 0 0 0 !important;  */  }

.ContentArea { float: left; width: 99%;  }

/*-- image possition below menu i.e.logo --*/
.menuBase {  
background: transparent; 
height: 1px; 
padding: 0; 
margin:  0; 
width: 100%; }
/*-- image possition below menu i.e.logo this panel is 
independent of the navlist and requires a fixed pixel width --*/
.belowMenu {  
height:4px; 
background: transparent /*url(../DesignImages/LeftColumnBaseFill.jpg)*/; 
width: 5px; 
padding: 0; 
margin: 0; }


/* footer */
#footer {text-align: center; margin: 0 ; height:132px; /*-- footer text possition & color --*/   padding: 0px ; font-size:10px;
	/*-- footer background image --*/ background: url(../DesignImages/base.jpg) top left no-repeat;}
/*-- footer --*/
#footer { clear:both;  }

#footer span { }
#footer span a { padding-left: 10px; padding-right: 0px;  }
#footer p {margin: 0; padding: 0;  }

table#TremeddaTariff { padding:0; margin:0; width:80%;}
table#TremeddaTariff th { font-weight: bold; border-bottom: 2px solid #1FA1A1; padding-bottom: 15px; }
table#TremeddaTariff td { font-weight: normal; border-bottom: 1px dotted #039192; padding-top: 10px; padding-bottom: 4px; }

#FlashSlides { width: 545px; margin:0; padding:0; border: 1px solid #666666;}

#LatestNews {width: 95%; padding:10px; height:350px; text-align:left; border:2px #1FA1A1 double; }

#TremKeyfeatures { width: 211px; height:320px; margin:0 0 0 25px;}