body{margin:0;
padding:0;
background:url(../images/backg2.jpg) no-repeat center 0px;  background-size:100%; font-family:calibri, Arial, Helvetica, sans-serif
}

#warpper { width:100%; padding:0 0 100px 0; margin:0; }

#main{width:1200px; margin:auto; margin-top:140px; min-height:550px}
#header{
	width:100%;
	background:url(../images/topbg.jpg) repeat-x;
	/*border-top:solid 5px #00528e;*/ overflow:hidden;
	padding:0;
	box-shadow:0 0 8px 0 #000; position:fixed; top:0; left:0; width:100%; z-index:1500
}
.header { margin:0 auto; width:1200px;}
.logo{	
	margin:9px 0 0 0;
	float:left;
	padding:5px 0 5px 0;
}
.header_right{
		width:260px; padding:7px 0 5px 0;
		float:right;
		
}
.header_right strong { padding:5px 0 0 0; margin:0; float:none; font-weight:normal; float:left; color:#fff;}

.header_right ul { padding:0; margin:0; list-style:none; }
.header_right li { color:#fff; display:block; clear:both}
.header_right li a { color:#fff; float:left; padding:3px 0 0 0; text-decoration:none; }
.header_right li a:hover {color:#ddd; text-decoration:underline}
.header_right li span { padding:5px 10px 0 0; float:left;}

#content{
	width:100%;
	margin:20px 0 0 0;
	background:url(../images/content_bg.png) repeat-x left top;
	padding:0;	
}
#content h1{ padding:0 0 10px 0; margin:0 ; font-family:"calibri", "Book Antiqua", Palatino, serif; font-size:22px; text-transform:uppercase; color:#fff;}
#content p{ font-size:16px; line-height:20px; color:#fff;  padding:0; margin:8px 0;}
.content_box { padding:10px; color:#fff;  }


#laptop_image{

	float:left;
	margin:30px 34px 20PX 34px;
	width:330px; text-align:center;
}


#laptop_image a {}
#content strong { color:#1d75b2;}



.box_images {
    float: left;
   padding: 10px;
}
.box_images img {
    border-radius: 10px;
	border:solid 1px #333;
}
.box_images > a {
    background:#026d5f ;
    border-radius: 10px;
    display: block;
    padding: 10px; height:202px
}

.box_images > a:hover {
   /* background:#03a993;*/
    box-shadow: 0 1px 4px 4px #03a993;
}





.box_images02 {
    float: left;
   padding: 10px;
}
.box_images02 img {
    border-radius: 10px;
	border:solid 1px #333;
}
.box_images02 > a {
    background:#781112 ;
    border-radius: 10px;
    display: block;
    padding: 10px; height:202px
}

.box_images02 > a:hover {
   /* background:#03a993;*/
    box-shadow: 0 1px 4px 4px #f85556;
}


.box_images03 {
    float: left;
   padding: 10px;
}
.box_images03 img {
    border-radius: 10px;
	border:solid 1px #333;
}
.box_images03 > a {
    background:#06235f ;
    border-radius: 10px;
    display: block;
    padding: 10px; height:202px
}

.box_images03 > a:hover {
   /* background:#03a993;*/
    box-shadow: 0 1px 4px 4px #3c73e4;
}


/*---------------------------- button css 1 ----------------------------------- */

.orange {
   /* background: -moz-linear-gradient(center top , hsl(37, 96%, 54%), hsl(25, 91%, 54%)) repeat scroll 0 0 hsla(0, 0%, 0%, 0);*/
   background:#026d5f;
    /*border: 1px solid #004887;*/
    color: hsl(31, 91%, 95%);
	border-bottom:solid 1px #000;
}
.orange:hover {
    /*background: -moz-linear-gradient(center top , hsl(32, 94%, 52%), hsl(21, 88%, 51%)) repeat scroll 0 0 hsla(0, 0%, 0%, 0);*/
	background:#028f7d;
	border-bottom:1px solid #026d5f;
}
.bigrounded {
    border-radius: 2em;
}
.button {
    border-radius: 0.5em;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.2);
    cursor: pointer;
    display: inline-block;
    font:18px/100% Arial,Helvetica,sans-serif;
    margin: 0 2px;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.3);
    vertical-align: baseline;
	/*border:solid 1px #014f95;*/
}

/*---------------------------- end button css 1 ----------------------------------- */

/*---------------------------- button css 2 ----------------------------------- */
.orange02 {
   /* background: -moz-linear-gradient(center top , hsl(37, 96%, 54%), hsl(25, 91%, 54%)) repeat scroll 0 0 hsla(0, 0%, 0%, 0);*/
   background:#781112;
    /*border: 1px solid #004887;*/
    color: hsl(31, 91%, 95%);
	border-bottom:solid 1px #000;
}
.orange02:hover {
    /*background: -moz-linear-gradient(center top , hsl(32, 94%, 52%), hsl(21, 88%, 51%)) repeat scroll 0 0 hsla(0, 0%, 0%, 0);*/
	background:#bf1c1d;
	border-bottom:1px solid #781112;
}
.bigrounded02 {
    border-radius: 2em;
}
.button02 {
    border-radius: 0.5em;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.2);
    cursor: pointer;
    display: inline-block;
    font:18px/100% Arial,Helvetica,sans-serif;
    margin: 0 2px;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.3);
    vertical-align: baseline;
	/*border:solid 1px #014f95;*/
}

