/* CSS Copyright www.tattoo-web-design.co.uk All Rights Reserved */

*{ margin:0;}

a, a img, img{border:none;text-decoration:none;}

a:visited{color:#0a66b6}

ul{list-style:none;padding:0;}

P{margin:15px 0px;}

body{
	font-family:lucida, arial, helvetica, sans-serif !important;
	font-size:13px;
    color:#333; 
    background:#F4F4F4 url(/img/background.jpg) no-repeat left top;
}

#cTop{
	z-index:100000 !important;
	position:fixed;
	height:25px;
	width:100%;
	background:#000;
	color:#fff;
	text-align:right;	
}

#top{
	padding-top:3px;
	width:980px;
	margin:auto;	
}

/* START SITE SEARCH */

#searchwrapper{
    width:160px; 
    height:17px;
	border:1px solid #999;
    margin-left:5px;
    position:relative; /*important*/
	float:right;
} 

.searchbox{
	color:#ccc;
    border:0; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
    top:0;
    width:130px;
    height:17px;
	padding:0;
}
 
.searchbox_submit{
    border:0px; /*important*/
    background-color:transparent; /*important*/
    position:absolute; /*important*/
    top:0;
    right:5px;
    width:16px;
    height:15px;
}

#cLogo{
	width:294px;
	height:140px;
	position:absolute;
	top:25px;
	left:0;
	border-left:1px solid #000;
}

#cShadow{
	position:absolute;
	left:294px;	
	background:url(/img/shadow.png) repeat-y;
	width:7px;
	height:414px;
	z-index:900;
}
	
.col1{ 
    width:265px;
	float:left;
	padding:15px 30px 30px 0;
	background:transparent url(/img/colshadow-left.png) no-repeat top right;
	min-height:300px;	
	line-height:2;	
}

.col1 li{
    padding-left:15px;
	background:transparent url(/img/unpinned.png) left 5px no-repeat;
}

#paypal{
	padding-bottom:15px;
}

#submit{
	border:1px solid #CCC;
	padding:2px 5px;
	clear:both;
	float:right;
}

#submit:hover{
	background:#9CF;
}

.col2{
    min-height:800px;
    width:624px;
	float:left;
	padding:0 30px 30px 30px;
	background:#FFF;	
	border-right:1px solid #CCC;
	line-height:2;
	clear:right;
}
.col2 ul{
	padding-left:20px;
}

.col2 li{
	padding-left:20px;
	background:url(/img/bullet.jpg) left center no-repeat;
}

.row1{
    padding:10px 30px 10px 30px;/*top left bottom right*/
	clear:both;
	padding:0px;
}


/***** START HEADERS *****/

h1{
	line-height:normal !important;
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
    font-size:23px;
    font-weight:normal;
    text-transform:uppercase;
	border-bottom:1px dashed #999;
	padding:20px 0 5px 0;/*  top, right bottom, left*/
	margin-bottom:10px;
	color:#395481;	
}

h2{ 
	font-size:9px;
}  

h3{
	text-transform:uppercase;
	margin-bottom:15px;
	font-size:12px;
}

#wrapper{ 
    margin:auto;
    width:980px;
}

#cHeader{ 
    height:400px;	
    position:relative;	
	border-right:1px solid #000;
	overflow:hidden;
}

#cDate{
	position:absolute;
	bottom:-20px;
	right:0;
	color:#333;
}

#cCounter{
	float:right;
}


/***** START MENU *****/

#cMenu {
    position:absolute; 
    bottom:0;
    right:0;	
	background:#2a3333;
	width:685px;
	height:35px;
	overflow:hidden;
	font-size:12px;
	font-weight:bold;	
    text-transform:uppercase;	
    letter-spacing:1.5px;
	z-index:999;
}

#cMenu li{
	float:left;
}

#cMenu a{
	text-align:center;
    float:left;
    color:#fff;
    padding:11px 14px;
    text-decoration:none;
}

#cMenu a:hover, #home .home, #contact .contact, #telephone .telephone, #voip .voip, #services .services, #data .data{
    background:transparent url(/img/menu-pointer.png) bottom center no-repeat;
}

#areaswecover P{ clear:both }

#areaswecover ul{
	padding-left:0 !important;
	color:#009;
	padding-right:105px;
	float:left;
}

#areaswecover li{
	padding-left:30px;
	background:url(/img/tick2.gif) center left no-repeat;
	margin-bottom:3px;
}

#areaswecover {clear:both}

.styledlist{
	float:left;
	color:#666;
	font-weight:bold;
	padding-left:45px;
}

