html, body {width:100%; padding:0; margin:0;}

body {
    color: #484848;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:15px;
	background:#FFFFFF url(../images/pgbg.jpg) top center no-repeat;

}
a {
    color:#000;
    text-decoration:none;
}
a:hover {
    text-decoration:none;
	color:#004990;
}

.list ul{
	margin:0;
	padding:0;

}

.list li{
	list-style-image:url(../images/arrow.png);
	margin:0;
	padding:0;
	color:#FFFFFF;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:15px;
	text-align:justify;

}
.margin1 {
    margin:10px 0;
}
.headDiv {
    max-width:1000px;
    margin:0 auto;
}


.contentmainDiv {
    width:100%;
    margin:1px 0;
	padding:0;
}

.contentDiv {
    max-width:1000px;
	height:auto;
    margin:0 auto;
	padding:10px 0;
}

.contentDiv .left {
	padding:0 0 0 20px;
	background-color: #FFFFFF;
}



.contentDiv h3 {
	font-size:22px; 
    color:#FE9628; 
 	font-family: 'calibriregular';
	text-align:left;
	margin:5px 0;
	padding:0;
	line-height:25px;
    font-weight: normal; 
}

.contentDiv h3 span {
	font-size:22px; 
    color:#000; 
 	font-family: 'calibriregular';
	text-align:left;
	margin:5px 0;
	padding:0;
	line-height:25px;
    font-weight: normal; 
}



.welcomebox{
	padding:0;
}

.welcomeboxtext{
	padding:0 15px;
}


.mission{
	max-width:300px;
	padding-right:35px; 
	border-right:1px solid #CCCCCC;
}

.whyvital{
	max-width:300px;
	padding-left:15px;
}

.contentDiv .rightbox{
	max-width:315px;
	display:block;
	margin: 4px auto;
}

.contentDiv .rightbox1{
	max-width:315px;
	display:none;
	margin: 4px auto;
}


.rightbox a {
    color:#fff;
    text-decoration:none;
}
.rightbox a:hover {
    text-decoration:none;
	color:#004990;
}

