@charset "utf-8";
html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img, hr, span, span, strong, fieldset, label { margin: 0; padding: 0;}
img {border: 0px;}
html > body {
	/*min-height:100%;*/
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	background:url(../images/pageBack.png) repeat-x top left;
	color: #fff;
}
ul#overview {
	float:left;
	margin:0;
	padding:0;
	width:316px;
}
ul#overview li {
	float:left;
	margin:0;
	padding:10px 15px 0 15px;
	list-style-type:none;
	display: inline-block;
	position: relative;
	clear: both;
}
ul#overview li a {
	width:150px;
	height:25px;
	float:left;
	color:#fff
}
a {color:#7b7b7b;font-weight:bold;text-decoration:none;}
h1 {
	color:#250248;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
p {
	padding:10px 15px;
}
table#detailedView {line-height:20px;text-indent:8px;}
div#mainWrapper {
	width:100%;
	text-align:center;
	background:url(../images/bannerSpan.jpg) center 20px no-repeat;
	padding-top: 20px;
	margin: 0px auto;
}
div#mainContainer {
	width:934px;
	margin:0 auto;
	position:relative;
	overflow: hidden;
	padding: 0 auto;
}
div#logoContainer {
	text-align:center;
	width: 367px;
}
div#menuArea {
	text-align:center;
	width:435px;
	height:105px;
	position:absolute;
	z-index: 6;
	left: 499px;
	top: 0px;
	background: url(../images/menuDividers.png) top left no-repeat;
}
div#contentWrapper {
	width:280px;
	overflow:hidden;
	float:left;
	height: 28px;
	position: absolute;
	z-index: 4;
	left: 26px;
	top: 522px;
	background-image: url(../images/sideShadows.png);
	min-height: 100%;
}
div#bannerRegion {
	width:934px;
	height:363px;
	position: absolute;
	left: 0px;
	top: 147px;
	z-index: 2;
	background: url(../images/bannerRegion.jpg) top left no-repeat;
	text-align: left;
}
div#bannerRegion-i {text-align:center;width:957px;height: 233px;}
div#quicklinks {
	width:934px;
	height:26px;
	text-align: right;
	color: fff;
	margin: 0 auto;
}
div#loginSearch {
	width:934px;
	margin:0 auto;
	height:40px;
	background-color: #000000;
	margin-top: 107px;
}
div#bodyContent {
	text-align:left;
	margin:0 auto;
	width:934px;
	overflow:hidden;
	padding: 7px 0;
	float: left;
	background-color: #181818;
}
div#bodyContent-i {
	text-align:left;
	width:659px;
	float:left;
	margin-right:10px;
	height:522px;
	position: relative;
}
div#display {
	width:934px;
	margin:0px auto;
	color:#fff;
	height: 117px;
	background-color: #0c0c0c;
	margin-top: 365px;
	text-align: left;
}
div#left {
	width:102px;
	overflow:hidden;
	color:#FFF;
	float:left;
	height: 78px;
}
div#left-i {
	width:262px;
	padding-left:15px;
	overflow:hidden;
	color:#FFF;
	padding-top:126px;
	height:107px;
	position:relative;
	background:url(../images/blueBack.jpg) no-repeat 0 -222px;
	float:left;
}
div#right {
	width:166px;
	height:78px;
	float:right;
}
div#right-i {width:679px;height:232px;float:right;border-right:1px solid #fff;border-bottom:1px solid #fff;}
div#logoArea {
	width:367px;
	height:105px;
	text-align:left;
	position:absolute;
	left:138px;
	top:0px;
	z-index: 5;
}
div#intro {
	width:272px;
	float:left;
	text-align:left;
	padding: 8px 0;
	height: 78px;
}
div#header {width:250px;height:54px;}
div#bodyLeft {
	width:350px;
	overflow:hidden;
	float:left;
	background-image:url(../images/blueBack.jpg);
	margin-top: 15px;
}
div#bodyMiddle {width: 340px;float: left;overflow: hidden;height: 246px;}
div#bodyRight {
	width: 240px;
	float: right;
	overflow: hidden;
	text-align: left;
	margin-top: 15px;
}
div#dateRegion {
	width: 272px;
	height: 18px;
	margin: 0px auto;
	text-align: center;
	padding-top: 7px;
	padding-right: 5px;
	color: #72000E;
	position: absolute;
	top: 38px;
	font-size: 9px;
}
div#newsArea {width: 307px;height: 246px;float: left;}
div#searchArea {
	width:333px;
	float:right;
	text-align:right;
}
div#searchArea .input {
	width: 172px;
	border: transparent;
	height: 27px;
	color: #fff;
	background-image: url(../images/inpuBck.png);
	padding-left: 65px;
	padding-right: 5px;
	padding-top: 13px;
	font-weight: bold;
	background-color:transparent;
	background-repeat: no-repeat;
	float: left;
}
div#affiliateBox {
	height:80px;
	text-align:center;
	background:url(../images/lowerBody.png) no-repeat 0 0;
	color:#72000E;
	margin:0 auto;
	width:957px;
	margin-top:15px;
	position: relative;
}
div#aboutUs {
	width:306px;
	float:right;
	height:117px;
}
h1.recent {
	text-indent:-9999px;
	height:35px;
	background:url(../images/recentHousesHeader.png) center -15px no-repeat;
}
h1.mcpHeader {
	text-indent:-9999px;
	height:25px;
	background:url(../images/mcpHeader.png) top left no-repeat;
}
h1.services {
	text-indent:-9999px;
	height:25px;
	background:url(../images/sOverviewHeader.png) top left no-repeat;
}
h1.aboutHeader {
	text-indent:-9999px;
	height:25px;
	background:url(../images/aboutUsHeader.png) top left no-repeat;
}
form.field {
	width:280px;
	display:block;
	height: 40px;
	float: right;
}
.input {font-family:Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:10px;color:#fff;text-align: left;}
.button {
	width:38px;
	border:transparent;
	height: 40px;
}
.newsLinks {color:#fff;font-weight:normal;text-decoration:none;display:block;float:left;width:264px;padding-bottom:5px;}
.newsLinks:hover {color:#E1BCC1;font-weight:normal;text-decoration:none;display:block;}
.header {text-align:left;color:#FFC;font-weight:bold;padding:3px 0 10px 0;letter-spacing:1px;font-size: 11px;}
.footerlinks {color:#E1BCC1;font-weight:bold;text-decoration:none;padding:3px;line-height:18px;}
.footerlinks:hover {color:#96B3A1;font-weight:bold;text-decoration:none;}

div#copyright {
	width: 347px;
	height: 10px;
	padding: 0;
	position: absolute;
	top: 7px;
	left: 24px;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
	z-index: 5;
}

/*--------------------------NAVIGATION Buttons-----------------------------------------------------------*/
#toplinks {float:right;margin:0;padding:0;width:511px;}
#toplinks li {float:right;margin:0;padding:0;list-style-type:none;}
#toplinks li a {
	width:150px;
	height:25px;
	float:left;
	color:#fff
}

#navigation {
	float:left;
	margin:0;
	padding:0;
	width:467px;
	height: 30px;
}
#navigation li {
	float:left;
	margin:0;
	padding:35px 0 0 0;
	list-style-type:none;
}
#navigation li a {
	height:30px;
	float:left;
	color: #fff;
}
#navigation li a:hover {color:#ffcc33;}
#li1 {
	width:79px;
}
#navigation li a#li1:hover {}

