/* Scrollbar





@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-device-width: 1025px) {

html { 	overflow: hidden; }

body {

position: absolute;

bottom: 0;

left: 0;

right: 12px;

top: 0;

overflow-y: auto;

overflow-x: hidden;

}



::-webkit-scrollbar {

width: 10px;

height: 10px;

}



::-webkit-scrollbar-button:start:decrement,

::-webkit-scrollbar-button:end:increment {

display: block;

height: 10px;

}



::-webkit-scrollbar-button:vertical:increment {

background-color: #fff;

}



::-webkit-scrollbar-track-piece {

background-color: #eee;

-webkit-border-radius: 3px;

}



::-webkit-scrollbar-thumb:vertical {

height: 50px;

background-color: #73CAD1;

-webkit-border-radius: 3px;

}



::-webkit-scrollbar-thumb:horizontal {

width: 50px;

background-color: #73CAD1;

-webkit-border-radius: 3px;

}

}*/



/*The reason for this is to prevent "centering jumps" when navigating back and forth between 
pages with enough content to have a vertical scroll bar and pages that do not.*/

html {
       overflow-y: scroll;
}

/*Tcentering jump ends*/


*{
	margin: 0px;
	padding: 0px;
}
img{
	border:0px;
	}
	
	
/*below turns the scroll over text colour in browsers*/	
	::selection {
	background: #cccccc; /* Safari */
	}
::-moz-selection {
	background: #cccccc; /* Firefox */
}
/*above turns the scroll over text colour in browsers*/	



#container{ 
    /*Need to write css to start this div below the fixed header without mentioning top margin/paading*/
}

body{
	margin: 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #FFF;
	-webkit-text-size-adjust: 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* change below to fixed or scroll*/
	background-attachment: fixed;
	background-image: url(../images/body_bkg.jpg);
	background-repeat: no-repeat;	/*changes the postition of the background image
	
	background-position: center center; */
}

#wrapper{
	width: 978px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: left;/*this overrights  ie5 text align box model error*/
	background-color: #fff;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;	
	-moz-box-shadow: 0 0 7px #999;
	-webkit-box-shadow: 0 0 7px#999;
	box-shadow: 0 0 17px #999;
	}
/*top banner starts*/

#mainbanner{
	float: left;
	height: 84px;
	width: 976px;
	background-color: #414141;
	padding-bottom: 15px;
	padding-top: 10px;
}

/*coloured banners start*/
#blue_banner{
	width:976px;
	float: left;
	height: auto;
	background-color: #76CAD1;
	padding-bottom: 20px;
	}
#brown_banner{
	width:976px;
	float: left;
	height: auto;
	background-color: #9899C7;
	padding-bottom: 20px;
	}
	
#orange_banner{
	width:976px;
	float: left;
	height: auto;
	background-color: #F9B959;
	padding-bottom: 20px;
	}
	
#grey_banner{
	width:976px;
	float: left;
	height: auto;
	background-color: #F17FB3;
	padding-bottom: 20px;
	}
/*coloured banners end*/
#banner_title_holder{
	float: left;
	height: 205px;
	width: 620px;
	padding-left: 45px;
	padding-top: 30px;
}
#banner_title_holder h3{
	color: #FFF;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 7px;
}
#banner_title_holder h2{
	font-weight: normal;
	color: #FFF;
	font-size: 25px;
	margin-top: 10px;
}
#banner_title_holder h1{
	font-size: 23px;
	color: #000;
	font-weight: normal;
}
#main_logo{
	height: 84px;
	width: 371px;
	margin-left: 20px;
	float: left;
}
#logo_text{
	float: right;
	height: 45px;
	width: 556px;
	background-image: url(../images/logo_text.jpg);
	background-repeat: no-repeat;
	margin-top: 22px;
	background-position: 12px;
}
#social{
	float: right;
	height: 45px;
	width: 145px
	}
	.img_flt_lft{	
		float: left;
		}
		
		.img_flt_rght{	
		float: right;
		}

#telephone_number{
	float: right;
	height: 20px;
	width: 380px;
	text-align: right;
	margin-right: 20px;
	margin-top: 7px;
	}

#telephone_number h1{
	font-size: 20px;
	font-weight: normal;
	color: #999;
}