.rightbox .sidebox{
	background: url(../images/sidebg.jpg) top center repeat-x;
	margin-bottom:10px;
	padding:15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.rightbox h3{
	font-size:23px; 
    color:#00DEFF; 
 	font-family: 'calibriregular';
	text-align:left;
	margin:5px 0;
	padding:0;
	line-height:25px;
	text-transform: uppercase;
    font-weight: normal; 
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	
}

.rightbox h4{
	font-size:20px; 
    color:#000; 
 	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin:5px 0;
	padding:0;
	line-height:25px;
    font-weight: bold; 
}


.rightbox p{
	padding:0 20px;
	
}

.softicon{
	background:url(../images/software-icon.png) top right no-repeat;
}

.servicesicon{
	background: url(../images/services-icon.png) top right no-repeat;
}

.dataicon{
	background:url(../images/data-icon.png) top right no-repeat;

}

.supporticon{
 background:url(../images/support-icon.png) top right no-repeat;
}

.webicon{
background:url(../images/web-icon.png) top right no-repeat;

}


.rightbox a {
    color:#fff;
    text-decoration:none;
}
.rightbox a:hover {
    text-decoration:none;
	color:#004990;
}

.rightbox1 .sidebox{
	background: url(../images/sidebg.jpg) top center repeat-x;
	margin-bottom:10px;
	padding:15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.rightbox1 h3{
	font-size:23px; 
    color:#00DEFF; 
 	font-family: 'calibriregular';
	text-align:left;
	margin:5px 0;
	padding:0;
	line-height:25px;
	text-transform: uppercase;
    font-weight: normal; 
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	
}

.rightbox1 h4{
	font-size:20px; 
    color:#000; 
 	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin:5px 0;
	padding:0;
	line-height:25px;
    font-weight: bold; 
}


.rightbox1 p{
	padding:0 20px;
	
}

.contentDiv .gallery img{
	display:inline-block;
	border: 8px solid #A1D079;
	margin: 15px 5px;
}



.contentDiv .why li{
	list-style-image: url(../images/arrow2.png);
	text-align: left;
	line-height:22px;
	margin:0;
	padding:0;
}

.footerDiv {
    width:1000px;
	background-color:#0a80b1;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin:10px auto;

}

.footerDiv .sidebars {
    max-width:960px;
    margin:0 auto;
	padding:10px 20px;
	font-size:13px;
	color:#D3D3D3;
}

.footerDiv .copyrights{
	font-size:16px;
	line-height:45px;
	font-family: 'calibriregular';
	text-transform:normal;
      font-weight:bold;
}

.sidebars .socialmedia{
    max-width:450px;
	text-align:right;
	font-size:16px;
	line-height:45px;
	font-family: 'calibriregular';
	text-transform:uppercase;
}

.socialmedia img{
	margin-top:5px;
	margin-left: 10px;

}

.sidebars p{
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:13px;

}


.footerDiv a {
	font-size:12px;
	color:#CCCCCC;

}
.mainClass {
    font-family:Arial, Helvetica, sans-serif;
    padding:10px;
}
.mainClass p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}
.socialnet {
    margin:5px;
	display:block;
		line-height:30px;
}

.socialnet ul{
	list-style-type:none;
	padding:0;

}

.socialnet li a{
    margin:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:30px;
	list-style-type:none;
	vertical-align:top;
	text-transform:uppercase;
}
.lowerMenu {
    float:left;
    color:#fff;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:25px;
}
.lowerMenu a {
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}
.lowerMenu a:hover {
    text-decoration:underline;
    color:#9c215f;
}
.blackDiv {
    background-color:#000;
}
.topLeft {
    text-align:left;
    margin:10px 0;
	max-width:450px;
}
.topRight {
    text-align:right;
	margin-top:30px;
}

.topRight .socialmedia img {
	margin:0 0 0 5px;
	padding:0;
	max-width:70px;
}


.menuDiv {
    min-height: 35px;
	width:1000px;
	background: url(../images/menubg.jpg) top center repeat-x;
	margin:0 auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.menu{
	max-width:980px;
    margin:1px auto;
}

.menu ul li.first{
border-left:none !important
}

.menu ul li.last{
border-right:none !important
}

.menu ul {
list-style: none;
margin: 0;
padding: 0;
}

.menu  ul li{
position: relative; 
float: left; 
color:#fff;
font-size:18px;
text-transform:uppercase;
font-family: 'calibriregular';
line-height:35px;
font-weight:normal;
padding: 0 40px; 
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);

}

.current{
	color:#B7E6E5;
}

.menu  ul li a{
 color:#fff;
}

.menu  ul li a:hover{
color:#B7E6E5;
}

.minimenu{
 display:none;
}

.minimenu{
 position: relative;
 margin:0px auto;
 width:100%; 
 text-align:center;  
}

.minimenu div{
overflow: hidden;
position: relative;
font: 18px/40px 'calibriregular';
color: #fff;
text-align:center;
text-transform:uppercase;
font-weight:bold;



}

.minimenu select{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%; 
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	
cursor: pointer;
}

h1 {
    text-align: left; 
    font-size:35px; 
     line-height:42px;
    color:#FE9628; 
   font-family: 'calibriregular';
    font-weight: normal; 
	

}

h1 span {
    text-align: left; 
    font-size:35px; 
     line-height:42px;
    color:#000; 
   font-family: 'calibriregular';

    font-weight: normal; 
	

}

h2 {
    font-size:25px; 
    /*    line-height:30px; */
    color:#00A79E; 
   	font-family: 'calibriregular';
   	text-transform:uppercase;
	font-weight: normal; 

}

h4 {
    font-size:18px; 
     line-height:25px;
    color:#F4CDE0; 
    font-family: 'calibriregular';
    font-weight: normal; 
    text-transform:normal;
}


h3 {
    font-size:22px; 
    color:#4A106F; 
    font-family: 'calibriregular';
    font-weight: normal; 
}

h5{
    text-align: center; 
    font-size:18px; 
    line-height:25px;
    color:#4A106F; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
}


img {border:0px solid red;}

.mciFooterDiv {
    max-width:350px;
    margin:20px auto;
    position:relative;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px;
    letter-spacing:0;
    height:27px;
}
.mciFooterImage {
    position:absolute;
    left:0;
}
.mciFooterText {
    position:absolute;
    left:65px;
}

.copy{
    color:#000;
    font-size:20px;
    text-decoration:none;
	text-transform:uppercase;
	 font-family: 'Myriad Pro Semibold';

}

.margin-right{
	margin-right:15px;
}
.mciFooterText a {
    color:#000;
    font-size:12px;
    text-decoration:none;
}
.mciFooterText a:hover {
    text-decoration:underline;
}


/*//////////////////////////////////////////////////////////////////////////////
// Fonts*/


@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('MYRIADPRO-COND.woff') format('woff');
}


