/* CSS Document */

/* ---------- Big Little Fish CSS ---------- */

* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-repeat: repeat-x;
		background-image: url(../images/background.jpg);
		font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		/*background-color:#fc6;*/
		margin-bottom:-325px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:650px;
		width:900px;
		clear:left;
		/*background-color:#ffffff;*/
		}
/* main ctrl div */
	#container div {
		
		float:left;
		}
/* end main ctrl div */
		
	#container div.top{
		float:left;
		height:630px;
		width:900px;
		}
		
	#container div.bot{
		float:left;
		height:20px;
		width:900px;
		}
		
	div.edge{
		float:left;
		height:630px;
		width:100px;
		}
		
	div.main{
		float:left;
		height:630px;
		width:700px;
		}

	
	
	
	
/* ---------- Main Div's ---------- */


div.header{
	float: left;
	width: 700px;
	height: 130px;
	background-colour: #FFFFFF;
}

div.logo{
	float: left;
	width: 250px;
	height: 130px;
	background-colour: #FFFFFF;
}

div.logohold{
	float: left;
	width: 250px;
	height: 130px;
	background-colour: #FFFFFF;
}

/* div.blog{
	float: left;
	width: 100px;
	height: 130px;
	background-colour: #FFFFFF;
}

div.home-button{
	float: left;
	width: 50px;
	height: 130px;

	
	}
*/


div.main-nav{
	float: left;
	width: 100px;
	height: 65px;
	
	}
	
	
div.main-nav-new{
	float: left;
	width: 150px;
	height: 65px;
	
	}
	

div.left_bar_wrap{
	float: left;
	width: 100px;
	height: 630px;
	colour: none;
}
	
	
div.right_bar_wrap{
	float: right;
	width: 100px;
	height: 630px;
	colour: none;
}


div.movie-container{
	float: left;
	width: 700px;
	height: 500px;

	
}

div.home_movie{
	float: left;
	width: 700px;
	height: 400px;
	
		
/* ---------- Services Page Div's ---------- */

}

div.services-background{
	float: left;
	width: 700px;
	height: 400px;
	background-image: url(../images/services_back.jpg);
	
}

div.services-background-02{
	float: left;
	width: 700px;
	height: 340px;
	background-image: url(../images/services_back.jpg);
	background-repeat: no-repeat;
	background-color: #666B6D;
	overflow: scroll;
	overflow-x: hidden;
	
}

div.services-scroll-top{
	float: left;
	width: 700px;
	height: 30px;
	
}

div.services-top{
	float: left;
	width: 700px;
	height: 50px;
	
}

div.services-bottom{
	float: left;
	width: 700px;
	height: 30px;
	background-color: #666B6D;
	
}


div.services-column{
	float: left;
	width: 145px;
	height: 315px;
	padding-right: 0px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 5px;
	
}

div.services-column-02{
	float: left;
	width: 145px;
	height: 315px;
	padding-right: 0px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	
}

div.services-column-03{
	float: left;
	width: 145px;
	height: 315px;
	padding-right: 30px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	
}

div.services-column-wrap{
	float: left;
	width: 700px;
	height: 315px;
	
}	
	
div.services-column-scroll-space{
	float: left;
	width: 127px;
	height: 15px;

	}

div.services-column-scroll{
	float: left;
	width: 127px;
	height: 80px;
	/*overflow: scroll;
	overflow-x: hidden;*/
	} 
	
div.services-button{
	float: left;
	width: 175px;
	height: 30px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 170px;
	padding-bottom: 0px;
	}

/* ---------- Portfolio Page Div's ---------- */	

	
	


div.portfolio-wrap{
	float: left;
	width: 700px;
	height: 260px;
	background-color: #FFFFFF;	
/*	overflow: scroll;
	overflow-x: hidden; */


	}


div.portfolio-header{
	float: left;
	width: 640px;
	height: 30px;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/header.jpg);
}

