/* --------------------------------------

	Techforce Computer Repairs

	CSS for Template v1.0

	Created: 27/08/09

	Email@ alun@techforcerepairs.com

-----------------------------------------*/



/* -------- Main Sections ---------- 



Wrapper - Wraps all content

Header - Header Section, Contains placeholder for image and the search bar module

Contents - Wraps the Left/Content and Right Divs, automatically overflowing the page to prevent 

overlapping

Left - Left section, Main Menu etc

Content - Middle Section, Article/News Display

Right - Right Section, Holds Mail list, Latest News, Affils etc

Footer - Placeholder for footer image, contains sitemap/legal info etc

Template Styles - Reflect the styles in the editor of the CMS



------------------------------------------*/


/* ---------- Template Styles -------------
-------------------------------------------*/
h1 {
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #000;
	letter-spacing: -0.017em;
	color: #0A6DAF;
margin-bottom: -13px;
margin-top: 2px;
}


h2 {
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 18px;
        font-style: italic;
	font-weight: bold;
	color: #000;
	letter-spacing: -0.025em;
	color: #0A6DAF;
margin-top: 15px;
margin-bottom: -13px;
}


h4 {
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
font-style: italic;
	color: #000;
	letter-spacing: -0.01em;
	color: #0A6DAF;
margin-bottom: -12px;
margin-top: 25px;
}



h5 {
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	letter-spacing: -0.03em;
	color: #0A6DAF;
margin-bottom: 15px;
margin-top: 0px;
}

 
h6 {
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 20px;
	font-weight: bold;
font-style: italic;
	color: #000;
	letter-spacing: -0.02em;
	color: #0A6DAF;
margin-bottom: 0px;
margin-top: 25px;

}



/*----------------------------------------------------

	Body Styling, Wrapper, Body and Contents Etc 

------------------------------------------------------*/



#wrapper {

width: 995px;

	margin-right: auto;

	margin-left: auto;

}





body {

	font-family: Arial, Helvetica;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	background-color: #FFF;

	text-align:justify;

}





#contents {

	width: 995px;

	overflow: auto;



}













/*--------------------------------------

	  Header Styling		

------------------------------------------*/







#header {

	width: 995px;

	height: 200px;

	background-image: url(../images/header.gif);

	margin: 0px;

	background-repeat: no-repeat;

	background-position: top;

}





#searchbar {

	width: 150px;

	height: 20px;

	float: right;

	margin-right: 10px;

	margin-top: 10px;

}













/*----------------------------------------

		Left Section 		

------------------------------------------*/





#left {

	width: 177px;

	float: left;

	margin-right: 5px;

}





#left .moduletable_menu h3 {

	font-size: 15px;

	margin-left: 65px;	

	margin-bottom: 45px;

	color: #0A6DAF;


	text-align:justify;



}





#left .moduletable_menu  {

	background-image:url(../images/menu_bg.png);

	background-repeat:no-repeat;

	background-position: center top;

	padding-top: 2px;

	margin-top: 15px;

	min-height: 150px;

	margin-right: 5px;

line-height: 1.4;

font-size: 14px;

}



#left .menu {

margin-left: -30px;

margin-top: -15px;

list-style-type: none;

vertical-align: middle;

}



/* ie only */



#left .moduletable_menu h3 {

*	margin-top: 15px;

}



#left .menu {

* margin-left: 10px;

* list-style-position: outside;

}



#left .menu li {

	background-image: url(../images/bullet.png);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 1em;

}



#left A:link { color: black; text-decoration: none;}

#left A:visited { color: black; text-decoration: none;}

#left A:active {	color: #0CF; text-decoration: none;}

#left A:hover {	color: #09F; }



/* ---- Testimonials ---- */







#left .moduletabletestimonial h3 {


	font-size: 15px;

	margin-left: 65px;	

	margin-bottom: 45px;

	color: #0A6DAF;


	text-align:justify;




}





#left .moduletabletestimonial  {

	background-image:url(../images/testimonial_bg.png);

	background-repeat:no-repeat;

	background-position: center top;

	padding-top: 2px;

	margin-top: 65px;

	min-height: 300px;

	margin-right: 0px;

}



#left .moduletabletestimonial h3 {

*	margin-top: 15px;

}



#left .contentpaneopentestimonial p {

	font-size: 12px;

}



#left .contentpaneopentestimonial  {

	margin-top: -35px;

	padding-left: 10px;

	padding-right: 10px;

}



