/* CSS Document 

--------------------------------------------------------------------
						Matt Clayburn, Partner @ CoCreate, matt@cocreatedesign.com
						for
						Balance ADC / Egerton House
						28/07/2008
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						
						
						--------------------------------------------

## Designers Notes
------------------
Colours
-------	
Menu backgrounds (salmon pink): #CB807F
Titles, info pane outlines, logo bg (dark pink): #A81942	
Body copy, menu link hover (dark grey): #233343
Footer bg (mid grey): #5C6C77			
--------------------------------------------------------------------
*/
/* ------globals------ */
*{
margin:0;
padding:0;
}

/* ------structure------ */
#wrapper, #header, #page, #footer, #logos{
width:978px;
}
#wrapper{
margin:20px auto 0 auto;
border:1px solid #233343;
}
#header, #page, #leftCol, #content, #pinkPane, #pinkPane #middle, #pinkPane #top, #pinkPane #bottom, #footer, #logos, #links{
float:left;
}
#rightCol{
float:right;
margin:0 25px 0 0;
}
#header{
height:227px;
background-repeat:no-repeat;
}
#logos{
height:70px;
padding:5px 0 5px 0;
/*background-color:#A81942;*/
}
#links{
height:30px;
width:958px;
padding:10px 20px 0 0;
background:#5C6C77 url(../images/footer_logo.gif) left no-repeat;
}
#page{
margin:20px 0 0 0;
padding:0 0 20px 0;
}
#leftCol, #pinkPane, #pinkPane #top, #pinkPane #bottom, #rightCol{
width:178px;
}
#pinkPane #middle{
width:168px;
}
#infoPane #middle{
width:158px;
}
#leftCol{
margin:0 25px 0 25px;
}
#content{
width:700px;
padding:0 0 30px 0;
}
#content.home{
width:515px;
}
#custTable{
width:680px;
margin:0 10px 10px 10px;
background-color:#CBCED4;
}
/* ------header images------ */
.head_home{
background-image:url(../images/header_home.jpg);
}
.head_local{
background-image:url(../images/header_thelocalarea.jpg);
}
.head_history{
background-image:url(../images/header_history.jpg);
}
.head_findus{
background-image:url(../images/header_finduslocation.jpg);
}
.head_ourcustomers{
background-image:url(../images/header_our_customers.jpg);
}
.head_enterprise{
background-image:url(../images/header_enterprise.jpg);
}
.head_office{
background-image:url(../images/header_officespace.jpg);
}
.head_conferencing{
background-image:url(../images/header_conferencing.jpg);
}
.head_services{
background-image:url(../images/header_ourservices.jpg);
}
.head_whychoose{
background-image:url(../images/header_whychooseus.jpg);
}
.head_theteam{
background-image:url(../images/header_meet_the_team.jpg);
}
.head_art{
background-image:url(../images/header_artforsale.jpg);
}
.head_gallery{
background-image:url(../images/header_gallery.jpg);
}
.head_contact{
background-image:url(../images/header_contactus.jpg);
}
/* ------panes------ */
#pinkPane, #pinkPane #middle{
background-color:#b30739;
}
#pinkPane, #infoPane{
margin:0 0 20px 0;
}
#pinkPane #middle{
padding:0 0 0 10px;
}
#infoPane #middle{
padding:0 10px 0 10px;
background:url(../images/ipane_bg.gif) repeat-y;
}
#infoPane #middle img{
margin:0 0 10px 0;
}
#pinkPane #top, #pinkPane #bottom, #infoPane #bottom{
height:21px;
}
#infoPane #top{
height:20px;
padding:8px 0 0 10px;
}
#pinkPane #top{
background:url(../images/ppane_top.gif) no-repeat;
}
#pinkPane #bottom{
background:url(../images/ppane_bottom.gif) no-repeat;
}
#infoPane #top{
background:url(../images/ipane_top.gif) no-repeat;
}
#infoPane #bottom{
background:url(../images/ipane_bottom.gif) no-repeat;
}
/* ------main menu------ */
#pinkPane ul{
list-style:none;
}
#pinkPane ul li, .paneTitle{
/*background:url(../images/line.gif) left no-repeat;*/
border-left:solid 1px #cb807f;
padding:0 0 0 10px;
margin:0 0 20px 0;
}
#pinkPane ul li a{
display:block;
}
/* ------typography------ */
#pinkPane, #infoPane, #infoPaneHome, p, h1, h3, h4, h5, #links a, #custTable, form {
font-family:Arial, Helvetica, sans-serif;
}
.custTitle{
height:25px;
width:324px;
padding:10px 0 0 10px;
margin:0 0 10px 0;
display:block;
float:left;
font-weight:normal;
background:url(../images/title_bg.gif) no-repeat;
}
#links{
text-align:right;
}
#pinkPane a, #pinkPane p, #links, #links a{
color:#FFFFFF;
}
.staffNote{
padding:85px 0 0 10px;
width:200px;
display:block;
}
#infoPane, #infoPane a, #infoPaneHome, #infoPaneHome a, h1, .red, #content a, .staffNote, p.leftLinks a{
color:#A81942;
}
#pinkPane a, #links a, #content a, p.leftLinks a{
text-decoration:none;
}
#pinkPane a:hover{
color:#233343;
}
p.leftLinks{
width:158px;
padding:0 0 0 10px;
}
#content p, .staffNote, p.leftLinks{
float:left;
}
#content p, #pinkPane, #infoPane, #infoPaneHome, #footer p, #links a, .custTitle, #custTable, form, p.leftLinks {
font-size:0.8em;
}
.note{
text-align:right;
}
h1, .large{
font-size:1.3em;
margin:0 0 10px 0;
font-weight:normal;
}
h1 span{
width:200px;
}
.copy{
display:block;
}
p.col, .copy{
width:340px;
}
p.col{
float:left;
margin:10px 10px 10px 0;
}
.full{
float:left;
width:680px;
}
#content.home p{
width:240px;
margin:10px 10px 0 0;
padding:0 5px 0 0;
}
/* ------form------ */
form{
width:320px;
float:left;
margin:0 10px 0 0;
}
form .text{
width:200px;
margin:10px 0 10px 10px;
background-color:#CBCED4;
}
form label{
width:75px;
}
/* ------images------ */
#logos img, .gallery img{
float:left;
}
.gallery img{
margin:0 10px 10px 0;
}

