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

@font-face {
    font-family: 'TeXGyreHerosBold';
    src: url('../fonts/texgyreheros-bold-webfont.eot');
    src: url('../fonts/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheros-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheros-bold-webfont.svg#TeXGyreHerosBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreHerosRegular';
    src: url('../fonts/texgyreheros-regular-webfont.eot');
    src: url('../fonts/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheros-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Basic Style ----------------*/

* {
	margin: 0;
	padding: 0;
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}
body {
	line-height: 100%;
}
p {
	line-height: 140%;
}
ol,ul {
	list-style: none;
	line-height: 140%;
}
blockquote, q {
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hide-text {
	width:1px;
	height:1px;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}


html, body {
	font-family: "TeXGyreHerosRegular", Arial, sans-serif;
}
body {
	padding: 0;
	background-image: url(../images/background.png);
	overflow-y: scroll;
	color: #333;
	font-size: 0.95em;
}

#webpage {
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
}




/* Header */
.header {
	position: absolute;
	top: -120px;
	

	
	left: 0; 
	right: 0;
	width: 100%;
	height: 120px;
	background: #f9f9f9 url(../images/pixel-grid-bg.png);
}
.header img {
	display: block;
	width: 310px;
	height: 95px;
	margin: auto;
	float: left;
	margin-top: 8px;
}

.inner {
	width: 980px;
	margin: 0 auto;
}

/* main nav */
div.hnav .main-menu {
	position: relative;
	float: left;
	left: 25px;
	top: 25px;
	text-transform: uppercase;
	font-size: 14px;
}

div.hnav .main-menu > li {
	margin: 0 12px;
	float: left;
}

div.hnav .main-menu li a {
	display: block;
	font-size: 90%;
	line-height: 100%;
	text-transform: uppercase;
	padding: 8px 14px;
	background: #d7d7d7;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#d1d1d1));
	background-image: -webkit-linear-gradient(#f1f1f1, #d1d1d1);
	background-image: -moz-linear-gradient(#f1f1f1, #d1d1d1);
	background-image: -o-linear-gradient(#f1f1f1, #d1d1d1);
	background-image: linear-gradient(#f1f1f1, #d1d1d1);
	/*
	-pie-background: linear-gradient(#f1f1f1, #d1d1d1);
	*/
	-moz-border-radius: 16px;
	border-radius: 16px;
	
	color: #333;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9), 0px 0px 2px rgba(255, 255, 255, 0.9);
	
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6), 0px 0px 3px rgba(255, 255, 255, 0.6);
	
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9), 0px 0px 2px rgba(255, 255, 255, 0.9);
	
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9), 0px 0px 2px rgba(255, 255, 255, 0.9);
	
	behavior: url(PIE.htc);
}

div.hnav .main-menu li a:hover {
	color: #808080;
	text-decoration: none;
	outline: 0;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
	
	behavior: url(PIE.htc);
}

div.hnav .main-menu li.current-menu-item > a {
		/*
	background-color:#333;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#444444));
	background-image:-webkit-linear-gradient(#222222, #444444);
	background-image:-moz-linear-gradient(#222222, #444444);
	background-image:linear-gradient(#222222, #444444);
	-pie-background:linear-gradient(#222222, #444444);
	-webkit-box-shadow:-1px -1px 0px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.1);
	-moz-box-shadow:-1px -1px 0px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.1);
	box-shadow:-1px -1px 0px rgba(0, 0, 0, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.1);
	color:#eee;text-shadow:0 0 5px rgba(255, 255, 255, 0.2);
	*/
	
	background: none repeat scroll 0 0 #666666;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4) inset;
    color: #fff;
	color: #333\0/;
	// color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);

	behavior: url(PIE.htc);
}
/* end */
.phone_quote {
	display: inline-block;
	float: left;
	margin: 11px 0 0 25px;
	padding: 0;
	width: 645px;
}
.tel_number {
	float: left;
	margin: 0;
	font-size: 18px;
	padding: 6px 8px 0px 8px;
	color: #004694;
	
	/*
	background: #e8e8e8;
	border: 1px solid #d9d9d9;
	
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	*/

	text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5);
	
	behavior: url(PIE.htc);
}
.tel_number span {
	color: #ce000c;
}
.tel_number a {
	color: #004694;
}

.instant_quote {
	display: block;
	float: right;
	margin: 0;
	padding: 8px 20px;
	background: #e8e8e8;
	
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;

	border: 1px solid #d9d9d9;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	cursor: pointer;

	
	behavior: url(PIE.htc);
}
.instant_quote a {
	color: #333;
}



/* Content Style
--------------------*/
.content {
	width: 100%;
	display: block;
	margin-top: 120px;
	
	// position: relative;
	// top: 120px;
}
.content_support {
	margin-top: 120px;
}

.content.content_services {
	margin-top: 120px !important;
}


.content.fixed {
	width: 980px;
	margin: auto;
	padding-top: 150px;
}

.content.centered {
	padding-top: 0;
}


/* Footer Style
--------------------*/

.footer {
	position: fixed;
	bottom: -100px; 
	left: 0; 
	right: 0;
	width: 100%;
	height: auto;
	border-top: 1px solid #e1e1e1;
	background: #efecec;
	z-index: 9999999;
}
.footer_content {
	border-top: 1px solid #fff;
	width: 100%;
}
.footer_content_holder {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.85em;
}
.footer_content_holder ul {
	display: block;
	margin: 5px 0;
	padding: 0;
}
.footer_content_holder ul.left {
	float: left;
	padding-top: 3px;
}
.footer_content_holder ul.right {
	float: right;
}
.footer_content_holder ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
.footer_content_holder ul li span {
	position: relative;
	top: -7px;
}
.footer_content_holder ul li a {
	display: inline;
	margin: 0;
	padding: 0 5px;
	color: #333;
}
.footer_content_holder p {
	display: inline;
	margin: 0;
	padding: 0;
	padding-left: 5px;
}

		







/* Mobile */
@media handheld, only screen and (max-width: 767px) {

	body {
		font-size: 16px;
		-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.row .c1, .row .c2, .row .c3, .row .c4, .row .c5, .row .c6, .row .c7, .row .c8, .row .c9, .row .c10, .row .c11, .row .c12 {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}

}


/* slider */
#home {
	position: relative;
	height: auto;
	width: 100%;
	background: url(../images/home_jcarousel_bg.png) top repeat-x;
}
#example {
	width: 920px;
	height: 430px;
	position: relative;
	margin: 0 auto;
}

#slides {
	position: absolute;
	top: 15px;
	left: 4px;
	z-index: 100;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width: 920px;
	height: 360px;
	overflow: hidden;
	position: relative;
	display: none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	padding: 0px;
	width: 920px;
	height: 360px;
	display: block;
}
#slides .slide.remote_support_pic {
	background: url(../images/remote_support_pic.png) no-repeat;
}
#slides .slide.onsite_support_pic {
	background: url(../images/on_site_support.png) no-repeat;
}
#slides .slide.live_guardian_pic {
	background: url(../images/live_guardian_pic2.png) no-repeat;
}
#slides .slide.procurement_pic {
	background: url(../images/procurement_pic.png) no-repeat;
}
#slides .slide.asset_management_pic {
	background: url(../images/asset_management_pic.png) no-repeat;
}
#slides .slide.regular_reporting_pic {
	background: url(../images/regular_reporting_img.png) no-repeat;
}
#slides .slide.smart_phones_pic {
	background: url(../images/smart_phones.png) no-repeat;
}
#slides .slide.virtualisation_pic {
	background: url(../images/virtualisation_pic.png) no-repeat;
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position: absolute;
	top: 190px;
	width: 33px;
	height: 33px;
	display: block;
	z-index: 101;
}
#slides .prev {
	left: -35px;
}

