@import url(menu.css);
@import url(brand_menu.css);

/* --------------------------------------------- LAYOUT ITEMS ------------------------------------------*/
html {
min-height: 100%;
margin-bottom: 1px;
overflow: -moz-scrollbars-vertical !important;
font-family:"Arial",sans-serif;
}

body {
	text-align:center;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	margin: 0px auto;
	margin-top:20px;
	padding:0;
	height:100%;
}

:focus {
	outline: 0;
}

ul#ul_menu_home, ul#ul_menu_home li, ul#ul_menu_group, ul#ul_menu_group li, ul#ul_menu_history, ul#ul_menu_history li,
ul#ul_menu_approach, ul#ul_menu_approach li, ul#ul_menu_contact, ul#ul_menu_contact li,  ul#ul_menu_portfolio, ul#ul_menu_portfolio li,
ul#ul_menu_brands, ul#ul_menu_brands li, ul#ul_menu_footer, ul#ul_menu_footer li
{
	text-indent: -99999999px;
	list-style-type: none;
}


#container {
	width:935px;
	margin: 0 auto;
	padding:0;
	clear:both;
	text-align:left;
} 

#container_sub {
	width:935px;
	margin: 0 auto;
	padding:0;
	clear:both;
	text-align:left;
} 

.port_one {
	height:1140px;
	/*background-image:url(../images/portfolio/lp_coalport.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
} 

.port_two {
	height:1140px;
	/*background-image:url(../images/portfolio/lp_slumberland.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
} 

.port_three {
	height:1140px;
	/*background-image:url(../images/portfolio/lp_skinnycow.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
} 

.port_four {
	height:1140px;
	/*background-image:url(../images/portfolio/lp_woolmark.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
} 

.port_five {
	height:1140px;
	/*background-image:url(../images/portfolio/lp_mcvities.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
} 

.port_six {
	height:1140px;
	/*background-image:url(../images/portfolio/lp_dunpillo.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
} 

.port_seven {
	height:1140px;
	/*background-image:url(../images/portfolio/lp_coop.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
} 

.port_eight {
	height:1140px;
	/*background-image:url(../images/portfolio/lp_wedgwood.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
} 

.main {
	height:1150px;
} 

.mainhome {
	height:745px;
} 

.sub {
	height:760px;
} 

img {border:none;}







/* ------- PORTFOLIO SECTION --------------------*/

#portfolioLeft{
	width:305px;
	height:1140px;
	float:left;
}


#portfolioRight{
	width:620px;
	height:1140px;
	float:right;
	
}


#brandNav{
	position:relative;
	width:305px;
	height:750px;
	background-color:#ffffff;
	clear:both;
}



#portfolioBotRow{
	position:relative;
	width:620px;
	height:305px;
	margin-top:10px;
}

#folioBotLeft{
	position:relative;
	width:305px;
	height:370px;
	background-color:#FFFFFF;
	float:left;
}

#folioBotRight{
	position:relative;
	width:305px;
	height:370px;
	background-color:#FFFFFF;
	float:right;
}


#portfolioBig{
	position:relative;
	width:620px;
	height:750px;
}

.clear{
	clear:both;
}





/* ------- FOOTER MENU --------------------*/

ul#ul_menu_footer {
	position: relative;
	width:935px;
	margin: 0;
	height: 40px;
	background: url(../images/menus/footer_menu.gif) 0px 0px no-repeat;
}

ul#ul_menu_footer li{
	position: absolute;
	height: 40px;
	display:inline;
}

ul#ul_menu_footer a{
	display: block;
	text-decoration: none;
	height: 40px;
}


#ul_menu_footer  .li_narrabeen{left: 0px; top: 0px; width: 317px;}
#ul_menu_footer  .li_4am		{left: 317px; top: 0px; width: 102px;}
#ul_menu_footer  .li_chilli	{left: 317px; top:0px;  width: 152px;}
#ul_menu_footer  .li_relax	{left: 465px; top:0px;  width: 188px;}








/* ------- ROWS  --------------------*/

#container #rowtop {
	width:935px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	float:left;
	height:370px;
	clear:both;
}

#container #rowmid {
	width:935px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	float:left;
	height:370px;
	clear:both;
}

