/**************************************************
File:         jtfs-style.css
Site:         jtfs.co.uk
Author:       Alex Adams, Juju Web Solutions (alex@jujuwebsolutions.co.uk)
Description:  Main style sheet for J T Finishing Solutions  

History:      
2007-12-17 AA Created
2009-02-13 AA Added H2 and 
***************************************************/

/*Clear browser default styles
*******************************************************************/
html, body, h1, h2, h3, h4, h5, h6, p, a, ul, li, form, fieldset, label, input, select, option, table, thead, tbody, tfoot, tr, td {
  padding: 0 0 0 0;
  margin: 0 0 0 0;  
}

/*Page wrappers and centering
*******************************************************************/ 
body{
  text-align: center;   /*IE Hack to get the layout centred*/
  
} 

#outer_wrapper{
 margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  width: 850px;
  line-height: 1.1;
  overflow: hidden;
}

/* Page banner 
***********************************************************************/
#header{
  background-image: url('../images/jtfs-banner.jpg');
  background-repeat: no-repeat;
 width: 850px;
 height: 135px;
}


/*Navigation and left hand boxes
***********************************************************************/

#left_side{
  margin-top: 1em;
  margin-bottom: 1em;
  width: 200px;
  height: auto;
  clear: left;
  float: left;
}

.spacer{height: 10px; width: 1px;}

#navigation_body{
  width: 200px;
  height: /*195px;*/auto;
  text-align: left;
  font-family: "Trebuchet MS", arial, sans-serif;
  font-size: 0.9em;
  
}



#navigation_body ul{
	
  position: relative;
	list-style: none;
	width: 189px;
	padding-left: 5px;
	
}

#navigation_body ul li{
	width: 189px;
/* 	border-bottom: 1px solid #777777;*/
/* 	margin-bottom: 2px;*/
}

#navigation_body ul li a:link, #navigation_body ul li a:visited{
	display: block;
	height: 23px;
  background-color: #e1e1df;
  background: url('../images/grey_button.png') no-repeat;
  /*border-left: 12px solid #797978;*/
  padding-left: 9px;
  padding-top: 9px;
  font-size: 0.90em;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  color: #000000;
}

#navigation_body ul li a:hover{
	display: block;
  background-color: #797978;
  background: url('../images/black_button.gif') no-repeat;
  color: #ffffff;
}

#navigation_body ul li a.current{
  display: block;
  height: 23px;
  padding-left: 9px;
  padding-top: 9px;
  background-color: #de0124;
  background: url('../images/red_button.gif') no-repeat;
	 text-decoration: none;
	 text-align: left;
	font-size: 0.90em;
	font-weight: bold;
  color: #000000;
}


#contact_panel_body{
  text-align: left;
  font-family: "Trebuchet MS", arial, sans-serif;
  font-size: 0.75em;
  padding-left: 30px;
  height: auto;

}

#logo_panel_body{
  padding-left: 30px;
  width: auto;
  height: 115px;
  text-align: left;
  font-family: "Trebuchet MS", arial, sans-serif;
  font-size: 0.75em;  
}

#logo_panel_body img{
	padding-left: 8px;
	border: none;
	margin-left: 18px;
}

/*Main content
***********************************************************************/

#main_box{
  margin-top: 1em;
  margin-bottom: 1em;
  width: 605px;
  height: auto;
  clear: right;
  float: right;
}

#main_content{
	font-family: "Trebuchet MS", arial, sans-serif;
  	font-size: 0.80em;
  	color: #000000;
  	text-align: left;

  	}

#main_content_summary{

	font-family: "Trebuchet MS", arial, sans-serif;
  font-size: 0.80em;
  color: #000000;
  text-align: left;

}

#main_content ul, #main_content_summary ul{
	margin-left: 2em;
	margin-bottom: 0.8em;
}

#context_img{
  float: right;
  clear: right;
  min-width: 1px;
  width: auto;
  max-width: 250px;
  min-height: 1px;
  height: auto;
  max-height: 188px;  
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 1.1;
}
#context_img img{
	border: none;
}

#montage{
	clear: left;
	clear: right;
	padding-left: 9px;
	position: relative;
	line-height: 1.1;	
}

#montage img{
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	
}

/*Footer
******************************************************************/

#footer_box{
  clear: both;
	top: -50px;
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	clear: both;
 	line-height: 1.1;	
}

#footer{
  /*height: 90px;  AA 2009-02-13 reduced to deal with removal of footer logos*/
  font-family: "trebuchet ms", arial, sans-serif;
	font-size: 0.6em;
	color: #777777;
	text-align: center;

}

#footer a:link, #footer a:visited{
	text-decoration: none;
	border: 0;
}

#copyright{
  clear: left;
  margin-left: auto;
	margin-right: auto;
 	width: 850px;
  padding-top: 1.5em;
  font-family: "trebuchet ms", arial, sans-serif;
  font-size: 0.6em;
	color: #777777;
	text-align: right;
}

