/* CSS DOCUMENT */

/*-------------------------- GENERAL --------------------------*/
body{
	padding:0;
	margin:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(assets/build/indexrepeat.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	}
div, mg, p, a, ul, form, input, label, h2, h3, h5, h6{
margin:0;
	}


	
img{ border:none;}
a{ outline:none; text-decoration:none;}
ul{
	list-style-type: none;
}
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
	

/*-------------------------- HEADER --------------------------*/
div#header-bg{
	background:#CCCC99 url(assets/build/cloudrepeat.jpg) repeat-x;
	color:#FFFFFF;
	font-size: 10px;
	height: 120px;
	}
div#header-bg div#header{
	width:900px;
	margin:0 auto;
	text-align: right;
	height: 120px;
	background-image: url(assets/build/headerbackwhite.png);
	}
div#header-bg div#header img.logo{
	float:left;
	padding-top: 20px;
	padding-left: 20px;
	}

/*-------------------------- Tagline AREA --------------------------*/
div#header-bg div#header div#tagline-bg{
	float:right;
	width:500px;
	padding-top: 50px;
	padding-right: 20px;
 	}
div#header-bg div#header div#tagline-bg div#tagline-area{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1em;
	color: #415733;
	line-height: 1.2em;
	font-style: italic;
	padding-top: 10px;
	}

/*-------------------------- NAVIGATION PART --------------------------*/
#header_navigation-bg{
	height:30px; background:url(assets/build/navigationback.jpg) repeat-x 0 0;
	}
	
div#header_navigation-bg div#header_navigation{
	width:880px; margin:0 auto;
	}
	
#header_navigation {
	height: 30px;
	width: 880px;
	padding-left: 20px;
}

#navbar {
	margin: 0;
	padding: 0;
	height: 30px;
	font-size: 14px;
}
	
#navbar li {
    list-style: none;
    float: left; }
	
#navbar li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-right: 9px;
	padding-left: 9px;
	padding-top: 4px;
	padding-bottom: 7px;
}

#navbar li a:hover  {
	background-color: #769660;
}
	
#navbar li ul {
    display: none;
    width: 16em; /* Width to help Opera out */
    background-color: #999966;}

#navbar li:hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; }
	
#navbar li:hover li {
    float: none; }
	
#navbar li:hover li a {
    background-color: #769660;
    border-top: 1px solid #fff;
    color: #FFFFFF; }
	
#navbar li li a:hover {
    background-color: #5D7948; }
	

/*Side Menu*/

div.glossymenu{float:left; margin:0px; padding:0; width:175px; /*height:348px*/}

.glossymenu a.menuitem{
	color:#5D7948;
	display:block;
	font-size: 14px;
	padding:2px 0;
	position:relative;
	text-decoration:none;
	height: 30px;
}

.glossymenu .menuitem:active{}

.glossymenu .active{
	font-weight: bold;
}

.glossymenu a.menuitem .statusicon{/*CSS for icon image that gets dynamically added to headers*/position:absolute; top:5px; right:5px; border:none}

.glossymenu a.menuitem:hover{
	background-color:#5D7948;
	color: #FFFFFF;
}

.glossymenu div.submenu{/*DIV that contains each sub menu*/background:white}

.glossymenu div.submenu{/*of each sub menu*/st-style-type:none; margin:0; padding:0}

.glossymenu div.submenu a{
	color:#5D7948;
	display:block;
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}


.glossymenu div.submenu a:hover{background-color:#5D7948; /*colors:white*/}



/*-------------------------- MAIN SECTION background --------------------------*/
div#main-bg{
	background:url(assets/build/body-bg.jpg) repeat-x 0 0;
	}
div#main-bg div#mainContant{
	width:900px;
	margin:0 auto;
	padding:37px 0 30px 0;
	background-image: url(assets/build/body-bgmain.jpg);
	background-repeat: no-repeat;
	}
	
div#content{
	width:840px; padding: 20px 30px 0;
	}
	
div#contentleft{
	width:190px; float:left;
	}
	
div#contentright{
	width:640px; float:right;
	}
	
div#productindividualcontainer{
	width:420px;
	}
	
div#productindividualcontainertop{
	width:420px;
	background-image: url(assets/build/containertop.jpg);
	height: 11px;
	}
	
div#productindividualcontainermiddle{
	width:380px;
	background-image: url(assets/build/containermiddle.jpg);
	background-repeat: repeat-y;
	padding: 6px 20px;
	height: 150px;
	}
	
div#productindividualcontainerbottom{
	width:420x;
	background-image: url(assets/build/containerbottom.jpg);
	height: 10px;
	}

div#productindividualcontainermiddle h5{
	width:380px;
	font-size:14px;
	line-height:17px;
	color:#333333;
	font-weight: normal;
	}
	
div#productindividualcontainermiddle h5 a{
	width:380px;
	font-size:14px;
	line-height:17px;
	color:#415733;
	font-weight: bold;
	}
	
div#productindividualcontainermiddle h6{
	width:380px;
	font-size:18px;
	line-height:17px;
	color:#415733;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	}
	
div#contentright p{
	font-size:14px;
	line-height:17px;
	color:#333333;
	}
	
div#contentright p a{
	color:#415733;
	font-weight: bold;
	}


