@charset "utf-8";
/* CSS Document */

/*	Stylesheet contents
	-----------------
1) Body
2) General typography
3) Headers
4) Lists
5) Links
6) Images
7) Layout
8) Banner
9) Nav
10) Footer
	-----------------*/
	
/*	1.0	Body
	-------------------------------------*/
	body{
		position:relative;
		font-family:Arial, Helvetica, sans-serif;
		colour:#333;
		margin:0;
		padding:0;
		font-size:0.9em;
	}
	
	
	.hidden{
		display:none;
	}
	
	.container{
		position:relative;
		margin:0;
		padding:0;
		width:100%;
	/*	background-color:#FFF;*/
	}
	
	.container_header{
		position:fixed;
		width:100%;
		margin:0;
		padding:0;
		z-index:555;
		background:#fff;
	}
	
	.content_header{
		position:relative;
		margin:0 auto 0 auto;
		max-width:1000px;
		min-width:960px;
/*		background:pink;*/
	}
	
	.container_small{
		position:absolute;
		width:100%;
		margin:0;
		padding:0;
		z-index:555;
		background:green;
	}
	
	
	.content{
		position:relative;
		width:80%;
		max-width:1000px;
		min-width:960px;
		margin:0 auto 0 auto;
	/*	background:pink;*/
	}
	
	
	.fixed{
		position:fixed;
		z-index:555;
	}
	
	.padding{
		position:relative;
/*		background:blue;*/
		height:120px;
	}
	
	.white{
		background-color:#FFF;
	}
	
	.alerter{	
		position:absolute;
		width:100%;
		height:100%;
		background-image:url(../images/grey-50.png);
		visibility:hidden;	
		z-index:400;
	}
	
	.alert_background{
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
	/*	background-image:url(../images/common/grey-50.png);*/
		z-index:999 !important;
		display:none;
	}
	
	.alert_carrier{
		position:relative;
		top:25%;
		width:100%;
	}
	
	.alert_box{
		position:relative;
		margin:0 auto 0 auto;
		background-color:#fff;
		border:solid 2px #006;
		border-radius:10px;
		width:380px;
		padding:2%;
		z-index:999 !important;
	}
	

	
/*	2.0	General Typography
	-------------------------------------*/
	p{
		color:#333;
		font-size:0.95em;
		margin:0 0 1em 0;
		line-height:1.4em;
	}
	
	
/*	3.0	Headers
	-------------------------------------*/
	h1,h2,h3,h4,h5,h6{
		margin:0;
		padding:0;
	}
	
	h1{
		color:#006;
		padding:0 0 0.25em 0;
	}
	
	h2{
		color:#333;
	}
	
	h3{
	}
	
	h4{
	}
	
	h5{
	}
	
	h6{
	}
	
	p{
/*		padding:0;
		margin:0;*/
	}
	
/*	4.0	Lists
	-------------------------------------*/
/*	5.0	Links
	-------------------------------------*/
/*	6.0	Images
	-------------------------------------*/
	.logo{
		position:relative;
		width:25%;
		left:0%;
		top:0;
/*		background:orange;*/
	}
	
	.logo_name{
		position:absolute;
		left:2%;
		bottom:15%;
		color:#333;
		font-size:0.85em;
	}
	
	.logo img{
		position:relative;
		width:100%;
	}
	
	.telephone_no{
		position:absolute;
		top:0px;
		right:0px;
		font-size:1.15em;
		color:#CCC;
	}
	
