/* Default CSS */
body {  
     /*line-height:1em;*/
     color:#3d5466;
}
a {
  outline: none;
  color:#68aced;
}
p{
  margin-bottom:1em;
 }
 h1{ 
             font-size:16px;
             font-weight:bold;
             margin-bottom:1em;
}
h2{ 
             font-size:14px;
             margin-bottom:0.5em;
}

/*Default styles*/
#siteHeader, #mainContent{
     width:900px;
     margin: 0px auto;
     font-family: arial, sans-serif;
     font-size:12px;
}
#siteHeader{
            padding-top:20px;
 }
#siteHeader a#logoLnk{
            display:block;
            float:left;
            margin-left:24px;
 }
#contactShort{
              float:right; 
              color:#b7b7b7;  
              margin-top:14px;
              margin-bottom:18px;    
              font-size:18px;          
              font-weight:bold;
}
#contactShort li{
              list-style-type:none; 
              text-align:right;     
}
#contactShort li a{
              color:#b7b7b7;
              text-decoration:none;        
}
#mainNav > ul{
         float:right;
         clear:right;
         margin:0px;
         position:relative;
         z-index:100;
 }
#mainNav ul li{
         display:block;
         float:left;
         margin-left:1px;
         background:transparent url('../img/theme_08.jpg') repeat-x scroll left top;
         list-style-type:none;
         width:104px;
         text-align:right;
         text-transform:uppercase;
}
#mainNav ul li:first-child{ 
         margin-left:0px;
         border-top-left-radius:10px;
         overflow:hidden;
}
#mainNav ul li#lastChild{
		 border-top-right-radius:10px;
         overflow:hidden;

}
#mainNav ul li:hover, .highlighted{
         background:transparent url('../img/theme_06.jpg') repeat-x scroll left top;
 }
#mainNav ul li a{
         display:block;
         padding:22px 6px 14px 0px;
         text-decoration:none;
         color:#999999;
}
#mainNav ul li:hover a, #mainNav ul li a.highlighted{
         color:#70b9ff;
 }
#mainNav ul li ul{
         position:absolute;
         margin:0px;
         padding:0px;
         float:none;
         display:none;
         border-top:13px solid #373737;
}
#mainNav ul li:hover ul{
         display:block;
}
#mainNav ul li ul li{
         margin: 0px;
         padding:0px;
         float:none;
         height:auto;
         background-image:none;
         text-transform:capitalize;
}
#mainNav ul li ul li:first-child{
		 border-top-left-radius:0px;
}
#mainNav ul li:hover ul li a{
         display:block;
         padding: 8px 6px 8px 0px;
         font-size:11px;
         background-image:none;
         background-color:#70b9ff;
         color:#fff;
         margin-bottom:1px;
}
#mainNav ul li:hover ul li a:hover{
         background-color:#4c9cd4;
}
.underPic{
		text-align:right;
}
.csblue{
  color:#68aced;
}

/*Content*/
#mainContent{
             clear:both;
             background:transparent url('../img/theme_12.gif') repeat-x scroll left 250px;
}
#mainContent .sectionImg{
    padding:0px;
    margin:0px;
    line-height:normal;
}
#mainContent h1{ 
             font-size:16px;
             font-weight:bold;
             margin-bottom:1em;
}
#mainContent h2{ 
             font-size:14px;
             margin-bottom:0.5em;
}
#mainContent .headline{ 
             font-size:18px;
             font-weight:bold;
             color:#68aced;
             margin-bottom:1em;
             line-height:normal;
}
#mainContent section ul, #mainContent section ol{ 
             margin-left:24px;
}
#mainContent section ul li, #mainContent section ol li{ 
             margin-bottom:1em;
}

/*Homepage*/
#mainContent #headerHome{
    /*background:#373737 url('../img/theme_10_03.jpg') no-repeat scroll left top;*/
    background-color:#373737;
    padding: 16px 16px 16px 20px;
    color:#70B9FF;
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
}
#mainContent #homepage{ 
             padding:20px;  
             min-height:400px;           
}
#homepage #pgeContent{
             width:560px;
             margin-bottom:40px;
             text-align:justify;
             display:inline-block;
             vertical-align:top;
}
#homepage aside {             	
             display:inline-block;
             vertical-align:top;
             font-size:14px;
}
#homepage aside .sidePic{
			 width:220px;
             background:#fff url('../img/boxBkg.gif') repeat-x scroll left -10px;
             padding: 8px 12px 12px 12px;
             margin:0px 0px 24px 50px;
             border-radius:10px;
             box-shadow: 0px 0px 10px #ccc;
}
#homepage aside .boxHead{
			background-color:#373737;
			color:#70B9FF;
			font-weight:bold;
			font-size:14px;
			margin-bottom:24px;
}
#homepage .homeLnk{
			list-style-type:none;
			padding:0px;
			margin:0px;
}
#homepage .homeLnk li a{
			display:block;
			background-color:#68ACED;
			padding:5px;	
			width:200px;	
			color:#fff;
			text-decoration:none;	
}
#homepage .subStrapLine{
            font-size:14px;
             font-weight:bold;
             color:#68aced;
             padding-bottom:0.5em;
             line-height:normal;
}
#homepage ul.keywords{
			font-size:14px;
			margin:24px;
}
#homepage ul.keywords li{
			margin-bottom:1em;
}
#homepage #caseList{
    font-size:12px;
    list-style-type:square;
    color:#68aced;
    margin-left:12px;
}
#caseList a{
    color:#68aced;
    text-decoration:none;
}
#caseList a:hover{
    color:#373737;
    text-decoration:underline;
}
#homepage #closingPic img{
    display:block;
    margin-top: 48px;
}