/* ------amendments made by CJ 16.12.08 ------ */

#infoPaneHolder {
	width:420px;
	float: left;
	margin: 0 0 0 300px;
}
#homeCol {
	width:165px;
	float: left;
	margin: 0 5px 0 0;
}
#infoPaneHome #middle{
width:145px;
}
#infoPaneHome #middle{
padding:0 10px 0 10px;
background:url(../images/ipane_bg_HOME.gif) repeat-y;
}

#infoPaneHome #top{
height:20px;
padding:8px 0 0 10px;
}

#infoPaneHome #top{
background:url(../images/ipane_top_HOME.gif) no-repeat;
}
#infoPaneHome #bottom{
background:url(../images/ipane_bottom_HOME.gif) no-repeat;
height:21px;
}

#newsHolder{
	width:700px;
	padding: 15px 0 0 0;
	border-top:thin dotted #b30739;
	float: left;
}
#newsHolderImg{
	width:180px;
	height: 100px;
	float: left;
	margin: 0 20px 0 0;
}
#newsHolderText{
	width:200px;
	float: left;
	margin: 0 0 0 20px;
}
#newsHolderDetails{
	width:100px;
	height:30px;
	float: left;
	margin: 10px 0 0 10px;
	border: none;
}

#pinkPane_wide{
	width:320px;
	float: left;
}
#pinkPane_wideTop{
	width:320px;
	float: left;
	background-image:url(../images/ppane_top_wide.gif);
	background-repeat: no-repeat;
	height: 21px;
}
#pinkPane_wideBottom{
	width:320px;
	float: left;
	background-image:url(../images/lefte }bottom_wide.gif);
	height: 21px;
	background-repeat: no-repeat;
}
#pinkPane_wideMiddle{
	background-color:#b30739;
	width:320px;
	float: left;
}
.pinkPane_wideTxt{
	margin:0 0 0 10px;
	color:#FFFFFF;
}	

#galleryItem{
	width:150px;
	float:left;
	margin:0 10px 20px 0;
	height: 170px;
}
.galleryItemTxt{
	width:150px;
	float:left;
}	
.clear{clear:both;}

#banner
{
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border: none;   

}
a { text-decoration : none; color : #000; }