#container #rowbot {
	width:935px;
	margin:0;
	margin-bottom:10px;
	padding:0;
	float:left;
	height:370px;
	clear:both;
}

/* ------- BOXES ROW 1  --------------------*/

#rowtop #topbox1{
	
	width:305px;
	margin:0;
	margin-right:10px;
	padding:0;
	float:left;
	height:370px;
	clear:both;
	
}


#portfolioLeft #topbox1{
	
	width:305px;
	margin:0;
	margin-right:10px;
	padding:0;
	height:370px;
	margin-bottom:10px;
	
}


.topbox1_greenfooter {
	background-image:url(../images/introtext_footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

.topbox1_whitefooter {
	background-image:url(../images/introtext_footer_white.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

.topbox1_greyfooter {
	background-image:url(../images/introtext_footer_grey.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#logowrapper{
	width:305px;
	margin:0;
	padding:0;
	
	height:161px;
	position:relative;	
}

#explore{
	width:138px;
	margin:0;
	padding:0;
	float:right;
	height:30px;
	position:relative;
}

#logo{
	width:190px;
	margin:0;
	padding:0;
	float:left;
	height:161px;
	position:absolute;
	top:0px;
}


#rowtop #topbox1 #intro{
	width:305px;
	margin:0;
	padding:0;
	float:left;
	height:200px;
	position:relative;
}


#intro_logoone{
	width:305px;
	margin:0;
	padding:0;
	float:left;
	height:200px;
	position:relative;
	background-image:url(../images/portfolio/intro_port_coalport.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#intro_logotwo{
	width:305px;
	margin:0;
	padding:0;
	float:left;
	height:200px;
	position:relative;
	background-image:url(../images/portfolio/intro_port_slumberland.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#intro_logothree{
	width:305px;
	margin:0;
	padding:0;
	float:left;
	height:200px;
	position:relative;
	background-image:url(../images/portfolio/intro_port_skinnycow.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#intro_logofour{
	width:305px;
	margin:0;
	padding:0;
	float:left;
	height:200px;
	position:relative;
	background-image:url(../images/portfolio/intro_port_woolmark.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#intro_logofive{
	width:305px;
	margin:0;
	padding:0;
	float:left;
	height:200px;
	position:relative;
	background-image:url(../images/portfolio/intro_port_mcvities.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#intro_logosix{
	width:305px;
	margin:0;
	padding:0;
	float:left;
	height:200px;
	position:relative;
	background-image:url(../images/portfolio/intro_port_dunpillo.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#intro_logoseven{
	width:305px;
	margin:0;
	padding:0;
	float:left;
	height:200px;
	position:relative;
	background-image:url(../images/portfolio/intro_port_coop.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#intro_logoeight{
	width:305px;
	margin:0;
	padding:0;
	float:left;
	height:200px;
	position:relative;
	background-image:url(../images/portfolio/intro_port_wedgwood.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}


#rowtop #topbox2{
	width:305px;
	margin:0;
	margin-right:10px;
	padding:0;
	float:left;
	height:228px;	
	text-align:center;
	/*padding-top:142px;*/
}

#rowtop #topbox3{
	width:305px;
	margin:0;
	padding:0;
	float:right;
	height:228px;
	text-align:center;
	/*padding-top:142px;*/
}

#portbox1{
	width:305px;
	margin:0;
	margin-right:10px;
	padding:0;
	float:left;
	height:370px;	

}

#portbox2{
	width:305px;
	margin:0;
	padding:0;
	float:right;
	height:370px;	
}

#rowtop #contentbox{
	width:620px;
	margin:0;
	padding:0;
	float:left;
	height:370px;
}

.contentfooter_orange {
background-image:url(../images/content_footer_orange.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.contentfooter_green {
background-image:url(../images/content_footer_green.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.contentfooter_blue {
background-image:url(../images/content_footer_blue.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.contentfooter_yellow {
background-image:url(../images/content_footer_yellow.gif);
background-position:bottom;
background-repeat:no-repeat;
}

/* ------- NAVIGATION  --------------------*/

/*ul#nav {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul#nav li {
	display:inline;
	padding:0px;
	margin:0px;
}*/






/* ------- BOXES ROW 2  --------------------*/

#rowmid #midbox1{
	width:305px;
	margin:0;
	margin-right:10px;
	padding:0;
	float:left;
	height:228px;
	text-align:center;
	/*padding-top:142px;*/
}

#rowmid #midbox2{
	width:305px;
	margin:0;
	margin-right:10px;
	padding:0;
	float:left;
	height:370px;
		text-align:center;
}

#rowmid #midbox3{
	width:305px;
	margin:0;
	padding:0;
	float:right;
	height:228px;
	text-align:center;
	/*padding-top:142px;*/
}

/* ------- BOXES SUB  --------------------*/

#rowmid #midbox1_sub{
width:265px;
	margin:0;
	margin-right:10px;
	padding:20px;
	float:left;
	height:330px;
	text-align:left;

}

#rowmid #midbox2_sub{
width:265px;
	margin:0;
	margin-right:10px;
	padding:20px;
	float:left;
	height:330px;
	text-align:left;

}

#rowmid #midbox3_sub{
width:265px;
	margin:0;
	padding:20px;
	float:left;
	height:330px;
	text-align:right;

}



/* ------- BOXES ROW 3  --------------------*/

#rowbot #botbox1{
	width:305px;
	margin:0;
	margin-right:10px;
	padding:0;
	float:left;
	height:228px;
	text-align:center;
	/*padding-top:142px;*/
}

#rowbot #botbox2{
	width:305px;
	margin:0;
	margin-right:10px;
	padding:0;
	float:left;
	height:228px;
	text-align:center;
	/*padding-top:142px;*/
}

#rowbot #botbox3{
	width:305px;
	margin:0;
	padding:0;
	float:right;
	height:228px;
		text-align:center;
	/*padding-top:142px;*/
}

/* ------- CONTENT BOXES  --------------------*/

#rowbot #botboxcontent1{
	width:265px;
	margin:0;
	margin-right:10px;
	padding:20px;
	float:left;
	height:330px;
	text-align:left;
}