#li2 {
	width:90px;
}
#navigation li a#li2:hover {
	width: 90px;
}

#li3 {
	width:88px;
}
#navigation li a#li3:hover {}

#li4 {
	width:82px;
}
#navigation li a#li4:hover {}

#li5 {
	width:96px;
}
#navigation li a#li5:hover {}

#li6 {width:98px;}
#navigation li a#li6:hover {}

#navigation2 {float:left;margin:0;padding:0;width:326px;margin-bottom:4px;}
#navigation2 li {float:left;margin:0;padding:0;list-style-type:none;}
#navigation2 li a {width:163px;height:49px;float:left;text-indent:-9999px;}

#nav2-1-1 {background:url(../images/bodyNavigation.png) 0 0 no-repeat;}
#nav2-1-1:hover {background:url(../images/bodyNavigation.png) 0 -49px no-repeat;}

#nav2-1-2 {background:url(../images/bodyNavigation.png) -163px 0 no-repeat;}
#nav2-1-2:hover {background:url(../images/bodyNavigation.png) -163px -49px no-repeat;}

#navigation3 {float:left;margin:0;padding:0;width:326px;margin-bottom:4px;}
#navigation3 li {float:left;margin:0;padding:0;list-style-type:none;}
#navigation3 li a {width:163px;height:49px;float:left;text-indent:-9999px;}

