@charset "utf-8";

/*------------------- Fixed Tags ------------------- */
body{padding: 0; margin: 0; color:#554a3f; font: normal 12px Calibri; cursor:default;}
h1, h2, h3, h4, h5, h6, p, span, strong, div, textarea, input, select, ul, li{padding: 0; margin: 0;}
a{text-decoration:none; outline:none; color:#164861;}
*{padding:0; margin:0;}
img{border:none;}

@font-face {
	font-family: 'Conv_Lucida_Sans_Unicode';
	src: url('http://www.itdepartmentuk.com/fonts/Lucida_Sans_Unicode.eot');
	src: local('☺'), url('http://www.itdepartmentuk.com/fonts/Lucida_Sans_Unicode.woff') format('woff'), url('http://www.itdepartmentuk.com/fonts/Lucida_Sans_Unicode.ttf') format('truetype'), url('http://www.itdepartmentuk.com/fonts/Lucida_Sans_Unicode.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.align { text-align:center; }

/*-------------------  Main Container ------------------- */
#wapper{width:100%; padding-bottom:95px;}
/*-------------------  header Container ------------------- */

#header{width:100%; border-bottom: 1px solid #CCCCCC; border-top: 13px solid #3C2C59; }
#header .head_block{width:980px; margin:0 auto;}
#header .head_block .logo{float:left; width:30%; padding:28px 0 33px 7px;}
#header .head_block .call{float:right; width:180px; height:79px; background:url(http://www.itdepartmentuk.com/images/phone_icon.png) no-repeat left top; padding-left:40px; margin:35px 0 0 0;}
#header .head_block .call p{font:20px 'Conv_Lucida_Sans_Unicode',Sans-Serif, sans-serif; color:#948578; text-shadow: 0.1em 0.1em #fff;}
#header .head_block .call h4{font:26px 'Conv_Lucida_Sans_Unicode',Sans-Serif, sans-serif; color:#40141f; text-shadow: 0.1em 0.1em #fff;}


.top_container {
	margin: auto;
	padding-top: 0px;
	width: 1000px;
	height: 112px;
	position:relative;
}
.google_plus {
    bottom: 10px;
    position: absolute;
    right: 0;
}
.top_container .toplinks {
	width: 1000px;
	margin: 0 auto;
	font: normal 14px/20px "Open Sans", Arial;
	color: #fff;
}
.logo_section {
	width:100px;
	float:left;
	margin-top:10px;
}

/*-------------------  navigation Container ------------------- */

#navigation{width:100%; background:url(http://www.itdepartmentuk.com/images/top_menu.jpg) repeat-x left top; height:41px;}
ul.menu{width:980px; margin:0 auto; font:14px 'Conv_Lucida_Sans_Unicode',Sans-Serif, sans-serif; text-transform:uppercase;}
ul.menu li{display:block; float:left; list-style-type:none; line-height:41px; background:url(http://www.itdepartmentuk.com/images/divider.jpg) no-repeat left top;}
ul.menu li:first-child{background:none !important;}
ul.menu li a{color:#fff; padding:12px 39px 19px 41px;}
ul.menu li a:hover, li.selected a{background:url(http://www.itdepartmentuk.com/images/hover.jpg) repeat-x left top;}


/*-------------------  slider Container ------------------- */
#slider_section{width:100%; margin:0 auto; overflow:hidden; text-align:center;}
#slider_section .banner{width:711px; float:left; border:#948578 1px solid;} 
#slider_section .right_add{width:257px; float:right; background:url(http://www.itdepartmentuk.com/images/right_banner.jpg) no-repeat left top; height:334px;}
#slider_section .right_add h2{font:38px 'Conv_Lucida_Sans_Unicode',Sans-Serif, sans-serif; font-weight:normal; color:#FFF;}
#slider_section .right_add .add_padding{padding:8px 8px 10px 23px; position:relative;}
#slider_section .right_add .add_padding .text_1{width:60%; font:12px 'Conv_Lucida_Sans_Unicode',Sans-Serif, sans-serif; color:#FFF; line-height:12px;}
#slider_section .right_add .add_padding .text_2{ font:13px 'Conv_Lucida_Sans_Unicode',Sans-Serif, sans-serif; color:#FFF; line-height:14px; text-align:center; padding-top:50px; height:150px; overflow:hidden;}
#slider_section .right_add .add_padding .text_3{ font:13px 'Conv_Lucida_Sans_Unicode',Sans-Serif, sans-serif; color:#551c2a; line-height:14px; text-align:center; padding-top:10px; text-shadow: 0.1em 0.1em #fff;}

.star{position:absolute; z-index:50; right:10px; top:60px;}
.startext{position:absolute; top:19px; left:13px;}
.startext h2{font:38px 'Conv_Lucida_Sans_Unicode',Sans-Serif, sans-serif !important;}
.startext h2 sup{font-size:20px;}


/*-------------------  content Container ------------------- */

#content_section{width:999px; margin:0 auto; font-family:Calibri; clear:both;  margin-top:33px; height:auto; overflow:hidden;min-height: 400px;}
#content_section ul{padding-left:15px;}

.left_content{width:520px; float:left;}
.left_content .box1_wrapper{width:240px; height:170px; float:left; margin-bottom:30px;}
.left_content .box1_wrapper .image-box{width:240px; height:125px; float:left;}
.left_content .box1_wrapper .image-box img{max-width:240px; }
.left_content .box1_wrapper .content{width:240px; height:50px; float:left;}
.left_content .box1_wrapper .content h1{color: #164861; float: left; font-size: 16px; height: 43px; margin-top: 7px; width: 205px;}
.left_content .box1_wrapper .content .arrow{ float: right; height: 35px; margin-top: 15px; width: 30px;}

.left_content .box2_wrapper{width:240px; height:170px; float:right; margin-bottom:30px;}
.left_content .box2_wrapper .image-box{width:240px; height:125px; float:left;}
.left_content .box2_wrapper .image-box img{max-width:240px; }
.left_content .box2_wrapper .content{width:240px; height:50px; float:left;}
.left_content .box2_wrapper .content h1{color: #164861; float: left; font-size: 16px; height: 43px; margin-top: 7px; width: 205px;}
.left_content .box2_wrapper .content .arrow{ float: right; height: 35px; margin-top: 15px; width: 30px;}

.right_content{width:450px; float:right;}
.right_content h1{color: #164861;  font-size: 22px;  margin-bottom: 10px;}
.right_content p{font-size: 16px;}
.signature{float:right; color:#164861;}

.dashboard{color: #164861;  float: left;  font-size: 16px;  height: 160px;  margin-right: 10px;  text-align: center;  width: 115px;}


/*-------------------  footer Container ------------------- */

#footer_section{width:100%; background:#3b3b3b; border-top:5px solid #CCCCCC; height:auto; overflow:hidden; font-size:13px; color:#fff; margin-top:25px; clear:both; position:fixed; bottom:0;}
#footer_section .footer_line{padding:10px 0; overflow:hidden;}
#footer_section .footer_line .footer_middle{width:999px; margin:0 auto;}
#footer_section .footer_line .footer_middle .bottom_mbox{width:206px; float:left;}
#footer_section .footer_line .footer_middle .contact_us{width:180px; float:left;}
#footer_section .footer_line .footer_middle .latest_offer{width:241px; float:left;}
#footer_section .footer_line .footer_middle .call_bottom{width:569px; float:right;}
#footer_section .footer_line .footer_middle .call_bottom a{color:#FFF;}
#footer_section .footer_line .footer_middle .call_bottom a:hover{color:#CCCCCC;}



.heading-2{font:24px 'Conv_Lucida_Sans_Unicode',Sans-Serif, sans-serif; color:#501a27; padding-bottom:8px;}
ul.bottom_menu li{list-style-type:none; line-height:24px;}
ul.bottom_menu li a{color:#564a40;}
ul.bottom_menu li a:hover{color:#6e2739; text-decoration:underline;}
.text_3{line-height:15px;}
.heading_3{font-size:17px; color:#948578; font-weight:normal; padding-top:60px; text-shadow: 0.1em 0.1em #fff;}
.heading_3 span{font-size:20px; color:#40141f; font-weight:bold;}

.footer_copyright{width:980px; margin:0 auto; padding:15px 0; height:auto; overflow:hidden;}
.copyright{float:left;}
.crafted{float:right;}

.mainheading { width:100%; float:left; float:left; background:url(http://www.itdepartmentuk.com/images/head_bg.jpg) repeat-x top left; padding:20px 35px; margin-bottom:40px; }
.mainheading  h1 { font:20px "calibri", Arial, Helvetica, sans-serif; color:#333333;}

.inner_content h2  { color:#000; font:20px "calibri", Arial, Helvetica, sans-serif; margin-bottom:25px;  background:url(http://www.itdepartmentuk.com/images/heading_img.jpg) repeat-x center left; }
.inner_content h2 span { background:#fff; padding:0 20px 0 0; }
.inner_content  p {  font-size: 13px;   line-height: 20px; margin-bottom: 20px; }

.network_services { width:100%; float:left; clear:both; margin-top:60px; margin-left:36px; }
.network_services li  { float:left; margin-right:25px;  float:left; width:220px; list-style-type:none;}
.network_services li h2 { background:url(http://www.itdepartmentuk.com/images/routine_icon.jpg) no-repeat top left;  font:20px "calibri", Arial, Helvetica, sans-serif;  line-height:24px; color:#000;  height: 36px;  margin-bottom: 20px;   padding: 0 0 0 43px;   }
.network_services li + li  h2 { background:url(http://www.itdepartmentuk.com/images/telephone_icon.jpg) no-repeat top left;  }
.network_services li + li + li h2  { background:url(http://www.itdepartmentuk.com/images/critical_icon.jpg) no-repeat top left;  }
.network_services li + li + li + li h2 {  background:url(http://www.itdepartmentuk.com/images/hours_icon.jpg) no-repeat top left;  }

.network_services li p {  font-size: 13px;  line-height: 20px; margin-bottom:18px;  }
.network_services li p.align_rgt { text-align:right; }
.network_services li p.align_rgt a:hover { color:#097fc0; }

.map { width:670px; text-align:center; float:left; }
.cont_detail  {float:left; width:284px;  }
.cont_detail h2 { color:#000; font:20px "calibri", Arial, Helvetica, sans-serif; margin-bottom:25px; background:url(http://www.itdepartmentuk.com/images/heading_img.jpg) repeat-x center left;  }
.cont_detail h2 span { background:#fff; padding:0 20px 0 0; }
.cont_detail p {  font-size: 13px;  line-height: 20px; margin-bottom:28px;  }
.cont_detail p.cont_pad  { padding-bottom:20px; }

.other_link { width:100%; float:left; margin-top:35px;  margin-left:90px; }
.other_link h2 { color:#000; font:20px "calibri", Arial, Helvetica, sans-serif; margin-bottom:15px; }
.other_link ul { float:left; width:185px;  }
.other_link ul li {  padding:0 0 7px 10px;  list-style-type:none; }
.other_link ul li a { color:#333; text-decoration:none; }
.other_link ul li a:hover { color:#097fc0; }

.img_cnt{float:left; margin-right:20px;}

.supplider_slide{clear:both; width:100%; position:relative; z-index:0;}
.anyClass{width:924px !important; margin:0 4%; overflow:hidden;}
.anyClass ul li{display:block; float:left; text-align:center; border:#c9c9c9 1px solid; padding:5px; margin:0 15px;}
.anyClass ul li img{width:148px; height:89px;}
.prev{position:absolute; left:0; top:32px;}
.next{position:absolute; right:0; top:32px;}
.sla_board{ margin:0px; padding:0px;}
.sla_board ul{ margin:0px; padding:0px; list-style-type:none;}
.sla_board ul li{background: url("http://www.itdepartmentuk.com/images/stop_watch.png") no-repeat scroll center transparent;
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    padding-top: 69px;
    position: relative;
    text-align: center;
	   margin-right: 30px;}
	.sla_board ul li span{ display: block; padding-top: 20px; width: 134px;}
	.sla_board ul li p{color: #000000; margin-top: 35px;}