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


@import url("navigation.css");


/* 
     
	| 
	| Hullabloo
	|
	| Base
	|
*/



/* General
----------------------------------------------- */


* {
	margin: 0;
	}
	
html, body {
	height: 100%;
	}

body {
	background: #DAE0E2 url(../images/gen/main_bg.gif) repeat-x;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	color: #6A818B;
	}
	
a {
	text-decoration: none;
	}

.mainWrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -260px; /* the bottom margin is the negative value of the footer's height */
	width: 948px;
	background: #fff;
	}

.header {
	height: 131px;
	background: url(../images/gen/header_box.gif);
	color: #C1BCAB;
	}

.footer, .push {
	height: 260px; /* .push must be the same height as .footer */
	margin: 0 auto;
	}
	
.push {
	clear: both;
	}	

.footer {
	width: 948px;
	background: url(../images/gen/content_bottom.gif) no-repeat #F3F5F5 0 bottom;
	}
		


/* Main Layout
----------------------------------------------- */

#navBar {
	float: left;
	width: 632px;
	height: 44px;
	padding-top: 80px;
	}
	
.contactBar {
	float: left;
	background: url(../images/gen/call_centre.gif) no-repeat bottom right;
	height: 131px;
	width: 316px;
	}				

.contentWrap {
	background: url(../images/gen/content_top.gif) no-repeat;
	padding-top: 10px;
	}

.footerCont {
	padding: 30px 9px 0 9px;
	}

h1.title {
	display:block;
	height: 1px;
	text-indent: -2000px;
	}
	
	
.wc3 {
	float: right;
	}
	
.topImage {
	height: 134px;
	width: 948px;
	margin-top: 10px;
	}
	
.colCont {
	clear: both;
	width: 948px;
	float: left;
	padding-bottom: 20px;
	}

.colContLeft {
	float: left;
	width: 289px;
	margin-left: 18px;
	}
	
.colContRight {
	width: 	614px;
	float: left;
	margin: 0 9px;
	}
	
.infoBox {
	background: url(../images/gen/dark_box_bg.gif) no-repeat;
	margin-top: 18px;
	color: #fff;
	clear: both;
	}	
	
.infoBoxBottom {
	background: url(../images/gen/dark_box_bg_bottom.gif) no-repeat;
	height: 10px;
	}	
	
.roundedBoxesCont{
	width: 614px;
	float: left;
	clear: both;
	background: url(../images/gen/rounded_boxes_top.gif) no-repeat;
	}
	
.roundedBoxesLeft {
	width: 298px;
	float: left;
	padding-top: 12px;
	}		
		
.roundedBoxesRight {
	width: 298px;
	float: left;
	margin-left: 14px;
	padding-top: 12px;
	}
	
.roundedBoxesBottom{
	width: 614px;
	height: 20px;
	float: left;
	clear: both;
	background: url(../images/gen/rounded_boxes_bottom.gif) no-repeat;
	}
	
.orderButton {
	height: 62px;
	width: 62px;
	background: url(../images/gen/order_button.gif) no-repeat;
	float: right;
	}	
	
.orderButton:hover {
	background: url(../images/gen/order_button.gif) no-repeat 0 -145px;
	cursor: pointer;
	}	
	
.orderButton a {
	display: block;
	height: 58px;
	width: 58px;
	}
									
p.order {
	display: block;
	text-indent: -2000px;
	}
	
.mainText {
    clear: both;
	padding-top: 18px;
	}	
	
.circusSpace {
	background: url(../images/logos/circus-space.gif) no-repeat;
	padding-left: 110px;
	margin-bottom: 20px;
	}	
	
.corney_and_barrow {
	background: url(../images/logos/corney-and-barrow.gif) no-repeat 0 8px;
	padding-left: 110px;	
	margin-bottom: 20px;
	}
	
.littleJohn {
	background: url(../images/logos/little-john.gif) no-repeat 0 4px;
	padding-left: 110px;
	margin-bottom: 20px;
	}
	
.tristel {
	background: url(../images/logos/tristel.gif) no-repeat;
	padding-left: 110px;
	margin-bottom: 20px;
	}	
	