/*	7.0	Layout
	----------------------------------*/
	#login, #x_login{
		position:absolute;
		bottom:1em;
		right:1em;
	}
	
	#login a, #x_login a{
		color:#999;
		font-size:0.85em;
		text-decoration:none;
	}
	
	#login a:hover, #x_login a:hover{
		color:#999;
		font-size:0.85em;
		text-decoration:underline;
	}
	
	.sign_in{
		position:absolute;
		bottom:1%;
		right:0px;
		color:#999;
		font-size:0.8em;
	}
	
	
	.logo{
		width:30%;
		min-width:150px;
	}
	
	.holder{
		position:relative;
		width:100%;
/*		background:yellow;		*/
		margin:2% 0 2% 0;
		text-align:center !important;
		overflow:auto;
	}
	
	.holder ul{
		position:relative;
		width:100%;
		list-style:none;
		margin:0 auto 0 auto;
		padding:0px;
	/*	overflow:auto;*/
	/*	background:pink;*/
	}
	
	.holder ul li{
	/*	float:left;*/
		display:inline-block;
		background:#ccc;
/*		margin:0 1% 0 0;		*/
		padding:1%;
		width:30.8%;
		height:80px;
		text-align:left;
		color:#333;
	}
	
	.holder ul li img{
		float:right;
		width:20%;
		padding:0% 0 2% 2%;		
	}
	
	.holder ul li a{
		text-decoration:none;
	}
	
	.holder ul li h4{
		color:#333;
	}
	
	.holder_options{
		position:relative;
		width:100%;
/*		background:yellow;*/
		margin:1% 0 2% 0;
		text-align:center !important;
		overflow:auto;
	}
	
	.holder_options ul{
		margin:0;
		padding:0px;
		list-style-type:none;
	}
	
	.holder_options ul li{
		margin:0.5%;
		padding:0.75%;
		border:solid 1px #ccc;
		width:22.25%;
		background:#FFF;
		float:left;
	}
	
	.holder_options ul li img{
		width:100%;
		max-height:190px;
		overflow:hidden;
	}
	
	.options_title{
		width:97.4%;
		padding:3% 0% 3% 3%;
		color:#FFF;
		background-image:url(../images/navy.jpg);
		text-align:left;
	}
	
	.holder_options ul li a{
		text-decoration:none;
	}
	
	.col-holder{
		position:relative;
		width:100%;
		overflow:auto;
	}
	
	.col-3{
		width:54%;
	/*	background:pink;*/
		padding-right:5%;
		text-align:justify;
	}
	
	.col-3-min{
		width:31%;
	/*	background:pink;*/
		padding-right:5%;
		text-align:justify;
	}
	
	.col-1 a{
		text-decoration:none;
	}
	
	.col-1 a p{
		text-decoration:none;
		color:#FFF !important;
	}
	
	.col-1 a:hover p{
		text-decoration:underline;
		color:#FFF !important;
	}
	
	.col-1 p{
		color:#FFF;
	}
	
	.col-1{
		position:absolute;
		right:0;
		top:0;
		width:420px;
		height:380px;
		overflow:hidden;
	/*	padding:2%;*/
		border:solid 1px #ccc;
		color:#fff !important;
		padding:7px;
	}
	
	.col-1#plans{
		position:absolute;
		right:0;
		top:0;
		width:650px;
		height:452px;
		overflow:hidden;
	/*	padding:2%;*/
		border:solid 1px #ccc;
		color:#fff !important;
		padding:7px;
	}
	
	#s1{
		position:absolute;
		top:7px;
		left:7px;
		z-index:0;
	}
	
	#s2{
		position:absolute;
		display:none;
		top:7px;
		left:7px;
		z-index:50;
	}
	
	#s3{
		position:absolute;
		display:none;
		top:7px;
		left:7px;
		z-index:100;
	}
	
	.left-col-60{
		position:relative;
		width:58%;
		padding:0 2% 0 0;
	}
	
	.right-col-60{
		top:0;
		float:right;
		width:36%;
	/*	background:#69F;*/
		padding:2%;
		margin:2% 0 0 0;
		border:solid 1px #69F;
		border-radius:10px;
	}
	
	.full_width{
		position:relative;
		width:100%;
		margin:0.5em 0 0.5em 0;
/*		background:pink;	*/
		z-index:220;		
	}

	
	.full_width a{
		colour:#333;
		text-decoration:none;
	}
	
	.full_width img{
		position:relative;
		max-height:165px;
		padding-right:2em;
		margin:0 auto 0 auto;
	}
	
	#a1{
		display:none;
	}
	
	#a2{
		display:none;
	}
	
	
	#a3{
		display:none;
	}
	
	#a4{
		display:none;
	}
	
	#a5{
		display:none;
	}
	
	#a6{
		display:none;
	}
	
	#a7{
		display:none;
	}
	
	#a8{
		display:none;
	}
	
	#a9{
		display:none;
	}
	
	#a10{
		display:none;
	}
	
	#a11{
		display:none;
	}
	
	#a12{
		display:none;
	}
	
	#a13{
		display:none;
	}
	
	#a14{
		display:none;
	}
	
	#a15{
		display:none;
	}
	
	.clients{
		min-height:800px;
	}
	