#telephone_number p{
	font-size: 15px;
	color: #999;
}
#telephone_number a{
	font-size: 15px;
	color: #999;
	text-decoration: none;
}
.spacer{
	font-size: 15px;
	color: #414141;
}
/*top banner starts*/


/*top nav starts*/
#top_nav{
	background-color: #404040;
	float: left;
	height: 67px;
	width: 976px;
}

#spry_nav{
	background-color: #404040;
	float: left;
	height: auto;
	width: 976px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}

#nav1{height: 47px;width: 560px; float: left; padding-top: 25px; padding-left: 40px;}

#facebook{float: right; height: 67px; width: 128px;}
/*top nav ends*/

/*main image content starts*/
#main_image{
	float: left;
	height: 375px;
	width: 940px;
	background-image: url(../images/home/banner1.jpg);
}
/*main image content ends*/

/*sub nav content starts*/
#sub_nav{
	float: left;
	height: 115px;
	width: 940px;
}
/*sub nav content ends*/

/*title content starts*/
#title1{
	float: left;
	height: 28px;
	width: 976px;
	margin-top: 15px;
	padding-top: 10px;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #414141;
	margin-bottom: 20px;
}

#title1 h1{
	font-size: 16px;
	font-weight: normal;
	color: #000;
}
/*title content ends*/

/*box nav content starts*/
#box_nav{
	float: left;
	height: auto;
	width: 976px;
	
}

#box_nav a:hover{
	 text-shadow: none;
	-webkit-transition: 350ms linear 0s;
	-moz-transition: 350ms linear 0s;
	-o-transition: 350ms linear 0s;
	transition: 350ms linear 0s;
	outline: 0 none;
}
/*box nav content ends*/


/*middle content starts*/
#middle_content_holder{
	float: left;
	height: auto;
	width: 976px;
	padding-bottom: 20px;
}

#middle_content_main{
	float: left;
	height: auto;
	width: 609px;
	margin-top: 10px;
	padding-top: 20px;
	padding-left: 40px;
	margin-bottom: 10px;
	margin-right: 40px;
}

#middle_content_main h1{
	font-size: 21px;
	font-weight: normal;
	color: #000;
	margin-bottom:10px;
}
#middle_content_main h2{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	margin-bottom:10px;
}
/*faqs page h2*/
#accordian3 h2{
	font-size: 14px;
	font-weight: bold;
	color: #858587;
	margin-bottom:10px;
}
/*faqs page */

#middle_content_main p{
	font-size: 12px;
	line-height: 16px;
	color: #808281;
}
#middle_content_main hr{
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#middle_content_main a{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #808281;
	text-decoration:underline;
}
#middle_content_right h1{
	font-size: 21px;
	font-weight: normal;
	color: #BDBEC0;
}

#middle_content_right p{
	font-size: 11px;
	color: #ccc;
	line-height: 17px;
}

/*----right conact content ends here-----------------------------------------------------------*/

/*middle content ends*/

/*----details content starts------------------------------------------------------------------------------------------------*/
#details_content_holder{
	float: left;
	height: auto;
	width: 936px;
	padding-top: 30px;
	padding-left: 40px;
	margin-bottom: 30px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #414141;
}
#details_content_left h1{
	font-size: 20px;
	font-weight: normal;
	color: #404040;
	line-height: 23px;
}

#details_content_left p{
	font-size: 12px;
	line-height: 18px;
	color: #808281;
}
#details_content_left{
	float: left;
	height: auto;
	width: 600px;
}

#right_content_contact{
	float: right;
	width: 280px;
	height: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-top: 30px;
}

#right_content_success{
	float: right;
	width: 280px;
	height: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin-top: 30px;
}
/*----right conact content starts here-----------------------------------------------------------*/
#middle_content_right{
	float: right;
	width: 205px;
	height: auto;
	background-color: #414141;
	padding: 20px;
	margin-right: 20px;
}
#guotes{
	float: left;
	height: auto;
	width: 245px;
	margin-left: 48px;
	margin-top: 2px;
	background-color: #BCBEC0;
}

#got_question{
	float: left;
	height: 319px;
	width: 245px;
	margin-left: 48px;
	margin-top: 2px;
	background-color: #BCBEC0;
}

