@import url("firefox.css");

body {
	margin: 0; padding: 10px 0 0 0;
	background: #FFF url(../images/bg.gif) top repeat-x; color: #1a4569;
	text-align: center;
	font-family: Arial, Sans-Serif; font-size: 12px;
}
body.contact { background: #075D92 url(../images/bg-contact-form.jpg) no-repeat top left; color: #FFF; }
body.contact h3 { color: #FFF; }
body.contact hr { background: #065484; color: #065484; border: #065484 1px dotted; border-style: none none dotted; }

h2, h3, h4, h5, p { margin: 0; }
h2, h3, h4 { color: #195072; padding: 0; letter-spacing: -1px; }
h1 { font-size: 30px; font-weight: normal; margin: 0; padding: 0; }
h2 { font-size: 40px; font-weight: normal; font-family: Arial; }
h2.heading { width: 680px; height: 145px; margin: 0; padding: 0; display: block; }
h2.heading span { display: none; }
h2.heading.about { background: url(../images/headings/about-us.png) no-repeat; }
h2.heading.it-support { background: url(../images/headings/it-support.png) no-repeat; }
h2.heading.professional { background: url(../images/headings/professional-services.png) no-repeat; }
h2.heading.cloud { background: url(../images/headings/cloud-computing.png) no-repeat; }
h2.heading.managed { background: url(../images/headings/managed-services.png) no-repeat; }
h2.heading.services { background: url(../images/headings/services.png) no-repeat; }
h2.heading.partners { background: url(../images/headings/our-partners.png) no-repeat; }
h2.heading.testimonials { background: url(../images/headings/testimonials.png) no-repeat; }
h2.heading.news { background: url(../images/headings/news.png) no-repeat; }
h2.heading.contact { background: url(../images/headings/contact.png) no-repeat; }
h3 { font-size: 22px; font-weight: normal; font-family: Arial; }
h4 { font-size: 18px; font-weight: normal; font-family: Arial; }
hr { color: #FFF; background: #FFF; border: #83AAB9 1px dotted; border-style: none none dotted; height: 1px; margin: 20px 0; clear: both; }
hr.flat { margin: 0 !important; }
hr.white { color: #FFF; background: #FFF; }
p { padding: 7px 0; text-align: left; line-height: 16px; }
a { color: #a61309; text-decoration: none; }
a:hover { color: #a61309; border-bottom: #a61309 1px dotted; }
img { border: 0; }
img.right { display: block; float: right; }
img.right.short { margin: 20px 0 0 20px; }
img.centered { margin: 20px auto 10px auto; display: block; }
input.flright { float: right !important; }
ul li, ol li { margin: 0; padding: 5px 0; }

.uc { text-transform: uppercase; }
.hide { display: none; }
.red { color: #BF0000; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.small { font-size: 11px; }
.medium { font-size: 14px; line-height: 20px; }
.flat { margin: 0 !important; padding: 0 !important; }
.two-col { width: 310px; margin: 0; padding: 0 20px 20px 0; float: left; }
.two-col-end { padding: 0 0 20px 0; }

#twitter_update_list li { padding: 0 0 12px 0; }

/************************************************************************* layout ***/

#container {
	width: 997px;
	margin: 0 auto; padding: 0;
	text-align: left;
}

/************************************************************************* header ***/

header {
	width: 997px; height: 104px;
	margin: 0 0 10px 0; padding: 0;
	display: block; clear: both;
	background: url(../images/bg-header.png) no-repeat;
}
header a.logo {
	width: 262px; height: 49px;
	margin: 29px 0 0 20px; padding: 0;
	display: block; float: left;
	background: url(../images/pisys-net.png) no-repeat;
}
header a.logo:hover { border: 0; }
header a.logo span { display: none; }

header nav {
	margin: 0; padding: 0;
	display: block; float: right;
}

header nav ul { margin: 0; padding: 49px 20px 0 0; float: right; list-style: none; }
header nav ul li {
	margin: 0; padding: 0 0 0 35px;
	display: inline;
	font-size: 14px; font-weight: bold;
}
header nav ul li.end { padding: 0; background: none; }
header nav ul li a { color: #194d72; }
header nav ul li a:hover, header nav ul li.tel { color: #C9312A; border: 0; }

/************************************************************************* content ***/

article {
	width: 680px;
	margin: 0 10px 0 0; padding: 0;
	display: block; float: left; ;
}

article .text-holder { margin: 0; padding: 20px; font-size: 14px; }
article .text-holder p, article .text-holder h2,
article .text-holder h3, article .text-holder h4 { padding: 12px 0; }
article .text-holder p { line-height: 18px; }

aside {
	width: 295px;
	margin: 0; padding: 0;
	display: block; float: right;
}

aside ul.sub-nav { margin: 0; padding: 0; list-style: none; }
aside ul.sub-nav li { margin: 0; padding: 10px 20px; display: block; clear: both; border-bottom: #83AAB9 1px dotted; font-size: 14px; font-weight: bold; }
aside ul.sub-nav li.end { border: 0; }
aside ul.sub-nav li a:hover { color: #195072; border: 0; }
aside ul.sub-nav li a.on { color: #1A4569; cursor: text; }

img.banner { margin: 0 0 20px 0; display: block; float: left; }

.small-banners { width: 295px; margin: 0 0 0 20px; padding: 0; float: right; }
.small-banners img { margin: 0 0 10px 0; display: block; clear: both; }
.small-banners a{border: none;}
.small-banners a:hover {border: none;}


ul.services-tabs { margin: 0; padding: 0; list-style: none; }
ul.services-tabs li { width: 335px; height: 87px; margin: 0; padding: 0 10px 10px 0; display: block; float: left; }
ul.services-tabs li.end { padding: 0 0 10px 0; }
ul.services-tabs li a {
	width: 335px; height: 87px;
	margin: 0; padding: 0;
	display: block; float: left;
}
ul.services-tabs li a.support { background: url(../images/services/it-support.png) no-repeat; }
ul.services-tabs li a.professional { background: url(../images/services/professional-services.png) no-repeat; }
ul.services-tabs li a.cloud { background: url(../images/services/cloud-computing.png) no-repeat; }
ul.services-tabs li a.managed { background: url(../images/services/managed-services.png) no-repeat; }
ul.services-tabs li a:hover { height: 184px; background-position: 0 -184px; position: absolute; z-index: 2; border: 0; }
ul.services-tabs li a span { display: none; }
ul.services-tabs.open { padding: 10px 0 0 0; }
ul.services-tabs.open li { height: 184px; }
ul.services-tabs.open li a { height: 184px; background-position: 0 -184px; border: 0;  }

.box {
	width: 255px; height: 164px;
	margin: 0 0 10px 0; padding: 20px 20px 0 20px;
	clear: both;
	background: url(../images/box.png) no-repeat;
}
.box h2 { font-size: 13px; font-weight: bold; letter-spacing: 0; }

ul.slideshow { width: 680px; height: 275px; margin: 0 0 10px 0; padding: 0; display: block; float: left; list-style: none; }
ul.slideshow li { margin: 0; padding: 0; }

ul.logos { margin: 0; padding: 0; list-style: none; }
ul.logos li { margin: 0 20px 20px 0; padding: 0; display: block; float: left; }
ul.logos li.end { margin: 0 0 20px 0; }
ul.logos li a:hover { border: 0; }

/************************************************************************* footer ***/

.page-features {
	width: 997px; height: 130px;
	margin: 0; padding: 10px 0;
	clear: both;
}

.page-features .box-quote, .page-features .box-news {
	width: 334px; height: 130px;
	margin: 0; padding: 0;
	float: left;
	border-right: #83aab9 1px dotted;
}
.page-features .box-quote { width: 314px; padding: 0 0 0 20px; }
.page-features .box-news { width: 324px; padding: 0 0 0 20px; }
.page-features .box-quote h4, .page-features .box-news h4,
.page-features .box-contact h4 {
	padding: 0 0 10px 0; font-size: 18px; font-weight: normal;
}
.page-features .box-quote p.quote {
	width: 193px; height: 69px;
	margin: 0; padding: 8px 0 0 30px;
	display: block;
	background: url(../images/quote.png) no-repeat top left;
	line-height: 14px;
}
.page-features .box-quote p.quote strong { padding: 10px 0 0 0; display: block; font-size: 11px; }
.page-features .box-quote p.link { padding: 39px 0 0 29px; display: block; font-size: 11px; }

.page-features .box-news ul { margin: 0; padding: 0; list-style: none; }
.page-features .box-news ul li { margin: 0; padding: 2px 0; display: block; clear: both; font-size: 11px; }
.page-features .box-news ul li a { color: #1a4569; }
.page-features .box-news ul li a.more { color: #a61309; }
.page-features .box-news h5 { padding: 10px 0 0 0; font-size: 12px; font-weight: bold; }
.page-features .box-news h4 .normal { font-size: 12px; font-weight: bold; letter-spacing: 0; }

#twit-div { margin: 5px 0 0 0; padding: 0 15px 0 0; }
#twit-div a { color: #a61309; }
#twit-div a:hover { color: #0D7ABC; }

.page-features .box-contact {
	width: 295px; height: 130px;
	margin: 0; padding: 0 0 0 20px;
	float: left;
}
ul.contact-info,
ul.social-networking { margin: 0; padding: 0; list-style: none; }
ul.contact-info li { height: 18px; padding: 5px 0 3px 25px; }
ul.contact-info li.address { width: 100px; height: auto; padding: 4px 20px 4px 20px; float: right; border-left: #83aab9 1px dotted; line-height: 17.5px; }
ul.contact-info li.tel { background: url(../images/icons/tel.gif) no-repeat left; }
ul.contact-info li.fax { background: url(../images/icons/fax.gif) no-repeat left; }
ul.contact-info li.email { background: url(../images/icons/email.gif) no-repeat left; }
ul.contact-info li.email a { color: #1A4569; }
ul.contact-info li.email a:hover { color: #1A4569; border-bottom: #1A4569 1px dotted; }

ul.contact-points { margin: 0; padding: 0; float: left; list-style: none; }
ul.contact-points li {
	height: 18px;
	margin: 10px 0; padding: 0 0 0 24px;
	display: block; clear: both;
	line-height: 18px;
}
ul.contact-points li.address { width: 150px; height: auto; padding: 0 0 10px 0; font-size: 12px; }
ul.contact-points li.tel { background: url(../images/icons/tel.gif) no-repeat left; }
ul.contact-points li.fax { background: url(../images/icons/fax.gif) no-repeat left; }
ul.contact-points li.email { background: url(../images/icons/email.gif) no-repeat left; }
ul.contact-points li a { color: #1A4569; }
ul.contact-points li a:hover { color: #1A4569; border-bottom: #1A4569 1px dotted; }
img.map-thumb { margin: 0; float: right; }
img.map-thumb.sa { margin: 0 30px 0 0; }

footer {
	width: 997px; height: 55px;
	margin: 0; padding: 0;
	display: block; clear: both;
	background: url(../images/bg-footer.gif) no-repeat;
	font-size: 11px;
}
footer ul { width: 823px; margin: 0; padding: 22px 0 0 10px; display: block; float: left; list-style: none; }
footer ul li { margin: 0; padding: 0 14px; display: block; float: left; border-right: #99b3be 1px solid; font-size: 11px; }
footer ul li.end { border: 0; }
footer ul li a { color: #0e79bc; }
footer ul li a:hover { color: #a61309; border: 0; }

footer ul.social-networking { width: 132px; margin: 0; padding: 13px 0 0 0; display: block; float: right; }
footer ul.social-networking li { margin: 0; padding: 0 8px 0 0; float: left; border: 0; }
footer ul.social-networking li a:hover { border: 0; }

.copyright { width: 997px; margin: 0; padding: 20px 0; text-align: center; color: #678998; font-size: 12px; }
.copyright a { color: #678998; }
.copyright a:hover { border-bottom: #678998 1px dotted; }

/************************************************************************* forms ***/

fieldset.contact_form {
	margin: 0; padding: 0;
	float: left;
}
fieldset.contact_form dl dt { display: none; }
fieldset.contact_form dl dd { width: 210px; margin: 3px 0;  float: left; }
fieldset.contact_form dl dd input#submit { cursor: pointer; }
fieldset.contact_form dl dd.btn { padding: 17px 0 0 0; }
form, fieldset, dl, dt, dd { margin: 0; padding: 0; border: 0; }
input.text, textarea.text {
	width: 200px; padding: 5px 3px;
	border: #C8DBEA 1px solid; color: #0E5073;
	font-size: 13px; font-family: Arial, Sans-Serif;
}
textarea.text { height: 100px; }
input.postcode { width: 90px; }
input.security-code { width: 100px; }
form.add-basket { margin: 0; padding: 0 0 70px 0; }

dl.two-col { width: 210px; padding: 0 0 0 20px; text-align: left; }
dl.two-col.intro { width: 200px; }
.code { height: 87px; padding: 0 0 7px 0; /*background: #C8DBEA;*/ }

fieldset.contact_form dl dd input#submit, a.button, input.button {
	width: 102px; height: 40px;
	margin: 0; padding: 0;
	display: block;
	background: url(../images/button.png) no-repeat; border: 0; color: #FFF;
	cursor: pointer;
	text-align: center; font-weight: bold; font-family: Arial, Sans-Serif; font-size: 12px;
}
fieldset.contact_form dl dd input#submit:hover, a.button:hover, input.button:hover { background-position: 0 -40px; }

/************************************************************************* MultiBox v1.3 ***/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #075D92;
	background-color: #075D92 !important;
	display: none;
	z-index: 2;
	text-align: left;
}

.MultiBoxLoading {
	background: url(../images/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../images/multibox/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	width: 100%;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	background-color: #075D92;
	padding: 0 0 2px 0;
	position: absolute;
	bottom: 0px;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/multibox/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../images/multibox/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../images/multibox/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../images/multibox/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	padding: 0 0 0 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

#Overlay { background: #0D304C !important; }