/*Homepage slideshow*/
#videocorner{
    position:absolute;
    z-index:100;
    display:block;
}
.roundSlides{
	/*border-top-left-radius:10px;*/
	background-color: #373737;
	overflow:hidden;
}
.slides_container {
    width:900px;
    height:201px;
}
.slides_container div {
width:900px;
height:201px;
display:block;
}

/*About*/
#mainContent #headerAbout{
    background:#373737 url('../img/rightjourney_03.jpg') no-repeat scroll left top;
    padding: 217px 16px 16px 20px;
    color:#70B9FF;
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
}
#consultancy aside#about .sidePic{
			 width:376px;
             height:314px;
             background-color:#fff;
             box-shadow: 0px 0px 10px #888;
             border-radius:10px;
             overflow:hidden;
             margin-bottom:18px;
}

/*About > Case Studies*/
#mainContent #casestudy{ 
             padding:20px;  
             min-height:400px;           
}
#casestudy #pgeContent{
             width:540px;
             float:left;
             margin-bottom:40px;
             text-align:justify;
}
#casestudy h2{
    color:#68aced;
}
#casestudy aside {             
             float:right;	
}
#casestudy aside .sidePic{
			 width:267px;
             height:200px;
             background-color:#fff;
             box-shadow: 0px 0px 10px #888;
             border-radius:10px;
             overflow:hidden;
             margin-bottom:18px;
}
#casestudy aside .underPic{
			clear:right;
			padding:0px;
			margin:0px 0px 40px 0px;
			list-style-type:none;
}
#casestudy aside .underPic li{
			margin-bottom:5px;
}
#casestudy .casebox{
    border-bottom:1px dashed #373737;
    padding-bottom:12px;
    margin-bottom:24px;
}

/*Services*/
#mainContent #headerServices{
    background:#373737 url('../img/services2_03.jpg') no-repeat scroll left top;
    padding: 217px 16px 16px 20px;
    color:#70B9FF;
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
}
#mainContent #services{ 
             padding:20px;  
             min-height:400px;           
}
#services #pgeContent{
             width:540px;
             float:left;
             margin-bottom:40px;
             text-align:justify;
}
#services aside {             
             float:right;	
}
#services aside .sidePic{
			 width:267px;
             height:253px;
             background-color:#fff;
             box-shadow: 0px 0px 10px #888;
             border-radius:10px;
             overflow:hidden;
             margin-bottom:18px;
}
#services aside .underPic{
			clear:right;
			padding:0px;
			margin:0px 0px 40px 0px;
			list-style-type:none;
}
#services aside .underPic li{
			margin-bottom:5px;
}
#servtbl{
	width:100%;
	margin-top:20px;
}
#servtbl th, #servtbl td{
	padding:5px;
	width:170px;
	vertical-align:top;
	text-align:center;
}
#servtbl .wider{
	width:190px;
}
#servtbl th{
	font-weight:bold;
	background-color:#68ACED;
	padding:10px 5px;
	color:#fff;
}
#servtbl tr{
	border-bottom:1px #fff solid;
	background-color:#c7dbed;
}
#servtbl td a{
	color:#000;
	font-weight:bold;
}

/*Support*/
#mainContent #support{ 
             padding:20px;  
             min-height:400px;           
}
#support #pgeContent{
             width:540px;
             float:left;
             margin-bottom:40px;
}
#support aside{
             width:267px;
             float:right;
             background-color:#fff;
             box-shadow: 0px 0px 10px #888;
             padding:12px;
             margin-bottom:40px;
}

/*Security*/
#mainContent #headerSecurity{
            /*background:#373737 url('../img/security_03.jpg') no-repeat scroll left top;*/
            background:#373737 url('../img/consultancy2_03.jpg') no-repeat scroll left top;
            padding: 217px 16px 16px 20px;
            color:#70B9FF;
            font-family:Arial;
            font-size:18px;
            font-weight:bold;
}
#mainContent #security{ 
             padding:20px;  
             min-height:400px;           
}
#security #pgeContent{
             width:540px;
             float:left;
             margin-bottom:40px;
             text-align:justify;
}
#security aside{
             width:267px;
             float:right;
             background-color:#fff;
             box-shadow: 0px 0px 10px #888;
             padding:12px;
             margin-bottom:40px;
}