#left .contentpaneopentestimonial  {

*	margin-top: -20px;

*	margin-left: 10px;

*	margin-right: 10px;

}

/*----------------------------------------

	Content Secion		

------------------------------------------*/

#content p {

font-size: 13px;

}



#content{

	width: 615px;

	float: left;

	margin-top: 15px;

	margin-right: 6px;

	margin-left: 5px;

	line-height: 1.3;

}





#content .componentheading {

display: none;

}







#content .contentheading {


	font-family:Helvetica ,Arial,sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #000;
	letter-spacing: -0.015em;
	color: #0A6DAF;


}





#content .blog .contentpaneopen .contentheading {

	font-family:Helvetica ,Arial,sans-serif;
	font-size: 15.5px;
	font-weight: bold;
	color: #000;
	letter-spacing: -0.018em;
	color: #0A6DAF;
        text-align: left;

}



#content .blog .contentpaneopen {

margin-top: 4px;

margin-right: 20px;

margin-bottom: 5px;

}



#content .blog .contentpaneopen br {

display: none;

}



#content .blog .article_column .contentpaneopen .contentheading {
font-size: 14px;
}

#content .blog .article_column {

padding-top: 8px;
font-size: 12px;

}



#content img {

	margin-left: 10px;

	
	

}


.img_caption_right .caption {
	border: none
}


#content .blog .readon {



margin-right: 0px;

vertical-align: top;

margin-top: -438px;



}






.blog ul {
font-size: 12px;
}

/* ---- Content Link Styling ---- */



#content A:link { color: black;}

#content A:visited { color: black;}

#content A:active {	color: #0CF;}

#content A:hover {	color: #09F;}



#content .blog .article_column .contentpaneopen .contentheading {
font-size: 14px;
}

.contentpaneopen strong a:link {
text-decoration: none;
}

.contentpaneopen strong a:active {
text-decoration: none;
}

.contentpaneopen strong a:visited {
text-decoration: none;
}

.contentpaneopen strong a:hover {
text-decoration: none;
}


/*------------------------------------------

		Right Section	

-----------------------------------------*/





#right {

	width: 177px;

	float: left;

	margin-left: 5px;

}





#right .moduletable  {

	background-image:url(../images/mail_list_bg.png);

	background-repeat:no-repeat;

	background-position: center top;

	padding-top: 2px;

	margin-top: 16px;

}



#right .moduletable h3 {

	font-size: 15px;

	margin-left: 65px;	

	margin-bottom: 45px;

	color: #0A6DAF;


	text-align:justify;




}



#right .moduletableaffils p {

	text-align: center;

	margin-top: -15px;

}





#right .moduletableaffils  {

	background-image:url(../images/affils_bg.png);

	background-repeat:no-repeat;

	background-position: center top;

	padding-top: 2px;

	margin-top: 85px;

	font-size:10px;



}



#right .moduletableaffils .contentpaneopenaffils {

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	line-height: 2;

}



#right .moduletableaffils h3 {

	font-size: 15px;

	margin-left: 65px;	

	margin-bottom: 45px;

	color: #0A6DAF;


	text-align:justify;



}

#right .moduletablevremoval {
margin-top: 15px;
padding-top: 30px;
margin-bottom: 20px;

}
/*------------------------------------------

		Footer

------------------------------------------*/



#footer {

	width: 995px;

	height: 104px;

	background-image: url(../images/footer.png);

	background-color: #FFF;

	background-repeat: no-repeat;

	background-position: center bottom;

}


/* ------------------------------------------------
                Service Highlight Box's 
--------------------------------------------------*/

.quicklinkbox {
	width:100%;
min-height: 140px;
}
.qlbg {
	width: 130px;
	float: left;
	border:1px solid #000;
	Color:#F9F9F9;
	margin-right: 25px;
	margin-left: 25px;
}

.qlbg:hover {
 background-color: #E1F4FF;
	width: 130px;
	float: left;
	color: #fff;
}


.QLFooter {
width: 130px;
min-height:27px;
	font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 21px;
font-weight: lighter;
letter-spacing: -0.4pt;
background-color:#3B7EBF;
vertical-align: middle;


}

.qlservice img{
border: 0px;
	
}

.qlheader {
	width: 130px;
min-height:30px;
background-color:#3B7EBF;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 26px;
font-weight: bolder;
letter-spacing: -0.4pt;


}