/* @override http://netstep/styles/styles.css */

@charset "utf-8";
/* CSS Document */
.hide{
	display:none;
}

.clear{
	clear:both;
}

.clearL{
	clear:left;
}

.clearR{
	clear:right;
}

.greyLine{
	border-bottom:1px solid #ddd;
	width:100%;
	margin:10px 0 10px 0;
}

.redTxt{
	color:#990000;
}

.smalltxt{
	font-size:0.8em !important;
}

html{
	height:100%;
}

body {
	margin:0px;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666; line-height:1.5em;
	background:url(../images/general/main-background.jpg) top center repeat-x;
	height:100%;
}

#content{
	width:937px;
	margin:0 auto;
}

#content h1.mainLogo{
	background:url(../images/general/large-logo.png) no-repeat top left;
	height:101px;
	width:111px;
	display:block;
}

#content h1.mainLogo a{
	height:101px;
	width:111px;
	display:block;
	text-decoration:none !important;
}

#content #TopBanner{
	background:url(../images/topbanner.gif) no-repeat top left;
	height:154px;
	width:512px;
	margin:20px 0 0 10px;
}

#content #TopBanner a{
	height:154px;
	width:512px;
	display:block;
}


#content #TopBanner h2,p{
	display:none;
}

#content #clientsBox{
	background:url(../images/general/client-logos.jpg) no-repeat top left;
	height:273px;
	width:373px;
	float:right;
	margin:43px 0 0 0;
	padding:20px 0 0 0;
	overflow: hidden;
}

.clientslist{ border-bottom:1px solid #ddd; padding: 0 0 20px 0; margin:0 0 20px 0; clear:both;}
.clientslist p{ margin:0 !important;}
.clientlisth3{margin:10px 0 10px 0;}

#bodyContent{
	width:937px;
	margin:0px 0 0 0;
	background:url(../images/general/3coloumns-bg.gif) repeat-y top center;
}

#innerBodyContent.whoops {
	background:url(../images/sneaky-page.jpg) no-repeat 475px 0;
	*background:url(../images/sneaky-page.jpg) no-repeat 475px 35px;
}
#innerBodyContent.whoops #innerPageColoumn h2 {
	font-size: 250%;
	height: 35px;
}
#innerBodyContent.whoops #innerPageColoumn p {
	font-size: 95%;
	padding-right: 90px;
}

#bodyContent a, #innerBodyContent a{
	font-size:1.0em;
	color:#333;
	border-bottom:solid 1px #990000;
	text-decoration:none;
	color:#7D0102;
}

#bodyContent a:hover, #innerBodyContent a:hover{
	color:#333;
}

#bodyContent ul, #innerBodyContent ul{
	margin:10px 0 0 0;
}

#bodyContent ul li, #innerBodyContent ul li{
	background:url(../images/general/arrow.gif) 3px 9px no-repeat;
	padding:0 0 0 15px;
}

#bodyContent h2, #innerBodyContent h2{
	font-size:1.4em;
	color:#7D0102;
	height:25px;
	font-weight:normal;
}

#innerBodyContent h3{
	font-size:1.2em;
	color:#333333;
	height:20px;
	font-weight:normal;
}

#bodyContent strong, #innerBodyContent strong{
	font-weight:bold;
}

#bodyContent p, #innerBodyContent p{
	display:block;
	font-size:0.8em;
	color:#333;
	margin:10px 10px 0 0;
}

#leftColoumn, #middleColoumn, #rightColoumn{
	width:290px;
	height:100%;
	float:left;
	padding:0 10px 10px 10px;
	margin:0;
}


#innerPageColoumn{
	width:580px;
	height:100%;
	float:left;
	padding:0 10px 10px 10px;
	margin:0;
}

#clientsTBox{
	border:1px solid #ddd;
	width:94%;
	padding:10px;
	background-color:#fff;
}
#clientsTBox table td{
	padding:5px;
}

#clientsTeaser a{
	border:none;
}


#newsletterBox form{
	border:solid 1px #DDD;
	padding:10px;
	width:290px;
	margin:10px 0 0 0;
	background-color:#fff;
}