#nav3-1-1 {background:url(../images/bodyNavigation.png) -332px 0 no-repeat;}
#nav3-1-1:hover {background:url(../images/bodyNavigation.png) -332px -49px no-repeat;}

#nav3-1-2 {background:url(../images/bodyNavigation.png) -495px 0 no-repeat;}
#nav3-1-2:hover {background:url(../images/bodyNavigation.png) -495px -49px no-repeat;}

#navigation4 {float:left;margin:0;padding:0;width:326px;}
#navigation4 li {float:left;margin:0;padding:0;list-style-type:none;}
#navigation4 li a {width:163px;height:49px;float:left;text-indent:-9999px;}

#nav4-1-1 {background:url(../images/bodyNavigation.png) -664px 0 no-repeat;}
#nav4-1-1:hover {background:url(../images/bodyNavigation.png) -664px -49px no-repeat;}

#nav4-1-2 {background:url(../images/bodyNavigation.png) -827px 0px no-repeat;}
#nav4-1-2:hover {background:url(../images/bodyNavigation.png) -827px -49px no-repeat;}

#navigation5 {float:left;margin:0;padding:0;width:340px;}
#navigation5 li {float:left;margin:0;padding:0;list-style-type:none;}
#navigation5 li a {width:170px;height:71px;float:left;text-indent:-9999px;}

#nav5-1-1 {background:url(../images/lowerBodyNav.png) 0px 0 no-repeat;}

#nav5-1-2 {background:url(../images/lowerBodyNav.png) -170px 0px no-repeat;}

#quicknav {
	list-style:none;
	display:block;
	position:absolute;
	width:272px;
	padding:18px;
	margin:0;
	top: 0px;
	height: 327px;
	left: 626px;
}
#quicknav li {position:relative;text-indent:-9999px;margin:0;padding:0;}
#quicknav li a {width:90px;height:26px;display:block;overflow:hidden;}
/*#navigation li a:hover { background-position: 0 -70px; }*/
#quicknav li a#ql1 {background:url(../images/quickLinks.png) 0 0 no-repeat;}
#quicknav li a#ql1:hover {background:url(../images/quickLinks.png) -90px 0 no-repeat;}

#quicknav li a#ql2 {background:url(../images/quickLinks.png) 0 -26px no-repeat;}
#quicknav li a#ql2:hover {background:url(../images/quickLinks.png) -90px -26px no-repeat;}

#quicknav li a#ql3 {background:url(../images/quickLinks.png) 0 -52px no-repeat;}
#quicknav li a#ql3:hover {background:url(../images/quickLinks.png) -90px -52px no-repeat;}

#quicknav li a#ql4 {background:url(../images/quickLinks.png) 0 -78px no-repeat;}
#quicknav li a#ql4:hover {background:url(../images/quickLinks.png) -90px -78px no-repeat;}

#quicknav li a#ql5 {background:url(../images/quickLinks.png) 0 -104px no-repeat;}
#quicknav li a#ql5:hover {background:url(../images/quickLinks.png) -90px -104px no-repeat;}

#partnersNav {margin:0px auto;padding:0;width:781px;padding-top: 43px;}
#partnersNav li {float:left;margin:0;padding:0;list-style-type:none;}
#partnersNav li a {width:60px;height:43px;float:left;text-indent:-9999px;margin-right:5px;}

#p1 {background:url(../images/partners/apc.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p1:hover {opacity:0.7;filter:alpha(opacity=70)}
#p10 {background:url(../images/partners/microsoft.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p10:hover {opacity:0.7;filter:alpha(opacity=70)}
#p2 {background:url(../images/partners/cisco.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p2:hover {opacity:0.7;filter:alpha(opacity=70)}
#p3 {background:url(../images/partners/dell.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p3:hover {opacity:0.7;filter:alpha(opacity=70)}
#p4 {background:url(../images/partners/eaton.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p4:hover {opacity:0.7;filter:alpha(opacity=70)}
#p5 {background:url(../images/partners/epson.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p5:hover {opacity:0.7;filter:alpha(opacity=70)}
#p6 {background:url(../images/partners/hcl.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p6:hover {opacity:0.7;filter:alpha(opacity=70)}
#p7 {background:url(../images/partners/hp.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p7:hover {opacity:0.7;filter:alpha(opacity=70)}
#p8 {background:url(../images/partners/ibm.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p8:hover {opacity:0.7;filter:alpha(opacity=70)}
#p9 {background:url(../images/partners/lexmark.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p9:hover {opacity:0.7;filter:alpha(opacity=70)}
#p11 {background:url(../images/partners/netapp.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p11:hover {opacity:0.7;filter:alpha(opacity=70)}
#p12 {background:url(../images/partners/ricoh.gif) 0 0 no-repeat;opacity:0.3;filter:alpha(opacity=30)}
#p12:hover {opacity:0.7;filter:alpha(opacity=70)}
/*---------------------------------------------------------------------------------------------------*/







