/*
    screen.css: SCREEN stylesheet
    ------------
    Job:               Ariel Trust
    Produced by:       KB @ Mando Group
    Start date:        16/07/08
    ------------
    COLOUR SPEC:
	Links				#e50278
	Body				#000000
    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	specific templates
    7.	hacks
*/
/* =1. type selectors */
*{margin:0;padding:0;border:none;}

body{
	font: normal 80%/1.4em Tahoma, Arial, sans-serif;
	colour: #000;
	display:block;
	height:100%;
	}
html{
	height:100%;
	}
h1{
	margin: 0 0 .7em 0;
	line-height: 1.1em;	
	font-size:2em;
	}
h2{
	margin: 0em 0 1em 0;
	
	font-size:1.3em;
	}
h3{
	margin: 1.5em 0 1em 0;
	
	font-size:1.3em;
	}
h4{}
p{
	margin: 1em 0;
	}
ul{
	margin: 2em;
	}
ol{
	margin: 2em;
	}
li{	
	margin: .5em 0;
	list-style:square;
	}
a{
	color:#e50278;
	text-decoration:none;
	font-weight:bold;
	}
a.active, a:hover{
	text-decoration:underline;
	}
	
/* =2. structural */
ul.skip{
	position:absolute;
	top:-1000px;
	}

#header-wrap{
	background:#fff;
	height:9.3em;
	border-bottom:1px solid #c6c6c6;
	margin-bottom:3em;
	display:block;
	clear:both;
	}
.header{
	width: 60.5em;
	height:9.3em;
	margin: 0 auto;
	float:left;
	position:relative;
	}	
.logo{
	width:30.6em;
	float:left;
	}
.logo img{
	width:18.2em;
	height:10.2em;
	position:absolute;
	top:.2em;
	left:.2em;
	}	
.logo .strap{
	width:10.2em;
	float:right;
	font-weight:bold;
	font-size:1.2em;
	margin-top:4em;
	}
.nav-wrap{
	width:30.9em;
	float:left;
	height:9.3em;
	display:none;
	}	
#footer-wrap{
	clear: both;
	height:5.5em;
	margin: 0 auto;
	background:#fff;
	border-top:1px solid #c6c6c6;
	margin-top:-6.5em;
	padding-top:1em;
	position:relative;
	display:none;
	}
.footer{
	width: 75.5em;
	height:5.5em;
	margin: 0 auto;
	font-size:.9em;
	clear: both;
	}
.copyright{
	float:right;
	}
address{
	float:left;
	font-style:normal;
	}
address a{
	text-decoration:underline;
	}
address a.active, address a:hover{
	text-decoration:none;
	}
.home{

	}
.left{
	width: 14.5em;
	float:left;
	display:none;
	}
.middle{

	}	
.content{

	}
.content-wide{

	}
.right{
	float:right;
	width: 14.5em;
	padding-left:.8em;
	display:none;
	}
/* =3. navigation */


.subnav{
	display:none;
	margin:0 1.5em 0;
	}
.subnav li{
	border-top:1px solid #c6c6c6;
	list-style:none;
	margin:0;
	}
.subnav li a{	
	width:10.5em;
	height:1em;
	display:block;
	background:url(/_common/img/square.gif) no-repeat 0 1.3em;
	padding:.8em 0 .8em 1em;
	}
.subnav li a.active, .subnav li a:hover, .subnav li.current a {	
	color:#fff;
	background:#e50278 url(/_common/img/sub.gif) no-repeat;
	text-decoration:none;
	}
.subnav li.first{
	border:none;
	}
.footernav{
	display:none;
	float:right;
	margin:1.6em 0 0 0;
	}
ul.page{
	float:right;
	margin:2em .5em 1.5em 0;
	font-size:.9em;
	display:none;
	}

	
/* =4. forms */

	
/* =6. specific templates */

/***************************************************************
	HOME
***************************************************************/

.testimonial{
	margin-top:1em;	
	font-size:.9em;
	width:32em;
	float:right;
	display:none;
	}

.home-top{
	float:left;
	width:50em;
	}
.nav-box{
	width:16.5em;
	float:left;
	margin:0 .2em;
	position:relative;
	display:none;
	}	

#content .content-wide .feature-box{
	display:none;
	}
#content .content-wide .nav-box{
	margin-right:1em;
	display:none;
	}
#home .intro{
	float:left;
	font-size:1.1em;
	line-height:1.7em;
	display:block;
	clear:both;
	}
.home-mid{
	float:left;
	margin-top:2em;
	}