#rowbot #botboxcontent2{
	width:265px;
	margin:0;
	margin-right:10px;
	padding:20px;
	float:left;
	height:330px;
	text-align:left;
}

#rowbot #botboxcontent3{
	width:265px;
	margin:0;
	padding:20px;
	float:right;
	height:330px;
	text-align:left;
}

.contentarea {
	height:330px;
}



/* ------- MANAGING PARTNERS  --------------------*/

.andy{
	position:relative;
	width:125px;
	float:left;
}

.david{
	position:relative;
	width:125px;
	float:right;
}


.andy2{
	width:100%;
	height:100px;
	font-size:12px;
	

}

.david2{
	width:100%;
	height:100px;
	font-size:12px;
	
}

.name{
	font-size:14px;
	font-weight:bold;
}


.andy2 a, .david2 a, #subdiv1 a, #subdiv2 a {text-decoration:none; color:#7d7767;}


.floatLeft{float:left; padding:0 8px 8px 0;}




/* ------- COLOURS FOR BOXES  --------------------*/

.orange{
	background-color:#f18937;
}

.blue{
	background-color:#2eb19d;
}

.yellow{
	background-color:#e7ee62;
}

.white{
	background-color:#f9f9f9;
}

.truewhite{
	background-color:#ffffff;
}

.grey{
	background-color:#d2ddda;
}

.lightgreen{
	background-color:#8fb84d;
}

.red{
	background-color:#cd2f2f;
}

.brown{
	background-color:#837a68;
}

.lightblue{
	background-color:#52c3d4;
}



/* ------- IMAGE REPLACEMENT FOR CAPTIONS  --------------------*/

   
h2 {margin-top:0px;}

h2.homeIntroText {
    
    width:305px;
    height:137px;
    background-image:url(../images/introtext.gif);
    text-indent: -9999px;
   
}  


h2.groupIntroText  {
   
    width:305px;
    height:115px;
    background-image:url(../images/intro_group.gif);
    text-indent: -9999px;
   
}  

h2.historyIntroText  {
   
    width:305px;
    height:115px;
    background-image:url(../images/intro_history.gif);
    text-indent: -9999px;
   
}   


h2.approachIntroText  {
    width:305px;
    height:115px;
    background-image:url(../images/intro_approach.gif);
    text-indent: -9999px;
   
}   