/*div.portfolio-header{
	float: left;
	width: 700px;
	height: 80px;
	padding-right: 20px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 0px;
	background-image: url(../images/header.jpg);
}*/

div.portfolio-story-wrap{
	float: left;
	width: 700px;
	height: 400px;
	background-color: #FFFFFF;	

	
	}

div.portfolio-pic{
	float: left;
	width: 135px;
	height: 150px;
	padding-right: 10px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;	
	
	
	}

div.portfolio-text2{
	float: left;
	width: 650px;
	height: 150px;
	padding-right: 30px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;	


}

div.portfolio-text{
	float: left;
	width: 475px;
	height: 150px;
	padding-right: 30px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;	


}

div.main-area-wrap{
	float: left;
	width: 700px;
	height: 175px;
	
	}

div.portfolio-spacer{
	float: left;
	width: 700px;
	height: 20px;
	background-color: #FFFFFF;

}

div.main-text-wrap{
	float: left;
	width: 350px;
	height: 450px;
	
	}
	
	div.main-text-wrap2{
	float: left;
	width: 400px;
	height: 450px;
	
	}

	div.main-text-wrap3{
	float: left;
	width: 310px;
	height: 450px;
	
	}

div.main-text-area{
	float: left;
	width: 300px;
	height: 250px;
	padding-right: 20px;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 20px;
	/* overflow: scroll;
	overflow-x: hidden; */
	background-color: #FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: 17px;
	}
	
	div.main-text-area2{
	float: left;
	width: 350px;
	height: 350px;
	padding-right: 20px;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 20px;
	/* overflow: scroll;
	overflow-x: hidden; */
	background-color: #FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: 17px;
	}

div.main-text-header{
	float: left;
	width: 300px;
	height: 80px;
	padding-right: 20px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 0px;
	background-image: url(../images/header-back.jpg);
	}
	


div.main-text-header2{
	float: left;
	width: 350px;
	height: 80px;
	padding-right: 20px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 0px;
	background-image: url(../images/header-back2.jpg);
	}

div.main-pic-area{
	float: left;
	width: 350px;
	height: 400px;
	
}	
	div.main-pic-area2{
	float: left;
	width: 300px;
	/* width: 300px; */
	height: 400px;
}

	div.main-pic-area3{
	float: left;
	width: 390px;
	height: 400px;
}

div.footer{
	float: left;
	width: 700px;
	height: 125px;
	background-color: #FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;	
	
	}



/* ---------- navigation ---------- */

div.main_nav-wrap{
	float: left;
	width: 700px;
	height: 100px;
	colour: none;
	
	
}

div.main_nav-wrap02{
	float: left;
	width: 600px;
	height: 75px;
	colour: none;
	padding-right: 210px;
	background-color: #FFFFFF;
	
	
}

div.main_nav{
	float: left;
	width: 700px;
	height: 100px;
	colour: none;
    font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 30px;
	color: #ffffff;
	margin-left: 30px;
	margin-top:15px;
	
	
}

div.main_nav-thin{
	float: left;
	width: 100px;
	height: 75px;
	colour: none;
	
	
}

div.legal_nav{
	float: left;
	width: 800px;
	height: 20px;
	padding-left: 0px;
	}
	
	div.legal_navbig{
	float: left;
	width: 800px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	}

div.legal_nav_home{
	float: left;
	width: 800px;
	height: 20px;
	padding-left: 0px;
	}
	
	div.legal_navbig_home{
	float: left;
	width: 800px;
	height: 135px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	}

div.legal_nav_right{
	float: right;
	width: 300px;
	height: 20px;
	}


/* ---------- spacer ---------- */


div.navigation_spacer{
	float: left;
	width: 700px;
	height: 37px;
	
}

div.header_spacer{
	float: left;
	width: 700px;
	height: 50px;
	
}

div.footer_spacer{
	float: left;
	width: 100px;
	height: 210px;


	
}



/* ---------- Type Styles ---------- */


