/* Project: Abbcare Roofing
   Author: John Kelso From Bluezon Design (www.bluezondesign.co.uk) */

   
/* default styles
   -------------- */

body { 
margin : 0; 
font : 0.74em Arial, Helvetica, sans-serif; 
line-height : 1.5em; 
background : url(../images/header2-long.png) top repeat-x; 
} 
a { 
color : #000000; 
background : inherit; 
text-decoration : none; 
} 
a:hover { 
color : #ff0099; 
background : inherit; 
} 
a.title { 
color : #fe6700; 
background : #fff; 
} 
h1 { 
font : bold 2.5em Arial; 
letter-spacing : 0; 
margin-top : 150px; 
margin-left : 20px; 
margin-right : 320px; 
color : #ffffff; 
} 
h2 { 
margin : 0 0 5px 0; 
padding : 0; 
font : bold 1.5em Arial, Helvetica, sans-serif; 
letter-spacing : -1px; 
color : #333333; 
background : inherit; 
} 
h3 { 
font : bold 2.5em arial; 
letter-spacing : -2px; 
margin-top : 70px; 
color : #aa0e28; 
font-weight : lighter; 
margin-left : 10px; 
} 
h4 { 
font : 1.2em bold Arial Narrow; 
letter-spacing : 1px; 
margin-right : 10px; 
margin-top : -16px; 
color : #333333; 
} 
h5 { 
font : bold 1.3em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
margin-right : 23px; 
margin-top : 105px; 
color : #ffffff; 
} 
h6 { 
font : 1em Bold Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
margin-right : 10px; 
margin-top : -20px; 
color : #ffffff; 
} 
p { 
margin : 0 0 0 0; 
padding-top : 10px; 
} 
ul {
	margin : 0;
	padding : 0px;
	list-style : none;
} 
.subheader-text { 
font-size : 12px; 
font-weight : bold; 
color : #000000; 
word-spacing : normal; 
text-decoration : none; 
} 
.content { 
margin : auto; 
width : 906px; 
} 
.header_right { 
float : right; 
width : 100%; 
height : 72px; 
} 
.subheader { 
padding : 0; 
color : #000000; 
text-align : center; 
margin-bottom : 100px; 
margin-top : 15px; 
} 
.subheader li { 
padding : 5px 8px 8px 8px; 
display : inline; 
text-align : center; 
font-family : "Child's Play"; 
font-size : 15px; 
font-weight : lighter; 
} 
.header2 { 
width : 100%; 
height : 150px; 
} 
.header2-text { 
text-align : center; 
table-layout : fixed; 
margin-top : 0; 
} 
.left-header { 
width : 906px; 
height : 259px; 
margin : 0 0 0 0; 
background : url(../images/header2.png); 
} 
.left-header p { 
margin : 0 0 0 0; 
} 
.left-header li { 
padding : 5px 18px 5px 8px; 
display : inline; 
text-align : center; 
color : #000000; 
font-style : inherit; 
} 
.left { 
float : left; 
width : 210px; 
height : 100%; 
margin : 0 0 10px 0; 
} 
.left_articles { 
margin : 0 0 15px 0; 
padding : 0 0 0 10px; 
} 
.lt { 
height : 20px; 
width : 210px; 
background : url(../images/leftside-top.png); 
} 
.lt2 { 
height : 20px; 
width : 210px; 
background : url(../images/leftside-bottom.png); 
} 
.lt3 { 
width : 210px; 
background : url(../images/leftside-middle.png); 
} 
.lt3 li { 
margin : 15px 15px 15px 15px; 
display : inline; 
color : #ffffff; 
font-weight : bold; 
font-size : 14px; 
} 
.lt4 { 
width : 210px; 
background : url(../images/leftside-middle.png); 
text-align : justify; 
} 
.lt4 li { 
display : inline; 
color : #ffffff; 
font-weight : normal; 
margin : 15px 25px 15px 15px; 
} 
.lt4 p { 
margin : 15px 25px 15px 15px; 
padding : 0; 
} 
p.c4 { 
margin-top : 0; 
margin-bottom : 0; 
} 
p.c3 { 
margin-top : 0; 
margin-bottom : 0; 
word-spacing : normal; 
} 
p.c2 { 
margin-top : 0; 
margin-bottom : 0; 
font-variant : normal; 
} 
.style3 { 
color : #ffffff; 
} 
.right-header { 
float : right; 
width : 299px; 
height : 373px; 
margin : 0 0 0 0; 
background : url(../images/header_right.jpg); 
} 
.right { 
float : right; 
width : 100%; 
height : 645px; 
margin : 0 0 10px 0; 
background : url(../images/background5.gif) center 0%; 
} 
.right a { 
color : #000000; 
background : inherit; 
} 
.rt { 
background : #ffffff; 
color : #fff; 
height : 7px; 
} 
.right_articles {
	font-size : 1em;
	color : #000000;
	padding : 4px 8px;
	margin : 25px 155px 0 160px;
} 
.right_articles ul { 
color : #000000; 
} 
.right_articles dd { 
padding : 4px 8px; 
margin : 10px 18px 10px 18px; 
display : inline; 

text-align : right; 
} 
.right_articles h3 { 
margin : 43px 0 5px 164px; 
font : 1.1em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : left; 
} 
.right_articles h4 { 
margin : 0 165px 5px 0; 
padding : 0; 
font : 1.1em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : right; 
margin-top : 0; 
margin-bottom : 0; 
word-spacing : normal; 
} 
.right_articles h5 { 
margin : 0 0 5px 0; 
padding : 0; 
font : bold 1.1em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : left; 
margin-top : 0; 
margin-bottom : 0; 
word-spacing : normal; 
} 
.image { 
float : left; 
margin : 0 9px 3px 0; 
} 
.right-other { 
float : left; 
width : 450px; 
height : 360px; 
margin : 0 10px 0; 
} 
.right-other a { 
color : #000000; 
background : inherit; 
} 
.rt { 
background : #ffffff; 
color : #fff; 
height : 7px; 
} 
.right_other-articles { 
font-size : 1em; 
background : #ffffff; 
color : #000000; 
padding : 4px 8px; 
margin : 0 0 0 0; 
} 
.right-other dd { 
padding : 4px 8px; 
margin : 10px 18px 10px 18px; 
display : inline; 
text-align : right; 
} 
.right-other h3 { 
margin : 0 0 5px 0; 
padding : 0; 
font : bold 1.3em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : center; 
} 
.right-other h4 { 
margin : 0 0 5px 0; 
padding : 0; 
font : 1.1em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : center; 
margin-top : 0; 
margin-bottom : 0; 
word-spacing : normal; 
} 
.right-other h5 { 
margin : 0 0 5px 0; 
padding : 0; 
font : bold 1.1em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : left; 
margin-top : 0; 
margin-bottom : 0; 
word-spacing : normal; 
} 
.image { 
float : left; 
margin : 0 9px 3px 0; 
} 
.image-side { 
float : right; 
width : 283px; 
height : 260px; 
margin : 90px 0 10px 0; 
} 
.right-cover { 
float : left; 
width : 390px; 
height : 360px; 
margin : 0 10px 0; 
} 
.right-cover a { 
color : #000000; 
background : inherit; 
} 
.rt { 
background : #ffffff; 
color : #fff; 
height : 7px; 
} 
.right_cover-articles { 
font-size : 1em; 
background : #ffffff; 
color : #000000; 
padding : 4px 8px; 
margin : 0 0 0 0; 
} 
.right-cover dd { 
padding : 4px 8px; 
margin : 10px 18px 10px 18px; 
display : inline; 
text-align : right; 
} 
.right-cover h3 { 
margin : 0 0 5px 0; 
padding : 0; 
font : bold 1.3em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : center; 
} 
.right-cover h4 { 
margin : 0 0 5px 0; 
padding : 0; 
font : 1.1em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : center; 
margin-top : 0; 
margin-bottom : 0; 
word-spacing : normal; 
} 
.right-cover h5 { 
margin : 0 0 5px 0; 
padding : 0; 
font : bold 1.1em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : left; 
margin-top : 0; 
margin-bottom : 0; 
word-spacing : normal; 
} 
.image { 
float : left; 
margin : 0 9px 3px 0; 
} 
.image-side-cover { 
float : right; 
width : 340px; 
height : 360px; 
margin : 0 0 10px 0; 
} 
.right-cover li { 
margin-top : 0; 
margin-bottom : 0; 
font-variant : normal; 
font-weight : normal; 
} 
.footer { 
clear : both; 
text-align : center; 
line-height : 1.8em; 
color : #666666; 
font-weight : bold; 
background : url(../images/footer-background.png) no-repeat center bottom; 
height : 154px; 
} 
.footer a { 
color : #000000; 
} 
.footer li { 
color : #000000; 
font-weight : normal; 
display : inline; 
} 
.footer p {
	padding-top : 100px;
} 
.style4 { 
font-size : 1.8em; 
margin-right : 35px; 
letter-spacing : 1px; 
} 
.style5 { 
font-size : xx-large; 
margin-top : 20px; 
margin-bottom : 9px; 
} 
.right_articles2 {
	font-size : 1em;
	color : #000000;
	padding : 4px 8px;
	margin : 222px 155px 0 160px;
} 
.right_articles2 dd { 
padding : 4px 8px; 
margin : 10px 18px 10px 18px; 
display : inline; 
text-align : right; 
} 
.right_articles2 h3 { 
margin : 43px 0 5px 164px; 
padding : 0; 
font : bold 1.3em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : left; 
} 
.right_articles2 h4 { 
margin : 0 165px 5px 0; 
padding : 0; 
font : 1.1em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : right; 
margin-top : 0; 
margin-bottom : 0; 
word-spacing : normal; 
} 
.right_articles2 h5 { 
margin : 0 0 5px 0; 
padding : 0; 
font : bold 1.1em Arial, Helvetica, sans-serif; 
letter-spacing : 0; 
color : #333333; 
background : inherit; 
text-align : left; 
margin-top : 0; 
margin-bottom : 0; 
word-spacing : normal; 
} 
.style11 { 
font-size : 12px; 
} 
.style13 { 
color : #c2c227; 
font-weight : bold; 
} 
.style15 { 
color : #ff44b4; 
font-weight : bold; 
} 
.style16 { 
color : #38d7d7; 
font-weight : bold; 
} 
.style17 {font-weight: bold
}
p.c4 { 
text-align : right; 
} 
div.c3 { 
text-align : right; 
} 
div.c2 { 
margin-left : 2em; 
} 
div.c1 { 
text-align : left; 
} 