#slides .next {
	right: -25px;
}

/* pagination */

.pagination {
	margin: 0;
	width: auto;
	float: right;
	margin-right: 30px;
}

.pagination li {
	float: left;
	margin: 0 5px;
	list-style: none;
}

.pagination li a {
	display: block;
	width: 25px;
	height: 25px;
	padding: 0;
	background-image: url(../images/pagination2.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
	text-indent: 9px;
	color: #3e3e3e;
	line-height: 23px;
}

.pagination li.current a {
	background-position: 0 -26px;
	color: #fff;
}

/* Type and anchors */

a:link,a:visited {
	text-decoration:none;
}

a:hover,a:active {
	text-decoration: none;
}

.slide h1 {
	font-size: 24px;
	display: block;
	width: 400px;
	margin: 80px 0 0 50px;
	text-transform: uppercase;
	padding: 0 0 10px 0;
}

.slide p {
	display: block;
	width: 350px;
	padding: 5px 0;
	margin: 0 0 0 50px;
}
.slide p a {
	color: #1371d9;
}
.slide ul {
	display: block;
	width: 350px;
	padding: 5px 0;
	margin: 0 0 0 50px;
}
.slide ul li {
	display: block;
	padding: 5px 0;
	padding-left: 15px;
	background: url(../images/circle_dot2.png) left center no-repeat;
}


#slides .link {
	display: block;
	margin-top: 10px;
	font-weight: 800;
}