div#contentPort {
	width: 957px;
	height:522px;
	overflow: hidden;
}
div#servicesOverview {
	width: 316px;
	height: 117px;
	float: left;
}
div#newsDate {
	width: 77px;
	height: 15px;
	text-align: right;
	padding-right: 8px;
	padding-top: 4px;
	float: left;
	background-image: url(../images/newsDateBck.png);
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
}
div#newsBrief {
	width: 301px;
	height: 119px;
	font-weight: bold;
	float: right;
	text-align: left;
}
textarea {
	width: 290px;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	background-color: #808080;
	border: 1px solid #fff;
	height: 80px;
}
input.field, select {
	border:1px solid #fff;
	background-color: #808080;
	width:290px;
	height: 19px;
	color: #fff;
}
.smallTexts {
	font-size: 6pt;
}
.spacedTexts {
	letter-spacing:1px;
	padding-left: 5px;
	display: block;
}
span.header {
	font-weight: bold;
	color:#fff;
}
div.rightFloat {
	display: block;
	text-align: left;
	padding-bottom: 5px;
}
.active {
	color: #c00;
}
div#greyArea {
	width:200px;
	height: 121px;
	float: right;
}
div#photoBck {
	width: 110px;
	height: 152px;
	background-image: url(../images/peopleBck.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 18px;
	margin-bottom: 30px;
	float: left;
}
div#photo {
	width: 91px;
	height:112px;
	float: left;
}
div#viewButton {
	width: 19px;
	height: 112px;
	float: right;
}
div#photoDetails {
	height: 40px;
	text-align: left;
	padding-right: 17px;
	width: 110px;
}
div#portfolioWrapper {
	padding: 5px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 508px;
	overflow: hidden;
}
div#portfolio_details {
	margin-bottom: 10px;
}
div#port_buss {
	font-size: 11px;
	text-align: left;
	padding: 3px 0;
	width: 308px;
	float: left;
	height: 111px;
}

/*-----------------------------  ScrollBar Customisation ---------------------------------*/

#scrollbar_container {
	position:absolute;
	width:647px;
	float: left;
	top: 366px;
	height: 445px;
	left: 313px;
	border: 1px solid #d34d4d;
	padding: 10px 0;
}

#scrollbar_track {
	position:absolute;
	top:10px;
	height:445px;
	width:7px;
	background: transparent;
	cursor:pointer;
	left: 636px;
	background-image: url(../images/scrollBarTrack.png);
	background-position: center;
	background-repeat: repeat-y;
}

#scrollbar_handle {
	width:5px;
	background-image: url(../images/scrollBar.gif);
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:0.9;
	-moz-opacity:0.9;
	border: 1px solid #fff;
	background-color: #C33;
	background-position: center center;
	background-repeat: no-repeat;
}

#scrollbar_content {
	overflow:hidden;
	width:629px;
	height:145px;
	text-align: left;
	position: absolute;
}
/* ----------------- HOMEPAGE: Rotator ------------------*/

#rotator_box {
	width: 597px;
	height:345px;
	float:left;
	left: 0px;
	top: 0px;
	padding: 18px 12px 0 17px;
}
.sweetspot {
	/*margin:0px auto;*/
	width:581px;
	height:307px;
	border: 1px solid #000;
	margin: 2px 7px;
}
#bannernav {
	position:absolute;
	top:331px;
	width: 550px;
	height:12px;
	padding: 10px 4px 10px 0;
	overflow:hidden;
	text-align: left;
}
#bannernav #nav {
	position:absolute;
	right:4px;
	height:12px;
	top: 9px;
	left: 0px;
}
#bannernav #nav a {
	width:12px;
	height:12px;
	background-image: url(../images/slideOff.gif);
	background-repeat:no-repeat;
	background-position: center center;
	padding:0px;
	margin-left:4px;
}
#bannernav #nav a.activeSlide {
	width:12px;
	height:12px;
	background-image: url(../images/slideOn.gif);
	background-repeat:no-repeat;
	background-position: center center;
	padding:0px;
	margin-left:4px;
}