#small_links{
  clear: left;
  float: left;
 	width: 200px;
  /*padding-top: 1.5em;*/
  font-family: "trebuchet ms", arial, sans-serif;
  /*font-size: 0.6em;*/
	color: #777777;
	text-align: left;
}

a:link.small_links , a:visited.small_links {
  text-decoration: none;
  color: #777777;
}

a:hover.small_links {
  color: #ff0000
}

#service_first{
  float: left;
  text-align: center;
}

/*text classes
******************************************************************/
.first_word{
	font-size: 100%;
	font-weight: bold;
}

/*general markup styling
******************************************************************/
h1{
	font-family: "trebuchet ms", arial, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 1em;
}

h2{
	font-family: "trebuchet ms", arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.9em;
}

h3{
	font-family: "trebuchet ms", arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.8em;
}	

p{
	margin-bottom: 0.8em;
}

.bold{
	font-weight: bold;
}

.smaller{
  font-size: 80%;
}

a:link, a:visited{
  text-decoration: none;
  color: #0000ff;
}

a:hover{
  text-decoration: underline;
  color: #ff0000;
}





/*FAQ styling
*************************************************************************/
div.faq{
	margin-bottom: 1em;
}
a.faq_question:link, a.faq_question:visited{
  color: #ff0000;
  text-decoration: none;
  border: none;
}

.faq_answer_no_script {
  float: left;
  text-align: left;
  font-family: "trebuchet ms", arial, sans-serif;
  font-size: 0.85em;
}

/*Terms of business styling
*************************************************************************/
li.terms{
	margin-bottom: 0.8em;
}

/*No dotted border on links
*****************************************************************************/
a:active, a:focus{
  /*all browsers except mozilla*/
  outline: none;
}




/*New Rounded corner classes:
***********************************************************************/
.roundedcornr_box_575647 {
	background: url(../images/roundedcornr_575647_tl.png) no-repeat top left;
	/*line-height: 1.1;*/
}
.roundedcornr_top_575647 {
	background: url(../images/roundedcornr_575647_tr.png) no-repeat top right;
}
.roundedcornr_bottom_575647 {
	background: url(../images/roundedcornr_575647_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_575647 div {
	background: url(../images/roundedcornr_575647_br.png) no-repeat bottom right;
}
.roundedcornr_content_575647, .roundedcornr_content_575647_no_pad {
	background: url(../images/roundedcornr_575647_r.png) top right repeat-y;
	overflow: auto;
}

.roundedcornr_top_575647 div,.roundedcornr_top_575647,
.roundedcornr_bottom_575647 div, .roundedcornr_bottom_575647 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_575647, .roundedcornr_bottom_575647 {
	/*margin-top: -19px;*/
}
.roundedcornr_content_575647 { padding: 0 15px; }
.roundedcornr_content_575647_no_pad{  padding: 0 0 0 0; }



/*****************************************************************************/

.roundedcornr_box_632627 {
   background: #ffffcc;
   line-height: 1.1;
}
.roundedcornr_top_632627 div {
   background: url(../images/roundedcornr_632627_tl.png) no-repeat top left;
}
.roundedcornr_top_632627 {
   background: url(../images/roundedcornr_632627_tr.png) no-repeat top right;
}
.roundedcornr_bottom_632627 div {
   background: url(../images/roundedcornr_632627_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_632627 {
   background: url(../images/roundedcornr_632627_br.png) no-repeat bottom right;
}

.roundedcornr_top_632627 div, .roundedcornr_top_632627, 
.roundedcornr_bottom_632627 div, .roundedcornr_bottom_632627 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_632627 { margin: 0 15px; }
.roundedcornr_content_632627_no_pad{  padding: 0 0 0 0; }

.roundedcornr_content_632627, .roundedcornr_content_632627_no_pad{
  overflow: auto;
}

/*speech bubble
*************************************************************************/

.quote_box{
	background: url(../images/rs-right.jpg)  repeat-y;
	line-height: 1.1;
}
	
.quote_top div{
	background: url(../images/rs-topleft.jpg) no-repeat top left;
}

.quote_top{
	background: url(../images/rs-topright.jpg) no-repeat top right;
}

.quote_bottom div{
	background: url(../images/rs-bottomleft.jpg) no-repeat bottom left;
}

.quote_bottom{
	background: url(../images/rs-bottomright.jpg) no-repeat bottom right;
}

.quote_top div, .quote_top{
	width: 250px;
   height: 20px;
   font-size: 1px;
} 
.quote_bottom div, .quote_bottom {
  width: 250px;
   height: 35px;
   font-size: 1px;
}

.quote_content{
	margin-left:20px;
	width:220px;
	line-height: 1.1;
}

.quote_name{
	margin-left:25px;
	font-weight:bold;
}