.goodfellows {
	background: url(../images/logos/goodfellow.gif) no-repeat;
	padding-left: 110px;
	margin-bottom: 20px;
	}
	
.garrickClub {
	background: url(../images/logos/garrick_club.jpg) no-repeat;
	padding-left: 110px;
	margin-bottom: 20px;
	}			
						
.anovaBooks {
	background: url(../images/logos/anova_books.gif) no-repeat;
	padding-left: 110px;
	margin-bottom: 20px;
	}
	
.yaTheatre {
	background: url(../images/logos/ya-theatre.gif) no-repeat;
	padding-left: 110px;
	margin-bottom: 20px;
	}
	
.pmGroup {
	background: url(../images/logos/pmgroup.gif) no-repeat;
	padding-left: 110px;
	margin-bottom: 20px;
	}			
	
.inboundBox {
	background: url(../images/gen/inbound_top.gif);
	padding-top: 40px;
	margin-top: 6px;
	color: #fff;
	}
	
.inboundBoxBottom {
	background: url(../images/gen/inbound_bottom.gif) no-repeat #fff;
	height: 16px;
	}		

.inboundBox a {
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	}
		
.inboundBox a:hover {
	color: #333;
	}

/* order form
----------------------------------------------- */


.fieldWrap{
	width: 	614px;
	float: left;
	}
	
.fieldWrap p{
	font-size: 13px;
	}
	
	
.fieldLeft {
	width: 	207px;
	float: left;
	padding-top: 8px;
	}
	
	
.fieldRight {
	width: 	406px;
	float: left;
	padding-bottom: 6px;
	}
	
	
input.field {
	width: 378px;
	height: 16px;
	border: 1px solid #6A818B;
	color: #6A818B;
	padding: 4px;
	font-size: 13px; 
	}	

.input.field	
	

input.textarea {
	border: 1px solid #E6EAEB;
	color: #E6EAEB;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	padding: 4px;
	font-size: 13px; 
	}	
		
		
.select {
	margin-top: 6px;
	}			


.sendButton {
	background: url(../images/gen/buton_bg.gif) no-repeat;
	width: 71px;
	height: 40px;
	border: 0px;
	color: #fff;
	text-indent: -2000px;
	cursor: pointer;
	}
	
.sendButton:hover {
	background: url(../images/gen/buton_bg.gif) no-repeat 0 -61px;
	}		
					
#formButton {
	text-align: right;
	}	


/* top images
----------------------------------------------- */

#broadband {
	background:url(../images/top_images/broadband.gif) no-repeat 318px 10px;
	}
	
#telephoneSystems {
	background: url(../images/top_images/telephone_systems.gif) no-repeat 318px 10px;
	}
	
#callsAndLines {
	background: url(../images/top_images/calls_and_lines.gif) no-repeat 318px 10px;
	}		
	
#inbound {
	background: url(../images/top_images/inbound.gif) no-repeat 318px 10px;
	}
	
#cabling {
	background: url(../images/top_images/cabling.gif) no-repeat 318px 10px;
	}	
	
#mobile {
	background: url(../images/top_images/mobile.gif) no-repeat 318px 10px;
	}	
	
	
#maintenance {
	background: url(../images/top_images/maintenance.gif) no-repeat 318px 10px;
	}		


#smallBusinesses {
	background:url(../images/top_images/small_businesses.gif) no-repeat  318px 10px;
	}	
	
#largeBusiness {
	background: url(../images/top_images/large_business.gif) no-repeat  318px 10px;
	}
	
#mediumBusinesses {
	background:url(../images/top_images/medium_businesses.gif)	 no-repeat  318px 10px;
	}
	
#computerApplications {
	background: url(../images/top_images/compuer_apps.gif)	 no-repeat  318px 10px;
	}					
		
#homeWorking {
	background: url(../images/top_images/home_working.gif)	 no-repeat  318px 10px;
	}					
	
#cutCosts {
	background: url(../images/top_images/cut_costs.gif)  no-repeat  318px 10px;
	}
	
#relocation {
	background:url(../images/top_images/relocation.gif)	  no-repeat  318px 10px;
	}
	