/* Web Design Styles
   -------------- */
   
.webcenter {
	float : right;
	width : 100%;
	margin : 0 0 10px 0;
	background : url(../images/web-design-background.gif) top repeat-x;
} 

.webcenter_articles {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 55px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

.webcenter_articles2 {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 20px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

/* Contact US Styles
   -------------- */
   
.contactus {
	float : right;
	width : 100%;
	margin : 0 0 10px 0;
	background : url(../images/contact-us-background.gif) top repeat-x;
} 

.contactus_articles {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 55px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

.contactus_articles2 {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 20px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

/* Hosting Styles
   -------------- */
   
.hosting {
	float : right;
	width : 100%;
	margin : 0 0 10px 0;
	background : url(../images/web-hosting-background.gif) top repeat-x;
} 

.hosting_articles {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 55px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

.hosting_articles2 {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 20px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

/* Portfolio Styles
   -------------- */
   
.Portfolio {
	float : right;
	width : 100%;
	margin : 0 0 10px 0;
	background : url(../images/portfolio-background.gif) top repeat-x;
} 

.Portfolio_articles {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 55px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

.Portfolio_articles2 {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 20px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

/* Graphic Styles
   -------------- */
   
.graphic {
	float : right;
	width : 100%;
	margin : 0 0 10px 0;
	background : url(../images/graphic-design-background.gif) top repeat-x;
	height: 650px;
} 

.graphic_articles {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 55px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

.graphic_articles2 {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 20px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

/* Logo Styles
   -------------- */
   
.logos {
	float : right;
	width : 100%;
	margin : 0 0 10px 0;
	background : url(../images/logo-design-background.gif) top repeat-x;
} 

.logos_articles {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 55px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
} 

.logos_articles2 {
	font-size : 1em;
	padding : 0px 4px 4px 4px;
	margin : 20px 60px 0 175px;
	border:#999999 1px;
	border-style: solid;
	
}