/* CSS Document */

body{ margin:0; font-family:Arial, Helvetica, sans-serif;}
#container{ width:955px; margin-left:auto; margin-right:auto;}
#banner{ width:955px; height:125px; background-image:url(../images/banner.jpg); position:relative;}
#navcont{height:21px; position:absolute; margin:104px 0 0 0;}
/*#nav-home{width:106px; float:left;height:21px;}
#nav-home a:hover{color:#fff; background-position:0px -22px; color:#B3C8F8;}
#nav-home a:visited{ background-position:0px -22px; color:#B3C8F8;}
#nav-home a { background-image:url(../images/menu.png); background-repeat:no-repeat; background-position:0 0 0 0; font-size:12px;  font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; padding:0px 0 0 0; display:block;  line-height:21px;}*/
#nav{width:106px; float:left;height:21px;}
#nav a { background-image:url(../images/menu.png); background-repeat:no-repeat; background-position:0 0 0 0; font-size:12px;  font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; padding:0px 0 0 0; display:block;  line-height:21px;}
#nav a:hover{ background-position:0px -22px; color:#B3C8F8;}
#bhome a#home,
#bservices a#services,
#bhardware a#hardware,
#bcase a#case,
#bresources a#resources,
#babout a#about,
#bcontact a#contact,
#bclient a#client
{background-position:0px -22px; color:#B3C8F8;}


#content{ width:955px;  background-color:#9F9E9E; clear:left;}
#contenttop{ width:955px;}
#contenttop-left{ width:318px; height:217px; float:left; background-image:url(../images/banner-left.jpg);}
#contenttop-left-right{width:265px; height:190px; float:left;padding:27px 0 0 15px; float:right;}
#contenttop-left-left{ width:37px; height:217px; float:left; padding:0 0 0 1px;}
#contenttop-middle{ width:319px; height:217px; float:left; background-image:url(../images/data-centre.jpg);}
#contenttop-right{ width:278px; height:192px; float:right; background-image:url(../images/testimonials-bg.jpg); padding:25px 15px 0 25px;}

#contenttop-leftbody{ width:318px; height:217px; float:left;  background-image:url(../images/pgs-background.jpg);}
#contenttop-leftbody-right{width:265px; height:190px; float:left;padding:27px 0 0 15px; float:right;}
#content-leftbody-left{width:38px; height:217px; float:left; padding:0 0 0 0px;}
#contenttop-middlebody{ width:319px; height:217px; float:left;}
#contenttop-rightbody{ width:273px; height:192px; float:right; background-image:url(../images/banner-right.jpg); padding:25px 20px 0 25px;}
#contentbottom{width:955px;}
#contentbottom-body{width:945px; margin:0px 5px 5px 5px; clear:left; clear:left; overflow:auto;}
#contentbottom-left{width:445px; height:145px; float:left; background-image:url(../images/contentleft-bg.jpg); background-repeat:no-repeat; padding:15px 20px 0 20px;}
#contentbottom-right{width:400px; height:140px; float:right; background-image:url(../images/latestnews-bg.jpg); background-repeat:no-repeat; padding:16px 34px 8px 34px;}
#contentfoot{ background-color:#FFFFFF; width:915px; margin:3px 5px 5px 5px; clear:both; font-size:10px; color:#5E5C5C; padding:8px 10px 0 20px;}
#contentfoot a{font-size:10px; color:#5E5C5C; text-decoration:none;}
#contentfoot a:hover{ color:#6985C4;}

/*#leftbar { width:230px; margin:0 0 0 0; padding:10px 10px 10px 10px; background:url(../images/bg_03.png) bottom no-repeat #FFFFFF; float:left;}*/
#leftbar { width:230px; margin:0 0 0 0; padding:10px 10px 10px 10px; background:url(../images/bg_03.png) bottom no-repeat #FFFFFF; float:left;}
#rightmain {width:645px; margin:0 0 0 10px; background:#FFFFFF url(../images/bg_05.jpg) bottom no-repeat; float:left; padding:10px 20px 10px 20px;}
#rightmain-home {width:921px; margin:0 0 0 3px;padding:10px 10px 10px 20px; background-image:url(../images/unix.gif); background-repeat:no-repeat; height:119px;}
#rightmain-home-left{ width:295px; float:left; padding:0 10px 0 0;}
#rightmain-home-middle{width:283px;float:left; padding:0 10px 0 10px; border-left:#999999 1px solid;border-right:#999999 1px solid;}
#rightmain-home-right{width:295px;float:left; padding:0 0 0 10px;}

#footer{ clear:both; width:945px; height:12px; padding:0px 5px 5px 5px; text-align:center; font-size:10px; background-color:#9F9E9E; color:#FFFFFF;}
#footer a{ font-size:10px; color:#FFFFFF; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#freereport{ padding:35px 0 0 0;}

.pgs-title{ font-size:24px; font-weight:bold; color:#FFF; line-height:35px;}
.pgs-content1{ font-size:15px; font-weight:bold; color:#FFF;}
.pgs-content2{ font-size:18px; font-weight:bold; color:#FFF; line-height:25px;}
.pgs-content3 a{ font-size:12px; font-weight:bold; color:#FFF; line-height:30px; text-decoration:none;}
.pgs-content3 a:hover{color:#6985C4;}
.pgs-content4{ font-size:30px; font-weight:bold; color:#FFF;}
.pgs-content5{ font-size:30px; font-weight:bold; color:#FFF; font-weight:bold; }

.testimonial-title{ font-size:18px; color:#6985C4;}
.testimonial-content1{ font-size:11px; color:#2C4887; padding:10px 0 0 0;}
.testimonial-content1 a{ font-size:11px; color:#2C4887; text-decoration:none;}
.testimonial-content1 a:hover{text-decoration:underline;}
.testimonial-content2{ font-size:11px; color:#6985C4; line-height:16px;}
.testimonial-content3 a{ font-size:11px; color:#2C4887; font-style:italic; line-height:30px; text-decoration:none;}
.testimonial-content3 a:hover{text-decoration:underline;}

.content-title{ font-size:14px; color:#2C4887; font-weight:bold;}
.content-content{ font-size:12px; color:#2C4887;}
.content-content a{ font-size:12px; color:#2C4887; text-decoration:none;}
.content-content a:hover{ text-decoration:underline;}


h1{font-size:16px;  color:#6985C4; font-weight:bold; margin:0px 0 5px 0px;}
h2{font-size:13px;  color:#6985C4; margin:0px 0 0px 0px;}
h3{font-size:24px;  color:#6985C4; margin:0px 0 0px 0px; /*font-style:italic;*/}

p{font-size:12px; margin:0 0 12px 0;}
.text{font-size:12px;}
p.mini{font-size:11px; margin:0 0 0px 0; color:#A4A4A4}
p.mini1{font-size:12px; margin:0 0 0px 0; color:#A4A4A4}
a {font-size:12px; text-decoration:none; color:#3366CC;}
a:hover {color:#000000;}
a.options {font-size:13px; font-style:italic;color:#6985C4;}
a.options:hover {color:#666666;}
a.big {font-size:16px; font-weight:bold; color:#333333; text-decoration:none;}
a.big:hover{color:#6985C4;}
ul {margin:0 0 5px 30px;}
ol {margin:0 0 5px 30px;}
li {font-size:12px;}
li.arrow {list-style-image:url(../images/arrow3.jpg); margin-top:15px;}
.space{ margin:0; padding:1px;}

/*-----------------------------------------forms---------------------------------------------*/

contact_form { width:350px; }
#form_id p{ margin: 0 0px 0 10px;}
#form_id legend{ font-size: 14px; color: #6985C4; font-weight: bold; margin:0 0 0 10px;}
#form_id label{ width:230px; clear:left; float:left; margin:12px 10px 0 0; text-align:right; font:11px Geneva, Arial, Helvetica, sans-serif;}
input{ width:150px; float:left; margin:12px 100px 0 0;}
textarea{ float:left; margin:12px 35px 10px 0; width: 250px;}
select{ float:left; margin:12px 0 0 0; margin-right:100px;}
.red{ color:#990000; font-size:10px;}
input.butts{ width:60px; margin:90px 30px 20px 10px; float :right; border-top:#CCC 1px solid;  border-left:#ccc 1px solid;
	  border-right:#000 1px solid; border-bottom:#000 1px solid; cursor:pointer; background-color:#6985C4; 
	  color:#FFFFFF; font-size:14px; font-weight:bold;}
input.butts:hover{border-bottom:#CCC 1px solid;  border-right:#ccc 1px solid;
	  border-top:#000 1px solid; border-left:#000 1px solid;}