@import "layout.css";
@import "form.css";

/*-------------------------*//*global text styles & classes *//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

/*define basic elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

*{
	margin:0;
	padding:0;
}

.noshow
{
	display: none;
}

html{
	height:100%;
	background: url(/images/bg_html.gif) repeat-y;
}

body{
	font:normal 62.5%/1 tahoma,arial,helvetica,sans-serif;
	color:#000;
	text-align:center;
	background:#FFF;
	width:790px;
	position:relative;
}

/*headings*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5{
	font-family:tahoma,arial,helvetica,sans-serif;
	margin-bottom:0 0 10px;
}

h1{
	font-size:1.1em;
	color:#036;
	margin-bottom:5px;
	line-height:1.3;
}

h2{
	font-size:1.1em;
	line-height: 1.4em;
	color:#036;
	margin:25px 0 5px 0;
}

h3{
	font-size:1.1em;
	color:#06C;
	margin:0 0 10px;
}
#content_sub h3
{
	margin-top: 25px;
}

h4{
	
}

h5{
	
}

#body_home #h3_latest_news,
#body_about #h3_latest_news,
#body_news #h3_latest_news,
#body_terms #h3_latest_news,
#body_privacy #h3_latest_news,
#body_accessibility #h3_latest_news,
#body_sitemap #h3_latest_news,
#body_contact #h3_latest_news{
	margin:15px 0 0 0;
}

/*paragraphs etc*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

p{
	font-size:1.1em;
	margin:0 0 10px;
	line-height:1.4;
	color:#666;
}

p.page_strap{
	text-transform:uppercase;
	color:#D406A6;
	font-weight:bold;
}

span{
	
}

address{
	font:normal 1.1em/1.3 tahoma,arial,helvetica,sans-serif;
	margin:0 0 10px;
}

blockquote{
	font-family:georgia,arial,helvetica,serif;
	font-size:1.1em;
	line-height:1.3;
	color:#C09;
	background-color:#F7F7F9;
	padding:10px;
	margin-bottom:10px;
}

cite{
	font-size:0.9em;
	font-weight:bold;
	font-style:normal;
}

/*list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

ol{
	margin: 20px 25px;
}

ul{
	margin:0;	
}

ul li{
	line-height:1.4;
	font-size:1.1em;
	list-style:none;
	color:#666;
}

ol li 
{
	line-height:1.4;
	font-size:1.1em;
	color:#666;
}

ul.content_list{
	background-color:#F7F7F9;
	padding:10px;
	margin-bottom:10px;
}

.content_list li{
	background:url(/images/bullet_content_ul.gif) 0 6px no-repeat;
	padding:0 0 0 12px;
	margin-bottom:8px;
}

ul#client_list li a
{
	color:#06C;
	background:url(/images/bullet_client_ul.gif) 0 50% no-repeat;
	padding:0 0 0 12px;
	line-height: 1.8em;
}

ul#specialist_list li a{
	font-weight:normal;
	font-size:1em;
	line-height: 1.8em;
	color:#06C;
	background:url(/images/bullet_client_ul.gif) 0 50% no-repeat;
	padding:0 0 0 12px;
}

ul.casestudy_list{
	margin:0 0 10px 15px;
}

ul.casestudy_list li{
	list-style:disc;
	margin-bottom:10px;
}

ul.document_list
{
}
ul.document_list li
{
	padding: 5px 0 5px 24px;
	background: transparent url(/images/icon16_blank.gif) no-repeat scroll 0 50%;
}
ul.document_list li.msword
{
	background-image: url(/images/icon16_msword.gif);
}
ul.document_list li.pdf
{
	background-image: url(/images/icon16_pdf.gif);
}

ul.pagination {
	margin:20px 0 0;
}

ul.pagination li {
	margin:0 5px 0 0;
	display:inline;
}

ul.pagination li.previous {
	
}

ul.pagination li.next {
	margin:0;
}

/*definition list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

dl{
	
}

dt{
	clear:left;
	float:left;
	width:100px;
	font-size:1.1em;
}
	
dd{
	font-size:1.1em;
}

dl#home_news{

}

dl#home_news dt{
	float:left;
	color:#666;
	margin:10px 0 3px 0;
}

dl#home_news dd{
	clear:left;
	color:#666;
	line-height:1.2;
}

dl#home_news a:link,dl#home_news a:visited{
	color:#06C;
}

dl.casestudy_header{
	padding:10px;
	color:#036;
	background-color:#F7F7F9;
	margin-bottom:10px;
}

dl.casestudy_header dt{
	float:left;
	font-weight:bold;
	line-height:1.8;
	width:100px;
}

dl.casestudy_header dd{
	line-height:1.8;
}

/*link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

a img{
	border:none;
}

a:link, a:visited{
	color:#C09;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

.skip{
	position:absolute;
	left:-9999px;
}
#content_sub a:link, #content_sub a:visited
{
	color: #06C;
}
#content_sub a:hover
{
	
}

a#showreel_link:link, a#showreel_link:visited{
	border:1px solid #CCC;
	padding:2px;
	display:block;
	width:187px;
}

a#showreel_link:hover{
	border:1px solid #06C;
}

/*image replacement*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.replace{ 
	position:relative; 
	/*hide overflow:hidden from IE5/Mac */ 
	/*\*/ 
	overflow:hidden;
	 /**/
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

a.replace span{
	cursor:hand;
}

/*bug workarounds */
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac \*/*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac */

/*general custom classes*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

.dotrule{
	height:1px; 
	font-size:1px;
	background:url(/images/dot.gif) repeat-x; 
	clear:both;
	margin:5px 0;
}

.hrule
{
	margin-top: 20px;
	line-height: 20px;
	height: 20px;
	border-top: 1px solid #999;
}

.right{
	float:right;
}

.left{
	float:left;
}

.thumb{
	border:1px solid #CCC;
	padding:2px;
	margin-top: 25px; 
}

.thumb.left{
	margin:0 15px 15px 0;
}

.thumb.right{
	margin:0 0 15px 15px;
}

.clear{
	clear:both;
}

.intro{
	font-weight:bold;
}

.callus{
	margin-top:20px;
}

.date
{
	margin: 0px 0 5px;
}

.casestudy_logo{
	margin:10px 10px 10px 0;
}

.launch_showreel{
	position:absolute;
	right:45px;
	top:15px;
}

/*table styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

table{
	margin: 1em 0;
	width:450px;
}

td{
	background-color: #fff;
	border:1px solid #CCC;
	text-align:center;
	width:150px;
	padding:5px;
	height:70px;
}
table.client_logos
{
	width: 143px;
}
table.client_logos td
{
	height: 46px;
	padding: 2px 5px;
}