.styledlist li{
	padding-left:30px;
	background:url(/img/tick2.gif) center left no-repeat;
	margin-bottom:5px;
}


/***** START BANNER *****/

#banner-image{
	position:absolute;
	top:25px;
	right:0;
	height:345px;
	width:685px;
}

/***** START CALLBACK *****/

#cCallback{
	position:absolute;
	width:294px;
	bottom:0;
	left:0;
	height:380px;
	background:transparent url(/img/transparent.png);
	vertical-align:top;
	border:1px solid #333;
}

#callback{
	vertical-align:top;
    width:210px;
	margin:auto;
	font-size:12px;	
    letter-spacing:1.5px;
}

#callback P{font-weight:bold;}

#cCallback h1{
	padding-top:5px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	border:none !important;
}

#cCallback fieldset input[type="text"] {
	width:200px;
}

#cCallback #txtpostcode{
	width:80px !important;
	float:left;
	margin-right:5px;
}

#callback-button{
	padding-top:5px;/* important fix for chrome */
}


/***** START FOOTER *****/

#cFooter{
	clear:both;
	background:#000;
	border-top:1px solid #666;
}

#footer{
	color:#999;
	font-size:11px;
	padding-top:20px;
    width:945px;
    margin:auto;
}

#footer a, #footer a:visited{
	color:inherit;
}

#cCopyright{
	float:left;
	display:inline;
}

ul#compatible li{
	float:left;
	margin-right:5px;
}

#compatible{
	padding-bottom:10px;
}

#compatible a{
	display:block;
	width:102px;
	height:15px;	
}

#compatible #ff{
	background:url(/img/compatible-icons.gif) left top no-repeat;
}

#compatible #ie{
	background:url(/img/compatible-icons.gif) left -15px no-repeat;
}

#compatible #cr{
	background:url(/img/compatible-icons.gif) left -30px no-repeat;
}

#compatible #op{
	background:url(/img/compatible-icons.gif) left -45px no-repeat;
}

#compatible #sa{
	background:url(/img/compatible-icons.gif) left -60px no-repeat;
}

ul#standards{
	padding-bottom:10px;
}

ul#standards li{
	float:right;
	margin-left:5px;
}

#standards a{
	display:block;
	width:80px;
	height:15px;
}

#standards #xhtml{
	background:url(/img/compatible-icons.gif) left -75px no-repeat;
}

#standards #css{
	background:url(/img/compatible-icons.gif) left -90px no-repeat;
}

#cSolution{
	display:inline;
	float:right;
	clear:right;
	text-align:right;
}

#usefulLink{
	text-decoration:none;
    color:#999;	
}

#cKeywords {
	padding-top:40px;
	clear:both;
	text-align:center;
	font-size:10px;
}
/**************************** START PAGES ***************************/

/***** CONTACT FORM *****/

.red {
	font-style:italic;
	font-weight:lighter;
}

form fieldset {
	padding:0;
    border:0px;
}

legend{
	padding:0;
}

form label {
    display:block;
    font-weight:bold;
    line-height:1.4;
	margin-left:3px;
    color:#333;
}

.errLabel {
	color:#900;
	text-transform:lowercase;
}

form fieldset input[type="text"] {
    width:225px;
    padding:2px;
    font-size:1.2em;
	color:#666;
    background-color:#fff;
	border:1px solid #666;
	margin:6px 0px; /*topbottom leftright */
}

.errorTxt{
	color:red;
}

textarea {
    width:225px;
	height:100px;
    padding:2px;
    font-size:1.2em;
	color:#666;
    background-color:#fff;	
	border:1px solid #666;
	margin-top:5px;
}

/***** START NEWS *****/

#cPaging{
	text-align:right;
}

.cTitle{
    text-transform:uppercase;
	font-weight:bold;
}
	
.pinned{
    background:none;
	background:transparent url(/img/pinned.png) left 5px no-repeat;
}
	
.cContent{
	display:block;
}
	
.cDateCreated{
	font-size:smaller;
	color:#999;
	display:block;	
	margin-bottom:10px;
}
	
.cPaging {
	color:#333;
}
	
.cPaging:hover {
	color:#09F;
}

/***** START TESTIMONIES *****/

#testimonies form{display:inline}

.testimonyTitle{
    background:#395481;
	text-align:left;
	color:#FFF;
	padding:5px;
	font-weight:bold;
	margin-bottom:10px;
}

.testimonyDate{
	text-align:right;
	font-size:smaller;
}

.paging-button, .paging-button a {
	background-color:#333;
	padding:2px 7px;
	color:#FFF;
}

.paging-button:hover {
	background-color:#900;
}

/***** STOP TESTIMONIES *****/