.case-study{
	float:left;
	margin:0 2em 4em 0em;
	position:relative;
	clear:both;
	display:block;
	}
.case{
	clear:both;
	margin-top:2em;
	}		
.latestnews{
	float:left;
	margin:0 1em 2em 0em;
	position:relative;
	clear:both;
	display:block;
	}
.featureproducts{
	float:left;	
	margin:0 0 2em 0em;
	position:relative;
	clear:both;
	display:block;
	}
.head-line{
	background:url(/_common/img/headline.gif) repeat-x bottom;
	position:absolute;
	}
.case-study h2, .latestnews h2, .featureproducts h2, .right h2{
	display:block;	
	float:left;
	clear:both;
	}
.more-bg{	
	background:url(/_common/img/more-l.gif) no-repeat top left;	
	float:right;
	height:17px;	
	margin-top:.1em;
	margin-right:0;
	display:none;
	}
.list{
	margin:-1.5em 0 0 0;
	padding-top:2em;
	clear:both;
	}
.list li{
	list-style:none;
	margin:1em 0 1em 0;
	padding-bottom:1em;
	}
.list li a{
	font-weight:bold;
	}
.content .info, .content-wide .info{
	font-weight:bold;
	font-size:.9em;
	margin-bottom:1.5em;
	margin-top:-.8em;
	}	
.list li .info{
	font-weight:bold;
	font-size:.9em;
	margin-bottom:1em;
	}
.list li.last{
	border:none;
	}
.list li img{
	border:1px solid #e50278;
	float:left;
	margin-right:.5em;
	padding:0;
	}	
		
	
/***************************************************************
	CONTENT
***************************************************************/
#content .intro{
	font-weight:bold;
	}
.content img{
	bordeR:1px solid #c6c6c6;
	padding:.3em;
	float:left;
	margin:0 1em 1em 0;
	}
.content{
	border-left:none;
	}
.content a{
	font-weight:normal;
	text-decoration:underline;
	}	
.content a.active, .content a:hover{
	text-decoration:none;
	}
#content .right{
	font-size:.9em;
	}
#content .right .links, #content .right .downloads{
	position:relative;
	}
#content .right a{
	font-weight:normal;
	}
#content .right ul{
	margin:0 0 3em 1em;
	}
#content .right .downloads ul{
	margin-left:0;
	}
#content .right .downloads li{
	list-style:none;
	}
#content .right .downloads li.pdf{
	background:url(/_common/img/pdf.gif) no-repeat bottom left;
	padding-left:2em;
	}
/***************************************************************
	SITEMAP
***************************************************************/
.sitemap a{
	font-weight:bold;
	}
.sitemap li{
	margin:1.5em 0;
	}
.sitemap-lev2 li{
	margin:.5em 0;
	}
.sitemap-lev2 a{
	font-weight:normal;
	}
.sitemap-lev3 li{
	background:url(/_common/img/dash.gif) no-repeat left;
	padding-left:.8em;
	padding-bottom:.2em;
	list-style:none;
	margin:.5em 0;
	}
.sitemap-lev2, .sitemap-lev3{
	margin:1em 2em;
	}

/***************************************************************
	CONTACT
***************************************************************/
.content ul.missed-details {
	margin-bottom:1em;
	}
.content ul.missed-details li{
	font-weight:bold;
	font-size:1.1em;
	color:#e50278;
	background:none;
	padding-left:0;
	}
.contact p.mandatory {
	margin-bottom:3em;
	width:20em;
	font-weight:normal;	
	}
.contact span{
	color:#e50278;
	font-size:1.3em;
	font-weight:bold;
	}
.contact label{
	float: left;
	clear: left;
	width: 12em;
	}	
.contact input{
	border:1px solid #cecece;
	padding:.1em;
	width:20.65em;
	}	
.contact textarea{
	border:1px solid #cecece;
	padding:.1em;
	width:21.15em;
	}
.contact .dropdown{
	border:1px solid #cecece;
	padding:.1em;
	width:21em;
	}
.contact .checkbox{
	margin:2em 0;
	}
.contact p.checkbox input#mailing{
	float:left; 
	width:1em;
	}
.contact .checkbox label{ 
	float:left;
	width:30em;
	padding:0;
	clear:both;
	margin:-1.2em 0 0 2em;
	}	
.contact .submit{
	border:none;
	padding:0;
	width:5.1em;
	height:2em;
	clear:both;
	margin-left:19em;
	margin-top:5em;
	}



/* =7. hacks */
.cf:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.hidden
	{
	position:absolute;
	left: -10000px;
	top: -10000px;
	}