/* home section */
.home_section_holder {
	width: 980px;
	display: block;
	margin: 0 auto;
}
.home_section {
	width: 980px;
	display: block;
	float: left;
	margin: 0;
	padding: 10px 0 70px 0;
}
.home_section .info {
	width: 309px;
	height: 290px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fafafa;
}
.home_section .info a.info_button {
	display: inline-block;
	font-size: 96%;
	text-align: left;
	padding: 6px 15px;
	background-color: #d7d7d7;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#d2d2d2));
	background-image: -webkit-linear-gradient(#efefef, #d2d2d2);
	background-image: -moz-linear-gradient(#efefef, #d2d2d2);
	background-image: -o-linear-gradient(#efefef, #d2d2d2);
	background-image: linear-gradient(#efefef, #d2d2d2);
	-moz-border-radius: 24px;
	border-radius: 24px;
	border: 1px solid #b5b5b5;
	color: #333;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	width: auto;
	height: auto;
	cursor: pointer;
	
	behavior: url(PIE.htc);
}
.home_section .info a.info_button.last {
	margin-left: 10px;
}

.home_section .contact {
	width: 308px;
	height: 290px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fafafa;
	border-left: 1px solid #d4d4d4;
}
.home_section .partners {
	width: 339px;
	height: 290px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #d4d4d4;
}

.home_section .header_title {
	padding: 0;
    border-bottom: 1px solid #fff;
	width: 260px;
	margin-bottom: 6px;
}
.home_section .header_title_contact {
	padding: 0;
    border-bottom: 1px solid #fff;
	width: 260px;
	margin-bottom: 25px;
}
.partners_img {
	background: url(../images/partners.png) 20px 0 no-repeat;
	width: 290px;
	height: 160px;
	display: block;
	position: relative;
}
.hit_title {
	width: 70px;
	height: 50px;
	display: block;
	position: absolute;
}
.microsoft {
	top: 0px;
	left: 10px;
}
.avg {
	top: 0px;
	left: 105px;
}
.crucial {
	top: 0px;
	left: 205px;
}
.vmware {
	top: 50px;
	left: 10px;
}
.gfi {
	top: 50px;
	left: 105px;
}
.dell {
	top: 50px;
	left: 205px;
}
.blackberry {
	top: 100px;
	left: 30px;
}


.home_section h1 {
	padding: 12px 0 6px 0;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 30px;
    border-bottom: 1px solid #d4d4d4;
}
.home_section h1 span {
	padding-left: 18px;
}
.home_section p {
	padding: 5px 40px 5px 0;
}
.home_section p.partners_p {
	padding: 6px 20px 5px 18px;
}


.home_section .contact button {
	display: block;
	font-size: 96%;
	text-transform: uppercase;
	text-align: left;
	padding: 0 10px 0 16px;
	background-color: #d7d7d7;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#d2d2d2));
	background-image: -webkit-linear-gradient(#efefef, #d2d2d2);
	background-image: -moz-linear-gradient(#efefef, #d2d2d2);
	background-image: -o-linear-gradient(#efefef, #d2d2d2);
	background-image: linear-gradient(#efefef, #d2d2d2);
	-moz-border-radius: 24px;
	border-radius: 24px;
	border: 1px solid #b5b5b5;
	color: #333;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	width: 240px;
	height: 40px;
	margin-bottom: 16px;
	margin-left: 12px;
	cursor: pointer;
	
	behavior: url(PIE.htc);
}
.home_section .contact button span {
	position: relative;
	top: -8px;
}

.email_form {
	position: relative;
	left: 85px;
	top: 2px;
}

.callback {
	position: relative;
	left: 10px;
	top: 0px;
}
.gmap_icon {
	position: relative;
	left: 44px;
	top: 2px;
}






/* Slider Style */
.pxs_container {
	width: 100%;
	height: 640px;
	position: relative;
	overflow: hidden;
	background: #e1e4e7 url(../images/pax_slider_bg.png) top repeat-x;
	border-bottom: 1px solid #fff;
	color: #555;
}
.pxs_bg{
	/*background: transparent url(../images/bg.png) repeat top left;*/
}
.pxs_bg div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5056px; /*1264px window width times number of images*/
	height: 639px;
	background-repeat: repeat;
	background-position: top left;
	background-color: transparent;
	border-bottom: 1px solid #e1e4e7;
}
.pxs_bg .pxs_bg1 {
	background-image: url(../images/bg1.png);
	/*left negative 1/8 of ww*/
}
.pxs_bg .pxs_bg2 {
	background-image: url(../images/bg2.png);
	/*left negative 1/4 of ww*/
}
.pxs_bg .pxs_bg3 {
	background-image: url(../images/bg3.png);
	/*left negative 1/2 of ww*/
}
.pxs_slider_wrapper {
	display: none;
}
.pxs_container ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.pxs_slider {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 530px;
}
ul.pxs_slider li {
	height: 530px;
	float: left;
	position: relative;
}
ul.pxs_slider li div {
	position: relative;
	display: block;
	margin: 0 auto;
	top: 0;
	width: 850px;
	height: 450px;
	z-index: 2;
	
}
ul.pxs_slider h1 {
	font-size: 22px;
}

ul.pxs_slider li p {
	margin: 0px;
	padding: 10px 0;
	font-size: 16px;
}
ul.pxs_slider li p strong {
	font-size: 22px;
	font-weight: normal;
}
ul.pxs_slider li div .intro_help_desk {
	display: block;
	z-index: 2;
	width: 670px;
	height: auto;
	position: absolute;
	top: 30px;
	left: 120px;
	border-bottom: 1px dashed #999;
}
ul.pxs_slider li div .info_help_desk {
	display: block;
	z-index: 2;
	width: 340px;
	height: auto;
	position: absolute;
	top: 170px;
	left: 0px;
}

ul.pxs_slider li div .circle_title {
    background: #ce000c;
    border-radius: 100px;
    display: block;
    height: 120px;
    width: 120px;
    margin: 0;
	position: absolute;
	z-index: 3;
	top: 25px;
	left: -15px;
	
	behavior: url(PIE.htc);
}
ul.pxs_slider li div .circle_title h1 {
	color: #fff;
	padding-top: 45px;
	padding-left: 9px;
}

ul.pxs_slider li div .circle {
    background: #ce000c;
    border-radius: 160px;
    display: block;
    height: 275px;
    width: 275px;
    margin: 0;
	position: absolute;
	z-index: 3;
	top: 150px;
	left: 350px;
	
	behavior: url(PIE.htc);
}
ul.pxs_slider li div ul {
	margin: 0px;
	padding: 0;
	font-size: 15px;
	color: #fff;
}
ul.pxs_slider li div ul li {
	margin: 0px;
	padding: 0 0 10px 12px;
	display: block;
	height: auto;
	background: url(../images/circle_dot.png) 0px 8px no-repeat;
}
ul.pxs_slider li div .help_desk_list {
    display: block;
    margin: 0;
	position: absolute;
	z-index: 4;
	top: 210px;
	left: 378px;
	width: 240px;
	height: 200px;
}



ul.pxs_slider li img {
	display: block;
	margin: 0px auto;
	position: relative;
	z-index: 1;
	top: -450px;
}


.pxs_thumbnails_holder {
	position: absolute;
	top: 450px;
	width: 100%;
}

ul.pxs_thumbnails {
	background: url(../images/px_bottom_line.png) center no-repeat;
	width: 460px !important;
	height: 80px !important;
	margin: 0 auto !important;
	text-align: center;
	// padding-left: 75px;
}
ul.pxs_thumbnails li {
	display: inline-block;
	height: 80px;
	width: 80px;
	margin: 0 8px;
	// float: left;
}
ul.pxs_thumbnails li img {
	cursor: pointer;
	display: block;
	opacity: 1.0;
	background: url(../images/btns_img.png);
}
ul.pxs_thumbnails li.selected img {
	opacity: 1.0;
	background: url(../images/btns_select.png);
}





.pxs_navigation span {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 245px;
	opacity: 1.0;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	cursor: pointer;
	z-index: 9;
	
	behavior: url(PIE.htc);
}
.pxs_navigation span:hover{
	opacity: 0.8;
}
.pxs_navigation span.pxs_prev{
	background: #525252 url(../images/prev.png) no-repeat center center;
	left: 4% !important;
}
.pxs_navigation span.pxs_next{
	background: #525252 url(../images/next.png) no-repeat center center;
	right: 4% !important;
}
.pxs_loading{
	color: #fff;
	font-size: 12px;
	padding: 15px 15px 15px 55px;
	position: absolute;
	background: #333 url(../images/ajax-loader.gif) no-repeat 15px 50%;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	opacity: 0.7;
	width: 100px;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -90px;
	
	behavior: url(PIE.htc);
}

/* in touch */
ul.pxs_slider li div .circle_title_in_touch {
    background: #f3d316;
    border-radius: 90px;
    display: block;
    height: 115px;
    width: 115px;
    margin: 0;
	position: absolute;
	z-index: 3;
	top: 34px;
	left: -15px;
	
	behavior: url(PIE.htc);
}

ul.pxs_slider li div .circle_title_in_touch h1 {
	color: #fff;
	padding-top: 45px;
	padding-left: 18px;
	color: #555;
}

ul.pxs_slider li div .intro_in_touch {
	display: block;
	z-index: 2;
	width: 670px;
	height: auto;
	position: absolute;
	top: 20px;
	left: 120px;
	border-bottom: 1px dashed #999;
}
ul.pxs_slider li div .info_in_touch {
	display: block;
	z-index: 2;
	width: 340px;
	height: auto;
	position: absolute;
	top: 190px;
	left: -5px;
}
ul.pxs_slider li div .in_touch_list {
    display: block;
    margin: 0;
	position: absolute;
	z-index: 4;
	top: 220px;
	left: 362px;
	width: 220px;
	height: 200px;
	color: #555;
}
ul.pxs_slider li div .in_touch_list ul li {
	color: #555;
	background: url(../images/circle_dot_in_touch.png) 0px 8px no-repeat;
	padding-bottom: 7px;
}
ul.pxs_slider li div .circle_in_touch {
    background: #f3d316;
    border-radius: 180px;
    display: block;
    height: 270px;
    width: 270px;
    margin: 0;
	position: absolute;
	z-index: 3;
	top: 175px;
	left: 328px;
	
	behavior: url(PIE.htc);
}




/* monitoring */
ul.pxs_slider li div .circle_title_monitoring {
    background: #002675;
    border-radius: 90px;
    display: block;
    height: 135px;
    width: 135px;
    margin: 0;
	position: absolute;
	z-index: 3;
	top: 45px;
	left: -20px;
	
	behavior: url(PIE.htc);
}
ul.pxs_slider li div .circle_title_monitoring h1 {
	color: #fff;
	padding-top: 55px;
	padding-left: 17px;
}
ul.pxs_slider li div .intro_monitoring {
	display: block;
	z-index: 2;
	width: 770px;
	height: auto;
	position: absolute;
	top: 28px;
	left: 140px;
	border-bottom: 1px dashed #999;
}

ul.pxs_slider li div .intro_monitoring p {
	padding: 3px 0;
}
ul.pxs_slider li div .intro_monitoring p:first-child {
	padding-bottom: 10px;
}
ul.pxs_slider li div .intro_monitoring p:last-child {
	padding-bottom: 10px;
}



ul.pxs_slider li div .info_monitoring {
	display: block;
	z-index: 2;
	width: 220px;
	height: auto;
	position: absolute;
	top: 210px;
	left: -5px;
}

ul.pxs_slider li div .monitoring_list {
    display: block;
    margin: 0;
	position: absolute;
	z-index: 4;
	top: 290px;
	left: 85px;
	width: 240px;
	height: auto;
}
ul.pxs_slider li div .circle_monitoring {
    background: #002675;
    border-radius: 150px;
    display: block;
    height: 220px;
    width: 220px;
    margin: 0;
	position: absolute;
	z-index: 3;
	top: 223px;
	left: 65px;
	
	behavior: url(PIE.htc);
}

ul.pxs_slider li div .monitoring_list2 {
    display: block;
    margin: 0;
	position: absolute;
	z-index: 4;
	top: 290px;
	left: 335px;
	width: 200px;
	height: auto;
}
ul.pxs_slider li div .circle_monitoring2 {
    background: #002675;
    border-radius: 150px;
    display: block;
    height: 220px;
    width: 220px;
    margin: 0;
	position: absolute;
	z-index: 3;
	top: 223px;
	left: 315px;
	
	behavior: url(PIE.htc);
}

/* Management */ 
ul.pxs_slider li div .circle_title_management {
    background: #008000;
    border-radius: 90px;
    display: block;
    height: 145px;
    width: 145px;
    margin: 0;
	position: absolute;
	z-index: 3;
	top: 15px;
	left: -5px;
	
	behavior: url(PIE.htc);
}
ul.pxs_slider li div .circle_title_management h1 {
	color: #fff;
	padding-top: 58px;
	padding-left: 9px;
}
ul.pxs_slider li div .info_management {
	display: block;
	z-index: 2;
	width: 360px;
	height: auto;
	position: absolute;
	top: 180px;
	left: 10px;
}
ul.pxs_slider li div .management_list {
    display: block;
    margin: 0;
	position: absolute;
	z-index: 5;
	top: 183px;
	left: 412px;
	width: 260px;
	height: 200px;
}
ul.pxs_slider li div .management_list ul li {
	padding-bottom: 6px;
}
ul.pxs_slider li div .circle_management {
    background: #008000;
    border-radius: 200px;
    display: block;
    height: 320px;
    width: 320px;
    margin: 0;
	position: absolute;
	z-index: 4;
	top: 118px;
	left: 380px;
	
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80);
	
	behavior: url(PIE.htc);					
}

ul.pxs_slider li div .intro_management {
	display: block;
	z-index: 3;
	width: 700px;
	height: auto;
	position: absolute;
	top: 40px;
	left: 155px;
	border-bottom: 1px dashed #999;
}

/* about us */
#about {
}
#about_bg {
	width: 100%;
	height: 12px;
	display: block;
	margin: 0;
	padding: 0;
	background: url(../images/pax_slider_bg.png) top repeat-x;
	// background: none;
	position: absolute;
	top: 120px;
}
.about_holder {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
	color: #fff;
	
	
	// color: #333;
}
.about_holder h1 {
	font-size: 17px;
	color: #fff;
}
.about_holder p {
	text-align: justify;
	font-size: 15px;
	padding: 8px 0;
	margin: 0;
}
.about_holder p:last-child {
	color: #d4d4d4;
}
.about_holder p.first {
	text-indent: 18px;
}
.about_holder p strong {
	font-size: 20px;
	font-weight: normal;
}
.nick_about2 {
    background: #292727;
    border-radius: 300px;
    display: block;
    height: 520px;
    width: 520px;
    margin: 0;
	position: absolute;
	z-index: 4;
	top: 40px;
	left: 0px;

	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter: alpha(opacity=70);
	
	behavior: url(PIE.htc);
	
	// display: none;
				
}
.nick_about22 {
    background: #000;
    border-radius: 300px;
    display: block;
    height: 522px;
    width: 522px;
    margin: 0;
	position: absolute;
	z-index: 3;
	top: 39px;
	left: -1px;

	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);
	
	behavior: url(PIE.htc);
	
	// display: none;
				
}
.nick_about3 {
    background: #000;
    border-radius: 250px;
    display: block;
    height: 500px;
    width: 500px;
    margin: 0;
	margin-bottom: 30px;
	position: absolute;
	z-index: 4;
	top: 405px;
	left: 0px;

	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
	behavior: url(PIE.htc);
	// display: none;
				
}
.nick_about33 {
    background: #222;
    border-radius: 250px;
    display: block;
    height: 502px;
    width: 502px;
    margin: 0;
	position: absolute;
	z-index: 2;
	top: 404px;
	left: -1px;

	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);
	
	behavior: url(PIE.htc);
	
	// display: none;
				
}

.nick_about_content {
    display: block;
    height: auto;
    width: 400px;
    margin: 0;
	position: absolute;
	z-index: 8;
	top: 128px;
	left: 52px;			
}

.nick_title {
	display: block;
    height: auto;
    width: 400px;
    margin: 0;
	position: absolute;
	z-index: 7;
	top: 460px;
	left: 60px;
}
.nick_title h1 {
	text-align: center;
	line-height: 22px;
}
.nick_title p {
	padding: 0;
	margin: 0;
	text-align: center;
}
.nick_about_content p.nick_about_content_p1 {
	padding: 30px 0 30px 85px;
}
.nick_about_content p.nick_about_content_p2 {
	padding: 0 0 10px 15px;
}


.nick_title a {
	color: #828282;
	text-decoration: underline;
}

/* new */
.nick_title2 {
	display: block;
    height: auto;
    width: 400px;
    margin: 0;
	position: absolute;
	z-index: 7;
	top: 798px;
	left: 50px;
	padding-bottom: 100px;
}
.nick_title2 h1 {
	text-align: center;
	line-height: 22px;
}
.nick_title2 p {
	padding: 0;
	margin: 0;
	text-align: center;
}
.nick_title2 a {
	color: #828282;
	text-decoration: underline;
}
/**/
.nick_pic {
	background: url(../images/nick_pic.png) no-repeat;
	width: 150px;
	height: 150px;
	display: block;
	position: absolute;
	z-index: 99;
	top: -16px;
	left: 60px;
	
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
	
	behavior: url(PIE.htc);
}

.nick_about {
    background: #181717;
    border-radius: 300px;
    display: block;
    height: 500px;
    width: 500px;
    margin: 0;
	position: absolute;
	z-index: 2;
	top: 40px;
	right: 0px;
	
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter: alpha(opacity=70);
	
	behavior: url(PIE.htc);
	
	// display: none;			
}
.nick_about11 {
    background: #000;
    border-radius: 300px;
    display: block;
    height: 502px;
    width: 502px;
    margin: 0;
	position: absolute;
	z-index: 1;
	top: 39px;
	right: -1px;
	
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter: alpha(opacity=80);
	
	behavior: url(PIE.htc);
	
	// display: none;			
}
.simon_about_content {
    display: block;
    height: auto;
    width: 380px;
    margin: 0;
	position: absolute;
	z-index: 5;
	top: 125px;
	right: 58px;			
}




.simon_title {
	display: block;
    height: auto;
    width: 300px;
    margin: 8px 0 0 0;
	position: absolute;
	z-index: 6;
	top: 445px;
	right: 100px;
}
.simon_title h1 {
	text-align: center;
	line-height: 23px;
}
.simon_title p {
	padding: 0;
	margin: 0;
	text-align: center;	
}
.simon_title a {
	color: #828282;
	text-indent: 10px;
	text-decoration: underline;
}

.simon_pic {
	background: url(../images/simon_pic.png) no-repeat;
	width: 150px;
	height: 150px;
	display: block;
	position: absolute;
	z-index: 5;
	top: -20px;
	right: 70px;
	
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
	
	behavior: url(PIE.htc);
}
/* end */


/* IT Services */
#services {
	position: relative;
	height: auto;
	width: 100%;
}
#services_bg {
	width: 100%;
	height: 12px;
	display: block;
	margin: 0;
	padding: 0;
	background: url(../images/pax_slider_bg.png) top repeat-x;
	// background: none;
	position: absolute;
	top: 0px;
}
.services_holder {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
	color: #fff;
	padding-top: 12px;
	
	// color: #333; /* ie */
}