/*----------------------------- end button css 2 ------------------------------------*/

/*---------------------------- button css 3 ----------------------------------- */
.orange03 {
   /* background: -moz-linear-gradient(center top , hsl(37, 96%, 54%), hsl(25, 91%, 54%)) repeat scroll 0 0 hsla(0, 0%, 0%, 0);*/
   background:#06235f;
    /*border: 1px solid #004887;*/
    color: hsl(31, 91%, 95%);
	border-bottom:solid 1px #000;
}
.orange03:hover {
    /*background: -moz-linear-gradient(center top , hsl(32, 94%, 52%), hsl(21, 88%, 51%)) repeat scroll 0 0 hsla(0, 0%, 0%, 0);*/
	background:#1847a8;
	border-bottom:1px solid #06235f;
}
.bigrounded03 {
    border-radius: 2em;
}
.button03 {
    border-radius: 0.5em;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.2);
    cursor: pointer;
    display: inline-block;
    font:18px/100% Arial,Helvetica,sans-serif;
    margin: 0 2px;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.3);
    vertical-align: baseline;
	/*border:solid 1px #014f95;*/
}

/*----------------------------- end button css 3 ------------------------------------*/





/*------------------------------- footer css ---------------------- **/
#footer { margin:30px auto 0px auto; width:100%; background:#000; height:auto; float:left; background:url(../images/content_bg.png) repeat-x left top; border-top:solid 1px #666; padding:20px 0 20px 0; font-size:12px; color:#fff; position:fixed; bottom:0; width:100%}
.footer { max-width:1200px; margin:0 auto; text-align:left}
.footer a { color:#fff; float:right; text-decoration:none}
.footer a:hover { color:#ddd}

#contentBar{overflow: hidden; clear:both; font-size: 12px; padding-bottom:10px; margin:20px 0 40px 0}
#contentBar .mediumSection{position: relative; margin-left:12px; height: 235px; overflow: hidden; float:left}
#contentBar .mediumSection:first-child{margin-left: 0;}
#contentBar h3{position: absolute; top: 15px; left: 15px; font-size: 20px; font-weight: 400; line-height: 24px; color: #FFFFFF; z-index: 9991; text-transform: none;}

#contentBar .mediumSection:hover .overlay{background:url(../images/boxhover.png) no-repeat; opacity: 0.8;}
#contentBar .mediumSection .overlay{height:225px; opacity: 0; z-index: 9990; position: relative; top: -206px; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; left:0px; border-radius:10px; width:295px; height:202px}

#contentBar .mediumSection:hover span{bottom:50px;}
#contentBar .mediumSection span{position: absolute; bottom:-110px; color: #FFFFFF; padding-left: 15px; padding-right: 15px; z-index: 9999;  -webkit-transition:all .75s ease-in-out;-moz-transition:all .75s ease-in-out;-o-transition:all .75s ease-in-out;transition:all .75s ease-in-out; display:block; font-size:15px}
.contentBox {z-index: 9999;  -webkit-transition:all .75s ease-in-out;-moz-transition:all .75s ease-in-out;-o-transition:all .75s ease-in-out;transition:all .75s ease-in-out; text-decoration: none;}
.contentBoxIcon {height: 22px; width: 22px; position: absolute; right: 15px; top: 15px; z-index: 9992;}
.contentBox:hover .contentBoxIcon{background-position: left bottom;}
.contentText p:first-child{font-size: 14px; font-weight: 600;}
p:first-child{font-size: 14px;}