#newsletterBox input{
	font-size:0.9em;
	color:#660000;
	padding:3px;
	margin:1px 0 0 0;
	border:1px solid #ddd;
	background:#F7F7F7;
	width:160px;
	background-color:#fff;
}

#newsletterBox #submitBT{
	height:25px;
	width:85px;
	border:none;
	display:block;
	float:right;
	background:none;
	margin:0 10px 0 0;
	padding:0;
}

#newsletterBox p.error{
	padding:10px 0 10px 45px;
	margin:0 0 10px 0;
	width:220px;
	color:#660000;
	text-align:left;
	background:url(../images/error-icon.gif) top left no-repeat;		
}

#newsImage{border:1px solid #ddd; padding:10px; width:auto; float:left; margin:0 15px 10px 0;}


#innerPageColoumn #nmailForm form {
	font-size:0.8em; border:1px solid #eee; padding:10px;
	margin-right:20px;
	background:#fff;
	border:1px solid #ccc;
	background-color:#fff;
}

#innerPageColoumn #nmailForm form h3{
	margin:0;
	padding:0;
}

#innerPageColoumn #nmailForm input{
	font-size:1em;
	color:#000;
	padding:3px;
	margin:1px 0 0 0;
}

#innerPageColoumn #nmailForm label{
	width:100px;
	float:left;
	display:block;
	margin: 0 10px 0  0;
}

#innerPageColoumn #nmailForm input.txtfields{
	width:150px;
	margin-bottom:5px;
	border:1px solid #ddd;
	background:#F7F7F7;
}

#innerPageColoumn #nmailForm #login{
	border:none;
	background:none;
	padding:0;
	margin:10px 0 0 0;
}

/*services button elements*/


#servicesListHP{ padding:10px 0 0 0; margin:0; width:291px;}

#bodyContent #servicesListHP li {
	background:url(/images/buttons/hp-services-bg-top.gif) top left no-repeat;
	font-size: .8em;
	padding: 0;
	margin-bottom: 10px;
	clear: both;
}
#servicesListHP p {
	margin: 0 0 0 0;
	font-size:0.95em;
	line-height:1.4em;
	width: 201px;
	float: right;
	padding: 0 5px 0 0;
}
#servicesListHP div {
	background: url(/images/buttons/hp-services-bg-bottom.gif) 0 100% no-repeat;
	padding: 13px 10px 15px 5px;
	overflow: hidden;
	height: 1%;
}
#servicesListHP span {
	display: block;
	margin-top: 5px;
}



#servicesListHP a{font-weight:normal; font-size:0.95em; margin:0 10px 10px 0; border:none; }
#servicesListHP a.s1,#servicesListHP a.s2,#servicesListHP a.s3,#servicesListHP a.s4,#servicesListHP a.s5,#servicesListHP a.s6 {
	margin:0 5px 0 0;
}
#servicesListHP ul li span{background: url(/images/general/arrow.gif) 0px 5px no-repeat; padding-left: 12px; font-size: 1em;}

#servicesList ul li span a, #servicesListHP ul li span a{border-bottom:1px solid #990000; font-size:0.95em;}
#servicesList ul li span{background: url(/images/general/arrow.gif) 0px 5px no-repeat;padding-left: 12px; float: right; margin-right:100px;} 


/*#servicesListHP{padding:10px 0 0 0; margin:0; width:291px;}
#servicesListHP li {padding:10px 15px 0 10px; background:url(/images/buttons/hp-services-bg-top.gif) top left no-repeat; margin-bottom:10px; float:left;}
#servicesListHP ul li{padding:0; margin:0 0 6px 0; font-size:0.8em; background:url(/images/buttons/hp-services-bg-bottom.gif) bottom left no-repeat; overflow:hidden; clear:both; }
#servicesListHP img{margin:0;}
#servicesListHP p{margin:2px 0 0 0; font-size:0.95em; line-height:1.4em;}

#servicesListHP a{font-weight:normal; font-size:0.95em; margin:0 10px 10px 0; border:none; }
#servicesListHP a.s1,#servicesListHP a.s2,#servicesListHP a.s3,#servicesListHP a.s4,#servicesListHP a.s5,#servicesListHP a.s6{margin:0 0 35px 0;}
#servicesListHP ul li span{background: url(/images/general/arrow.gif) 0px 8px no-repeat; padding-left: 12px;} */