#gtop{
	height: 168px;
	width: 245px;
	float: left;
	background-image: url(../images/meet_the_team/gtop_logo.jpg);
	background-repeat: no-repeat;
}
#gbottom{
	height: 131px;
	float: left;
	width: 225px;
	background-color: #73CAD1;
	padding: 10px;
	background-repeat: no-repeat;
}
#gbottom p{
	font-size: 14px;
	color: #58595B;
}
.gbottom_tel{
	font-size: 25px;
}

.gbottom_tel a{
	font-size: 25px;
	text-decoration: none;
}

/*----contact got question below-------------------------------------------------------*/

#got_question_contact{
	float: right;
	height: 319px;
	width: 245px;
	background-color: #BCBEC0;
	margin-top: 30px;
	margin-right: 20px;
}
#got_question_success{
	float: right;
	height: 319px;
	width: 245px;
	background-color: #BCBEC0;
	margin-top: 40px;
	margin-right: 20px;
}
#gtop_contact{
	height: 168px;
	width: 245px;
	float: right;
	background-image: url(../images/meet_the_team/gtop_logo.jpg);
	background-repeat: no-repeat;
}

#gbottom_contact{
	height: 131px;
	float: right;
	width: 225px;
	background-color: #90D3D9;
	padding: 10px;
	background-repeat: no-repeat;
}
#gbottom_contact p{
	font-size: 14px;
	color: #58595B;
}
#gbottom_contact a{
	font-size: 25px;
	color: #58595B;
	text-decoration:none;
}
.gbottom_tel{
	font-size: 25px;
}
/*----details content end------------------------------------------------------------------------------------------------*/

/*----contact address is bottom right of contact page this section starts here--------------------*/

#contact_address p{
	font-size: 14px;
	color: #2B1F28;
	line-height: 18px;
}

#contact_address{
	float: right;
	height: auto;
	width: 235px;
	margin-right: 20px;
	margin-top: 30px;
	padding: 5px;
}
/*----contact address is bottom right of contact page this section ends here--------------------*/


/*footer content starts*/

#footer{
	float: left;
	height: auto;
	width: 976px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #414141;
	padding-bottom: 15px;

}

#legalsleft{
	float: left;
	height: auto;
	width: auto;
	padding: 10px;
	margin-right: 10px;
}
#legalsleft1{
	float: left;
	height: auto;
	width: auto;
	padding: 10px;
	margin-right: 10px;
}
#legalsleft2{
	float: left;
	height: auto;
	width: auto;
	padding: 10px;
	margin-right: 10px;
}
#address{
	float: left;
	height: auto;
	width: auto;
	padding: 10px;
	margin-right: 5px;
}
#address p{
	font-size: 9px;
	color: #696A6D;
	line-height: 19px;
	font-weight: bold;
}
#address a{
	font-size: 9px;
	color: #696A6D;
	line-height: 19px;
	font-weight: bold;
}
#small_logo{
	float: left;
	height: 120px;
	width: 168px;
	background-image: url(../footer/colour_sound_sm_logo.jpg);
	margin-right: 10px;
}
#customer_login{
	float: right;
	width: 190px;
	height: auto;
	background-color: #414141;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 10px;
}
#customer_login input:focus {
    outline: none;
}
#customer_login h2{
	font-size: 12px;
	color: #999;
	margin-bottom: 5px;
}
/*footer content ends*/

/*float right testimonials paragraph "writers title"*/
.testimonials_right{
	font-size: 12px;
	color: #000;
	float: right;
	font-weight: bold;
	margin-right: 10px;
}
/*project main image holders"*/
#box_img_holders{
	float: left;
	height: 312px;
	width: 600px;
}
#img_left{
	float: left;
	height: 312px;
	width: 295px;
}
#img_right{
	float: right;
	height: 312px;
	width: 295px;
}
/*--rotator starts--*/

#test
{
	height: 66px;
	width: 976px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C4;
}

#test img
{
  float: left;
}
/*--usefull information starts--*/
#information{
	float: left;
	height: auto;
	width: 600px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#information_left{
	float: left;
	height: auto;
	width: 280px;
}
#information_right{
	float: right;
	height: auto;
	width: 280px;
}
#info_header_left{
	float: left;
	height: 25px;
	width: 280px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #BCBEC0;
	font-size: 16px;
	color: #404040;
	background-image: url(../images/question_mark.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 2px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-top: 5px;
}

