/*
    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;
	}
.bg-wrap{
	min-height:100%;
	background:#eeecec url(/_common/img/bg.gif) repeat-x;
	}
.wrap{
	width: 75.5em;
	margin: 0 auto;
	min-height:100%;
	position:relative;
	padding:2em 0;
	}
#header-wrap{
	background:#fff;
	height:9.3em;
	border-bottom:1px solid #c6c6c6;
	}
.header{
	width: 78.5em;
	height:9.3em;
	margin: 0 auto;
	clear: both;
	position:relative;
	}	
.logo{
	width:30em;
	float:left;
	}
.logo img{
	width:18.2em;
	height:10.2em;
	position:absolute;
	top:.2em;
	left:.2em;
	}	
.logo .strap{
	width:8.2em;
	float:right;
	font-weight:bold;
	font-size:1.2em;
	margin-top:4em;
	}
.logo .strap span{
	padding-left:1em !important;
	}
.nav-wrap{
	width:47em;
	float:left;
	height:9.3em;
	}	
#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;
	}
.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{
	width:75.5em;
	padding-bottom:0em;
	}
.left{
	width: 14.5em;
	float:left;
	}
.middle{
	min-height:100%;
	padding:0;
	}	
.content{
	width:40.7em;
	float:left;
	padding:0 2em 11em;	
	}
.content-wide{
	width:55.7em;
	float:left;
	padding:0 2em 11em;
	}
.right{
	float:right;
	width: 14.5em;
	padding-left:.8em;
	}
/* =3. navigation */
.header ul{
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	margin: 0 1em;
	}
.header ul li{
	margin: 0;
	padding: 0;
	display: inline;
	}
.topnav{
	float:right;
	}
.topnav li{
	background:url(/_common/img/topnav-l.gif) no-repeat bottom left;
	height:2em;
	float:left;
	padding:0 .1em;
	margin-top:-.3em !important;
	}
.topnav li a{
	background:#e50278 url(/_common/img/topnav-r.gif) no-repeat bottom right;
	height:2em;
	color:#fff;
	font-size:.9em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:.6em .6em 0em;
	margin-right:.35em;
	margin-left:.2em;
	margin-top:-.31em;
	}
.topnav li:hover, .topnav li.current{
	background:url(/_common/img/topnav-l.gif) no-repeat top left !important;
	background-position:0 .6em !important;
	}
.topnav li:hover a, .topnav li.current a{
	background:url(/_common/img/topnav-r.gif) no-repeat top right !important;
	color:#e50278;
	background-position:0 .6em !important;
	}
#home .mainnav{
	margin-top:4.5em !important;
	position:absolute;
	}
#content .mainnav{
	margin-top:5.6em !important;
	}	
.mainnav li{
	background:url(/_common/img/nav-l.gif) no-repeat bottom left;
	height:1.6em;
	float:left;
	padding:0 .1em;
	padding-bottom:.4em !important; 
	}
.mainnav li a{
	background:url(/_common/img/nav-r.gif) no-repeat bottom right;
	height:1.8em;
	font-size:.91em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:.4em .6em 0em;
	margin-right:.35em;
	margin-left:.2em;
	color:#e50278;
	}
.mainnav li:hover, .mainnav li.current{
	background:url(/_common/img/nav-l.gif) no-repeat top left !important;
	padding-bottom:.4em;
	}	
.mainnav li:hover a, .mainnav li.current a{
	background:#e50278 url(/_common/img/nav-r.gif) no-repeat top right !important;
	color:#fff;
	}	
.subnav{
	margin:0 1.5em 0;
	}
.subnav li{
	border-top:1px solid #c6c6c6;
	list-style:none;
	margin:0;
	}