/*Recovery*/
#mainContent #recovery{ 
             padding:20px;  
             min-height:400px;           
}
#recovery #pgeContent{
             width:540px;
             float:left;
             margin-bottom:40px;
}
#recovery aside {             
             float:right;	
}
#recovery aside .sidePic{
			 width:267px;
             height:342px;
             background-color:#fff;
             box-shadow: 0px 0px 10px #888;
             border-radius:10px;
             overflow:hidden;
             margin-bottom:18px;
}
#recovery aside .underPic{
			clear:right;
			padding:0px;
			margin:0px 0px 40px 0px;
			list-style-type:none;
}
#recovery aside .underPic li{
			margin-bottom:5px;
}


/*consultancy*/
#mainContent #headerConsultancy{
            background:#373737 url('../img/consultancy3_03.jpg') no-repeat scroll left top;
            padding: 217px 16px 16px 20px;
            color:#70B9FF;
            font-family:Arial;
            font-size:18px;
            font-weight:bold;
}
#mainContent #consultancy{ 
             padding:20px;  
             min-height:400px;           
}
#consultancy #pgeContent{
             width:400px;
             float:left;
             margin-bottom:40px;
             text-align:justify;
}
#consultancy aside {             
             float:right;	
}
#consultancy aside .sidePic{
			 width:376px;
             height:248px;
             background-color:#fff;
             box-shadow: 0px 0px 10px #888;
             border-radius:10px;
             overflow:hidden;
             margin-bottom:18px;
}
#consultancy aside .underPic{
			clear:right;
			padding:0px;
			margin:0px 0px 40px 0px;
			list-style-type:none;
}
#consultancy aside .underPic li{
			margin-bottom:5px;
}


/*Contact Us*/
#mainContent #headerContact{
            background:#373737 url('../img/consultancy_03.jpg') no-repeat scroll left top;
            padding: 217px 16px 16px 20px;
            color:#70B9FF;
            font-family:Arial;
            font-size:18px;
            font-weight:bold;
}
aside#contact .sidePic{
			 width:376px;
             height:auto;
             background-color:#fff;
             box-shadow: 0px 0px 10px #888;
             padding:12px;
             margin-bottom:18px;
             overflow:visible;
             border-radius:0px;
}

/*Recruitment*/
#mainContent #headerRecruitment{
            background:#373737 url('../img/aboutus_03.jpg') no-repeat scroll left top;
            padding: 217px 16px 16px 20px;
            color:#70B9FF;
            font-family:Arial;
            font-size:18px;
            font-weight:bold;
}
aside#recruitment .sidePic{
			 width:376px;
             height:247px;
             background-color:#fff;
             box-shadow: 0px 0px 10px #888;
             border-radius:10px;
             overflow:hidden;
             margin-bottom:18px;
}

/* Start Windows XP Upgrade Landing Page Styling */
#landingWrapper {
	margin: 0;
	padding: 0;
	width: 580px;
}

#landingWrapper h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 58px;
	font-weight: bold;
	color: #6699ff;
}

#landingWrapper h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #333333;
}

#landingWrapper h3 {
	margin: 40px 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6699ff;
}

#landingWrapper li {
	margin: 1em 1.2em;
	padding: 0.2em;
}

#2ColWrapper {
	width: 580px;
	height: auto;
}

#Col1 {
	width: 280px;
	float:left;
}

#Col2 {
	width: 280px;
	float:left;
	margin-left:20px;
}

.introCopy {
	width: 430px;
	float: left;
}

.introImage {
	width: auto;
}

.solution {
	font-weight: bold;
	color: #333333;
}

.winLogos {
	width: 230px;
	height: 200px;
    margin:0px 0px 0px 55px;
}
/* End Windows XP Upgrade Landing Page Styling */



/*Footer*/
#mainContent footer{ 
             clear:both;
             padding:20px;
             background:transparent url('../img/theme_18.gif') no-repeat scroll left top;
             height:95px;
}
footer #cDetails{ 
       width:520px;
       float:left;
}
footer p{
       margin-bottom:0.5em;
       color:#fff;
 }
footer a{
        color:inherit;
 }
footer #socialMediaLnk{ 
       float:right; 
       padding-top:38px;
}
#socialMediaLnk li{ 
       float:left;
       margin-right:3px;
}

/*Contact form*/
.errSummary{
    color:#f00;
    margin-bottom:10px;
}
.fieldError{
    color:#f00;
}
.formField{
    margin-bottom:10px;
}
.formField label{
    display:block;
    width:90px;
    float:left;
}