/*	7.1	About
	---------------------------*/
	.team_member{
		position:relative;
		width:100%;
		padding:1% 0 1% 0;
		overflow:auto;
	}
	
	.team_member p {
		font-size:1.1em;
	}
	
	.team_member p a {
		text-decoration:none;
		color:#000;
	}
	
	.team_member p a:hover {
		text-decoration:none;
		color:#069;
	}
	
	.team_member img{
		float:left;
		margin:0% 1% 1% 0;
		padding:1%;
		border:solid 1px #ccc;
	}
	
	.col-left-50{
		position:relative;
		left:0px;
		width:49%;
/*		background:yellow;	*/
	}
	
	.col-right-50{
		position:absolute;
		right:0px;
		width:49%;
		top:0px;
/*		background:pink;	*/
	}
	
	.team_holder{
		position:relative;
		width:100%;
/*		background-color:orange;	*/
		overflow:auto;
	}

/*	7.1	Clients
	----------------------------*/
	.content_text{
		position:relative;
		width:60%;
/*		background:yellow;		*/
	}
	
	.artwork_right{
		position:absolute;
		right:0;
		top:0;
		width:35%;
	/*	background:pink;*/
		height:100%;
		overflow:hidden;
		border-right:solid 1px #ccc;
		border-bottom:solid 1px #ccc;
	}
	
	.artwork_right img{
		width:100%;
		height:100%;
	}

/*	7.1	Design
	----------------------------*/
	.design_holder{
		position:relative;
		width:100%;
		margin:1% 0 2% 0;
		padding-bottom:1%;
/*		background:pink;*/
		overflow:auto;
		border-bottom:solid 1px #ccc;
	}
	
	.design_holder img{
		float:right;
		padding:1%;
		margin:0 0 0 1%;
		border:solid 1px #ccc;
		width:100px;
	}
	
	.end{
		border-bottom:none !important;
	}
	
/*	7.1	Contact
	----------------------------*/
	.map_holder{
		position:relative;
		width:65%;
		height:400px;	/*---	Temp Please remove	---*/
		margin:0% 1% 1% 0;
		border:solid 1px #999;
/*		background-color:#999;	/*---	Temp Please Remove	---*/
	}
	
	.map_holder iframe{
		width:100%;
		height:100%;
	}
	
	.address_holder{
		position:absolute;
		right:0px;
		top:15%;
		width:30%;
		padding:2% 0 2% 1.5%;
		border-left:solid 2px #006;
		font-size:1em;
	}
	
	.leftcolumn-small{
		position:relative;
		width:34%;
		padding:1em 1.5em 1.5em 2em;
		text-align:justify;
		background:#ccc;
		border:solid 1px #999;
	}
	
	.rightcolumn-large{
		position:absolute;
		left:40%;
		top:0;
		width:55%;
/*		background:green;		/*--TESTING ONLY - PLEASE REMOVE-->*/
		display:block;
		float:right;
		padding:1.5em 1.5em 1.5em 1.5em;
		text-align:justify;
	}	
	
	.star_blue{
		color:#009;
	}
	
	.sent{
		position:absolute;
		top:0px;
		left:0px;
		background-color:#ccc;;	/*--TESTING ONLY - PLEASE REMOVE--*/
		width:95%;
		padding-left:5%;
		height:100%;
		z-index:400;
		visibility:hidden;
		text-align:center;
	}

	.checkholder{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
/*		background:red;		/*--TESTING ONLY - PLEASE REMOVE--*/
		z-index:999;
		visibility:hidden;		
	}
	
	.check{
		position:relative;
		margin:10% auto 0 auto;
		padding:1em;
		width:60%;
		text-align:center;
		background:#FFF;
		color:#333;
		border:solid 1px #009;
		border-radius:10px;
/*		box-shadow: 0px 0px 50px 0px #06F;*/
	}
	
	.closer a{
		position:relative;
		display:block;
		background-color:#E9E9E9;
		padding:5px;
		width:60px;
		margin:1em auto 1em auto;
		text-align:center;
		color:#000;
/*		border-radius:10px;*/
		border:solid 1px #999;
		text-decoration:none;
	}

	.closer a:hover{
		position:relative;
		display:block;
		background-color:#ccc;
		padding:5px;
		width:60px;
		margin:1em auto 1em auto;
		text-align:center;
		color:#000;
		border:solid 1px #999;
	/*	border-radius:10px;*/
	}
	
	#alert{
		colour:#F00;
	}
	
	img.emergency{
		float:left;
		padding: 8px;
		border:solid 1px #ccc;
		margin:5px 10px 10px 0;
		width:142px;
	}
	
	.filler{
		position:absolute;
		right:0px;
		width:30%;
		top:750px;
		height:900px;
		background-image:url(../images/sidebar.jpg);
		z-index:-10;
		overflow:hidden;
		background-repeat:no-repeat;
	}
	
	.email{
		position:relative;
		width:96%;
		background:#ccc;
		border:solid 1px #69F;
		padding:2%;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
	}
	
	.email_content{
		position:relative;
		width:90%;
		margin:0 auto 0 auto; 
	}
	
	.send{
		color:#333;
		font-size:18px;
		padding:10px 0 10px 0;
		
	}
	
	