/* contact us */
#contact {
	background: url(../images/contact-bkgd.jpg);
	width: 100%;
	height: auto;
	min-height: 640px;
	display: block;
}
.contact_holder {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
	color: #e6e6e6;
}

.contact_holder .left_contact {
	width: 640px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	
}
.contact_holder .left_contact p {
	display: block;
	padding: 40px 110px 0 0;
}
.contact_holder .left_contact h1 {
	display: block;
	font-size: 26px;
	color: #e6e6e6;
	padding: 30px 0 0 0;
}
.contact_holder .left_contact ul {
	width: 90%;
	height: auto;
}
.contact_holder .left_contact ul li {
	width: 100%;
	display: block;
	margin: 20px 0;
}
.contact_holder .left_contact ul li.half {
	width: 50%;
	display: block;
	float: left;
}
.contact_holder .left_contact ul li span {
	display: block;
	padding: 0 0 5px 0;
}
.contact_holder .left_contact ul li input {
	width: 85%;
	padding: 10px 5px;
	background: #e3e0de;
	

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f8), to(#e4e1df));
	background-image: -webkit-linear-gradient(#f9f9f8, #e4e1df);
	background-image: -moz-linear-gradient(#f9f9f8, #e4e1df);
	background-image: linear-gradient(#f9f9f8, #e4e1df);
	
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #fff;
	color: #333;
	
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(255, 255, 255, 0.2);
	
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(255, 255, 255, 0.2);
	
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(255, 255, 255, 0.2);
	

}
.contact_holder .left_contact ul li input.submit {
	width: 20%;
	padding: 10px 5px;
	background: #e3e0de;
	text-transform: uppercase;
	cursor: pointer;
	

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e5e3), to(#d7d5d3));
	background-image: -webkit-linear-gradient(#e7e5e3, #d7d5d3);
	background-image: -moz-linear-gradient(#e7e5e3, #d7d5d3);
	background-image: linear-gradient(#e7e5e3, #d7d5d3);
	
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #e7e7e7;
	color: #515151;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(255, 255, 255, 0.2);
	
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(255, 255, 255, 0.2);
	
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(255, 255, 255, 0.0);
	

}

.contact_holder .left_contact ul li textarea {
	width: 92%;
	height: 160px;
	padding: 10px 5px;
	background: #e3e0de;
	resize: none;

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f8), to(#e4e1df));
	background-image: -webkit-linear-gradient(#f9f9f8, #e4e1df);
	background-image: -moz-linear-gradient(#f9f9f8, #e4e1df);
	background-image: linear-gradient(#f9f9f8, #e4e1df);
	
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: none;
	color: #333;
	
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(255, 255, 255, 0.2);
	
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(255, 255, 255, 0.2);
	
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(255, 255, 255, 0.2);
	

}


.contact_holder .right_contact {
	width: 340px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
.contact_holder .right_contact h1 {
	display: block;
	font-size: 26px;
	color: #e6e6e6;
	padding: 30px 0 20px 0;
}
.office_pic {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	margin-bottom: 10px;
}
.office_pic img {
	border: 1px solid #e6e6e6;
}
.contact_holder .right_contact h2 {
	display: block;
	font-size: 18px;
	color: #e6e6e6;
	padding: 10px 0 0 0;
}
.contact_holder .right_contact h2.second_office {
	padding-top: 20px;
}
.contact_holder .right_contact p {
	display: block;
	padding: 10px 0;
}
.contact_holder .right_contact p.last {
	padding: 0;
}
.contact_holder .right_contact p a {
	color: #e6e6e6;
	text-decoration: underline;
}


.contact_other {
	background: #303030 /*url(../images/contact-bkgd.jpg)*/;
	width: 100%;
	height: 70px;
	display: block;
	border-top: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
}
.contact_holder_other {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
	color: #e6e6e6;
}
.contact_holder_other .left_map {
	width: 430px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
.contact_holder_other .right_map {
	width: 430px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
.contact_holder_other span {
	display: block;
}

.contact_holder_other ul {
	width: 980px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
.contact_holder_other ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	font-size: 20px;
	line-height: 70px;
}
.contact_holder_other ul li a {
	color: #e6e6e6;
}
.contact_holder_other ul li.facebook {
	margin-top: 12px;
	margin-right: 10px;
}
.contact_holder_other ul li.twitter {
	margin: 12px 20px 0 60px;
}
.contact_holder_other ul li.tel {
	margin: 0 64px 0 0;
}

/* ipad */
.ip_block {
	display: none;
}
#ip_block {
	display: none;
}


/* case studies*/

.case_studies_holder {
	width: 980px;
	height: 850px;
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
	color: #fff;
	background: url(../images/case_studies_bg.png) right 60px no-repeat;
	color: #333;
}
.case_studies_holder_left {
	width: 600px;
	display: block;
	float: left;
}

.case_studies_holder h1 {
	font-size: 24px;
	color: #333;
	display: block;
	float: left;
	width: 100%;
	margin: 40px 0 20px 0;
}
.case_studies_holder h2 {
	font-size: 18px;
	color: #333;
	display: block;
	float: left;
	width: auto;
	padding: 5px 15px 10px 15px;
	margin: 20px 0 0 0;
	background-color: #e3e3e3;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #d4d4d4;
	font-style: italic;
}
.case_studies_holder p {
	width: 86%;
	display: block;
	float: left;
	text-align: justify;
	font-size: 15px;
	padding: 15px 16px;
	margin: 15px 0;
	background-color: #e3e3e3;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #d4d4d4;
	/*background-image: url(../images/curve_speech.png) right bottom no-repeat;*/
}




/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	.ip_none {
		display: none;
	}
	
	.ip_block {
		display: block;
	}
	
	#ip_none {
		display: none;
	}
	
	#ip_block {
		display: block;
	}
	
	
	
	
	.tel_number {
		background: none;
		border: none;
		top: -8px;
	}
	.tel_number span {
		display: none;
	}
	
	button a {
		color: #333;
	}
	.email_form {
		left: 60px;
	}
	#various5 {
		display: none;
	}

}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	.ip_none {
		display: none;
	}
	
	.ip_block {
		display: block;
	}
	
	#ip_none {
		display: none;
	}
	
	#ip_block {
		display: block;
	}
	
	.tel_number {
		background: none;
		border: none;
		top: -8px;
	}
	.tel_number span {
		display: none;
	}
	
	button a {
		color: #333;
	}
	.email_form {
		left: 60px;
	}
	#various5 {
		display: none;
	}
}

/* == iPad/iPhone [portrait + landscape] == */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), 
@media only screen and (max-device-width: 480px) {

}

/* iPad [portrait] */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	.pxs_navigation span.pxs_prev {
		left: 1% !important;
	}
	.pxs_navigation span.pxs_next{
		right: 1% !important;
	}
	
	div.hnav .main-menu {
		left: 10px;
	}
	
	.instant_quote {
		margin-right: 13px;
	}
	
	#slides .prev {
		left: -20px;
	}

	#slides .next {
		right: -10px;
	}
	
	
	
	
	