@font-face {
    font-family: 'calibriregular';
    src: url('calibri-webfont.eot');
    src: url('calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('calibri-webfont.woff2') format('woff2'),
         url('calibri-webfont.woff') format('woff'),
         url('calibri-webfont.ttf') format('truetype'),
         url('calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*//////////////////////////////////////////////////////////////////////////////
// Media*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.menuDiv, .contentDiv, .footerDiv {
         width:850px;
        /*        border:2px solid red;*/
    }
	
	.headDiv{
        width:850px;
        /*        border:2px solid red;*/
    }
	
    #MainMenu {
        width:800px;
    }
	
	
	.menu  ul li{

		padding: 0 25px; 

		
		}
	
	.menu  ul li a {
	font-size: 14px; 
	line-height:35px; 
	padding:0;
	margin:0;
	}
	
	.topLeft {
    text-align:left;
    margin:10px 10px;
	max-width:320px;
	float:left;
	}


	 .topRight{
        float:left;
        text-align:right;
        margin:30px 0;
		width:400px;
		padding:0;
    }
	
	 .topleft img{
	 text-align:center;

		
    }
	
	.sidebars .copyrights{
    width:95%;
	text-align:center;
	line-height:normal;
	}

	.sidebars .socialmedia{
    width:95%;
	text-align:center;
	margin-top:15px;
	}

	

}



@media only screen and (max-width: 767px) {
    .topLeft {
        float:left;
        text-align:left;
        margin:0 auto;
    }
	
   .contentDiv, .footerDiv {
        width:95%;
        border:0;
		padding:10px;
		margin:0 auto;
		float:none;
    }
	
   .contentDiv	.left{
		padding:0;
		margin:0;
	
	}
	
	.menuDiv {
    min-height: 40px;
	width:98%;
	background-color:#fff;
}

	
	.menu{display:none;}
	.minimenu{display:block; margin: 5px 5px;}
	
	
		.contentDiv .rightbox1{
	max-width:90%;
	display:block;
	margin: 4px auto;
}
	
	
	.contentDiv .rightbox{
	display:none;

	
	.sidebars .copyrights{
    width:95%;
	text-align:center;
	line-height:normal;
	}

	.sidebars .socialmedia{
    width:99%;
	text-align:center;
	margin-top:15px;
	}

}

@media only screen and (min-width: 480px) and (max-width: 619px) {

   .contentDiv, .footerDiv {
        width:98%;
        border:0;
		padding:10px;
		margin:0 auto;
		float:none;
    }

    .topLeft {
        float:none;
        margin:0 auto;
    }
		.menu{
	   display:none;
	
	}
	
	.siderbars{
	 float:none;
	
	}
	
	.contentDiv .left {
	 padding:0 0 0 0;
	 margin:0 auto;
	}
	
	.contentDiv .rightbox1{
	max-width:90%;
	display:block;
	margin: 4px auto;
}
	
	
	.contentDiv .rightbox{
	display:none;

	}
		.sidebars .copyrights{
    width:95%;
		text-align:center;

	}

	.sidebars .socialmedia{
    width:95%;
	text-align:center;
	margin-top:15px;
	}
	
	.left {
	padding:0 0 0 0;
	background-color: #FFFFFF;
}
	
	
}

@media only screen and (max-width: 479px) {

   .headDiv, .footerDiv {
        width:95%;
        border:0;
		padding:10px;
		margin:0 auto;
		float:none;
		text-align:center;
    }

    .topLeft{
        float:none;
        margin:0 auto;
		text-align:center;
		padding:0;
    }
	
	.topLeft img{
		max-width:100%;
        margin:0 auto;
		text-align:center;
    }
	
	.topRight img{
		width:100%;
        margin:0 auto;
		text-align:right;
    }
	
		.menu{
	   display:none;
	
	}
	
	.menuDiv {
    min-height: 40px;
	width:97%;
	background-color:#fff;
}


.contentDiv .rightbox1{
	width:90%;
	display:block;
	margin: 4px auto;
}
	
	
.contentDiv .rightbox{
	display:none;

}	


	.mission{
		width:95%;
		margin:0;
		padding:0; 
		border:none;

	}
	
	.whyvital{
		width:95%;
		margin:0;
		padding:0; 
	}
	
	
	.left {
	padding:0 0 0 0;
	background-color: #FFFFFF;
}
	
	.sidebars .copyrights{
    width:95%;
		text-align:center;

	}

	.sidebars .socialmedia{
    width:95%;
		text-align:center;
	margin-top:15px;
	}
}