*{
  margin:0;
 padding:0;
}
img{
 border:none;
  margin:0;
}

h1{
	font-size:24px;
	margin-bottom: 10px;
}

h2{
	font-size:18px;
	margin-bottom: 10px;
}

h3{
	font-size:14px;
	margin-bottom: 10px;
}

.home-text  h1{
	font-size:24px;
	margin-bottom: 10px;
}

.home-text  h2{
	font-size:18px;
	margin-bottom: 10px;
}

.home-text  h3{
	font-size:14px;
	margin-bottom: 10px;
}

.box p{margin-bottom: 0;}

.heading{
	font-size:20px;
}


a{
 outline:none;
 text-decoration:none; 
}
.clear{
 clear:both;
}

body{
 background-color: white;
 font-family: Arial;
}

#container{
 width:982px;
 margin:0 auto;
}

#outer_header{
width:100%;
height:10px;
background-color: #0548b8;
}

/*_____________________________________HEADER START____________________________________*/

#header{
background-image:url('../images/header_back.jpg');
background-repeat:no-repeat;
 width:982px;
 float:left;
}

#logo{
	float:left;
	width: 141px;
}

#header_right{
float:left;
width: 838px;
}
.phone{
	margin-top:70px;
	float:right;
	width:84px;
	}
.number{
	margin-top:75px;
	float:right;
	width:250px;
	font-family: Arial;
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	line-height:30px;
	}
.number span{
	font-size: 30px;
	text-transform: uppercase;
	}

#menu{
	min-height:63px;
	float:left;
	width: 982px;
	background-image: url('../images/menu_back.jpg');
	}
#menu ul{
	margin-top:6px;
	width:1050px;
	float:left;
	margin-left: 1px;
	
	}
#menu ul li{
	float:left;
	display: inline;
	list-style-type: none;
	font-family: Arial;
	font-size: 16px;
	height:auto;
	border-right: 1px solid #d3d3d3;
	padding-top: 9px;
	padding-bottom: 9px;
	}


#menu ul li a{
	padding-bottom:12px;
	padding-top:12px;
	padding-right: 26px;
	color: #55507b;
	padding-left: 26px;
	line-height:19px;
	}
#menu ul li a:hover{
	background-image: none ;
	text-decoration:underline;
	}
.first_child a{
	padding-bottom:10px !important;
	padding-top: 15px !important;
	}
.first_child a:hover{
	background-image: url('../images/first_child.jpg') !important;
	}
.first_child a{
	padding-bottom:10px !important;
	padding-top: 15px !important;
	}
.first_child a:hover{
	background-image: url('../images/first_child.jpg') !important;
	}
.last_child li{
	border-right:none !important;
	padding-right: 100px !important;
}
.last_child a{
	padding-right: 60px !important;
	}
.last_child a:hover{
	background-image: url('../images/last_child.jpg') !important;
	border-right: none !important;
	}
	
	
ul.menu ul{
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	position: absolute;
	visibility: hidden;
	width: 170px !important;
	padding: 15px !important;
	z-index: 999;
	margin-left: -1px !important;
	background:#f1f1f1;
	height:auto;
	margin-top:8px !important;
}
ul.menu ul li a{
	padding: 0 !important;
}
ul.menu li:hover ul{
visibility:visible;
} 	

ul.menu li:hover ul li {
border: none !important;
/*height: 28px !important;*/
height: auto !important; 

padding-bottom:10px !important;
padding-top:5px !important;
clear:both;
float:left;
width:auto;
}

ul.menu li:hover ul li a{
/*background-color: #333 !important;*/
background:#f1f1f1;
color: #55507b;    
font-size: 15px !important;
padding-bottom: 0px !important;
	padding-top:0 !important;
}

ul.menu li:hover ul li a:hover{
/*background-color:#151515 !important;*/
background-color:#f1f1f1 !important;
color:#0548B8 !important;
}