#caseStudies {
	background: url(../images/top_images/case_studies.gif) 	  no-repeat  318px 10px;
	}

	
#contact {
	background: url(../images/top_images/contact.gif) no-repeat  318px 10px;
	}
	
#headsets {
	background:url(../images/top_images/headsets.gif) no-repeat  318px 10px;
	}	
		
#order {
	background:url(../images/top_images/order.gif) no-repeat  318px 10px;
	}	
						

/* Text and links
----------------------------------------------- */	

.login p {
	font-size: 11px;
	color: #fff;
	}
	
.contentWrap p {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 9px;
	}
	
.colContLeft p {
	padding-right: 20px;
	color: #2C4D5A;
	font-size: 13px;
	line-height: 19px;
	}
	
.colContRight p {
	padding: 0 9px;
	}				
	
.centreBoxLeft p, .centreBoxMiddle p, .centreBoxRight p {
    color: #F0F2F4;
	padding-right: 100px;
	}
	
.bottomBoxRight p {
    padding: 0 8px;
	}
	
.footerCont p {
	font-size: 13px;
	}
	
.bottomBoxes  a {
	color: #6A818B;
	font-weight: bold;
	border-bottom: 1px solid #CDD5D8;
	}
	
.bottomBoxes  a:hover {
	color: #385764;
	}				

.footerCont a {
	color: #6A818B;
	}
	
.footerCont a:hover {
	color: #385764;
	}
	
h2 {
	font-size: 21px;
	font-weight: normal;
	padding: 0 9px 12px 9px;
	color: #385764;
	}
	
	
h3 {
	font-size: 17px;
	font-weight: normal;
	line-height: 25px;
	padding: 9px 9px 4px 9px;
	margin-bottom: 8px;
	color: #E6EAEC;
	}
	
h3 strong {
	color: #fff;
	}	
	
h3 a {
	color: #fff;
	border-bottom: 1px solid #E6EAEC;
	padding-bottom: 1px;
	}
	
h3 a:hover {
	color: #385764;
	}
	
	
h4 {
	font-size: 16px;
	font-weight: normal;
	padding: 0 9px 0 9px;
	margin: 0 0 10px 0;
	color: #385764;
	}		
			

ul.tick {
	margin-left: 12px;
	padding: 0;
	font-size: 13px;
	}
	
ul.tick	li {
	list-style: none;
	background:url(../images/gen/tick.gif) no-repeat 0 6px;
	padding: 0 0 3px 16px;
	}
	
.colContLeft ul.list {
	font-size: 13px;
	padding: 0;
	margin-left: 14px;
	}	
	
.colContLeft ul.list li {
	list-style: disc;
	color: #2C4D5A;
	padding: 0 0 3px 0px;
	}	
	
.colContLeft p a	{
	color: #000;
	border-bottom: 1px solid #6A818B;;
	padding-bottom: 1px;
	}
		
	
.colContLeft a:hover {
	color: #385764;
	}
	
	
#tandc .colContRight p a {
	color: #000;
	border-bottom: 1px solid #6A818B;;
	padding-bottom: 1px;
	}
	
#tandc .colContRight a:hover {
	color: #385764;
	}		
		

#telephonesCont ul {
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	padding-left: 24px;
	}
	
#telephonesCont li {
	list-style: disc;
	margin: 0;
	padding: 0;
	}		

#tandc a {
	color: #385764;
	padding-bottom: 2px;
	border-bottom: 1px solid #CDD5D8;
	}	
		
#tandc a:hover {
	color: #333;
	}	
	
h4 a {
	color: #385764;
	padding-bottom: 2px;
	border-bottom: 1px solid #CDD5D8;
	}	
		
h4 a:hover {
	color: #333;
	}	
	
.footer p {
	margin-bottom: 6px;
	font-size: 12px;
	}	
	
.footer ul {
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	height: 18px;
	}	

.footer li {
	float: left;
	list-style: none;
	font-size: 12px;
	padding-right: 6px;
	}


/* Home page layout
----------------------------------------------- */

.homeContent {
	background: url(../images/home/homepage_main_image.gif) no-repeat 9px 9px;
	width: 367px;
	padding: 9px 0 0 630px;
	}
	