/* home section */
.home_section {
	width: 960px;
	margin-left: 20px;
}
.home_section .info {
	width: 302px;
}

.home_section .contact {
	width: 302px;
}
.home_section .partners {
	width: 330px;
}





.nick_about2 {
	top: 40px;
}
.nick_about22 {
	top: 39px;
}
.nick_about3 {
	top: 415px;
}
.nick_about33 {
	top: 415px;
}

.nick_about_content {
	top: 128px;
}

.nick_title {
	top: 460px;
}

/* new */
.nick_title2 {
	top: 798px;
}
.nick_pic {
	top: -16px;
}

.nick_about {
	top: 40px;
}
.nick_about11 {
	top: 39px;
}
.simon_about_content {
	top: 125px;
}
.simon_title {
	top: 445px;
}
.simon_pic {
	top: -20px;
}

.contact_holder .left_contact {
	width: 620px;
	margin-left: 20px;
	
}

.contact_holder_other ul {
	width: 960px;
	margin-left: 20px;
}

}

/* iPad [landscape] */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
		.pxs_navigation span.pxs_prev {
		left: 1.5% !important;
	}
	.pxs_navigation span.pxs_next{
		right: 1.5% !important;
	}
	
	div.hnav .main-menu {
		left: 10px;
	}
	
	.instant_quote {
		margin-right: 13px;
	}
	
		#slides .prev {
		left: -20px;
	}

	#slides .next {
		right: -10px;
	}
	
	/* home section */
.home_section {
	width: 960px;
	margin-left: 20px;
}
.home_section .info {
	width: 302px;
}

.home_section .contact {
	width: 302px;
}
.home_section .partners {
	width: 330px;
}





.nick_about2 {
	top: 80px;
}
.nick_about22 {
	top: 79px;
}
.nick_about3 {
	top: 450px;
}
.nick_about33 {
	top: 449px;
}

.nick_about_content {
	top: 168px;
}

.nick_title {
	top: 500px;
}

/* new */
.nick_title2 {
	top: 838px;
}
.nick_pic {
	top: 24px;
}

.nick_about {
	top: 80px;
}
.nick_about11 {
	top: 79px;
}
.simon_about_content {
	top: 165px;
}
.simon_title {
	top: 485px;
}
.simon_pic {
	top: 20px;
}

.contact_holder .left_contact {
	width: 620px;
	margin-left: 20px;
	
}

.contact_holder_other ul {
	width: 960px;
	margin-left: 20px;
	padding-bottom: 40px;
}
}