h2.contactIntroText  {
    width:305px;
    height:115px;
    background-image:url(../images/intro_contact.gif);
    text-indent: -9999px;
   
}  
 

h2.portfolioIntroText  {
    width:305px;
    height:115px;
    background-image:url(../images/intro_portfolio.gif);
    text-indent: -9999px;
   
}  

h2.selectBrand  {
    width:305px;
    height:115px;
    background-image:url(../images/intro_portfolio.gif);
    text-indent: -9999px;
   
} 
 
 
h3.choosebrand  {
    width:305px;
    height:50px;
    background-image:url(../images/menus/title_select_brand.gif);
    text-indent: -9999px; 
    margin:0;
    padding:0px;
   
} 

h2.hidden{
	display:none;
}


 


/* ------- IMAGE REPLACEMENT FOR HEADINGS  --------------------*/

  

h2.chilli  {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_chilli.gif);
    text-indent: -9999px;
    margin-bottom:0;
    padding-bottom:0px;

   
}    


h2.fouramuk  {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_4am.gif);
    text-indent: -9999px;
    margin-bottom:0;
    padding-bottom:0px;
   
}

h2.relax  {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_relax.gif);
    text-indent: -9999px;margin-bottom:0;
    padding-bottom:0px;
    
   
} 


h2.howitstarted  {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_how.gif);
    text-indent: -9999px;margin-bottom:0;
    padding-bottom:0px;
} 

h2.fromleeds  {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_ah.gif);
    text-indent: -9999px;margin-bottom:0;
    padding-bottom:0px;
} 


h2.partners {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_dw.gif);
    text-indent: -9999px;margin-bottom:0;
    padding-bottom:0px;
} 

h2.intuitive{
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_inter.gif);
    text-indent: -9999px;margin-bottom:0;
    padding-bottom:0px;
} 


h2.innovative {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_inn.gif);
    text-indent: -9999px;margin-bottom:0;
    padding-bottom:0px;
} 


h2.outstanding {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_out.gif);
    text-indent: -9999px;margin-bottom:0;
    padding-bottom:0px;
} 


h2.media {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_media.gif);
    text-indent: -9999px;margin-bottom:0;
    padding-bottom:0px;
} 


h2.careers {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_careers.gif);
    text-indent: -9999px;margin-bottom:0;
    padding-bottom:0px;
} 


h2.contact {
    width:265px;
    height:33px;
    background-image:url(../images/boxtitle_contact.gif);
    text-indent: -9999px;margin-bottom:0;
    padding-bottom:0px;
} 



/* ------- TEXT  --------------------*/


p  {
	font-size:11px; font-family:"Arial",sans-serif; 
	font-weight:normal;
	margin:0;
	padding:0 0 15px 0;

}




.bodycopy a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	line-height:14px;
	text-decoration:underline;

}

/* ------- COLOURS FOR TEXT  --------------------*/

.orangetxt{
	color:#e47924;
}

.bluetxt{
	color:#2eb19d;
}

.yellowtxt{
	color:#e7ee62;
}

.whitetxt{
	color:#f9f9f9;
}

.greytxt{
	color:#d2ddda;
}

.lightgreentxt{
	color:#8fb84d;
}

.redtxt{
	color:#b2081d;
}

.browntxt{
	color:#7d7767;
}

/*h1 {font-size:30px; font-family:"Arial",sans-serif; font-weight:bold; display:inline; margin-bottom:12px;}*/
/*h2 {font-size:11px; font-family:"Arial",sans-serif; font-weight:normal; display:inline; line-height:12px;}*/
/*h3 {font-size:11px; font-family:"Arial",sans-serif; font-weight:normal; display:inline; line-height:12px;}*/




/* --------------------------------------------- FOOTER ------------------------------------------*/

	


#footer {
bottom: 0;
position: relative;
background-color: #004f37;
width: 100%;
height:40px;
text-align:center;
}

#footerContent{
	position:relative;
	width:935px;
	margin:0 auto;

}

ul#footerlinks {
	list-style-type:none;
	margin:0 auto;
	padding:0;
}

ul#ooterlinks li {
display:block;
	padding:0;
	margin:0 auto;

}