.mainHomepageCaption {
	height: 50px;
	width: 365px;
	background: url(../images/home/homepage_main_caption.gif) no-repeat 0 5px;
	}
	
	
.homeContent h1 {
	font-size: 22px;
	font-weight: normal;
	display: block;
	background: url(../images/home/homepage_main_caption.gif) no-repeat;
	margin: 10px 0;
	text-indent: -2000px;
	}

	
	
.homeContent p {
	/*padding-left: 60px;*/
	width: 300px;
	}
	
	
.homeContent a {
	color: #385764;
	}
		
		
.homeContent ul {
	margin: 6px 0;
	padding: 0;
	}
	
		
.homeContent li {
    margin: 2px 0;
	font-size: 13px;
	list-style: none;
	}			

.homeContent li a {
	color: #385764;
	background: url(../images/home/green_dot.gif) no-repeat 0 3px;
	padding-left: 16px;
	}
	

.homeContent li a:hover {
	color: #385764;
	background: url(../images/home/green_dot.gif) no-repeat 0 -47px;
	}	
	

.centreBoxes {
	background: url(../images/home/centre_boxes_top.gif) no-repeat #8FA1A8 ;
	width: 948px;
	float: left;
	}
	
.centreBoxesBottom {
	height: 20px;
	background: url(../images/home/centre_boxes_bottom.gif) no-repeat #8FA1A8 ;
	clear: both;
	}		

.centreBoxLeft {
    float: left;
	width: 298px;
	margin: 28px 18px 0px 9px;
	background: url(../images/home/relocation_icon.gif) no-repeat 210px 10px;
	}
	
.centreBoxMiddle {
    float: left;
	width: 298px;
	margin: 28px 18px 0 0; 
	background: url(../images/home/cut_costs_icon.gif) no-repeat 205px 10px;
	}
	
.centreBoxRight {
    float: left;
	width: 298px;
	margin: 28px 0 0 0;
	background: url(../images/home/homeworkingicon.gif) no-repeat 200px 0px; 
	}		
	
.bottomBoxes {
	width: 948px;
	float: left;
	background: url(../images/home/bottom_box_bg.gif) no-repeat 0 6px;
	}		

.bottomBoxLeft {
    float: left;
	width: 298px;
	margin: 6px 18px 0px 9px;
	background: ;
	}
	
.bottomBoxMiddle {
    float: left;
	width: 298px;
	margin: 6px 9px 0 0;
	background: ;
	}
	
.bottomBoxRight {
    float: left;
	width: 310px;
	margin: 6px 0 0 0;
	padding-top: 40px;
	background: url(../images/home/Hullabaloo_inbound.gif) no-repeat;
	color: #fff;
	}
	
.bottomBoxRight a {
	color: #fff;
	border-bottom: 1px solid #f8b173;
	}	
	
.bottomBoxRight a:hover {
	color: #ec297b;
	}	
	
.inboundBottomBg {
	width: 310px;
	height: 20px;
	background: url(../images/home/Hullabaloo_inbound_bottom_bg.gif) no-repeat #fff;
	}
	
.boxCaption {
	height: 26px;
	width: 280px;
	}	
	
.boxCaption h3 {
	display: block;
	text-indent: -2000px;
	}
	
#businessRelocation {
	background: url(../images/home/business_relocation.gif) no-repeat;
	}
	
#cutTelecomCosts {
    background: url(../images/home/cut_telecom_costs.gif) no-repeat;
	}

#homeWorkingSolutions {
	background:url(../images/home/home_working_solutions.gif) no-repeat;
	}	
		
.centreBoxes a {
	color: #fff;
	background:url(../images/home/more_info_button.gif) no-repeat 0 3px;
	padding-left: 16px;
	font-weight: bold;
	font-size: 14px;
	}
	
.centreBoxes a:hover {
	color: #000;
	background:url(../images/home/more_info_button.gif) no-repeat 0 -25px;
	}			
		
.ie6Msg { 
	width: 948px;
	height: 60px;
	padding: 30px 0;	
	margin: 0 auto;
	color: #fff;
	}
	
.ie6Msg p { 
	font-weight: bold;
	}