@charset "UTF-8";
/* CSS Document */

*						{ padding: 0; margin: 0; }
html					{  background: url(../images/background.jpg) repeat-x; background-color: #6b7982; }						
body 					{ font-family: Arial, Helvetica, sans-serif; }
.clearBoth				{ clear:both; line-height:0; }

h2						{ padding:0 0 10px 0; }

.adr					{ position:absolute; top:7px; right:61px; text-align:right; }

#flashBackground		{ position:absolute; left:0; top:0; z-index:400; }

#topButton				{ bottom:0; position:fixed; left:436px; }
#topButton a:visited,
#topButton a:active,
#topButton a			{ background:url(../images/backtoptop.png) no-repeat 0px 0px; display:block; height:36px; overflow:hidden; text-indent:-1000px; width:86px; }
#topButton a:visited:hover,
#topButton a:hover		{  }

h1						{  }
#homeBar h1 a:visited,
#homeBar h1 a:active,
#homeBar h1 a:visited:hover,
#homeBar h1 a:hover,
#homeBar h1 a			{ background:transparent url(../images/home_button.jpg) no-repeat 0px 0px; display:block; height:52px; overflow:hidden; text-indent:-1000px; width:381px; }

#quoteHide				{ background:#fff; position:absolute; left:40px; top:82px; z-index:500; width:440px; height:133px; }

#work h1				{ clear:both; font-weight:normal; line-height:125%; }
#work h2				{ clear:both; padding:0 0 10px 0; font-weight:normal; }

#pageBanner404			{  background:transparent url(../images/404panel.png) no-repeat 0px 0px; clear:both; height:120px; text-indent:-1000px; overflow:hidden; width:643px; }

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* nav container */

ul 					{ padding:0 0 0px 20px; }
li 					{ padding-left: 0px; margin: 0px; }

li.list 				{background: url(..images/list.gif) no-repeat left 1px;  margin: 0 0 0 0px; padding:0px 0px 5px 20px;} 

.panel ul, .portfolio ul, .leftnews ul	{ margin: 0; padding: 0; }

.panel li, .portfolio li, .leftnews li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: url(../images/list.gif) no-repeat left 1px;
list-style-type: none;
padding-left: 20px;
padding-bottom: 5px;
margin-bottom: 5px;
}

#work p { padding:0 0 10px 0;}

#wrapper 					{ clear:both; width: 980px; margin: 42px 0 0 0; position:relative; }

#home_btn {	width: auto;	height: auto;	margin: 0 0 0 0px;}

#topnav {  float: right; margin: 0px 0px 0px 0px; padding: 0px; height: 30px; width: 100%; display: inline; background: url(../images/topnav.gif) repeat-x;}

#header {
 color: #333; width: 1702px; float: left; padding: 0px; border: 0px solid #ccc; height: 132px; margin: 0px 0px 0px 0px;}



#leftcolumn { 
 margin: 0px 0px 0px 0px; width: 160px; float: left; padding-left: 10px;}

#leftcolumn2 { 
 margin: 0px 0px 0px 0px;
 height: 500px;
 width: 150px;
 float: left;
 padding-left: 10px;
}

#news_bubble { 
 margin: 0px 0px 0px 0px;
 height: auto;
 width: 140px;
}

.news_bubble_top { 
 margin: 0px 0px 0px 0px;
 height: 57px;
 width: 140px;
 background: url(../images/bubble_top.png) no-repeat;
}

.news_bubble_mid { 
 padding: 0px 10px 0px 12px;
 height: auto;
 width: 118px;
  background: url(../images/bubble_middle.png) repeat-y;
}

.news_bubble_bottom { 
 margin: 0px 0px 0px 0px;
 height: 50px;
 width: 140px;
 padding-left: 0px;
  background: url(../images/bubble_bottom.png) no-repeat;

}

.call_back { 
 margin: 0px 0px 0px 0px;
 height: auto;
 width: 120px;
}

.call_back_top { 
 margin: 0px 0px 0px 0px;
 height: 54px;
 width: 140px;
 background: url(../images/callback_top.png) no-repeat;
}

.call_back_mid { 
 padding: 0px 10px 0px 12px;
 height: auto;
 width: 120px;
  background: url(../images/callback_middle.png) repeat-y;
}

.call_back_bottom { 
 margin: 0px 0px 0px 0px;
 height: 50px;
 width: 140px;
 padding-left: 0px;
  background: url(../images/callback_bottom.png) no-repeat;

}

/*--------------------------------------------------------------------------------------------------------*/

form.call_back {

width:48px;
height: auto; 
 background-color: #00b0f0; 
 color: #000; 
 border: 0px solid #999999; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 text-align: left;
}

.call_back .text { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  width: 100px; 
 padding-bottom: 2px;
 border:1px solid #999; 

}

.call_back .textarea { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
  width: 104px; 
 padding-bottom: 2px;
 border:1px solid #999; 
 font-size:10px;

}

.call_back .buttons { 
 width: 50px;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 background-color: #ec008c; 
 color: #FFF;  
}

/*--------------------------------------------------------------------------------------------------------*/

#mainContent				{ clear:none; float:right; width:810px; }

#content { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: auto;
 width: 643px;
 display: inline;
}

#rightcolumn1 {
	width: 147px;
	float: right;
	padding: 228px 0 0;
	
}




