*{
padding:0px;
margin:0px;	
}
body{
font-family: 'Open Sans', sans-serif;
background-image:url(images/kindajean.png);
}
#black{
height:52px;
width:100%;
background-color:#323232;
padding-bottom:10px;
color:#FFF;
min-width:1020px;

}
#blackcon{
width:950px;

background-color:#323232;
padding-bottom:10px;
margin:0 auto;
color:#FFF;
}
#head{
width:950px;
height:260px;
margin:0 auto;
padding-bottom:10px;

}

#navbar{
width:366px;
height:42px;
font-size:12px;
color:#000;
margin-top:10px;
margin-bottom:10px;
text-align:center;
background:#FFF;
float:left;
border: 1px solid #CCC;
}

#logo{
width:275px;
margin:0 auto;
border: 1px solid #CCC;
padding:50px 45px 50px 46px;
}
#number{
width:300px;
float:right;	
text-align:right;
margin-top:10px;
font-size:22px;
}
#free{
font-size:16px;	
}
#para{
width:200px;
float:left;	
margin-top:45px;
font-size:13px;
}
#dot{
width:950px;
margin:0 auto;	
}
a{
color:inherit;
text-decoration:none;
}
#wrapper{
width:980px;
background:#FFF;
overflow:auto;	
margin:0 auto;
margin-bottom:50px;
padding-bottom:15px;
}
#navbar ul {
	
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#navbar ul>li {
	background:#f6f6f6;
    display: block;
    position: relative;
    float: left;
	width:119px;
	border: solid 1px #fff;
	color:#333; 
	
}
#navbar li>ul {
    display: none;
}
#navbar ul>li>a {
    display: block;
    text-decoration: none;
    color: #666;;
    padding: 13px 15px 12px 15px;
    white-space: nowrap;
}
#navbar ul>li a:hover {
background:#555; !important;	
color:#fff;
}
#navbar li:hover ul {
    display: block;
    position: absolute;
}
#navbar li:hover li {
    float: none;
    font-size: 11px;
}
#navbar li:hover a { background:#595755;
 }
#navbar li:hover li a:hover {
background:#595755; !important;	
}
/*
#home{
background:#649ec9 !important;	
}
*/
#contentcon{
width:950px;
overflow:auto;	
margin:0 auto;
font-size:12px;	
padding-top:10px;
}

#leftcon h1,h2{
font-size:14px;	
}
#leftcon h2{
float:left;
}

#leftcon{
width:628px;
float:left;
text-align:justify;
border: 1px solid #CCC;
padding:10px;
background:#dcdcdc;

}
#leftcon p{
padding-top:20px;	
}
#leftcon1 h1,h2{
font-size:14px;	
}
#leftcon1 h2{
float:left;
}

#leftcon1{
width:500px;
float:left;
text-align:justify;


}
#leftcon1 p{
padding-top:20px;	
}

#rightcon{
width:270px;
float:right;
list-style-position:inside;
background-color:#595755;	
padding:10px;
color:#FFF;
	
}
#rightcon li{
padding-top:10px;
	
}
.leftone{
margin-top:15px;
float:left;	
width:325px;
}
.leftone1{
margin-top:15px;
float:left;	
width:310px;
margin-left:15px;

}
.leftone li{
padding-bottom:8px;	
}
.leftone p{
padding-bottom:20px;		
}
.leftone1 li{
padding-bottom:8px;	
}
.leftone1 p{
padding-bottom:20px;		
}
.pic{
width:32px;
margin-bottom:20px;
margin:0 auto;	
height:32px;
}

#com{
width:190px;
margin:0 auto;	
padding:15px;
background:#FFF;

overflow:auto;
border-radius:15px;

}
#footer{
width:910px;
margin:0 auto;
padding:10px 20px;
font-size:10px;
background:#232323;
color:#FFF;
margin-top:20px;

}
body#home a#homenav,
body#services a#servnav,
body#contact a#connav {
color: #FFF;
background:#595755;
}
#ban{
width:928px;
margin:0 auto;	
height:186px;
border: 1px solid #CCC;
padding:10px;

}
#banner{
	width:930;
	margin:0 auto;
}
.clear{
clear:both;	
}
#leftthing{
width:650px;
overflow:auto;	
}
ul{
	list-style-position:inside;	
}
#contain{
width:366px;
float:left;	
}
.clear{
clear:both;	
}
#righttop{
width:553px;
height:231px;
float:right;
margin-top:10px;
background-color:#595755;	
padding:10px;
color:#FFF;

}
#righttop h1{
	font-size:20px;	
}
.box{
background-image:url(images/facebook.png);	
height:32px;
width:32px;
float:left;
margin-right:10px;
margin-top:15px;	
overflow:hidden;
transition: 1s;
-moz-transition: 1s; /* Firefox 4 */
-webkit-transition: 1s; /* Safari and Chrome */
-o-transition: 1s; /* Opera */
}
.box:hover{
background-position: 0 -32px;	
}
.box1{
	background:url(images/google%20plus.png);
height:32px;
width:32px;
float:left;
margin-right:10px;
margin-top:15px;	
overflow:hidden;
transition:height 1s;
-moz-transition:height 1s; /* Firefox 4 */
-webkit-transition: 1s; /* Safari and Chrome */
-o-transition:height 1s; /* Opera */
}
.box1:hover{
background-position: 0 -32px;	
}
.box2{
background-image:url(images/twitter.png);
height:32px;
width:32px;
float:left;
margin-right:10px;
margin-top:15px;	
overflow:hidden;
transition:height 1s;
-moz-transition:height 1s; /* Firefox 4 */
-webkit-transition: 1s; /* Safari and Chrome */
-o-transition:height 1s; /* Opera */
}
.box2:hover{
background-position: 0 -32px;	
}

#discountcode{
	background-image:url(Reactive,%20professional%20service.png);
	width:960px;
	height:100px;
	margin: 0 auto;
	clear:both;
}

#code{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	float:right;
	text-align:left;
	font-size:70px;
	padding-right:50px;
	padding-top:10px;
}