body { 
	background-color:#231f20;
	margin:0px;
	font-size:0.7em;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	

}

h1, h2, h3 { font-size:1.2em;  }
span.hide {display:none; }
#wrapper {
	width:960px;
	margin: 0 auto;
	
}
#wrapper #content {
	background-color:#FFFFFF;
	padding:30px;
	position:relative;
}

#wrapper #content #telephone {position:absolute; right:340px; top:37px; background-image:url(../images/contact.gif); height:23px; width:142px; display:block;}
#wrapper #content #contact {position:absolute; right:180px; top:37px; background-image:url(../images/contact.gif); height:23px; width:160px; display:block; background-position:-142px 0px;}
.twitter-follow-button {position:absolute; right:-105px; top:38px; width:200px; }
#wrapper #content #telephone_alt {position:absolute; right:30px; top:40px; background-image:url(../images/tel_08450758885.gif); height:21px; width:236px; display:block;}
#wrapper #content #banner {height:210px; width:900px; clear:both; }
#wrapper #content .news {clear:both; border-top:1px dotted #ea2e2e; border-bottom:1px dotted #ef372b; margin:0px; list-style-type:none; padding:0px; width:900px; background:url(../images/speech_bubble.png) no-repeat 0px 3px;}
#wrapper #content .news li {padding:5px; font-size:0.8em; background-color:#FFFFFF; margin-left:30px; width:890px }
#wrapper #content .news li a{color:#000000; text-decoration:none; display:block;}
#wrapper #content .news li a:hover{color:#EA2E2E;}

#wrapper div#contact {
	color: #fff;
	height: 250px;
	padding: 30px;
	background-image:url(../images/footer_bg.jpg)
}
#wrapper #footer {
	color: #fff;
	height: 100px;
	padding: 30px;
	background-image:url(../images/footer_bg.jpg);
	background-position:0px -310px;
}

#testimonials { width: 280px; height: 205px;  background-color:#414142}
#testimonials div {width:220px; height: 140px; padding: 0px 30px 30px 30px;  text-align: left; font-size: 16px; overflow: hidden; font-size:0.9em; margin:40px auto; }
#pager { top:50px; right:8px; position:absolute; font-size:10px;}
#pager a {margin:0px 2px; height:15px; padding-top:2px; width:12px; padding-left:5px; display:inline-block; background: url(../images/pager_number_bg.png) 0px -20px; text-decoration: none; color:#FFFFFF; text-decoration:none; }
#pager a.activeSlide { background: url(../images/pager_number_bg.png) 0px 0px;}
#pager a:focus { outline: none; }

.column_1 { width:280px;float:left; }	
.column_2 { width:280px;float:left;}	
.column_3 { width:280px;float:left; }	
#wrapper #content .side_column { width:280px;float:left; }	


#wrapper #content .column_1  { margin-right:20px; margin-bottom:30px;   }
#wrapper #content .column_2 { margin-right:20px; margin-bottom:30px; }
#wrapper #content .column_3{ padding-left:00px;  margin-bottom:30px;border-left:1px solid #ffffff; }
#wrapper #content .side_column { padding-left:20px;  margin-bottom:30px;}

#wrapper #content .main_column { width:580px;float:left;margin-bottom:30px;border-right:1px solid #EEEEEE; padding-right:19px; }

#wrapper #content .main_column p{ line-height:20px; }

#wrapper #content .tall { height:260px;}

#wrapper #content .strong { margin:9px 0px; font-size:1.4em; font-weight:bold; display:block;
}