/*	8.0	Banner
	-------------------------------------*/
	.banner{
		position:relative;
		width:100%;
	}
	
	#banner{
		position:relative;
		width:100%;
		height:300px;
/*		background-color: blue;  /*---Test Color - Please remove------*/
		margin:0 0 10px 0;
	}
	
	#banner img{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	
	.banner img{
		width:100%;
		height:120%;
	}
	
	.design{
		background-image:url(../images/design_background.jpg);
		background-repeat:no-repeat;
	}
	
	
	
/*	9.0	Nav
	-------------------------------------*/
	.navbar{
		position:absolute;
		top:30%;
		right:0px;
		width:50%;
		min-width:700px;
	/*	background:green;*/
		text-align:right;
	}
	
	#mycps{
		display:none;
		color:#009 !important;
	}
	
	.navbar ul{
		margin:0;
		padding:0;
	/*	background:green;*/
		list-style-type:none;
	}
	
	.navbar ul li{
		display:inline-block;
		padding:2% 0 2% 3%;
	}
	
	.navbar ul li a{
		font-size:1.5em;
		color:#666;
		text-decoration:none;
		border-bottom:solid 2px #FFF;
	}
	
	.navbar ul li a h4{
	/*	font-size:1.5em;*/
		font-weight:normal;
		color:#666;
		text-decoration:none;
		border-bottom:solid 2px #FFF;
	}
	
	.navbar ul li.active a{
		font-size:1.5em;
		color:#333;
		text-decoration:none;
	}
	
	.navbar ul li.active a h4{
		/*	font-size:1.5em;*/
		font-weight:normal;
		color:#333;
		text-decoration:none;
	}
	
	.navbar ul li a:hover h4{
		/*	font-size:1.5em;*/
		font-weight:normal;
		text-decoration:none;
		border-bottom:solid 2px #006;
		color:#333;
	}
	
	.navbar ul li a:hover{
		font-size:1.5em;
		text-decoration:none;
		border-bottom:solid 2px #006;
		color:#333;
	}
	
	.nav{
		height:50px;
		background-image:url(../images/drop-shadow.png);
		background-repeat:repeat-x;
		border-top:solid 3px #009;
		
	}
	
/*	10	Footer
	-------------------------------------*/
	.footer{
		border-top:solid 5px #36F;
		background-color:#333;
	}
	
	.footer_logo {
		width:60%;
		font-weight:bold;
		font-size:2em;
		color:#FFF;
	}
	
	.footer_content{
		padding:15px 0 20px 0;
		min-height:80px;
		overflow:auto;
	}
	
	.footer_nav{
		position:relative;
		width:60%;
	/*	background:yellow;*/
		overflow:auto;
		margin-top:0.5%;
	}
	
	.footer_nav ul{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	.footer_nav ul li.last {
		border-right:none;		
	}
	
	.footer_nav ul li {
		float:left;
		padding-right:2%;
		margin-right:2%;
		border-right:solid 2px #36F;
	}
	
	.footer_nav ul li a{
		color:#CCC;
		text-decoration:none;
		font-size:100%;
	}
	
	.footer_nav ul li a:hover{
		color:#FFF;
	}
	
	.copyright{
		position:absolute;
		bottom:2%;
		left:0;
		color:#CCC;
		font-size:0.7em;
	}
	
	.footer_accreditations {
		position:absolute;
		right:0;
		overflow:auto;
		float:right;
	/*	width:40%;*/
		top:0px;
	/*	right:-15px;*/
	/*	background:pink;  /*---Test Color - Please remove------*/
	}
	
	.footer_accreditations ul {
		margin:0;
		padding:0;
	}

	.footer_accreditations ul li {
		display:block;
		float:left;
		height:40px;
		margin:5px 0 0 10px;
	}

	.footer_accreditations ul li.tall {
		display:block;
		float:left;
		height:100px;
		margin:5px 0 0 10px;
	}

	.footer_accreditations ul li img, .footer_accreditations ul li.tall img {
		height:100%;
	}