#servicesList ul li span a, #servicesListHP ul li span a{border-bottom:1px solid #990000; font-size:0.95em;}
#servicesList ul li span{background: url(/images/general/arrow.gif) 0px 5px no-repeat;padding-left: 12px; float: right; margin-right:100px;} 

#servicesList ul{padding:10px 0 10px 0; margin:0; width:90%;background-color:#fff;}
#servicesList ul li{list-style:none !important;padding:0 10px 10px 0; clear:left; margin:0 0 35px 0; font-size:0.8em; background:none;}
#servicesList ul li.hplist{padding:10px !important; border:1px solid #eee; height:80px;}
#servicesList img{margin:0 10px 10px 0;}
#servicesList p{margin:2px 0 0 0; font-size:0.95em; line-height:1.4em;}
#servicesList a{font-weight:normal; font-size:1.2em; border:none; margin:0 10px 35px 0;}

#servicesListHP a.s1, #servicesList a.s1{background:url(/images/buttons/consultancy-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}

#servicesListHP a.s2, #servicesList a.s2{background:url(/images/buttons/creative-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}

#servicesListHP a.s3, #servicesList a.s3{background:url(/images/buttons/webdesign-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}

#servicesListHP a.s4, #servicesList a.s4{background:url(/images/buttons/www-marketing-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}

#servicesListHP a.s5, #servicesList a.s5{background:url(/images/buttons/management-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}

#servicesListHP a.s6, #servicesList a.s6{background:url(/images/buttons/dns-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}}

ul li #item1, ul li  #item2, ul li  #item3, ul li  #item4, ul li  #item5, ul li  #item6{cursor:pointer;}

#clientlogin{margin:20px 0 20px 0; border:1px solid #ddd; padding:10px; font-size:1em; background-color:#fff;}
#clientlogin a{border:none;background:none;}
#clientlogin img{margin:0 10px 0 0;}

.newsImg{
	/*background:url(/images/general/news-image-260-bg.gif) no-repeat top left;
	height:160px;
	width:260px;*/
	padding:10px;
	margin:10px 10px 10px 0;
	width:280px;
	border:solid 1px #DDD;	
	float:left;
	background-color:#fff;
}
.newsImg a, .newsImg a:hover{background:none; border:none;}

.itemLinks{
	font-size:11px;
}

.testimonialBox{
	margin:10px 0 0 0;
	background:#eee;
	min-height:50px;
	padding:15px;
	font-size:0.75em;
	line-height:2em;
	font-style:italic;
}

#testimonialDetails img{
	float:left;
	border:1px solid #ddd;
	margin:0 10px 0 0;
}

#testimonialDetails{
	font-size:0.7em;
	line-height:15px;
	padding:0;
	margin:5px 0 0 0;
}


#screenshot{float:left; margin:10px 10px 10px 0; padding:5px; border:1px solid #ddd;}

#mapsBox a{color:#660000; font-size:1.2em;}

#footer{
	margin:10px 0 30px 0;
	height:100px;
	width:100%;
	background:url(../images/general/footer-top-bg.gif) repeat-x top left;
}

#footer #footerContent{
	width:937px;
	margin:0 auto;
	font-size:9px;
	padding:15px 0 0 10px;
	line-height:17px;
}

#footer #footerContent a{
	color:#666;
	text-decoration:none;
}

#footer #footerContent a:hover{
	color:#660000;
	text-decoration:none;
	border-bottom:#660000 dotted 1px;
}

#footer #footerEnd{
	margin:0 auto;
	height:13px;
	width:100%;
	background:url(../images/general/footer-bottom-bg.gif) repeat-x bottom left;
}

#footer #footerContent img{
	float:right;
}

/*news pages*/
#newsNav{
	clear: both;
	margin-bottom: 20px; 
	font-size: 0.75em;
	border:1px solid #ddd;
	padding:10px 15px 10px 15px;
	background-color:#fff;
}

.newsItem{
	border:1px solid #ddd;
	margin:0 0 10px 0;
	padding:10px 15px 0 15px;
	margin:0 0 20px 0;
	background-color:#fff;
}
#newsDetails{
	margin:10px 0 0 0;
}
#newsDetails img{
	margin:0 10px 10px 0;
}