.side_column .options {list-style-type:none; margin:0px 0px 20px 0px; padding:0px; border:1px solid #dddddd;}
.side_column .options li{ }
.side_column .options > li > a { color: #ea2e2e; height:20px;border-bottom:1px solid #dddddd; background:url(../images/nav_li_bg.png) repeat-x center top; padding:10px; display:block;  }
.side_column .options li ul{ list-style-type:none; margin:0px 0px 0px 0px; padding:0px; }
.side_column .options li ul li ul li{
}


.side_column #news {border:1px solid #dddddd; background:url(../images/nav_li_bg.png) repeat-x center top;padding:10px; margin-bottom:20px; }
.side_column #news h4{color:#ea2e2e; font-size:12px; font-weight:normal; margin:0px; margin-bottom:20px; }
.side_column #news .morebox{  color:#333333;  background-color:#ddd;  padding:5px 11px;       border-bottom:1px solid #fff;	   background-image:url(../images/grey_arrow_down.gif);	   background-position:240px;	   background-repeat:no-repeat;
}
.side_column #news .morebox a {color:#ea2e2e; display:block; }
.side_column #news .article {font-size:10px; }
.side_column #news .article .date {display:block; margin-bottom:5px; font-size:10px; color:#CCCCCC; }
.side_column #news .article strong {display:block; margin-bottom:5px; font-size:11px; }
.side_column #news .article a {display:block; margin-top:5px;color:#ea2e2e; }

#offer { display:block; width:280px; height: 218px;  text-align:center;  position:relative; }
#offer img.main{ position:absolute; top:20px; left:20px; }
#offer img.go{ position:absolute; bottom:10px; left:20px; }
#offer p{ position:absolute; bottom:10px; left:45px; margin:0px; padding:0px; color:#FFFFFF; width:150px; text-align:left; }

.product_box{ border:0px solid #c9cbcc; background-color:#ffffff; height:218px; position:relative; }
.product_box h2{background:url(../images/nav_li_bg.png) bottom repeat-x ; height:20px; padding:10px 10px; margin:0px;}
.product_box p{padding:32px 140px 10px 10px;margin:0px; font-size:11px;}
.product_box p a{text-decoration:none; color:#000000;}
.product_box h2 a {text-decoration:none; color:#000000;}
.product_box h2 a:hover {text-decoration:none; color:#ea2e2e;}
.product_box h1 {margin:0px;}
.telecom_logo {display:block; width:131px;height:31px; background-image:url(/images/staveley_telecom_logo.png); background-repeat:no-repeat;}
.product_box h1 .telecom_logo {display:block; width:131px;height:31px; background-image:url(/images/staveley_telecom_logo.png); background-repeat:no-repeat; position:absolute; bottom:10px; left:10px;}
.information_systems_logo {display:block; width:131px;height:31px; background-image:url(/images/staveley_information_systems_logo.png); background-repeat:no-repeat; }
.product_box h1 .information_systems_logo {display:block; width:131px;height:31px; background-image:url(/images/staveley_information_systems_logo.png); background-repeat:no-repeat; position:absolute; bottom:10px; left:10px;}

.telecom { background:#ffffff url(../images/hands/telecom.jpg) right bottom no-repeat;  }
.information_systems { background:#ffffff url(../images/hands/information_systems.jpg) right bottom no-repeat;  }

#wrapper #contact .column_1 { margin-right:15px; }
#wrapper #contact .column_2 { margin-right:22px;}
#wrapper #contact .column_3 { padding-left:22px; border-left:1px solid #ea2e2e;height:250px;position:relative  }



#wrapper #footer .column_1 { margin-right:15px;}
#wrapper #footer .column_1 a{ color:#FFFFFF; text-decoration:none;}
#wrapper #footer .column_1 a:hover{ color:#FFFFFF; text-decoration:underline;}
#wrapper #footer .column_2 { margin-right:22px;}
#wrapper #footer .column_3 { padding-left:22px; }
#wrapper #footer .column_3 p{ font-size:0.8em; color:#CCCCCC; margin-bottom:0px;}






.product_box h2 a,#wrapper #contact h2,#wrapper #footer h3 {padding-left:30px; background:url(../images/right_arrow.png) no-repeat;}

#logo {display:block; width:450px;height:42px;margin-bottom:30px; background-image:url(../images/staveley_comms_logo.gif); background-repeat:no-repeat}

form#contact_form input[type="text"], form#contact_form textarea {color:#999999; width:250px; margin-bottom:10px; border:0px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

form#newsletter {margin-bottom:10px;}
form#newsletter input[type="text"] {color:#999999; width:200px; margin-bottom:10px; border:0px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#follow_us { background:url(../images/social_icons_bg.png); width:280px; height:61px; list-style-type:none; margin:0px; padding:0px; position:relative; font-size:10px; }
#follow_us #facebook { background:url(../images/social_icons.png) 0 0 no-repeat; width:50px; height:34px; position:absolute; top:15px; left:10px; }
#follow_us #linkedin { background:url(../images/social_icons.png) -88px 0 no-repeat; width:50px; height:34px; position:absolute; top:15px; left:110px;}
#follow_us #twitter { background:url(../images/social_icons.png) -181px 0 no-repeat; width:50px; height:34px; position:absolute; top:15px; left:200px;}
#follow_us a {color:#FFFFFF;
display:block;
height:50px;
padding-left:40px;
padding-top:10px;
text-decoration:none;
width:50px;}
#follow_us a:hover {text-decoration:underline;}

.main_column h1, .main_column h2, .main_column h3 { font-weight:bold;}
.main_column h1  {font-size:2.0em;}
.main_column h2  {font-size:1.6em;}
.main_column h3  {margin-top:30px;font-size:1.4em;}
.main_column h4 {font-size:1.0em; margin-top:20px;}
.main_column img {
	padding:5px;
	background-color:#F5F5F5;
	border: 1px solid #ddd;
	margin:0 auto;
}
.offer_box {float:left; width:280px; margin-right:10px;}
.offer_box img {border:0px; padding:0px;}
.offer_box p {padding:10px;}
.offer_box h3 {margin-top:0px;}
.tabs {list-style:none; margin:0px; padding:0px; border-bottom:3px solid #bb1d34; height:42px;}
.tabs li {float:left; text-align:center; width:114px; height:42px;  margin-left:2px; }
.tabs li:first-child{margin:0px;}
.tabs li a {	background: url(../images/tabs_bg.png) 0 -47px no-repeat; display:block; height:34px; text-decoration:none; color:#000000; padding:4px 8px;}
.tabs li a:hover, .tabs li a.on {	background: url(../images/tabs_bg.png) 0 0;color:#ffffff;}

.tabs_short {list-style:none; margin:0px; padding:0px; border-bottom:3px solid #bb1d34; height:42px;}
.tabs_short li {float:left; text-align:center; width:95px; height:42px;  margin-left:2px; }
.tabs_short li:first-child{margin:0px;}
.tabs_short li a {	background: url(../images/tabs_bg_short.png) 0 -47px no-repeat; display:block; height:34px; text-decoration:none; color:#000000; padding:4px 8px;}
.tabs_short li a:hover, .tabs_short li a.on {	background: url(../images/tabs_bg_short.png) 0 0;color:#ffffff;}

.arrows li{
	list-style-image: url(/images/red_arrow.gif);
}
.arrows li a, .main_column p a { color:#EA2E2E;text-decoration:none;}
.arrows li a:hover, .main_column p a:hover { color:#000}
input[type=submit]{ background-image:url(../images/bgs/red_black.gif); background-position:0 0; background-repeat:repeat-x;  color:#fff; border:0px solid #cb3438; font-size:10px; padding:2px 4px}
input[type=submit]:hover{ background-image:url(../images/bgs/red_black.gif); background-repeat:repeat-x; background-position:-100px 0; color:#fff; border:0px solid #585757;}


ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  background-color:#eee;
}

ul.menu a {
  display: block;
  text-decoration: none;	

}

ul.menu ul {
	display:none;
	
}
ul.menu li {
  border-bottom:0px;
  padding:0px;
  
}

ul.menu > li > a {
	  color:#333333;
	  background-color:#ddd;
	  padding:5px 11px;
       border-bottom:1px solid #fff;
	   background-image:url(../images/grey_arrow_down.gif);
	   background-position:260px;
	   background-repeat:no-repeat;
	  

}

ul.menu li ul li {
}
ul.menu ul {

}
ul.menu li ul li a {
background-color:#EEEEEE;
border:0 none;
color:#000000;
display:block;
margin-left:20px;
padding-bottom:5px;
padding-top:5px;
text-decoration:none;
}

ul.menu li ul li a:hover {
 color:#ea2e2e;
}

#buttons { font-size: 0px; padding: 10px; float:right; margin-right:-10px;  }
#buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #dddddd; color: #dddddd; text-indent: -1000px; }
#buttons .activeSlide { background-color: #dddddd; color: #FFFFFF; }

ul#menu1 li  { background-color:#eee;}

ul#menu1 li a {
    color:#000; 
	background-color:#eee;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	border:0px;
	margin-left:20px;
	text-decoration:none;
}
ul#menu1 li a:hover { color:#ea2e2e; }




.side_column a.pdf { /*The background image*/
	background: url(/images/icons/pdf.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px; /* To center the text vertically with the icon */
}

.side_column a.txt { /*The background image*/
	background: url(/images/icons/txt.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

.side_column a.zip { /*The background image*/
	background: url(/images/icons/zip.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

.side_column a.email {
	background: url(/images/icons/email.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

.side_column a.external {
	background: url(/images/icons/ext_link.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}


#wrapper #footer .column_1 .trcreative {font-size:10px; color:#999999;}

#footer_content { background:#000; padding:20px; color:#999; text-align:center; font-size:10px; }

img.noborder {
	padding:0px;
	border:0px;
	background:none;	
}