#solutions{
height:190px;
float:left;
width:982px;
margin-bottom: 15px;
	}
/*______________________________________HEADER END____________________________________*/


/*______________________________________MAIN START____________________________________*/
#main{
float:left;
width:982px;

}

#main_left{
	width: 587px;
	float:left;
}

#main_left2{
	width: 677px;
	float:left;
	padding-bottom: 30px;
}

#main_left_blog{
	width: 677px;
	float:left;
	padding-bottom: 30px;
	margin-top: 30px;
	
	
}
#twtr-widget-1{
background-color:none;
}
.twtr-widget {
    /*float: left;
    margin-left: -18px;*/
   /* margin-top: 50px;*/
   margin-left:10px;
   clear:both;
}
.twtr-ft {
display:none;
}

.home-text{
padding: 5px;
}

.home-text p, #main_left2 p{
	color: #555;
	font-size: 12px;
	font-family: Arial;
	line-height: 150%;
	padding-right: 30px;
	margin-bottom: 10px;
	}
.blue{
	color: #0548b8;
	font-size: 24px;
	padding-bottom: 15px;
	}
.blue a{
	color: #0548b8;
	}
	



#blog_side{
	font-weight:bold;
	line-height:20px;
	color:#0548B8;
	float:left;
	widht:300px;
	margin-left: 30px;
	margin-top: 30px;
	}
#blog_side ul{
	margin-left: 20px;
	margin-bottom: 20px;
	}
.menu-item-21 {
	border-right: none !important;
	
	}
	.menu-item-21 a{
	padding-right: 10px;
	}
.menu-item-21 a:hover{
	-moz-border-radius-topright:5px;;
	-moz-border-radius-bottomright: 5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
	}

.menu-item-24 {
	padding-left: 5px;
	}
.menu-item-24 a:hover{
	-moz-border-radius-topleft:5px;;
	-moz-border-radius-bottomleft: 5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
	}
#blog_side a{
	font-weight:normal;
	color: #333;
	font-size: 14px;
	}
#blog_side ul li{
	list-style-type: disc;
	}

	
	
#post{
	margin-bottom:-25px;
	padding-left:10px;
	margin-top: -40px;
	width: 660px;
	font-size: 12px;
	color: #555555;
	}
	
.post{
	padding-left:10px;
	width: 660px;
	font-size: 12px;
	color: #555555;
	float:left;
	margin-bottom:20px;
	}	
	
#main_left_blog	{
	font-size: 12px;
	color: #555555;
	width: 660px;
	margin-right: 15px;
}
#main_left_blog	 h1{
	font-weight: normal;
}
.inner_content {
    margin: 18px;
	color:#555;
}
	.inner_content h1{
		font-weight:normal; font-size:24px;
	}
	.inner_content h2{
		font-weight:normal; font-size:18px; color:#FF6600; padding-bottom:10px; padding-top:5px; background:url('../images/h2arrow.png') left 8px no-repeat; padding-left:25px;
	}
	.inner_content h3{
		font-weight:bold; font-size:16px;  padding-bottom:5px;
	}

.box{
	background-image:url('../images/box.png');
	float:left;
	width:195px;
	min-height: 291px;
	}
.box img{
	margin-left: 34px;
	}
.box h2{
	padding-bottom:15px;
	margin-top:25px;
	text-align:center;
	font-family: Arial;
	font-size: 16px;
	}
.box p{
clear:both;
	padding:10px 20px 10px 20px;
	text-align:center;
	font-size: 12px;
	font-family: Arial;
	}

.read_more{
	margin-top:3px;
	margin-left: 25px !important;
	}
	
#main_right{
	float: left;
	width: 395px;
	}
#main_right2{
	float: left;
	width: 305px;
	}
#guide{
	background-image:url('../images/guide.png');
	float: left;
	width: 394px;
	margin-top: 20px;
	min-height: 159px;
	display:none;
	}