.quote			{ color:#BBB; position:absolute; left:40px; top:82px; padding: 12px 30px 0 30px; line-height:104%; width:382px; height:121px; font-family:Georgia, 'Times New Roman', Times, serif;  }

.quote p		{ padding:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; line-height:145%; }
.quote h2		{ color:#A83332; padding:0 0 8px 0; font-weight:normal; }
.quote a:visited,
.quote a:active,
.quote a		{ text-decoration:underline; color:#A83332; }
.quote a:visited:hover,
.quote a:hover	{ text-decoration:underline; color:#A83332; }

.quoteReadMore	{ }

.quoteReadMore a:visited,
.quoteReadMore a:active,
.quoteReadMore a { background:transparent url(../images/readmore.jpg) no-repeat 0px 0px; display:block; width:69px; height:17px; text-indent:-1000px; overflow:hidden;  }
.quoteReadMore a:visited:hover,
.quoteReadMore a:hover { background:transparent url(../images/readmore_hover.jpg) no-repeat 0px 0px; display:block; width:69px; height:17px; text-indent:-1000px; overflow:hidden;  }

#roundedtop { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 18px;
 width: 643px;
 display: inline;
 background: url(../images/roundedtop.png) no-repeat;

}

#newsmain { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 133px;
 width: 643px;
 display: inline;
  background: url(../images/news.png) no-repeat;
}


#contactmain { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 133px;
 width: 643px;
 display: inline;
  background: url(../images/contactmain.png) no-repeat;
}
#topcorner { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 720px;
 width: 643px;
 display: inline;
  background: url(../images/team.png) no-repeat;
}


						
#work 					{ float: right; margin: 0px 0px 0px 0px; padding: 20px 40px 20px 40px; height: auto; width: 563px; display: inline; background: url(../images/repeat.png) repeat-y;}

/*---- portfolio ----------------------*/
#portfolioPage 				{ float: right; margin: 0px 0px 0px 0px; padding: 0px 40px 20px 10px; height: auto; width: 593px; display: inline; background: url(../images/repeat.png) repeat-y; line-height:135%; }

.portfolio 				{ padding: 10px 50px 20px 34px; height: auto; width: 559px; font-style: normal; font-weight: normal;color:#999999;font-family:Geneva, Arial, Helvetica, sans-serif; }
.leftportfolio 				{ padding: 10px 0px 0px 0px; height: auto; width: 256px; float:left; }
.rightportfolio 			{ padding: 10px 0px 10px 0px; height: auto; float:right; text-align:right; }
.portfolioItem				{ clear:both; padding:0 0 10px 0; }

/*------------------------------------------------------*/

.leftnews { padding: 0px 10px 0px 54px; height: auto; width: 150px; float:left;}

.rightnews {  padding: 0px 77px 10px 10px; height: auto; width: 300px; float:right; }

.newsimg {  height: auto; width: 300px; padding: 5px 0 20px 0; }

.panel {
height: auto;
width: 579px;
padding: 0 0 0 0px;
float:left;
display:inline;
overflow:hidden;
font-style: normal;	font-weight: normal;color:#999999;font-family:Geneva, Arial, Helvetica, sans-serif;
}

.panel_high {
height: auto;
width: 590px;
padding: 0 0 20px 8px;
float:left;
display:inline;
overflow:hidden;
}

.panel_logos {
height: auto;
width: 573px;
padding: 0 0 0 24px;
float:left;
display:inline;
overflow:hidden;
}


.logo_small {
height: auto;
width: 170px;
height: 99px;
padding: 0 0 0 10px;
float:left;
display:inline;
overflow:hidden;
}

.workexamples {
height: auto;
width: 581px;
padding: 0 0 0 15px;
float:left;
display:inline;
overflow:hidden;
}

.headings {
height: 40px;
width: 430px;
float:left;
display:inline;
overflow:hidden;
}

.headings1 {
height: auto;
width: auto;
float:left;
display:inline;
overflow:hidden;
}

.readmore { 
margin: 0 40px 0 0;
 padding: 20px 0px 0px 0px;
 height: 50px;
 width: 140px;
 background: url(../images/ARROW.jpg)  no-repeat;
 float:right;

}


.readmore a:link,a:visited , .portfolio a:link,a:visited {
color:#ccc;font-family: arial, sans-serif;
}

.readmore a:hover, .portfolio a:hover {
color:#CC0000;font-family: arial, sans-serif;
} 



.arrow {
height: 20px;
width: 20px;
margin: 0 0 0 0px;
float:right;
}

.completion { 
 padding: 20px 0px 0px 34px;
 height: auto;
 width: 246px;
 float:left;

}


.clients { 
 padding: 10px 30px 60px 20px;
 height: auto;
 width: 573px;

}
.client1 { 
 padding: 0px 0px 10px 10px;
 height: auto;
 width: 240px;
 float:left;
 border-right: 1px solid #ccc;

}
.client2 { 
 padding: 0px 10px 50px 20px;
 height: auto;
 width: 250px;
 float:right;

}



#bottomtext { 
 padding: 30px 20px 20px 20px;
 height: auto;
 width: 573px;
 float:left;

}

.list_items {
	padding-left: 15px;
	padding-top: 5px;
	font-style: normal;
	font-weight: bold;
	color:#fff;
	
}

.news { margin-right:  0px; margin-top:  0px; margin-bottom:  0px; padding-left: 0px; }

.newsShortListItem	{ background:transparent url(../images/bullet.jpg) no-repeat 0px 0px; clear:both; padding:0 0 11px 11px; }

.newsShortListItem a:visited,
.newsShortListItem a:active,
.newsShortListItem a				{ color:#A83332; text-decoration:none; }
.newsShortListItem a:visited:hover,
.newsShortListItem a:hover			{ color:#A83332; text-decoration:underline; }

.portfolioListTitle		{ color:#A83332; font-family:Georgia, "Times New Roman", Times, serif; }
.portfolioListSubtitle	{ color:#999; }

.content {
	margin: 0px 0px 0px 5px;
	padding-left: 0px;
}
.content_no {
	margin: 20px 0px 0px 5px;
	padding-left: 0px;
}

.contactbar {
	margin: 30px 45px 60px 0px;
	padding-left: 0px;
}

.latest {
	margin: 25px 0px 0px 0px;

}
.clock {
	margin: 0px 0px 10px 0px;
	padding-left: 0px;
}
.hr {
	border-bottom: 1px solid #EDEBD5;
}

#rightcolumn { 
 color: #333;
 margin: 50px 0px 0px 0px;
 padding: 0px;
 height: 791px;
 width: 272px;
 float: right;
}

#repeat { 
 width: 1100px;
 height:13px;
 clear: both;
 border: 0px solid #ccc;
 background: #000099;
 margin: 0px 0px 0px 0px;
 background: url(../images/repeat.png) repeat-y;
}

#footer { 
 width: 643px;
 height:137px;
 float:left;
 background: #000099;
 margin: 0px 0px 0px 0px;
 background: url(../images/footer.png) no-repeat;
}


#line {
	padding-top: 10px;
}

