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

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

.appleLinks a {color:#fe6700;}
.appleLinksWhite a {color:#fe6700;}

body { 
margin : 0; 
font : 0.74em Arial, Helvetica, sans-serif; 
line-height : 1.5em;
background:url(../images/header-background.png) top repeat-x;
background-color:#F5F1EB;
} 
a { 
color : #FFFFFF; 
background : inherit; 
text-decoration : none; 
} 
a:hover {
	color : #006CB5;
	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 : 2px 0 4px 0;
	padding : 0;
	font : bold 1.5em Arial, Helvetica, sans-serif;
	letter-spacing : 0px;
	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 : 953px;
} 
.header_right { 
float : right; 
width : 100%; 
height : 72px; 
} 
.subheader_logo {
	padding : 0;
	color : #000000;
	text-align : left;
	margin-bottom : 9px;
	margin-top : 58px;
	margin-left: 102px;
} 
.subheader_logo li {
	padding : 5px 2px 5px 2px;
	display : inline;
	text-align : center;
	color : #000000;
	font-style : inherit;
} 
.subheader {
	color : #000000;
	text-align : center;
	margin-top: 21px;
} 
.subheader li { 
padding : 5px 4px 8px 4px; 
display : inline; 
text-align : center; 
font-family:Arial, Helvetica, sans-serif, Ligurino;
font-size : 12px; 
font-weight : bold;
color:#333333;
} 
.header2 { 
width : 100%; 
height : 150px; 
} 
.header2-text { 
text-align : center; 
table-layout : fixed; 
margin-top : 0; 
} 
.left-header {
	width : 953px;
	height : 197px;
	background : url(../images/header.png);
} 
.left-header p {
	margin : 0 0 8px 0;
	font-style : inherit;
} 
.left-header li {
	padding : 0px 2px 0px 2px;
	display : inline;
	text-align : center;
	color : #FFFFFF;
	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%;
	margin : 20px 0 0 0;
	background-color: #FFFFFF;
} 
.right a {
	color : #FFFFFF;
	background : inherit;
} 
.rt { 
background : #ffffff; 
color : #fff; 
height : 7px; 
} 
.right_articles_main {
	font-size : 1em;
	color : #000000;
	margin : 20px 30px 0px 30px;
	background:url(../images/header-line.gif) no-repeat;
} 
.right_articles_main ul { 
color : #000000; 
} 
.right_articles_main p {
	color : #006EBD;
	font: Candara;
	font-size: 16px;
	font-weight: bold;
} 
.right_articles_main h2 {
	color : #006EBD;
	font: Candara;
	font-size: 16px;
	font-weight: bold;
} 
.right_articles {
	font-size : 1em;
	color : #000000;
	margin : 10px 5px 0 15px;
} 
.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-color: #F5F1EB;
} 
.footer a {
	color : #705F47;
	font-size: 11px;
} 
.footer li {
	color : #705F47;
	font-weight : normal;
	display : inline;
	font-size: 11px;
} 
.footer p {
	padding-top : 5px;
} 
.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;
	margin : 0px 32px 0 85px;
} 
.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 : left;
} 
div.c3 {
	text-align : right;
} 
div.c2 {
	margin-left : 105px;
	margin-top: 100px;
} 
div.c1 { 
text-align : left; 
} 
.style31 {
	font-style: italic;
	font-size: 15px;
}
.style32 {font-size: 28px}
.style33 {
	font-size: 10em;
	font-weight: bold;
}
.style34 {
	font-size: 12px;
	color: #006EBD;
	font: Candara;
	padding-top: 9px;
}
.style35 {
	color: #086BAE;
	font-weight: bold;
}
.style36 {
	color: #3A6EBD;
	font-weight: bold;
	font-size: 1.1em;
	font-style:italic;
}
.style44 {font-size: 17px; font-family: Candara, Arial, Helvetica, sans-serif, Ligurino; font-weight: bold; }
.style48 {font-size: 20px; color: #006EBD; }
.style49 {
	font-size: 18px;
	color: #0046B0;
	margin-bottom: 0px;
}
.style50 {
	color: #005279;
	font-weight: bold;
}
.style51 {
	font-size: 18px;
	font-weight: bold;
}
.style52 {
	font-size: 24px;
	color: #005279;
	margin-top: 5px;
}
.style54 {
	font-size: 16px;
	color: #005279;
}
.style56 {
	font-size: 16px;
	color: #FF0000;
}
.style58 {font-size: 16px}
/* 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;
	
} 

/* Subheaders
   -------------- */
   
.subheader2 {
	padding : 0;
	color : #000000;
	text-align : center;
	margin-left: 60px;
} 
.subheader2 li {
	display : inline;
	text-align : left;
	font-family:Arial, Helvetica, sans-serif, Ligurino;
	font-size : 12px;
	font-weight : normal;
	color:#3D6BC9;
} 
 
 /* Subheaders for all pages
   -------------- */
   
.subheader3 {
	padding : 0;
	color : #000000;
	text-align : center;
	margin-left: 60px;
} 
.subheader3 li {
	display : inline;
	text-align : left;
	font-family:Arial, Helvetica, sans-serif, Ligurino;
	font-size : 12px;
	font-weight : normal;
	color:#3D6BC9;
}

/* 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;
	
} 

.style22 {
	font-size: 26px;
	font-weight: bold;
}
.style28 {font-size: 15px}


.top {
	float : right;
	width : 100%;
	margin : 0 0 0 0;
} 
.top a {
	color : #FFFFFF;
	background : inherit;
} 

.top_articles {
	font-size : 1em;
	color : #000000;
	margin : 0px 0px 0 0px;
} 
.top_articles ul { 
color : #000000; 
} 
.top_articles dd { 
padding : 4px 8px; 
margin : 10px 18px 10px 18px; 
display : inline; 

text-align : right; 
} 


.footer_articles {

} 
.footer_articles ul { 
color : #000000; 
} 
.footer_articles dd { 
padding : 4px 8px; 
margin : 10px 18px 10px 18px; 
display : inline; 

text-align : right; 
} 
.footer_articles p {
	margin : 10px 18px 10px 18px;
	display : inline;
	text-align : center;
} 


.right_top {
	float : right;
	width : 100%;
	margin : 20px 0 0 0;
	background:url(../images/product-header.png) top no-repeat;
	height: 47px;
} 
.right_top a {
	color : #FFFFFF;
	background : inherit;
} 
.rt { 
background : #ffffff; 
color : #fff; 
height : 7px; 
} 
.right_top_articles_main {
	font-size : 1em;
	color : #000000;
	margin : 11px 10px 0px 200px;
	background:url(../images/header-line.gif) no-repeat;
} 
.right_top_articles_main ul { 
color : #000000; 
} 
.right_top_articles_main p {
	color : #006EBD;
	font: Candara;
	font-size: 16px;
	font-weight: bold;
} 
.right_top_articles_main h2 {
	color : #005279;
	font: Candara;
	font-size: 16px;
	font-weight: bold;
} 

.right_top_articles {
	font-size : 1em;
	color : #000000;
	margin : 20px 30px 0 30px;
} 
.right_top_articles ul { 
color : #000000; 
} 
.right_top_articles dd { 
padding : 4px 8px; 
margin : 10px 18px 10px 18px; 
display : inline; 

text-align : right; 
} 
.right_top_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_top_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_top_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; 
} 

.right_middle {
	float : right;
	width : 100%;
	margin : 0px 0 0 0;
	background:url(../images/product-middle.png) repeat;
} 
.right_middle a {
	color : #FFFFFF;
	background : inherit;
} 
.rt { 
background : #ffffff; 
color : #fff; 
height : 7px; 
} 
.right_middle_articles_main {
	font-size : 1em;
	color : #000000;
	margin : 5px 5px 0px 5px;
	background:url(../images/header-line.gif) no-repeat;
} 
.right_middle_articles_main ul { 
color : #000000; 
} 
.right_middle_articles_main p {
	color : #000000;
	font-size: 12px;
} 
.right_middle_articles_main h2 {
	color : #006EBD;
	font: Candara;
	font-size: 16px;
	font-weight: bold;
} 

.right_middle_articles {
	font-size : 1em;
	color : #000000;
	margin : 20px 30px 0 30px;
} 
.right_middle_articles ul { 
color : #000000; 
} 
.right_middle_articles dd { 
padding : 4px 8px; 
margin : 10px 18px 10px 18px; 
display : inline; 

text-align : right; 
} 
.right_middle_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_middle_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_middle_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; 
} 

.right_articles3 {
	font-size : 1em;
	color : #000000;
	margin : 20px 25px 0 25px;
} 
.right_articles3 ul { 
color : #000000; 
} 
.right_articles3 dd { 
padding : 4px 8px; 
margin : 10px 18px 10px 18px; 
display : inline; 

text-align : right; 
} 

.right_bottom {
	float : right;
	width : 100%;
	margin : 4px 0 0 0;
	background-color: #FFFFFF;
} 
.right_bottom a {
	color : #FFFFFF;
	background : inherit;
} 
.rt { 
background : #ffffff; 
color : #fff; 
height : 7px; 
} 
.right_bottom_articles_main {
	font-size : 1em;
	color : #000000;
	margin : 20px 5px 0px 5px;
	background-color: #FFFFFF;
} 
.right_bottom_articles_main ul { 
color : #000000; 
} 
.right_bottom_articles_main p {
	color : #006EBD;
	font: Candara;
	font-size: 16px;
	font-weight: bold;
} 
.right_bottom_articles_main h2 {
	color : #006EBD;
	font: Candara;
	font-size: 16px;
	font-weight: bold;
} 

.right_bottom_articles {
	font-size : 1em;
	color : #000000;
	margin : 20px 30px 0 30px;
} 
.right_bottom_articles ul { 
color : #000000; 
} 
.right_bottom_articles dd { 
padding : 4px 8px; 
margin : 10px 18px 10px 18px; 
display : inline; 

text-align : right; 
} 
 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}
 

.appleLinks a {color:#006EBD; text-decoration: none;}
.appleLinksWhite a {color:#006EBD; text-decoration: none;}