body {
	margin:0px;
	/*background-image:url(bg.png);*/
	background-color:#fff;
	background-repeat:repeat;
}

/**************************************
	HEADER INFO
***************************************/
#head_container{
	width:100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbe7ff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dbe7ff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #dbe7ff); /* for firefox 3.6+ */ 
}
#head_content {
	 width:1000px; 
	 margin-right:auto;
	 margin-left:auto;
	 height:100px; 
}
#logo_container{
	float:left;	
}
#head_info_container{
	float:right;
	padding:30px 30px 0 0;
}

/**************************************
	NAVBAR INFO
***************************************/
#navbar_container{
	width:100%;
	float:left;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066cc', endColorstr='#012658'); /* for IE */
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#0066cc), to(#012658)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0066cc,  #012658); /* for firefox 3.6+ */ 	
	border-bottom:1px #069 solid;
}
#navbar_content{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	border-left:1px #fff solid;	
}
#navbar_button {
	float:left;
	padding:10px 30px 10px 30px;
	font-family:Myriad Pro;
	font-size:16px;
	color:#fff;
}
#navbar_button:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c7fbd', endColorstr='#2b557c'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#3c7fbd), to(#2b557c)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #3c7fbd,  #2b557c); /* for firefox 3.6+ */ 	
}

/**************************************
	BANNER INFO
***************************************/
#banner_container{
	width:100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12437b', endColorstr='#256ba9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#12437b), to(#256ba9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #12437b,  #256ba9); /* for firefox 3.6+ */ 	
	border-bottom:1px solid #111;
}
#banner_content{
	width:1000px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
}
#banner_content_withbg{
	width:1000px;
	height:400px;
	margin-left:auto;
	margin-right:auto;		
	background-image:url('../images/home_bg.png');
}
#banner_image_container{
	float:left;
	width:900px;
	margin-top:50px;
	margin-left:20px;	
}
#banner_content_right{
	float:right;
	width:350px;
	height:350px;
	margin-right:20px;
	padding:30px 20px 0px 20px;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8e2ff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c8e2ff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #c8e2ff); /* for firefox 3.6+ */ 	
	
	-moz-box-shadow: 0px 5px 15px #000;
	-webkit-box-shadow: 0px 5px 15px #000;
	box-shadow: 0px 5px 15px #000;
}
.banner_title{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	font-weight:400;
	color:#fff;
}
.banner_subtitle{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20px;
	font-weight:400;
	color:#ccc;
}
.banner_snapclient{
	font-family: "Myriad Pro";
	font-size:28px;
	font-weight600;
	color:#A8DBEA;
}
.banner_h2{
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Std Sketch";
	font-size:22px;
	color:000;
}
.banner_info{
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Std Sketch";
	font-size:14px;
	color:000;
}
.banner_link:link, .banner_link:visited, .banner_link:active {	
	border-bottom:1px #fff dashed;
	color:#D5EDF0;
}
.banner_link:hover{
	color:#85BBD6;
}


/**************************************
	MID INFO
***************************************/
#mid_container{
	width:100%;
}
#mid_content{
	width:1000px;		
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;	
}
#mid_box{
	width:90%;
	padding:20px;
	border-bottom:1px solid #999;
}
#mid_box_img{
	margin-top:10px; 
	border:1px solid #ccc;	
}
.mid_font{
	font-family:"Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Std Sketch";
	font-size:16px;
	color:#000;
}


/**************************************
	SOFTWARE BOXES INFO
***************************************/
#sofware_container{
	width:100%;
	margin-bottom:30px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8e2ff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c8e2ff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #c8e2ff); /* for firefox 3.6+ */ 	
	border-bottom:1px solid #999;
}
#software_content{
	width:1000px;	
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;	
}
#software_box{
	display:inline-block;
	vertical-align:top;
	width:275px;
	height:300px;
	padding:10px 20px 0 20px;
	margin-right:12px;
	background-color:#eee;
	border: 1px solid #ccc;
	border-top:20px solid #738994;	
}


/**************************************
	FOOTER
***************************************/
#footer_container{
	width:100%;	
}
#footer_content{
	width:1000px;	
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;	
}









/**************************************
	INLINE DIVS
***************************************/
.inline{
	display:inline-block;
	vertical-align:top;
}






h1{
	margin:10px 0 0 0 ;
	font-family:"Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Std Sketch";
	font-size:30px;
	font-weight:200;
	color:#111;
}
h2{
	margin:10px 0 0 0 ;
	font-family:"Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Std Sketch";
	font-size:24px;
	font-weight:200;
	color:#111;
}
h3{
	margin:10px 0 0 0 ;
	font-family:"Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Std Sketch";
	font-size:22px;
	font-weight:200;
	color:#111;
}
h4{
	margin:10px 0 0 0 ;
	font-family:"Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Std Sketch";
	font-size:22px;
	font-weight:200;
	color:#003366;
}
h5{
	margin:10px 0 0 0 ;
	font-family:"Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Std Sketch";
	font-size:21px;
	font-weight:400;
	color:#003366;
}
p {
	font-family:Helvetica;
	font-size: 12px;
    <!--[if IE]>
	    margin:  0 0 1em 0;
	    padding:  0 0 0 0;
    <![endif]-->
}
ul{	
	list-style-image:url("../images/checked.gif");		
}
li{
	margin-top:4px;
	font-family:Helvetica;
	font-size: 12px;
}
a:link, a:visited, a:active {	
	/*text-decoration:none;*/
	color: rgb(46, 112, 178);
}
a:hover{
	color:#036;	
}

.style1{
	font-size:13px;
	font-family:Helvetica;
	color:#000;
}
.style2{
	font-size:13px;
	font-family:Helvetica;
	font-weight:bold;
	color:#036;
}

/* floating box style */
.floating-form {
    max-width: 300px;
    padding: 30px 30px 10px 30px;
    font: 13px Arial, Helvetica, sans-serif;
    background: #F9F9F9;
    border: 1px solid #ddd;
    right: 10px;
    position: fixed;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);
	}
.contact-opener {
    position: absolute;
    left: -88px ;
    transform: rotate(-90deg);
    top: 100px ;
    background-color: #216288;
    padding: 9px;
    color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
    -webkit-box-shadow:  -2px -0px 8px rgba(43, 33, 33, 0.06);

}
.floating-form-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 3px;
}
.floating-form label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.floating-form label > span{
    width: 70px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.floating-form span.required{
    color:red;
}
.floating-form .tel-number-field{
    width: 40px;
    text-align: center;
}
.floating-form  .long{
    width: 120px;
}
.floating-form input.input-field{
    width: 68%;
   
}

.floating-form input.input-field,
.floating-form .tel-number-field,
.floating-form .textarea-field,
 .floating-form .select-field{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.floating-form .input-field:focus,
.floating-form .tel-number-field:focus,
.floating-form .textarea-field:focus,  
.floating-form .select-field:focus{
    border: 1px solid #0C0;
}
.floating-form .textarea-field{
    height:100px;
    width: 68%;
}
.floating-form input[type="button"],
.floating-form input[type="submit"], .contact-opener {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background-color: #216288;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
}
.floating-form input[type="button"]:hover,
.floating-form input[type="submit"]:hover, .contact-opener {
    background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
}
.floating-form .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.floating-form .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}