@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}

body {
	background: url(/images/bgSite.jpg) repeat-x top left #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a img {
	border: 0;
}

input, textarea, select {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.clear {
	visibility: hidden;
	clear: both;
	height: 0 !important;
}



#siteWrapper {
	width: 100%;
	height: 100%;
}

#pageWrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px;
}

#header {
	width: 940px;
	height: 110px;
	padding: 0;
}

#branding {
	float: left;
	width: 490px;
	height: 56px;
}

#branding p a {
	display: block;
	float: left;
	margin: 29px 0 0 0;
	text-indent: -9999px;
	height: 56px;
	width: 490px;
	background: url(/images/logo.gif) no-repeat top left;
}

#strapline {
	float: right;
	display: block;
	width: 342px;
	height: 38px;
	margin: 43px 0 0 0;
}

#strapline p {
	text-indent: -9999px;
	width: 342px;
	height: 38px;
	background: url(/images/strapline.gif) no-repeat top left;
}
	
#navigation {
	height: 36px;
	width: 940px;
	float: left;
	margin: 0 0 20px 0;
}



#navigation ul {
	list-style: none;
	height: 34px;
	float: left;
	margin: 0;
	padding: 0;
}

#navigation li {
	float: left;
	display: block;
	font-size: 18px;
	height: 34px;
	font-weight: bold;
}	

#navigation li span {
	font-weight: normal;	
}

#navigation li a {
	text-decoration: none;
	color: #fff;
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0 22px;
	_width: 100px;
	_text-align: center;
	border-bottom: solid 2px #fff;
}
#navigation li a:hover {
	color: #cd0003;
	background: url(/images/bgNav.jpg) repeat-x top left #3c3c3c;
	border-bottom: solid 2px #cd0003;
}
#navigation li.tnWhat a:hover,
#navigation li.tnFAQ a:hover{
	color: #66cc33;
	border-bottom: solid 2px #66cc33;
}
#navigation li.tnClients a:hover {
	color: #0066cc;
	border-bottom: solid 2px #0066cc;
}

#contentWrapper {
	width: 940px;
	padding: 0 0 20px 0;
	min-height: 400px;
	_height: 400px;
	display: block;
}

#featureArea {
	width: 940px;
	height: 220px;
	float: left;
	display: block;
	background: #999;
	overflow: hidden;
	margin: 0 0 20px 0;
}

body.home #featureArea {
	width: 940px;
	height: 431px;
	float: left;
	overflow: hidden;
	display: block;
	background: #000;
	margin: 0 0 20px 0;
}

#content {
	width: 700px;
	float: right;
}

#col1 {
	width: 700px;
	float: left;
}

body.innerRed #col1,
body.innerGreen #col1,
body.innerBlue #col1 {
	width: 380px;	
}

#content h1 {
	font-size: 48px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #ccc;
}

body.innerRed h1 {
	color: #cd0003;	
}

body.innerGreen h1 {
	color: #66cc33;	
}

body.innerBlue h1 {
	color: #0066cc;	
}

#col1 h2 {
	font-size: 36px;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

#col1 h3 {
	font-size: 30px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#col1 h4 {
	font-size: 24px;
	text-transform: uppercase;
}

#col1 p {
	font-size: 13px;
	color: #666;
	line-height: 21px;
	margin: 0 0 15px 0;
}

#col1 a {
	color: #000;
}

#col1 a:hover {
	color: #999;
}

#col1 ul,
#col1 ol{
	padding: 0 45px;
	margin: 0 0 15px 0;
}

#col1 li {
	font-size: 13px;
	color: #666;
	line-height: 21px;
	margin: 0 0 5px 0;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 20px 0;
}

table th {
	font-size: 14px;
	border-bottom: solid 2px #ccc;
	padding: 5px 20px;
}

table td {
	color: #333;
	padding: 5px 10px;
	font-size: 13px;
	text-align: center;
	border-bottom: solid 1px #efefef;
}

#col1 p.intro {
	font-size: 15px;
	color: #333;
	line-height: 24px;
}

#col2 {
	width: 240px;
	padding: 0 20px 0 60px;
	float: right;
	/*margin: 0 -700px 0 0;*/
}


#col2 h3 {
	margin: 0 0 15px 0;
	color: #999;
	text-transform: uppercase;
	font-size: 16px;
}

body.client #col2 h3 {
	text-align: right;
}

#col2 p {
	font-size: 12px;
	color: #666;
	line-height: 18px;
	margin: 0 0 15px 0;
}

#col2 a {
	color: #000;
}

#col2 a:hover {
	color: #999;
}

#col2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#col2 li {
	font-size: 12px;
	margin: 0 0 10px 0;
}

body.client #col2 li {
	text-align: right;
}

#col2 li a {
	color: #999;
	text-decoration: none;
}
#col2 li a:hover {
	color: #000;
}