div#contentright h2{
	 color:#769660;
	font:normal 20px/38px Georgia, "Times New Roman", Times, serif;
	}
	
div#contentright h3{
	color:#415733;
	font-size:20px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
div#contentright ul{
	color:#000000;
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

div#contentright h3 a{
	color:#769660;
	}

div#contentright ul{
	padding-left: 6px;
}	
	
div#contentright li{
	list-style-type:disc;
	color: #000;
	font-size: 13px;
	padding-top: 6px;
}

/*-------------------------- FOOTER  --------------------------*/
div#footer-bg{
	background:#FFFFFF url(assets/build/footer-bg.jpg) repeat-x 0 0;
	color:#003366;
	}
div#footer-bg div#footer-menu{
	width:900px;
	margin:0 auto;
	padding:20px 0 29px 0;
	}
div#footer-bg div#footer-menu ul.footMenu{
	padding:0 0 0 0;
	}
div#footer-bg div#footer-menu ul.footMenu li{
	float:left; background:url(assets/build/footmenu-divider.gif) 0 3px no-repeat;
	}
div#footer-bg div#footer-menu ul.footMenu li.noDivider{
	background:none;
	}
div#footer-bg div#footer-menu ul.footMenu li a{
	color:#003366; font-size:11px; line-height:16px;
	padding:0 7px 0 7px; display:block; margin:0 0 0 1px;
	background-color:inherit;
	}
div#footer-bg div#footer-menu ul.footMenu li a:hover{
	color:#003366;
	}
div#footer-bg div#footer-menu p.copyright{
	padding:5px 0 0 7px; color:#003366;
	font-size:11px; line-height:11px;
	background-color:inherit;
	}
div#footer-bg div#footer-menu p.copyright a{
	color:#0D4F90;
	background-color:inherit;
	}
div#footer-bg div#footer-menu p.copyright a:hover{
	color:#003366;
	background-color:inherit;
	}

/*-------------------------- MISLENIOUS --------------------------*/
.noBottomPadding{
	padding-bottom:0 !important;
	}
.noBg{
	background:none !important;
	}
.topPad{
	padding-top:15px !important;
	}
	
/*-------------------------- SECTION HEADER --------------------------*/
div#sectionservice-bg{
	background:url(http://www.thethomascentre.co.uk/assets/build/sectionrepeat-home.jpg) repeat-x 0 0;
	color:inherit;
	}
div#sectionservice-bg div#sectionservice-part{
	width:900px;
	margin:0 auto;
	background:url(http://www.thethomascentre.co.uk/assets/build/homemain.jpg) no-repeat;
	height: 175px;
	padding-top: 25px;
	}
div#sectionservice-bg div#sectionservice-part h2.sectionservice-hdr{
	font:normal 30px/34px Georgia, "Times New Roman", Times, serif;
	color:#415733;
	width:420px;
	height:43px;
	background-color:inherit;
	padding-left: 30px;
	}
div#sectionservice-bg div#sectionservice-part div#sectionservice-leftPart{
	width:342px;
	float:left;
	padding-top: 10px;
	padding-left: 30px;
}

h2.Hdr-service{
	width:420px;
	height:20px;
	color:#415733;
	line-height:19px;
	font-size:14px;
	font-weight: normal;
	}
h2.moreIdeas-Hdr{
	width:231px; height:20px; color:#415733;
	line-height:19px; font-size:12px;
	padding:0 0 0 21px; background:#034376 url(images/more-ideac-icon.gif) 3px 4px no-repeat;
	}
ul.sectionservice-list{
	padding:11px 0 10px 0;
	}
	
	

/*-------------------------- QUOTE --------------------------*/

div#quote{
	width:640px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
div#quotetop{
	width:640px;
	background-image: url(assets/quotes/quotetop.jpg);
	height: 10px;
	}
	
div#quotemiddle{
	width:600px;
	background-image: url(assets/quotes/quotemiddle.jpg);
	background-repeat: repeat-y;
	padding: 10px 20px;
	}
	
div#quotebottom{
	width:620px;
	background-image: url(assets/quotes/quotebottom.jpg);
	height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #3987C9;
	text-align: right;
	padding-right: 20px;
	}
	
/*-------------------------- PARAGRAPH BODY --------------------------*/

div#paragraph{
	width:640px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	}
	
div#paragraphleft{
	width:420px;
	float: left;
	}
	
div#paragraphmain{
	width:640px;
	float: left;
	margin-bottom: 15px;
	}
	
div#paragraph p{
	width:430px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	}
	
div#paragraphright{
	width:200px;
	float: right;
	background-image: url(assets/build/imagebackrepeat.jpg);
	background-repeat: repeat-y;
	}
	
div#paragraphimagetop{
	width:200px;
	height: 150px;
	}
	
div#paragraphimagebottom{
	width:180px;
	background-image: url(assets/build/imagebottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #415733;
	padding: 10px;
	}
	
/*-------------------------- PARAGRAPH BODY --------------------------*/

div#link{
	width:640px;
	height:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	}
	
div#linkleft{
	width:320px;
	float: left;
	}
	

	
div#link p{
	width:320px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	}
	
div#linkright{
	width:250px;
	float: right;
	margin-bottom: 10px;
	}