.services-td {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: 12px;
}

.info-area-title {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	

}

.info-area-title-light01 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	color: #061920;
	text-decoration: none;
	font-style: normal;
	line-height: 26px;
	font-weight: bold;	

}

.large-bullet {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #061920;
	text-decoration: none;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	

}

.body-copy {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: 17px;
	

}

.body-bold {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #061920;
	text-decoration: none;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	
}

.info-area-light {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #677377;
	text-decoration: none;
	font-style: normal;
	line-height: 15px;
	
}


.footer_nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: 22px;
}
	
.bulletts {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.pink-astrix {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #C50068;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.large-pink-astrix {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	color: #C50068;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.pink-call-back {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #C50068;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

.pink-call-back-2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #C50068;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}

/* ---------- Link Styles ---------- */

.legal_nav a:link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	
	
}

.legal_nav a:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-style: normal;

}

.legal_nav a:hover {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	font-style: normal;
	
}

.legal_nav_home a:link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	
	
}

.legal_nav_home a:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-style: normal;

}

.legal_nav_home a:hover {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	font-style: normal;
	
}

.bulletts a:link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 19px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	
}

.bulletts a:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 19px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;

}

.bulletts a:hover {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 19px;
	color: #FF0099;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	
}

.site-map-collumn01 a:link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #061920;
	text-decoration: none;
	font-style: normal;
	
}

.site-map-collumn01a:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #061920;
	font-style: normal;

}

.site-map-collumn01 a:hover {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #CCCCCC;
	font-style: normal;
	
}

.site-map-collumn02 a:link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #FF0099;
	text-decoration: none;
	font-style: normal;
	
}

.site-map-collumn02a:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #061920;
	font-style: normal;

}

.site-map-collumn02 a:hover {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #CCCCCC;
	font-style: normal;
	
}
.large-bullet a:link{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #061920;
	text-decoration: none;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	}
	
.large-bullet a:visited{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #061920;
	text-decoration: none;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	}
	

.large-bullet a:hover{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #FF0099;
	text-decoration: none;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
}

.enquiries-scroll a:link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #061920;
	text-decoration: none;
	font-style: normal;
	
}

.enquiries-scroll a:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #061920;
	font-style: normal;

}

.enquiries-scroll a:hover {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #CCCCCC;
	font-style: normal;
	
}

.main-text-area a:link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #061920;
	text-decoration: none;
	font-style: normal;
	
}

.main-text-area a:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #061920;
	font-style: normal;

}

.main-text-area a:hover {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	background-color: #CCCCCC;
	font-style: normal;
	
}

.services-column-scroll	 a:link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #FFFFFF;
	text-decoration: none;
	
}

.services-column-scroll	 a:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #FFFFFF;

}

.services-column-scroll	 a:hover {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #C50068;
	
}

.call-back a:link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #C50068;
	text-decoration: none;
	font-weight: bold;
	
}

.call-back a:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #C50068;
	font-weight: bold;

}

.call-back a:hover {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #677377;
	font-weight: bold;
	
}



.body-copy a:link {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #C50068;
	text-decoration: none;
	
}

.body-copy a:visited {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #C50068;

}

.body-copy a:hover {
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #677377;
	
}






	
	
	
	
	
	
	
	
/* ---------- Big Little Fish CSS ---------- ends */	
	
	#container div h2 {
		font-size:120%;
		font-weight:bold;
		text-transform:uppercase;
		margin:1em 0 0;
		}

	#container div h3 {
		font-size:100%;
		font-weight:bold;
		margin:.5em 0 0 .75em;
		}

	#container ul {
		margin-left:2em;
		}

	#container li span {
		font-size:70%;
		}
		

	#container h1 {
		font-size:120%;
		padding-top:2.4em;
		margin-left:2.4em;
		}

	#container p {
		margin:1.5em 13.6em 1.5em 3em;
		}
div.strapline {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#f0097d;
}