#col2 #clientGallery {
	margin: 0 0 60px 0;
}

#col3 {
	width: 160px;
	padding: 95px 60px 0 20px;
	display: block;
	float: left;
}

#col3 ul {
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
}

#col3 li {
	font-size: 14px;
	margin: 0 0 15px 0;
	display: block;
	text-align: left;
	text-transform: uppercase;
}

#col3 li a {
	display: block;
	color: #999;
	text-decoration: none;
}
#col3 li a:hover {
	color: #000;
}


#subWrapper {
	width: 100%;
	background: url(/images/bgSubWrapper.jpg) repeat-y center #f7f7f7;
	float: left;
}

#subInner {
	width: 940px;
	padding: 0 30px;
	margin: 0 auto;
}


#subBlog {
	float: left;
	display: block;
	width: 470px;
	padding: 20px 0 0 0;
}

#subBlog h3 {
	margin: 0 0 10px 0;
	color: #cd0003;
	font-size: 21px;
}

#subBlog p a {
	color: #000;	
}
#subBlog p a:hover {
	color: #333;	
}


#subBlogFeed {
	float: left;
	width: 450px;
	padding: 3px 10px 20px 10px;
}

#subBlogFeed ul {
	list-style: none;
	width: 450px;
}

#subBlogFeed li {
	margin: 0 0 15px 0;
	font-size: 14px;
	width: 450px;
	color: #979797;
}

#subBlogFeed li a {
	color: #cd0003;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 14px;
}

#subBlogFeed li a:hover {
	color: #333;
}

#subBlogFeed li span {
	color: #cdcdcd;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 2px 0;
}

#subBlogFeed p {
	font-size: 14px;
	color: #979797;
}

#subBlogFeed p a {
	color: #cd0003;
	text-decoration: none;
}
#subBlogFeed p a:hover {
	color: #333;
}




#subNews {
	float: right;
	display: block;
	width: 470px;
	padding: 20px 0 0 0;
}

#subNews h3 {
	margin: 0 0 10px 0;
	color: #0066cc;
	font-size: 21px;
}

#subNews p a {
	color: #000;	
}
#subNews p a:hover {
	color: #333;	
}


#subNewsFeed {
	float: left;
	width: 450px;
	padding: 3px 10px 20px 10px;
}

#subNewsFeed ul {
	list-style: none;
	width: 450px;
}

#subNewsFeed li {
	margin: 0 0 15px 0;
	font-size: 14px;
	width: 450px;
	color: #979797;
}

#subNewsFeed li a {
	color: #0066cc;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 14px;
}

#subNewsFeed li a:hover {
	color: #333;
}

#subNewsFeed li span {
	color: #cdcdcd;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 2px 0;
}

#subNewsFeed p {
	font-size: 14px;
	color: #979797;
}

#subNewsFeed p a {
	color: #0066cc;
	text-decoration: none;
}
#subNewsFeed p a:hover {
	color: #333;
}


#footerWrapper {
	width: 100%;
	background: url(/images/bgFooter.jpg) repeat-x top left #fff;
	float: left;
	border-top: solid 2px #fff;
}

#footerInner {
	width: 940px;
	padding: 35px 0;
	margin: 0 auto;
}

#footerInner a {
	text-decoration: none;
	color: #979797;
}
#footerInner a:hover {
	color: #333;
}

#footerLeft {
	float: left;
	text-align: left;
	background: url(/images/logoFooter.gif) no-repeat 8px 0;
	padding: 0 0 0 150px;
	min-height: 72px;
	_height: 72px;
}
#footerLeft h4 {
	font-size: 14px;
	color: #979797;
}
#footerLeft p {
	font-size: 11px;
	color: #979797;
	line-height: 18px;
}
.footerTel {
	padding: 0 15px 0 0;	
}
.footerFax {
	padding: 0 15px 0 0;	
}
.footerEmail {
	padding: 0 15px 0 0;	
}
.footerCompany {
	padding: 0 15px 0 0;	
}
.footerVAT {
	padding: 0 15px 0 0;	
}


#footerRight {
	float: right;
	text-align: right;
}
#footerRight p {
	font-size: 11px;
	color: #cdcdcd;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:76px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/images/bgTab.jpg) repeat-y #000;
	font-size:21px;
	line-height: 21px;
	display:block;
	height: 46px;  
	width: 195px;
	text-align:left;	
	text-decoration:none;
	color:#666;
	padding: 15px 20px;
	margin:0px;	
	position:relative;
	top:1px;
	text-transform: uppercase;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background: #cd0003;		
	cursor:default !important; 
	color:#fff !important;
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
}

div.panes {
	height: 355px;	
}

div.pane {
	width: 940px;
	height: 355px;
	float:left;
	background: #fff;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}