#guide2 {
	background-image: url('../images/top10questions2.png');
    float: left;
    margin-top: 10px;
    width: 286px;
	height:129px;
	display:none;
}
#guide span{
	margin-left:30px;
	margin-top:95px;
	color:white;
	font-family:Arial;
	font-size:12px;
	float:left;
	width: 180px;
	}
#guide a{
	color:white;
	text-decoration: underline;
	}
.button{
	float:right;
	width: 180px;
	}
	
.button2{
float:right;
width:110px;
}
#twitter_position {
    background-image: url("../images/twitter_back.png");
    background-repeat: no-repeat;
    float: left;
    margin-top: 25px;
    min-height: 376px;
    padding-left: 39px;
    width: 380px;
}
#twitter_position{
	margin-top:25px;
	float:left;
	width: 340px;
	min-height: 376px;
	background-image: url('../images/twitter_back.png');

	}
#twitter_position2{
	margin-top:25px;
	float:left;
	width: 282px;
	min-height: 373px;
	background: #b6d1fc;
	
  border-radius: 10px;
  background-clip: padding-box;

	}
	
#twitter_home_holder {
	clear:both;
	margin-top:10px;
	width: 372px;
	margin-left:10px;
    
}
#twitter_home {
    float:left;
	width: 369px;
	
  background: #b6d1fc;	
  border-radius: 10px;
  background-clip: padding-box;
}
	
#twitter_inner_holder {
	clear:both;
	margin-top:25px;
	width: 272px;
	margin-left:10px;
}
#twitter_inner {
	width: 269px;
    float:left;

	  background: #b6d1fc;	
  border-radius: 10px;
  background-clip: padding-box;
}
	
/*______________________________________MAIN END____________________________________*/

/*______________________________________WRAPPER START____________________________________*/

#wrapper{
margin-bottom:40px;
float:left;
width: 982px;

}
#wrapper_pics{
	/*margin-left: 100px;*/
	text-align:center;
	}

#wrapper img{
	margin-top:10px;
margin-left: 20px;
	}
#wrapper_pics img{
	margin-right: 10px;
	margin-left: 10px;
	}
/*______________________________________WRAPPER END______________________________________*/

/*______________________________________FOOTER START______________________________________*/

#outer_footer{
	float:left;
	width: 100%;
	background-color: #333333;
}
/*______________________________________FOOTER END______________________________________*/
#footer{
background-image:url('../images/footer_back.jpg');
background-repeat:no-repeat;
width:982px;
margin:0 auto;
padding-bottom: 15px;
}
#footer_box{
margin:20px 0;
float:left;
width: 327px;
font-size: 10px;
	color:#999999;
}
	
#footer_box h4{
	margin-top: 20px;
	margin-bottom:10px;
	color: #cccccc;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	}
#footer_box p{
	font-family:Arial;
	font-size:10px;
	color:#999999;
	padding-bottom: 20px;
	}
#footer_box a{
	color:#999999;
	}
#footer_box a:hover{
	text-decoration:underline;
	}
#copyright{
	margin-top:38px;
	margin-left:20px;
	width:250px;
	float:left;
	color:#999999;
	font-size: 10px;
	}
#copyright h4{
	font-weight:normal;
	color: #cccccc;
	font-size: 12px;
	padding-bottom: 10px;
	}
#copyright a{
	color: #cccccc;
	}
#copyright a:hover{
	text-decoration:underline;
	}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
/*______________________________TWITTER START____________________________________*/
.twtr-ft a img {
visibility: hidden;
    position: relative;
    top: 2px;
	height:1px;
}
.twtr-ft div {
    overflow: hidden;
    padding: 10px;
	height:1px;
}

.twtr-ft a {
    display: block;
    float: left;
    visibility: hidden;
}

.twtr-ft span a {
    float: none;
    visibility: hidden;
}