.subnav li a{	
	width:10.5em;
	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{
	float:right;
	margin:1.6em 0 0 0;
	}
.footernav li{
	margin: 0 .7em;
	padding: 0;
	display: inline;
	}
.footernav li.mando{
	margin: 0 0 0 .7em;
	padding: 0;
	display: inline;
	}
ul.page{
	float:right;
	margin:2em .5em 1.5em 0;
	font-size:.9em;
	}
ul.page li{
	padding:0;
	display:inline;
	list-style:none;
	font-weight:bold;
	}
ul.page a{
	padding:0 0.4em 0.4em 0.4em;
	font-weight:bold;
	}
ul.page a.active, ul.page a:hover, ul.page li.current{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	}
	
/* =4. forms */

	
/* =6. specific templates */

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

.testimonial{
	margin-top:1em;	
	font-size:.9em;
	width:32em;
	height:2em !important;
	display:block !important;
	}
.testimonial blockquote{
	background:url(/_common/img/speech-l.gif) no-repeat top left;
	width:31.5em;
	font-weight:bold;
	height:3em !important;
	display:block !important;
	}
.testimonial .quoter{
	float:right;
	margin-right:2.5em;
	}
.quote{
	margin:0 0 0em 2.5em;
	background:url(/_common/img/speech-r.gif) no-repeat bottom right;
	}		
.home-top{
	float:left;
	width:75em;
	}
#home .intro{
	width:19em;
	float:right;
	font-size:1.1em;
	line-height:1.7em;
	padding-left: 1.5em;
	padding-top:.5em;
	}
.nav-box span.caption{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	top:14.2em;
	left:1.5em;
	font-size:.9em;
	z-index:2;
	position:absolute;
	}
#home .feature-box{
	clear:both;
	margin-top:-2em;
	display:block;
	}
span.nav-a{
	left:0;
	right:auto;
	top:0;
	bottom:auto;
	height:14px;
	z-index:1 !important;
	}
span.nav-b{
	left:auto;
	right:0;
	top:0;
	bottom:auto;
	height:14px;
	z-index:1 !important;
	}
span.nav-c{
	left:0;
	right:auto;
	top:auto;
	bottom:0;
	height:47px;
	}
span.nav-d{
	left:auto;
	right:0;
	top:auto;
	bottom:0;
	height:47px;
	}
div.nav-box{
	position:relative;
	width: 16.7em;
	height:16.1em;
	background: url(/_common/img/top-c.png) repeat-x !important;
	float:left;
	margin-right:.4em;
	margin-top:2em;
	z-index:0 !important;
	}
.land-box div.nav-box div.nav-boxbot{
	margin-top:-42px;
	}
div.nav-box div.nav-box-mid{
	background:url(/_common/img/left-c.png) repeat-y;
	margin-right:6px;
	z-index:1;
	}
div.nav-box-mid img{
	width: 15.9em;
	height:12em;
	z-index:0;
	margin-left:6px;
	margin-top:-2px;
	}
div.nav-box div.nav-boxbot{
	background: url(/_common/img/bot-c.png) repeat-x bottom left;
	height: 47px;
	margin-top:0px;
	z-index:0 !important;
	}
div.nav-box span.nav-right-box{
	background: url(/_common/img/right-c.png) repeat-y top right;
	display: block !important;
	margin-top:8px;
	height:15em;
	z-index:1;
	width: 16.7em;
	padding-right:.14em;
	}
div.nav-box span.nav-corner{
	background:url(/_common/img/corners-c.gif) no-repeat;
	width:12px;
	}
span.nav-corner{
	display:block;
	width:12px;
	position:absolute;
	font-size:1px;
	}
div.nav-box span.nav-a{
	background-position:0 0;
	height:14px;
	z-index:1 !important;
	}
div.nav-box span.nav-b{
	background-position:0 -14px;
	height:14px;
	z-index:1 !important;
	}
div.nav-box span.nav-c{
	background-position:0 -28px;
	height:47px;
	}
div.nav-box span.nav-d{
	background-position:0 -75px;
	height:47px;
	}
span.nav-box-caption{
	color: #fff;
	font-weight:bold;
	position:absolute;
	text-decoration:none;	
	margin-top:-3.5em;	
	}
.nav-box span.caption span{
	font-size:1.3em;
	text-transform:none;
	}
.nav-box-caption a{
	z-index:1 !important;
	}
#content .content-wide .feature-box{
	height:16.5em;
	margin:2em 0;
	display:block
	}
#content .content-wide .nav-box{
	margin-right:1em;
	}
#content .content-wide img{
	margin-top:-3px;
	}
#content .content-wide div.nav-boxbot{
	margin-top:-2px;
	padding:0;
	height: 49px;
	}
#content .content-wide .row-b div.nav-boxbot{
	margin-top:-1px;
	padding:0;
	}	
.home-mid{
	width: 75.5em;
	float:left;
	margin-top:2em;
	}