/*--------SD Menu----------------*/
						

#box						{ float:right; width:600px; overflow:auto; /*background-color:#F00; */}

#components, #tests, .customization{ margin:10px 0 20px 25px; }
#components li, #tests li, .customization li{ margin-bottom:3px; }

#gallery{ width:100%; height:100%; overflow:auto; padding: 20px 0 20px 0 }


#gallery img				{ border: 0px solid #fff; margin: 0px; }

.code					{ margin:10px; color:#6C0; }


.checkbox1 				{ padding: 0 0 0px 40px; float:left; }

.checkbox2 				{ margin: 0 0 0px 10px; float:right; }


#submit_btn {
width: 330px; padding: 0 20px 0px 220px; float:left;}



div.sdmenu {
	width: 150px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	/*background: url(bottom.gif) no-repeat  right bottom;*/
	
}
div.sdmenu div {
	/*background: url(title.gif) repeat-x;*/
	overflow: hidden;
}
div.sdmenu div:first-child {
	/*background: url(toptitle.gif) no-repeat;*/
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: black;
	background: url(../images/menu/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px dotted white;
}
div.sdmenu div.collapsed span {
	background-image: url(../images/menu/collapsed.gif);
}

/*SD Menu Block colour)*/
div.sdmenu div a {
	padding: 5px 10px;
	background: none;
	display: block;
	border-bottom: 1px dotted white;
	color: #666666;
}


div.sdmenu div a.current {
	background : #a83332;
	color:#fff;
}
div.sdmenu div a:hover {
	background : #fff url(../images/menu/linkarrow.gif) no-repeat right center;
	color: #a83332;
	text-decoration: none;
}

/*---- callback ---------------*/
.callBackError					{ color:#A83332; padding:0 0 8px 0; }
.call_back .error				{ border:1px solid #A83332; }
.sentMessage					{ color:#A83332; padding:0 26px 8px 0; }

.call_back #submit				{ background:transparent url(../images/button.png) no-repeat 0px -30px; margin:0 0 0 16px; overflow:hidden;  width:80px; height:30px; border:0; }
.call_back #submit:hover		{ background:transparent url(../images/button.png) no-repeat 0px 0px; margin: 0 0 0 16px; overflow:hidden; width:80px; height:30px; border:0; }

/*---- portfolio --------------*/
#portfolioContent				{ clear:both; padding:0 0 0 30px; }
#portfolioContent h3			{ color:#A83332; font-family:Georgia; font-weight:normal; padding:10px 0 15px 0; }
#portfolioContent p				{ padding:0 0 8px 0; line-height:153%; }
.portfolioFunctionIcons			{ border-bottom:1px dotted #999999; border-top:1px dotted #999999; clear:both; margin:0 10px 8px 30px; padding: 12px 0 0 0; text-align:center; }
.portfolioFunctionIcons img		{ clear:none; padding:0 10px 10px 0; }	

.portfolioTop					{ border-bottom:1px dotted #999999; border-top:1px dotted #999999; clear:both; margin:0 10px 8px 30px; }	
.portfolioListTop				{ clear:both; margin:0 10px 8px 30px; }

.portfolioContentLeft			{ clear:none; float:left; padding:0 15px 0 0; width:260px; }
.portfolioContentRight			{ border-left:1px dotted #999; clear:none; float:left; padding:0 0 0 15px; width:260px; }

.portfolioBaseItem				{ clear:none; float:left; height:219px; width:250px; padding:2px 15px 10px 10px; }
.portBaseItemText				{ clear:both; }
.portBaseItemTextLeft			{ clear:none; float:left; }
.portBaseItemTextRight			{ clear:none; float:left; padding: 7px 0 0 4px; }	
.portBaseItemImage				{ clear:both; }

.portBase						{ clear:both; padding:24px 0 0 25px;  color:#999999; }	
.portBase h2					{ font-family:Georgia, "Times New Roman", Times, serif; }
.portBase img					{ border:0; }

/*---- brand identity ---------*/
#popup							{ z-index:982; position: absolute; width:450px; height:250px; left: 200px; top:100px; background:#FFFFFF; padding:5px; visibility:hidden;  }
#popupback						{ z-index:980; position:absolute; left:0; top:0; background:#000000; width:100%; height:100%; visibility:hidden; }
#popupcontent					{ clear:both; padding:10px; }

.loading						{ background:#FFFFFF url(../assets/images/loading.gif) no-repeat scroll center 150px; }

/*---- news ------------------*/
.newsListTitle					{ clear:both; border-top:1px dotted #666; line-height:134%; padding:10px 0 4px 0; }
.newsListTitle a:visited,
.newsListTitle a:active,
.newsListTitle a				{ color:#A83332; text-decoration:none; }
.newsListTitle a:visited:hover,
.newsListTitle a:hover			{ color:#A83332; text-decoration:underline; }

.newsListDate					{ color:#999; padding:4px 0 10px 0; }

.newsListText					{ clear:none; color:#666; float:left; padding:0 0 10px 14px; width:260px; }
.newsListText a:visited,
.newsListText a:active,
.newsListText a					{ color:#A83332; text-decoration:none; }
.newsListText a:visited:hover,
.newsListText a:hover			{ color:#A83332; text-decoration:underline; }

.newsListImage					{ padding:3px; border:0; }

.newsListRead					{ clear:both; text-align:right; padding:0 27px 10px 0; }

.newsCat						{ clear:none; float:right; width:152px;  }
.newsCat ul						{ list-style:none; padding:0; margin:0; }
.newsCat li						{ clear:both; display:block;   }
.newsCat li a:visited,
.newsCat li a:active,
.newsCat li a					{ border-bottom:1px dotted #999; clear:both; color:#666; display:block; height:16px; padding:3px 2px 2px 4px; width:146px; }
.newsCat li a:visited:hover,
.newsCat li a:hover				{ border-bottom:1px dotted #999; clear:both; color:#666;background:#eee; display:block; height:16px; padding:3px 2px 2px 4px; }


.newsCatTitle					{ clear:both; border-bottom:1px dotted #666; color:#A83332; padding:15px 0 4px 0; margin:0 0 4px 0; }

.newsCat .selected a:visited,
.newsCat .selected a:active,
.newsCat .selected a 			{ background:#A83332; color:#FFF; }
.newsCat .selected a:visited:hover,
.newsCat .selected a:hover		{ background:#A83332; color:#FFF; }

.newsTitle						{ clear:both; border-bottom:1px dotted #666; color:#A83332; line-height:134%; padding:15px 0 4px 0; }
.newsDate						{ color:#999; padding:4px 0 0 0; }
.newsImage						{ clear:none; float:left; padding:3px; margin:4px 8px 4px 0; }
.newsText						{ color:#666; font-size:90%; padding:10px 0 0 0; }
.newsText p						{ padding:0 0 12px 0; }

.newsText a:visited,
.newsText a:active,
.newsText a						{ color:#A83332; text-decoration:none; }
.newsText a:visited:hover,
.newsText a:hover				{ color:#A83332; text-decoration:underline; }


.newsNewImage					{ background:url(../images/newnewsMask.png) no-repeat 0px 0px; clear:none; float:left; height:111px; width:108px; }


.recentProjects					{ border-bottom:1px dotted #999999; color:#A83332; padding:10px 0 11px 0; margin:0 0 0 29px; }
.recentProjects h3				{ clear:none; float:left; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding:2px 0 0 0; }

.recentProjectText				{ clear:both; color:#999999; padding:4px 0 0 0; }

.impressUs a:visited,
.impressUs a:active,
.impressUs a					{ background:transparent url(../images/button_jointheteam.jpg) no-repeat 0px 0px; display:block; height:47px; overflow:hidden; text-indent:-1000px; width:126px; }
.impressUs a:visited:hover,
.impressUs a:hover				{ background:transparent url(../images/button_jointheteam.jpg) no-repeat 0px 0px; display:block; height:47px; overflow:hidden; text-indent:-1000px; width:126px; }




#bottomFooter					{ background:transparent url(../images/footer_bg.jpg) repeat-x 0px 0px; color:#FFFFFF; clear:both; height:150px; overflow:hidden; position:relative; padding:20px 0 0 0; width:100%; }

#bottomFooterContent			{ clear:both; width:980px; }

#footerLeft						{ clear:none; float:left; }
#footerMiddle					{ background:transparent url(../images/footer_pssst.png) no-repeat 0px 0px; height:68px;  overflow:hidden; text-indent:-1000px; width:160px; clear:none; float:right; }

#footerRight					{ background:transparent url(../images/footer_signup_bg.png) no-repeat 0px 0px; clear:none; float:right; height:152px; padding:0 30px 0 0; width:332px; }
#signUpFields					{ clear:both; padding:104px 0 0 70px; }
#signUpFields input				{ border:1px solid #fff; background:#000; color:#FFF; padding:3px; width:195px; }
#signUpFields button			{ background:transparent url(../images/button_signup.jpg) no-repeat 0px 0px; border:0; display:block; height:25px; overflow:hidden; text-indent:-1000px; width:67px; }

#footerList						{ clear:both; padding:0 0 0 30px; }
.footerList						{ clear:none; float:left; padding:0 30px 0 0; }
.footerListTitle				{ font-weight:bold; }
.footerList	ul					{ list-style:none; margin:0; padding:0; }
.footerList li					{ margin:0; padding:4px 0 0 0; line-height:100%; }
.footerList li a:visited,
.footerList li a:active,
.footerList li a				{ color:#FFF; clear:both; text-decoration:none; }
.footerList li a:visited:hover,
.footerList li a:hover			{ color:#FFF; text-decoration:underline; }

#footerCredit					{ bottom:4px; font-style:italic; text-align:center; position:absolute; width:445px; }
#footerCredit a:visited,
#footerCredit a:active,
#footerCredit a					{ color:#fff; text-decoration:none; }
#footerCredit a:visited:hover,
#footerCredit a:hover			{ color:#fff; text-decoration:underline; }

.twitter						{ padding:130px 0 0 23px; width:74px; }
.twitter a:visited,
.twitter a:active,
.twitter a						{ display:block; color:#000; text-decoration:none; }
.twitter a:visited:hover,
.twitter a:hover				{ color:#000; text-decoration:underline; }


.impressUs						{ clear:both; padding:0 0 0 4px; }


.portfolioHiddenTitle			{ color:#990000; padding: 20px 5px 20px 20px; font-size:16px;}
.portfolioHiddenLeftPanel		{ color:#999; clear:none; float:left; font-size:10px; padding:0 0 20px 20px; width: 260px;}
.portfolioHiddenRightPanel		{ border-left:1px dotted #999;color:#999; clear:none; float:right; font-size:10px; height: 178px; padding:0 15px 20px 20px; width:260px;}
.portfolioHidden				{ clear:both;}

#clientList						{ clear:both; padding: 0 0px 0 50px; width: 600px; }
#clientList ul					{ list-style:none; }
#clientList li					{ background:transparent url(../images/list.gif) no-repeat 0px 0px; color:#666666; clear:none; float:left; font-size:10px; padding: 0 0 15px 20px; width:250px; }

.phoneNo						{ height:37px; overflow:hidden; position:absolute; left:713px; top:2px; text-indent:-1000px; width:228px; }
.phoneNo span					{ background:url(../images/images/phone-number_03.png) no-repeat 0px 0px; display:block; height:37px; width:228px; }

/*---- blog ------------------*/

.newsBack						{ clear:both; padding:0 0 10px 0; }
.newsBack a:visited,
.newsBack a:active,
.newsBack a						{ color:#BC0F0A; text-decoration:none; }
.newsBack a:visited:hover,
.newsBack a:hover				{ color:#BC0F0A; text-decoration:underline; }

.blogSocialLinks				{ clear:both; }

.blogListBottom					{ clear:both; padding:6px 0 15px 0; }

.blogSocialLinks				{ clear:none; float:left; }

.blogSocialLinks a				{ display:inline; }
.blogListRead					{ clear:none; float:right; padding:0 0 5px 0;}
.blogListText					{ clear:none; color:#666; float:left; padding:12px 0 10px 0; width:390px; }
.blogText						{ clear:none; color:#666; float:left; padding:12px 0 10px 0; width:390px; }

#blogBanner						{ background:url(../images/blog_panel.png) no-repeat 0px 0px; clear:both; height:228px; width:642px; }

.blogListQuote						{ clear:both; padding:10px 0 4px 0; }
.blogListQuote a:visited,
.blogListQuote a:active,
.blogListQuote a					{ color:#999; text-decoration:none; }
.blogListQuote a:visited:hover,
.blogListQuote a:hover				{ color:#666; text-decoration:none; }


/*---- contact form ----------*/
#contactForm					{ clear:none; float:left; width:300px; }
.contactFormField				{ clear:both; padding:10px 0 0 0; }

.contactFormButton button			{ background:transparent url(../images/button.png) no-repeat -3px -30px; display:block; overflow:hidden; text-indent:-1000px; text-decoration:none; width:80px; height:31px; border:0; padding-top:5px; }
.contactFormButton button:hover		{ background-position:-3px 0px; cursor:pointer; display:block; height:31px; width:80px; }

.contactFormButton				{  }


.contactInput					{ background:url(../images/contactfield_normal.jpg) no-repeat 0px 0px; border:0; height:23px; padding:4px 0 0 4px; width:191px; }
.contactInputPass				{ background:url(../images/contactfield_valid.jpg) no-repeat 0px 0px; border:0; height:23px; padding:4px 30px 0 4px; width:191px; }
.contactInputFail				{ background:url(../images/contactfield_fail.jpg) no-repeat 0px 0px; border:0; height:23px; padding:4px 27px 0 4px; width:191px; }

.contactText					{ background:url(../images/contacttext_normal.jpg) no-repeat 0px 0px; border:0; height:84px; padding:4px 0 0 4px; width:191px; }
.contactTextPass				{ background:url(../images/contacttext_valid.jpg) no-repeat 0px 0px; border:0; height:74px; padding:4px 36px 4px 4px; width:185px; }
.contactTextFail				{ background:url(../images/contacttext_fail.jpg) no-repeat 0px 0px; border:0; height:84px; padding:4px 27px 0 4px; width:191px; }

.contactDrop					{ background:#fff url(../images/contactfield_normal.jpg) no-repeat 0px 0px; border:0; height:27px; padding:4px 4px 4px 4px; width:196px; }
.contactDropPass				{ background:#fff url(../images/contactfield_valid.jpg) no-repeat 0px 0px; border:0; height:27px; padding:4px 35px 4px 4px; width:225px; }
.contactDropFail				{ background:#fff url(../images/contactfield_fail.jpg) no-repeat 0px 0px; border:0; height:27px; padding:4px 30px 4px 4px; width:220px; }


/*---- brief form ----------*/

#briefBanner				{ background:transparent url(../images/briefHeader-.png) no-repeat 0px 0px; clear:both; height:122px; overflow:hidden; text-indent:-1000px; width:642px; }
#briefContent				{ background:url(../images/repeat.png) repeat-y 0px 0px; clear:both; float:none; height:auto; padding:0 56px 0 28px; width:559px;}
#rightcolumnBrief			{ float: right; padding: 106px 46px 0 0; position:absolute; top:216px; right:259px; width: 147px; }
.briefHeadingText			{ clear:both; color:#b01e1c; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; padding:10px 0; }
.briefHeadingTextBig		{ clear:both; color:#b01e1c; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; padding:10px 0; text-align:center;}


.briefText					{ color:#7d7d7d; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; }
.briefText p				{ color:#7d7d7d; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; padding-bottom:15px; }

#briefPersonDetails			{ clear:both; float:none; padding-top:20px; width:576px; }

.contactField				{ clear:both; color:#000; font-size:12px; }
.contactField label			{ clear:both; display:block; padding:20px 10px 0px 0px; text-align:left; width:300px; }
.contactField input			{ clear:both; font-family:Arial, Helvetica, sans-serif; padding:3px 5px; width:325px; }
.contactField textarea		{ clear:both; font-family:Arial, Helvetica, sans-serif; height:75px; padding:3px 5px; width:325px; }
.contactButton				{ clear:both; padding-top:15px; }
.contactButton button		{ background: transparent url(../images/button.png) no-repeat 0px -30px; border:0px; height:30px; overflow:hidden; text-indent:-1000px; width:80px; }
.contactButton button:hover	{ background-position:0 0px; cursor:pointer; }
.error						{ clear:both; color:#BF0023; font-weight:bold; padding:5px 0 5px 0; }
.contactFieldNormal			{ border:1px solid #999; }
.contactFieldFail			{ border:1px solid #FF0000;  }
#sent						{ clear:both; color:#990000; font-size:16px; text-align:center; padding-top:8px; }

/*---- brief form ----------*/
.contactFieldBrief					{ clear:none; color:#747474; display:inline; float:left; font-size:10px; padding:5px 0 0 0; width:285px; }
.contactFieldBrief2					{ clear:none; color:#747474; float:left; font-size:10px; padding:5px 0 0 0; width:278px; }
.contactFieldBriefLong				{ clear:none; color:#747474; float:left; font-size:10px; padding:5px 0 0 0; width:567px; }

.contactFieldBrief label			{ clear:none; display:block; float:left; padding-top:5px; text-align:left; width:88px; }
.contactFieldBrief2 label			{ clear:none; display:block; float:left; padding-top:5px; text-align:left; width:130px; }
.contactFieldBriefLong label		{ clear:none; display:block; float:left; padding-top:5px; text-align:left; width:567px; }

.contactFieldBrief input			{ clear:none; float:left; font-family: Arial, Helvetica, sans-serif; width:183px; }
.contactFieldBrief input2			{ clear:none; float:right; font-family: Arial, Helvetica, sans-serif; width:140px; }
.contactFieldBrief inputLong		{ clear:none; float:right; font-family: Arial, Helvetica, sans-serif; width:567px; }

.contactFieldBriefLong textarea		{ clear:none; float:left; font-family:Arial, Helvetica, sans-serif; height:75px; width:567px; }
.contactButtonBrief					{ clear:both; padding-top:15px; }
.contactButtonBrief button			{ background: transparent url(../images/button.png) no-repeat 0px -30px; border:0px; height:30px; overflow:hidden; text-indent:-1000px; width:80px; }
.contactButtonBrief button:hover	{ background-position:0 0px; cursor:pointer; }

.errorBrief							{ clear:none; color:#BF0023; float:left; font-weight:bold; padding:5px 0 5px 0; }
.errorBrief2						{ clear:none; color:#BF0023; float:left; font-weight:bold; padding:5px 0 5px 0; }

.contactFieldNormalBrief			{ border:1px solid #999; float:left; height:20px; width:288px; }
.contactFieldNormalBrief2			{ border:1px solid #999; float:left; height:20px; width:141px; }

.contactFieldFailBrief				{ border:1px solid #FF0000; float:left; height:20px; width:288px; }
.contactFieldFailBrief2				{ border:1px solid #FF0000; float:right; height:20px; margin-left:6px; width:182px; }
#sentBrief							{ clear:both; color:#990000; font-size:16px; text-align:center; padding-top:8px; }
.briefDotLine						{ border-bottom:#666 dotted 1px; clear:both; height:14px; overflow:hidden;  text-indent:-1000px; width:575px; }

.briefRadioButtons					{ color:#666; clear:both; font-size:11px; height:18px; text-align:center; width:575px; }
.leftRadio							{ clear:none; float:left; text-align:right; width:225px; }
.midRadio							{ clear:none; float:left; }
.rightRadio							{ clear:none; float:left; }

.briefRadioButtonsx2				{ color:#666; clear:both; font-size:11px; text-align:center; width:575px; }
.leftRadiox2						{ clear:none; float:left; text-align:left; width:110px; }
.midRadiox2							{ clear:none; float:left; padding:0 5px 5px 0; }
.rightRadiox2						{ clear:none; float:left; text-align:left; }

.leftRadiox3						{ clear:none; float:left; text-align:left; width:110px; }
.midRadiox3							{ clear:none; float:left; padding:0 5px 5px 0; }
.rightRadiox3						{ clear:none; float:left; text-align:left; }

.briefRadioButtonsx4				{ color:#666; clear:both; float:none; font-size:11px; width:575px; }
.briefRadioButtonsx4 label			{ color:#666; clear:both; float:left; font-size:11px; padding:10px 0px 6px 0px; width:575px; }
.leftRadiox4						{ clear:none; float:left; text-align:left; width:95px; }
.midRadiox4							{ clear:none; float:left; padding:0 5px 5px 0; }
.rightRadiox4						{ clear:none; float:left; text-align:left; }

.briefRadioIndiv					{ clear:both; display:inline; }

.contactFieldBriefBottomLeft			{ color:#666; clear:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:275px; }
.contactFieldBriefBottomLeft label		{ clear:none; float:left; font-family:Arial, Helvetica, sans-serif; height:20px; width:265px; }
.contactFieldBriefBottomLeft textarea	{ clear:none; float:left; font-family:Arial, Helvetica, sans-serif; height:20px; width:265px; }

.contactFieldBriefBottomRight			{ color:#666; clear:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:275px; }
.contactFieldBriefBottomRight label		{ clear:none; float:left; font-family:Arial, Helvetica, sans-serif; height:20px; width:265px; }
.contactFieldBriefBottomRight textarea	{ clear:none; float:left; font-family:Arial, Helvetica, sans-serif; height:20px; width:265px; }

/*------------APPRAISALS-----------------*/
#clientAppBanner			{ background: url(../images/clientappraisals.png) no-repeat 0px 0px; clear:both; height:122px; overflow:hidden; text-indent:-1000px; width:642px; }
#clientContent				{ background:url(../images/repeat.png) repeat-y 0px 0px; clear:both; float:none; height:auto; padding:0 56px 0 28px; width:559px;}
.clientAppraisal			{ border-bottom:#999 dotted 1px; clear:both; padding:10px 0 10px 0; position:relative; }
.clientHeader				{ color:#990000; font-family:Georgia, "Times New Roman", Times, serif;  padding:0 73px 4px 0;}
.clientTask					{ color:#999; padding:0 73px 8px 0;}
.clientAppLogo				{ padding-top:8px; position:absolute; top:0px; right:0px; }
.appraisalText				{ color:#666; font-style:italic; line-height:125%; padding-right:73px;}
.appraisalText strong		{ color:#990000; font-style:italic; font-weight:normal;}

.clientAppName				{ color:#990000; font-family:Georgia, "Times New Roman", Times, serif; text-align:right; }
.clientAppCompany			{ color:#999; text-align:right; }


/*------------------NEW BANNERS---------------------*/
#contentAbout				{ float:right; padding: 20px 40px 20px 40px; height: auto; width: 563px; display: inline; background: url(../images/repeat.png) repeat-y; line-height:110%; }
#contentTeam				{ float:right; padding: 20px 40px 20px 40px; height: auto; width: 563px; display: inline; background: url(../images/repeat.png) repeat-y; line-height:110%; }
#imagebanner 				{ float: left; height: 266px; position:relative; width: 643px; display: inline; }
#flashbanner 				{ display:inline; float: left; height:350px; width:643px; }
#teamBanner					{ background:url(../images/team-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#clientBanner				{ background:url(../images/client-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#contactBanner				{ background:url(../images/contactHeader.png) no-repeat 0px 0px; clear:both; height:123px; width:643px; }
#newsBanner					{ background:url(../images/news-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#relationshipsBanner		{ background:url(../images/relationships-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#aboutBanner				{ background:url(../images/about-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#optimisationBanner			{ background:url(../images/optimisation-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#hostingBanner				{ background:url(../images/hosting-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#printBanner				{ background:url(../images/print-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#consultancyBanner			{ background:url(../images/consultancy-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#onlineBanner				{ background:url(../images/online-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#solutionsBanner			{ background:url(../images/solutions-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#graphicBanner				{ background:url(../images/graphic-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#brandBanner				{ background:url(../images/brand-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#webBanner					{ background:url(../images/web-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
#illustrationBanner			{ background:url(../images/illustration-banner.png) no-repeat 0px 0px; clear:both; height:266px; width:643px; }
/*--------------------contact page-------------------------*/

#contactAddress				{ clear:none; float:right; width:200px; }
.contactHeader				{ color:#990000; padding-bottom:5px; }
.contactGreyText			{ color:#999; clear:none; float:left; }
.contactGreyText span		{ color:#990000;}
.contactGreyText a			{ background:none; color:#999;}
#contactusLeft				{ clear:none; float:left; }
#contactusRight				{ clear:none; float:left; padding-top:10px;}
#contactusTopContent		{ clear:both; padding-bottom:20px; }

#contactusTwitter						{ clear:none; color:#999; display:block; float:left; }

#contactusTweetBird							{ clear:none; display:block; float:left; height:33px; width:35px;  }
#contactusTweetBird a:visited,
#contactusTweetBird a:active,
#contactusTweetBird a						{ background:url(../images/twitterbird.jpg) no-repeat 0px 0px; display:block; height:33px; overflow:hidden; text-indent:-1000px; text-decoration:none; width:35px; }
#contactusTweetBird a:visited:hover,
#contactusTweetBird a:hover					{ color:#990000; text-decoration:none; }

.contactTweetText				{ color:#999; clear:none; float:left; padding-top:10px;}
.contactTweetText a:visited,
.contactTweetText a:active,
.contactTweetText a				{ color:#760011; clear:none; float:left; padding-top:10px; }
.contactTweetText a:visited:hover,
.contactTweetText a:hover		{  }



/*-------------------------slider-------------------------------*/
.slideShadow			{ background:url(../images/shadow.jpg) no-repeat 0px 40px; clear:both; height:266px; position:relative; width:643px;}
#slideContent			{ clear:both; }

#slideButtonsRight		{ height:36px; position:absolute; right:33px; top:125px; width:38px; z-index:501}
#slideButtonsRight a:visited,
#slideButtonsRight a:active,
#slideButtonsRight a	{ background:url(../images/banner_button_right.png) no-repeat 0px 0px; background-position:0px 0px; display:block; height:36px; overflow:hidden; text-indent:-1000px; width:38px; }
#slideButtonsRight a:visited:hover,
#slideButtonsRight a:hover{  }


#slideButtonsLeft		{ height:36px; left:20px; position:absolute; top:125px; width:38px; z-index:505;}
#slideButtonsLeft a:visited,
#slideButtonsLeft a:active,
#slideButtonsLeft a		{ background:url(../images/banner_button_left.png) no-repeat 0px 0px; background-position:0px 0px; display:block; height:36px; overflow:hidden; text-indent:-1000px; width:38px; }
#slideButtonsLeft a:visited:hover,
#slideButtonsLeft a:hover{  }

#sliderContentHome		{ height:147px; position:absolute; overflow:hidden; left:40px; top:72px; width:553px; z-index:500; }

.slide			{ clear:none; float:left; height:266px; width:643px; }
.slide a:visited,
.slide a:active,
.slide a		{ display:block; height:266px; left:37px; width:643px; }
.slide a:visited:hover,
.slide a:hover{  }

.newsSlide		{ clear:none; float:left; padding:19px 0 0 23px; width:530px; }
.aboutSlide		{ clear:none; float:left; padding:10px 0 0 10px; width:543px; }
.clientSlide	{ clear:none; float:left; padding:10px 0 0 10px; width:543px; }

#sliderSlidesHome	{ height:148px; position:absolute; width:12000px; }

/*-----------news banner---------------*/
.newsBannerTitle				{ clear:both; font-weight:normal; line-height:134%; }
.newsBannerTitle a:visited,
.newsBannerTitle a:active,
.newsBannerTitle a				{ color:#A83332; text-decoration:none; }
.newsBannerTitle a:visited:hover,
.newsBannerTitle a:hover		{ color:#A83332; text-decoration:underline; }

.newsBannerDate					{ clear:both; color:#999; padding:3px 0 4px 0;}
.newsBannerContent				{ clear:none; float:left; padding:17px 0 10px 18px; width:370px; }
.newsBannerText					{ clear:both; color:#666; }


/*-----------creative solutions banner---------------*/
.quoteNew			{ color:#999; font-family:Georgia, 'Times New Roman', Times, serif; left:40px; height:121px; line-height:104%; padding: 12px 30px 0 30px; position:absolute; top:82px; width:490px; }

.quoteNew p			{ padding:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; line-height:145%; }
.quoteNew h2		{ color:#A83332; padding:0 0 8px 0; font-weight:normal; }
.quoteNew a:visited,
.quoteNew a:active,
.quoteNew a			{ text-decoration:underline; color:#A83332; }
.quoteNew a:visited:hover,
.quoteNew a:hover	{ text-decoration:underline; color:#A83332; }

/*-----------about us banner---------------*/
.bannerLogo				{ clear:none; float:left; padding:93px 0 10px 63px; }
.aboutBannerContent		{ clear:none; float:left; padding:98px 0 10px 10px; width:385px; }
.aboutBannerText		{ clear:both; color:#666; padding:95px 25px 0 70px; width:448px;}
.aboutBannerText img	{ padding-right:10px;}
.aboutBannerText p		{ padding-bottom:2%;}

.aboutBannerTitle h1			{ clear:both; font-weight:normal; line-height:134%; padding-bottom:8px;}
.aboutBannerTitle h2			{ clear:both; font-weight:normal; line-height:134%; padding-bottom:0;}

.aboutBannerTitle				{ clear:both; font-weight:normal; line-height:134%; }
.aboutBannerTitle a:visited,
.aboutBannerTitle a:active,
.aboutBannerTitle a				{ color:#999; text-decoration:none; }
.aboutBannerTitle a:visited:hover,
.aboutBannerTitle a:hover		{ color:#999; text-decoration:underline; }

/*-----------pagination---------------*/

#pagination					{ clear:both; margin:0 auto; padding:15px 0 0; width:500px; }

#pageNext					{ clear:none; float:left; height:36px; overflow:hidden; text-indent:-1000px; width:76px; }
#pageNext a:visited,
#pageNext a:active,
#pageNext a					{ background:url(../images/pageNext.jpg) no-repeat 0px 0px; display:block; clear:none; float:left; height:36px; overflow:hidden; text-indent:-1000px; width:76px; }
#pageNext a:visited:hover,
#pageNext a:hover			{ background-position:0px -37px; }


#pagePrev					{ clear:none; float:left; height:17px; overflow:hidden; padding:10px 2px 0 2px; text-indent:-1000px; width:20px; }
#pagePrev a:visited,
#pagePrev a:active,
#pagePrev a					{ background:url(../images/pagePrevious.jpg) no-repeat 0px 0px; display:block; clear:none; float:left; height:17px; overflow:hidden; text-indent:-1000px; width:20px; }
#pagePrev a:visited:hover,
#pagePrev a:hover			{ background-position:0px -17px; }


#pageLast					{ clear:none; float:left; height:17px; overflow:hidden; padding:10px 2px 0 2px; text-indent:-1000px; width:20px; }
#pageLast a:visited,
#pageLast a:active,
#pageLast a					{ background:url(../images/pageRightArrow.jpg) no-repeat 0px 0px; display:block; clear:none; float:left; height:17px; overflow:hidden; text-indent:-1000px; width:20px; }
#pageLast a:visited:hover,
#pageLast a:hover			{ background-position:0px -17px; }


.pageLeft					{ clear:none; float:left; height:14px; padding:10px 2px 0 0; width:17px; }
.pageLeft a:visited,
.pageLeft a:active,
.pageLeft a					{ color:#666; background:url(../images/pageEndLeft.jpg) no-repeat 0px 0px; font-weight:bold; display:block; clear:none; float:left; height:17px; padding:1px 0 0 5px; width:17px; }
.pageLeft a:visited:hover,
.pageLeft a:hover			{ background-position:0px -17px; color:#990000; }


.pageRight					{ clear:none; float:left; height:14px; padding:10px 2px 0 2px; }
.pageRight a:visited,
.pageRight a:active,
.pageRight a				{ color:#666; background:url(../images/pageEndRight.jpg) no-repeat right 0px; font-weight:bold; display:block; clear:none; float:left; height:17px; padding:1px 8px 0 4px; }
.pageRight a:visited:hover,
.pageRight a:hover			{ background-position:right -17px; color:#990000; }


.pageMid					{ clear:none; float:left; height:14px; padding:10px 2px 0 2px; }
.pageMid a:visited,
.pageMid a:active,
.pageMid a					{ color:#666; background:url(../images/pageMid.jpg) repeat-x 0px 0px; font-weight:bold; display:block; clear:none; float:left; height:17px; padding:1px 4px 0 4px; }
.pageMid a:visited:hover,
.pageMid a:hover			{ background-position:0px -17px; color:#990000; }

#pageSelected a				{ color:#990000; }


/*=----------Sign Up--------------=*/
#signupBanner				{ background:url(../images/newsletterHeader-.png) no-repeat 0px 0px; clear:both; height:123px; width:643px; }
#signUpForm					{ background:transparent url(../images/signupBkgrnd.jpg) no-repeat 0px 0px; clear:both; height:417px; margin:0 auto; padding:0 0px 0 0; width:344px; }
#signFields					{ clear:both; padding:113px 0 0 66px; }
#signFields input			{ border:1px solid #fff; background:#000; color:#FFF; padding:3px; width:195px; }
#signFields button			{ background:transparent url(../images/button_signup.jpg) no-repeat 0px 0px; border:0; cursor:pointer; display:block; height:25px; overflow:hidden; margin-top:10px; text-indent:-1000px; width:67px; }