.twtr-hd {
    overflow: hidden;
    padding: 10px;
	height:1px;
	visibility:hidden;
    position: relative;
	
	display:none;
}
#twit_position_inner{
float:left;
margin-left:25px;
margin-top:10px;
}
.textwidget h3 {
    color: #FF6600;
   /* float: left;*/
    font-size: 18px;
   /* margin-bottom: -35px;*/
   /* margin-top: 10px;
    position: relative;
    width: 200px;*/
	padding-left:16px;
	padding-bottom:10px;
}

/*________________________________TWITTER END____________________________________*/


.nav-previous{
	float: left;
	margin-bottom: 20px;
	width:50%;
}

.nav-next{
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
}

.nav-previous a, .nav-next a{
	padding: 5px;
	background-color:#ebebeb;
-moz-border-radius: 3px;
border-radius: 3px;
}

#comments{
	padding: 15px; background:#ebebeb;
}

#comments h3, #comments p{
	margin-bottom: 10px;
}

input, textarea{
	margin-bottom: 10px;
}

#comments input, #comments textarea{
	margin-left: 10px;
}



/************************************************************* CRAIG EDIT 26th June 2012 ***********************************************************/

.nivo-caption{
	display: none !important;	
}


/************************************************************* END CRAIG EDIT 26th June 2012 ***********************************************************/

ul.twitter{
    list-style: none;
    margin-left: 17px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 0;
}

ul.twitter li{
    margin-bottom: 10px;
    font-size: 14px;
}

#twitter_home h3, #twitter_inner h3{
    color: #FF6600;
font-size: 18px;
padding-left: 16px;
}

#twitter_home ul, #twitter_inner ul{list-style:none;margin-left:15px;}

#twitter_home li, #twitter_inner li{margin-bottom:10px;}

.atf-inner-wrapper {margin: 10px;}

#twitter_home {padding: 15px 0;}
.atf-user-card {display:none;}

/************************************************************* END CRAIG EDIT 1st Sept 2014 ***********************************************************/

.home-text ul{margin-left:20px;line-height:28px;font-size:16px;list-style-image:url('../images/green-tick.png');}

#web-comp{background:url('../images/comp-button.jpg') no-repeat;width:372px;height:169px;float:left;margin-left:7px;}
#web-comp:hover{opacity:0.7;filter:alpha(opacity=70);}
#web-comp.inner-comp{width:272px;height:124px;background-size:contain;margin-top:20px;margin-bottom:10px;}

#web-comp.blog-comp {    width: 290px;    height: 127px;    background-size: contain;    margin-top: 20px;    margin-bottom: 0px;margin-left:0px;}


#home-newsletter-btn{background:url('../images/newsletter.png');width:372px;height:128px;float:left;margin-left:7px;}
#home-newsletter-btn:hover{opacity:0.7;filter:alpha(opacity=70);}

#inner-newsletter-btn{background:url('../images/newsletter-btn-inner.png');width:279px;height:107px;float:left;margin-left:7px;margin-bottom:15px;}
#inner-newsletter-btn:hover{opacity:0.7;filter:alpha(opacity=70);}

#inner-newsletter-btn.blog{margin-left:0px;margin-top:15px;margin-bottom:0;}

#sonos-comp.inner-comp{width:272px;height:124px;background-size:contain;margin-top:20px;margin-bottom:10px;}

code {    white-space: normal !important;}

#slider{-moz-border-radius: 15px; border-radius: 15px;overflow: hidden;width: 962px !important;margin: 0px 7px;border:solid 1px #ccc;}

#our-clients{-moz-border-radius: 15px; border-radius: 15px;	border: 1px solid #D5D5D5;width: 94%;float: left;margin: 10px 2% 0 2%;padding: 5%;text-align: center;}
#our-clients img{float:left;margin:8px;}
#our-clients p{font-size: 28px; font-weight:bold; color:#0548b8;}