/*contact form*/
/* Forms */

div.row {
	clear:both;
	padding: 5px;
	width:100%;
	margin: 0px;
}

span.formw {
	float: left;
	text-align: left;
}

#nmailForm #enqform textarea{
	width:500px;
}

#nmailForm #enqform label {
	float: left;
	width:400px !important;
	text-align: left;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 5px;
}

#enqformErrors p{color:#990000 !important;}

label.info {
	float: left;
	width: 100%;
	text-align: left;
	padding-left:10px;
	padding-top: 0;
	padding-right: 5px;
	line-height:14px;
}

label.formapp	 {
	float: left;
	width: 100%;
	text-align: left;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 5px;
}

label.formapp2	 {
	float: left;
	width: 100%;
	text-align: left;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 5px;
}

label.formapp3	 {
	float: left;
	width: 100%;
	text-align: left;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 5px;
}

fieldset {
	padding-top: 10px;
	/*border: none;*/
	padding:10px 0px 10px 0px;
}

legend {color:#666666; font-weight:bold;}

div.divlegend {
	padding:3px;
	margin:0px;
	height:15px;
	font-weight:bold;
}
#rightColoumn .noUnderline{
	text-decoration:none;
	background: none;
	border:none;	
}
.googleBorder{
	/*background:url(/images/general/news-image-260-bg.gif) no-repeat top left;
	height:160px;
	width:260px;*/
	padding:10px;
	margin:10px 10px 10px 0;
	width:292px;
	border:solid 1px #DDD;	
	float:left;
}


/* @group homepage services icons and links */
#servicesListHP{ padding:10px 0 0 0; margin:0; width:291px;}
#servicesListHP li:last-child {border:none;} 

#bodyContent #servicesListHP li {
	background:none;
	font-size: .8em;
	margin-bottom: 10px;
	clear: both;
}
#bodyContent #servicesListHP li span a{
text-decoration:underline;
background:none;
border:none;
}

#servicesListHP p {
	margin: 0 0 0 0;
	font-size:1em;
	line-height:1.4em;
	width: 201px;
	float: right;
	padding: 0 5px 0 0;
}
#servicesListHP div {
	background: none;
	border-bottom:1px solid #eee;
	padding: 5px 10px 10px 5px;
	overflow: hidden;
	height: 1%;
}
#servicesListHP p{
	margin-top: 5px;
}
#servicesListHP span {
	display: block;
}


#servicesListHP a{font-weight:normal; font-size:1.1em; margin:0 0px 0 10px; }
#servicesListHP a.s1,#servicesListHP a.s2,#servicesListHP a.s3,#servicesListHP a.s4,#servicesListHP a.s5,#servicesListHP a.s6 {
	margin:0 5px 0 0;
}
#servicesListHP ul li span{background: url(/images/general/arrow.gif) 0px 5px no-repeat; padding-left: 0; font-size: 1em; margin:0 0 0 10px;}

#servicesListHP a.s1, #servicesList a.s1{background:url(/images/buttons/consultancy-icon.gif) 0 0 no-repeat; height:65px; width:65px; display:block; float:left;}

#servicesListHP a.s2, #servicesList a.s2{background:url(/images/buttons/creative-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}

#servicesListHP a.s3, #servicesList a.s3{background:url(/images/buttons/webdesign-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}

#servicesListHP a.s4, #servicesList a.s4{background:url(/images/buttons/www-marketing-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}

#servicesListHP a.s5, #servicesList a.s5{background:url(/images/buttons/management-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}

#servicesListHP a.s6, #servicesList a.s6{background:url(/images/buttons/dns-icon.gif) top left no-repeat; height:65px; width:65px; display:block; float:left;}

ul li #item1, ul li  #item2, ul li  #item3, ul li  #item4, ul li  #item5, ul li  #item6{cursor:pointer;}
/* @end */

#vacancymsg{
	width:291px;
	height:102px;
	display:block;
	background:url(../images/office-manager-banner-element.gif) top left no-repeat;
	text-indent:-9999px;
	border:none !important;
}

.basiclist{
	font-size:0.9em;
	color:#333;
}