﻿/*	--------------------------------------------------
	CSS created by xpertweb.co.uk
-------------------------------------------------- */

body { 
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#2a2a2a;
	}
	
a#vlb {
	display:none
}

/*	--------------------------------------------------
	Links
-------------------------------------------------- */
a:active { outline: none; text-decoration: none; border:0px; }
a { outline: none; text-decoration: none; border:0px; }	
a { color: #4d4d4d; text-decoration: none; border:0px; }
a:hover { color: #d84186; text-decoration: none; border:0px; } 
a:focus { outline: 0px solid white; text-decoration: none; border:0px; }

.blue a { color: #4d4d4d; text-decoration: none; }
.blue a:hover { color: #d84186; text-decoration: none; border-bottom:1px dotted #d84186; } 
.blue a:focus { outline: 0px solid white; }

.pink a { color: #4d4d4d; text-decoration: none; }
.pink a:hover { color: #d84186; text-decoration: none; border-bottom:1px dotted #d84186; } 
.pink a:focus { outline: 0px solid white; }

.blue_over a { color: #d84186; text-decoration: none; }
.blue_over a:hover { color: #d84186; text-decoration: none; border-bottom:1px dotted #d84186; } 
.blue_over a:focus { outline: 0px solid white; }

.black_link a { color: #000000; text-decoration: none; }
.black_link a:hover { color: #ffffff; text-decoration: none; border-bottom:1px dotted #ffffff;  } 

.footers a { color: #505256; text-decoration: none; }
.footers a:hover { color: #ffffff; text-decoration: none; border-bottom:1px dotted #ffffff; } 
.footers a:focus { outline: 0px solid white; }

.portfolio a { color: #ffffff; text-decoration: none; border:0px; margin:0px; padding:0px; }
.portfolio a:hover { color: #ffffff; text-decoration: none; border:0px; margin:0px; padding:0px; } 
.portfolio a:focus { color: #ffffff; text-decoration: none; border:0px; margin:0px; padding:0px; }

/*	--------------------------------------------------
	Text
-------------------------------------------------- */

p {
	padding: 0px 0px 0px 0px;
	color: #7e7e7e;
	font-size: 9pt;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
}
.p_portfolio {
	margin: 0 0 10px 10px;
	padding: 0;
	font-weight: normal;
	color: #7e7e7e;
	font-size: 11px;
	line-height:1;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
}
.pport {
	padding: 0px 10px 10px 10px;
	margin:0px;
	color: #7e7e7e;
	font-size: 9pt;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
}
.ptests {
	padding: 5px 10px 5px 10px;
	color: #717171;
	font-size: 8pt;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
	font-style:italic;
}
.services_bottom {
	padding: 0px 10px 0px 10px;
	color: #7e7e7e;
	font-size: 9pt;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
}
.welcome_top {
	padding: 0px;
	color: #ffffff;
	font-size: 9pt;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
	font-weight:bold;
}
.services_bottom_more {
	padding: 0px 10px 10px 10px;
	margin:0px;
	color: #7e7e7e;
	font-size: 11px;
	line-height:1;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
}
.ptests_sig {
	padding: 5px 10px 5px 50px;
	color: #7e7e7e;
	font-size: 11px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
}
.p_cp {
	padding: 0px 0px 0px 0px;
	margin:-5px 0px 8px 8px;
	color: #7e7e7e;
	font-size: 11px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
}
.pform {
	padding:0;
	margin:0;
	border:0;
	color: #7e7e7e;
	font-size: 9pt;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
}
.footer {
	padding: 0px 0px 0px 0px;
	color: #505256;
	font-size: 11px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
}
ul { 
	margin: 0; 
	padding: 0; 
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	}
	
ol { 
	margin: 0; 
	padding: 0; 
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	}
	
li { 
	margin: 0;
	padding: 0; 
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	}
.hometop {
	margin: 0 0px 0 0px;
	padding: 0;
	font-weight: bold;
	font-size:18px;
	color:#ffffff;
}	
h1 {
	margin: 0 15px 0 15px;
	padding: 0;
	font-weight: normal;
	font-size:18px;
	color:#ffffff;
}
.pageheader {
	margin: 0 15px 0 15px;
	padding: 0;
	font-weight: normal;
	font-size:18px;
	color:#ffffff;
}
h2 {
	margin: 0 0 0 0;
	padding: 0;
	font-weight: normal;
	font-size:18px;
	color:#d84186;
}
h3 {
    padding: 0;
    margin: 0 15px 0 15px;
	font-weight: normal;
	font-size:16px;
	color:#ffffff;
}
h4 {
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: normal;
	font-size:15px;
	color:#d84186;
}

.home_services {
	margin: 10px 0 0 15px;
	padding: 0;
	font-weight: normal;
	font-size:18px;
	color:#d84186;
}

h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size:15px;
	color:#4f4f4f;
}
h6 {
	font-size:12px;
	text-align:right;
	padding:0;
	margin:0 0 0 0;
}

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

	Images
	
************************************************/ 

.blue_top {
	background-image:url('images/blue_top.png');
	background-repeat:no-repeat;
	}
.dots_div {
	background-image:url('images/dots.gif');
	background-repeat:repeat-x;
	height:2px;
	width:100%;
	}
.dots_div1 {
	background-image:url('images/dots.gif');
	background-repeat:repeat-x;
	height:2px;
	margin-left:10px;
	margin-right:10px;
	}
.captcha {
	border:1px #d7d7d7 solid;
	padding: 0;
}
.testimonials {
	border-top:1px #d7d7d7 solid;
	border-left:1px #d7d7d7 solid;
	border-right:1px #d7d7d7 solid;
}
.tests_bottom {
	background-image:url('images/tests_bottom.png');
	background-position:center top;
	background-repeat:no-repeat;
}
.border_grey {
	border:1px #d7d7d7 solid;
}
.side_grey {
	background-image:url('images/side_grey.png');
	background-position:right top;
	background-repeat:repeat-y;
}

.back_branding {
	background-image:url('images/back_branding.jpg');
	background-position:right top;
	background-repeat:no-repeat;
}
.back_webdesign {
	background-image:url('images/back_webdesign.jpg');
	background-position:right top;
	background-repeat:no-repeat;
}
.back_seo {
	background-image:url('images/back_seo.jpg');
	background-position:right top;
	background-repeat:no-repeat;
}
.back_ecommerce {
	background-image:url('images/back_ecommerce.jpg');
	background-position:right top;
	background-repeat:no-repeat;
}
.back_cms {
	background-image:url('images/back_cms.jpg');
	background-position:right top;
	background-repeat:no-repeat;
}

/*	--------------------------------------------------
	Forms
-------------------------------------------------- */

/*	--------------------------------------------------
	Forms
-------------------------------------------------- */

.input1 { 
	background-color:#ffffff;
	color: #505256; 
	font-family:Arial, Helvetica, sans-serif;
	border:1px #d7d7d7 solid;
	font-size:12px;
	padding: 10px 5px 0px 5px;
	width:550px;
	height:25px;
	}
.input1:hover {
    border: 1px solid #d84186;
    background: #f3f3f3;
}
input:hover {
	background-color:#d84186;
	border:none;
}
.input_radio { 
	background-color:#ffffff;
	color: #d84186; 
	font-family:Arial, Helvetica, sans-serif;
	border:0px #d7d7d7 solid;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	width:12px;
	height:12px;
	}
.input_radio:hover {
    border: 0px solid #d84186;
	background-color:#ffffff;
}
.inputsubmit { 
	border:0px;
	cursor:pointer;
	margin-top:20px;
	background-color:#e55f9c;
	color:#ffffff;
	padding:12px 18px;
	border:none;
	width:130px;
	font-size:13px;
	font-weight:bold;
	height:43px;
	font-family:Arial, Helvetica, sans-serif;
}
.button {
    border: none;
    background: url('/forms/up.png') no-repeat top left;
    padding: 2px 8px;
}
.button:hover {
    border: none;
    background: url('/forms/down.png') no-repeat top left;
    padding: 2px 8px;
}

textarea { 
	background-color:#ffffff;
	color: #505256; 
	font-family:Arial, Helvetica, sans-serif;
	border:1px #d7d7d7 solid;
	font-size:12px;
	padding: 10px 5px 0px 5px;
	width:550px;
	height:120px;
}  
textarea :hover {
    border: 1px solid #d84186;
}
select { 
	background-color:#ffffff;
	color: #505256; 
	font-family:Arial, Helvetica, sans-serif;
	border:1px #d7d7d7 solid;
	font-size:12px;
	padding: 10px 5px 0px 5px;
	width:550px;
}

/*	--------------------------------------------------
	Styles
-------------------------------------------------- */

.style1 {
	background-color: #FFFFFF;
}
.style2 {
	text-align: right;
}
.style3 {
	color: #DADADA;
}
.auto-style4 {
	background-color: #1E1E1E;
}
.auto-style5 {
	background-color: #171717;
}
.auto-style6 {
	color: #d84186;
}
.auto-style9 {
	background-color: #2A2A2A;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 0px; 
    position:fixed;
    bottom:0px;
    right:0px;
}
.butsover a{
	display:block;
	background-color:#e55f9c;
	color:#ffffff;
	padding:12px 18px;
	margin-top:20px;
	border:none;
	width:235px;
	font-size:13px;
	font-weight:bold;
}
.butsover a:hover{
	background-color:#d84186;
	border:none;
}

/*	--------------------------------------------------
	Port
-------------------------------------------------- */     
div#logo .link h1 a { 
	float: left; 
	width: 186px; 
	height: 73px; 
	background-image:url('images/logo.png');
	}
.key { 
	background-position: top; 
	background-repeat: no-repeat; 
	display: block; 
}
.key span { 
	width: 0px; 
	height: 0px; 
	overflow: hidden; 
	display: block; 
}
img { 
	border: 0;
	outline:white solid 0px;
}
.img a:hover { 
	border: 0;
	outline:white solid 0px;
}
.auto-style10 {
	background-color: #EFEFE7;
}

.auto-style11 {
	border: 1px solid #e4e4e4;
	text-align: center;
}

.auto-style11 :hover {
	border: 0px solid #ededed;
	background-color: #ededed;
}

.auto-style12 {
	text-align: center;
}

.auto-style13 {
	text-align: left;
}

.auto-style14 {
	list-style-image: url('../images/arrow_blue.png');
	padding: 0px 0px 0px 0px;
	color: #7e7e7e;
	font-size: 9pt;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
	margin-left:15px;
}

.shadow {
	background-image:url('images/shadow.jpg');
	background-position:center top;
	background-repeat:no-repeat;
}
