/* CSS Document for mobile index
once they move to the main site, the mobile css there takes care of the rest*/
/* Index Page elements*/

/* main elements */
html{
	margin:0;
	padding:0;
	text-align: center;
}
body {
		background-color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 70%;	
		color: #000000;
		line-height: 1.3;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		width:350px;
		min-height:600px;
	}
#wrapper{
	width:350px;
	clear:both;
	display:block;
	text-align:center;
	padding-right: 0;
	padding-bottom: 0;
}
.mob{
	width:350px;
	position:absolute;
}
#positioningcontainer {
		margin: 0;
		padding: 0;
		width:350px;
		min-height:600px;
	}
	
	
#maincontainer {
	margin: 0 auto;
	padding: 30px 0 100px 0;
	width: 350px;
	background-color: #FFFFFF;
	min-height:800px;
		}
	
	
#positioningcontainer {
	width:350px;
	display:block;
	min-height:600px;
	}


#flashcontent {
	padding: 0;
	display:block;
	clear:both;
}
#noflash{
	padding: 0;
	display:block;
	clear:both;
	visabilty:hidden;
}

	
#topstrip {
		height: 75px;
		display:block;
	clear:both;
	}
	
	
.box {
	display:block;
	clear:both;
	width:350px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}

	
	
/* custom boxes */	
	
#boxabout {
	height: 245px;
	width: 350px;
	display:block;
	clear:both;
	left: inherit;
	overflow: hidden;

}	

	
#boxdirectors {
	height: 245px;
	width: 350px;
	display:block;
	clear:both;
	overflow: hidden;
}	
	

	
	
#boxwhatwedo {
	height: 245px;
	width: 350px;
	display:block;
	clear:both;
	overflow: hidden;

}	

	
	
	
#boxopinions {
	height: 245px;
	width: 350px;
	display:block;
	clear:both;
	overflow: hidden;

}	

	
	
	
	
#boxclients {
	height: 245px;
	width: 350px;
	display:block;
	clear:both;
	overflow: hidden;

}	

	
	
	
#boxcontact {
	height: 245px;
	width: 350px;
	display:block;
	clear:both;
	overflow: hidden;

}	
	
#boxcontact:hover{
	height: 245px;
	width: 350px;
	display:block;
	clear:both;
    overflow: hidden;
	}
	
	
	
/* links */

ih1 {
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 2em;
	font-weight: bold;
	color: #25247b;
	line-height: 2em;
}
img a{
	border: none;
	}

	
/* positioning classes */


.right {
	float: right;
	}


.left {
	float: left;
}


.spacer {
	height: 0;
	clear: both;
	}
	
	
hr {
	margin: 12px 20px 12px 0;
	padding: 0;
	color: #d2d4d6;
	clear: both;
	}	
	

/* text */

#noflash p {
	font-family: Arial, Helvetica, sans-serif;
	color: #403f40;
	line-height: 1.8;
}

#noflash h1 {
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 160%;
	font-weight: 100;	
	color: #25247b;
	line-height: 1.5;
	display:block;
	clear:both;
}
/*additions to optimise and make browser friendly*/

#mob-contacts {
	width:100%;
	height:50px;
	display:block;
	clear:both;
	bottom: 0px;
	vertical-align:bottom;
	padding-top:2em;
	font-weight:bold;
}
/***********************************************needed to contol the boxes or they will drop on smaller browsers/res************************************************/
#first-row{
	display:block;
	width:100%;
	width:350px;
	height:auto;
}
#second-row{
	display:block;
	width:100%;
	height:auto;
	clear:both;
	margin-bottom:2em;
}	
#mob-contacts .view_link{
	display:block;
	clear:both;
	width:350px;
	height:50px;
	}
#mob-contacts .footer-phone a{
		display:block;
	    clear:both;
		width:350px;
		border-bottom:1px solid $text;
		font-size:1.46em;
		color:#51616b;
	
	}
#mob-contacts .footer-email a{
		display:block;
	    clear:both;
		width:350px;
		padding-top:5px;
		padding-left:10px;
		font-size:1.46em;
		color:#51616b;
		border:none;
		
}
#mob-contacts .footer-email a:hover{
	display:block;
	clear:both;
	width:350px;
	padding-top:5px;
	padding-left:10px;
	font-size:2em;
	color:#000002;
	text-transform: lowercase;
	text-decoration:none;
	border:none;
}
.no-border{
	border:none;
}