#info_header_right{
	float: right;
	height: 25px;
	width: 280px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #BCBEC0;
	font-size: 16px;
	color: #404040;
	background-image: url(../images/question_mark.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 2px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-top: 5px;
}

/*--meet the coloursound team starts--*/
#meet_holder{
	float: left;
	height: auto;
	width: 600px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.main_head{
	float: left;
	height: 290px;
	width: 220px;
	background-color: #CCC;
}
.meet_set{
	height: 90px;
	width: 380px;
	margin-bottom: 10px;
	float: left;
}
.meet_set_bottom{
	height: 90px;
	width: 380px;
	float: left;
}
.thumbs_heads{
	float: left;
	height: 90px;
	width: 85px;
	margin-left: 10px;
	background-color: #999;
}

.thumbs_heads img:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	
	-webkit-transition: 350ms linear 0s;
	-moz-transition: 350ms linear 0s;
	-o-transition: 350ms linear 0s;
	transition: 350ms linear 0s;
	outline: 0 none;
}
.thumbs_headsc img:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	
	-webkit-transition: 350ms linear 0s;
	-moz-transition: 350ms linear 0s;
	-o-transition: 350ms linear 0s;
	transition: 350ms linear 0s;
	outline: 0 none;
}
.thumbs_headsc{
	float: left;
	height: 90px;
	width: 85px;
	margin-left: 10px;
}

#stacystephens{
	float: left;
	height: auto;
	width: 168px;
	margin-top: 130px;
}
#stacystephens a{
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
}
#stacystephens a:hover{
	font-size: 12px;
	color: #414141;
	text-decoration: none;
}


.control4{float: left; width: 976px; height: 465px; margin-bottom: 20px;}


.bw{float: left; width: 976px; height: 465px; margin-bottom: 0px;}

.contact-h{float: left; width: 900px; padding: 40px 38px;}

.cleft{ width: 440px; float: left;}

.cright{ width: 440px; float: right;}


.one_line_field{ color: #000; float: left; padding: 20px; border: 1px solid #D5D5D5; background-color: #D5D5D5; height: auto; width: 410px; margin-bottom: 10px; font-size: 18px; font-family: Arial, Helvetica, sans-serif;}


.form_field_new{ color: #000; float: left; padding: 20px; border: 1px solid #D5D5D5; background-color: #D5D5D5; height: 125px; width: 870px; font-size: 18px; font-family: Arial, Helvetica, sans-serif;}



.enquire a{  width: 900px; float: left; text-align: center; padding: 15px 0px; background-color: #000; border: 0px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #fff; margin-top: 20px; border-radius: 5px; letter-spacing: 1px; margin-bottom: 20px; text-decoration: none;}
.enquire a:hover{ background-color: #D5D5D5; color: #000;}


.g-recaptcha{ float: left; margin: 15px 0px 0px 0px; display: block;}


a{ -webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none; }


#middle_content_holder input:focus {
    outline: none;
    border-color: #F17FB3;
    box-shadow: 0 0 10px #F17FB3;
	-webkit-transition: 350ms linear 0s;
	-moz-transition: 350ms linear 0s;
	-o-transition: 350ms linear 0s;
	transition: 350ms linear 0s;
}
/*below turns of blue border around textarea in form*/
#middle_content_holder textarea:focus {
    outline: none;
    border-color: #F17FB3;
    box-shadow: 0 0 10px #F17FB3;
	-webkit-transition: 350ms linear 0s;
	-moz-transition: 350ms linear 0s;
	-o-transition: 350ms linear 0s;
	transition: 350ms linear 0s;
}
/*below turns of blue border around select area in form*/
#middle_content_holder select:focus {
    outline: none;
    border-color: #F17FB3;
    box-shadow: 0 0 10px #F17FB3;
	-webkit-transition: 350ms linear 0s;
	-moz-transition: 350ms linear 0s;
	-o-transition: 350ms linear 0s;
	transition: 350ms linear 0s;
}

.disclaimer{ float: left; width: 900px; margin-top: 20px; font-size: 12px; color: #999; line-height: 16px;}