.case-study{
	width:22.8em;
	float:left;
	margin:0 2em 0 0;
	position:relative;
	}
.case{
	clear:both;
	margin-top:2em;
	}
.case span.a{
	left:0;
	right:auto;
	top:0;
	bottom:auto;
	height:44px;
	}
.case span.b{
	left:auto;
	right:0;
	top:0;
	bottom:auto;
	height:44px;
	}
.case span.c{
	left:0;
	right:auto;
	top:auto;
	bottom:0;
	height:12px;
	}
.case span.d{
	left:auto;
	right:0;
	top:auto;
	bottom:0;
	height:12px;
	}
.case div.box{
	position:relative;
	width: 22.8em;
	height:21.45em;
	background: url(/_common/img/top.gif) repeat-x !important;
	padding-top:.6em;
	}
.case div.box div.box-centre{
	margin-top: 36px;
	background: #e20177 url(/_common/img/left.gif) repeat-y;
	padding: 0em 0 .75em .7em;
	margin-bottom:-.6em;
	margin-right:.3em;
	}
.case div.box div.box-centre img{
	border:2px solid #fff;
	margin-top:1em;
	width: 21.1em;
	height:16.3em;
	}
.case div.box div.boxbottom{
	background: url(/_common/img/bot.gif) repeat-x bottom left;
	height: 11px;
	margin-left:.3em;
	margin-right:.3em;
	}
.case div.box span.right-box{
	background: url(/_common/img/right.gif) repeat-y top right;
	display: block;
	margin-top:8px;
	width: 22.8em;
	}
.case div.box span.corner{
	background:url(/_common/img/corners.png) no-repeat;
	width:12px;
	}
.case span.corner{
	display:block;
	width:12px;
	position:absolute;
	font-size:1px;
	}
.case div.box span.a{
	background-position:0 0;
	height:44px;
	}
.case div.box span.b{
	background-position:0 -44px;
	height:44px;
	}
.case div.box span.c{
	background-position:0 -88px;
	height:12px;
	}
.case div.box span.d{
	background-position:0 -100px;
	height:12px;
	}
.case span.box-caption a{
	color: #fff;
	font-weight:bold;
	text-decoration:none;		
	}
.case span.box-caption{
	position:absolute;
	margin-left:.9em;
	text-transform:none;
	font-size:1.1em;	
	padding-top:.0em;
	margin-top:-2em;
	}		
.latestnews{
	width:23em;
	float:left;
	margin:0 1em;
	position:relative;
	}
.featureproducts{
	width:23em;
	float:left;	
	margin:0 0 0 2em;
	position:relative;
	}
.head-line{
	background:url(/_common/img/headline.gif) repeat-x bottom;
	position:absolute;
	}
.case-study h2, .latestnews h2, .featureproducts h2, .right h2{
	display:inline;	
	padding-right:.5em;
	}
.more-bg{	
	background:url(/_common/img/more-l.gif) no-repeat top left;	
	float:right;
	height:17px;	
	margin-top:.1em;
	margin-right:0;
	}
.more a{
	background:#e50278 url(/_common/img/more-r.gif) no-repeat top right;	
	height:17px; 
	font-size:.9em;
	color:#fff;
	font-weight:strong;
	text-decoration:none;	
	margin:5em 0 0 .2em;
	padding:.2em .6em .1em;
	}	
.more-bg:hover{
	background:url(/_common/img/more-l.gif) no-repeat bottom left !important;
	padding-bottom:0em;
	}	
.more a:hover{
	background:url(/_common/img/more-r.gif) no-repeat bottom right !important;
	color:#e50278;
	}	
.list{
	margin:-1.5em 0 0 0;
	padding-top:2em;
	clear:both;
	}
.list li{
	list-style:none;
	margin:1em 0 1em 0;
	border-bottom:1px solid #dcdcdc;
	padding-bottom:1em;
	clear:both;
	display:block;
	min-height:5em;
	}
.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:1px solid #c6c6c6;
	}
.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;
	}
#content .right .downloads li.mp3{
	background:url(/_common/img/mp3.gif) no-repeat bottom left;
	padding-left:2em;
	}
.back{
	font-weight:bold;
	margin-top:1em;
	float:left;
	}
/***************************************************************
	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;
	}