@charset "utf-8";
#dw_ap, #dw_an, #testimonial_head, #spell_b, #fun_color, .just_text {background:url(../images/index_spt.png) no-repeat}
body {
width:100%;
 margin:0px;padding:0px;background:#1d1c1e;
}
#mainbackgrnd {
background:#3cf;
padding-bottom:20px;
margin-top:-62px;
}
#cont_wrapper{
width:1024px;
margin-left:auto;
margin-right:auto;
padding:0px;
}
#banner{width:1024px;height:315px}
#test_wrap {
width:1024px;height:770px;/*box-shadow:0px 5px 9px #888888;*/
}
/* divs to show the navigation and path for test */
#test_nav1 { background:#33F33;width:1024px;height:42px;margin:0px;margin-top:5px;margin-left:-6px;padding:0px;
}
#test_nav2 {
width:1024px;height:28px;background:#f63;
}
/* div to display the test */
#test_area {
background:#fff;width:1024px;height:748px;
}
img {
border:none
}
#kotw{width:100px;height:100px}

#home_page { /*box-shadow:0px 3px 9px #888888;*/margin-top:62px;height:1475px;background:#FFFFFF;
}
#leftside { 
width:230px;height:700px;float:left
}
#leftside img{
width:210px;margin-top:0px;
}
#rightside {
width:790px;height:360px;float:right;padding-top:5px;
}
.skill_home {
width:770px;background-color:#fff;height:110px;;
-webkit-box-shadow:0px 0px 5px 0px rgba(70, 70, 70, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(70, 70, 70, 0.5);
box-shadow:  0px 0px 5px 0px rgba(70, 70, 70, 0.5);
-moz-border-radius-topleft:90px;
-webkit-border-top-left-radius:90px;
 border-top-left-radius:90px;
-moz-border-radius-bottomleft:90px;
-webkit-border-bottom-left-radius:90px;
border-bottom-left-radius:90px;
margin-bottom:18px;
}
.btn_line {
height:5px;width:710px;margin-left:49px;position:relative;top:11px;
}
.skill_list {
height:60px;width:640px;margin-left:109px;position:relative;top:10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#111;line-height:22px;
}
.skill_list a:hover {text-decoration:none}
.skill_list h2{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#111;line-height:22px;font-weight:normal;
}
.skill_list h3{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#111;line-height:22px;font-weight:normal;position:relative;bottom:3px;
}
.skill_list h4{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#111;line-height:22px;font-weight:normal;position:relative;bottom:5px;
}
#h2_p{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#111;line-height:22px;font-weight:normal;position:relative;bottom:35px;
}
#h3_p{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#111;line-height:22px;font-weight:normal;position:relative;bottom:40px;
}
#h4_p{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;color:#111;line-height:22px;font-weight:normal;position:relative;bottom:47px;
}
#seeall_k {
height:20px;width:650px;margin-left:109px;position:relative;top:7px;font-family:Arial, Helvetica, sans-serif;font-size:15px;text-align:right;color:#0000FF
}
#seeall_1 {
height:20px;width:650px;margin-left:109px;position:relative;top:5px;font-family:Arial, Helvetica, sans-serif;font-size:15px;text-align:right;color:#0000FF
}
#seeall_2 {
height:20px;width:650px;margin-left:109px;position:relative;top:0px;font-family:Arial, Helvetica, sans-serif;font-size:15px;text-align:right;color:#0000FF
}
#button_k, #button_1, #button_2, #button_3, #button_4, #button_5 {
height:90px;width:90px;width:90px;margin-left:10px;margin-top:10px;
transition:All 0.3s ease;width:90px;height:90px;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;}
#button_k {background:url(../images/button_k.png) no-repeat}
#button_1 {background:url(../images/button_1.png) no-repeat}
#button_2 {background:url(../images/button_2.png) no-repeat}
#button_3 {background:url(../images/button_3.png) no-repeat}
#button_4 {background:url(../images/button_4.png) no-repeat}
#button_5 {background:url(../images/button_5.png) no-repeat}
#button_k:hover, #button_1:hover, #button_2:hover , #button_3:hover, #button_4:hover, #button_5:hover{
transform:rotate(-30deg) ;
-webkit-transform:rotate(-30deg) ;
-moz-transform:rotate(-30deg) ;
-o-transform:rotate(-30deg) ;
-ms-transform:rotate(-30deg) ;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
#header_2 {
background:#000000;
height:11px;
width:251px;
position:relative;
left:110px;
top:111px
}
#heading_ub{
height:52px;
background:url(../images/random_grey_variations.png);
margin-top:-5px;
color:#FFFFFF;
font-family:'Hammersmith One', sans-serif;
padding-top:18px;
text-align:center
}
#heading_ub h1 {
color:#FFFFFF;
font-family:'Hammersmith One', sans-serif;
font-size:28px;
margin-top:0px;
text-shadow:none
}
.left_conta{
background:#0000FF;
-moz-border-radius-topright:120px;
-webkit-border-top-right-radius:120px;
border-top-right-radius:120px;
-moz-border-radius-bottomright:120px;
-webkit-border-bottom-right-radius:120px;
border-bottom-right-radius:120px;
webkit-box-shadow:0px 0px 5px 0px rgba(70, 70, 70, 0.5);
-moz-box-shadow:0px 0px 5px 0px rgba(70, 70, 70, 0.5);
box-shadow:0px 0px 5px 0px rgba(70, 70, 70, 0.5);
border:#FFFFFF solid 5px;
border-left:none;
width:190px;
height:175px;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 10px;
-webkit-transition:width 0.1s;
transition:width 0.1s;
}
.left_conta:hover{
width:205px;
}
#dw_ap{
background-position: -174px -143px;
width:127px;
height:39px;
margin-left:16px;
}
#dw_an{
background-position: -174px -189px;
width:127px;
height:39px;
margin-left:16px;
}
#left_conta1 p{
font-family:'Hammersmith One', sans-serif;
font-size:16px;
color:#000000;
font-style:italic;
}#left_conta2 p{
font-family:'Hammersmith One', sans-serif;
font-size:16px;
color:#000000;
font-style:italic;
}
#left_conta1{
background:#B7ED4C;
}
#lc1p1{
margin:45px 0px 5px 0px;
}
#lc1p2{
margin:45px 0px 5px 0px;
}
#left_conta2{
background:#B78FFA}
#left_conta3{
background:#F4A214}
#left_conta4{
background:#EDDA3D}
#left_conta3 p{
font-family:'Hammersmith One', sans-serif;
font-size:23px;
color:#fff;text-align:center;
font-style:italic;
text-shadow:1px 1px 1px rgba(55, 55, 55, 1);
margin:40px 0px 0px -30px;
font-weight:normal}
#left_conta4 p{
font-family:'Hammersmith One', sans-serif;
font-size:23px;
color:#fff;
font-style:italic;
text-shadow:1px 1px 1px rgba(55, 55, 55, 1);
margin:11px 0px 3px 7px;
float:left;
font-weight:normal}
#left_conta2 a:hover, #left_conta3 a:hover, #left_conta4 a:hover{
text-decoration:none;
}
#left_conta2 img{
width:100px;
height:100px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:#fff solid 3px;
margin-left:18px;
}
#fun_color{
width:100px;
height:100px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:#fff solid 3px;
margin-left:18px;
background-position: -69px -143px
}
#spell_b{
width:65px;
height:106px;
background-position: 0 -142px;
margin:36px 0px 0px 77px;
}
#dw_ap2 {
width:127px;height:39px;position:relative;top:10px;left:30px
}
#dw_an2 {
width:127px;height:39px;position:relative;top:10px;left:30px
}
#testimonial_div {
color:black;height:215px;width:760px ;margin-left:10px;
border-top:solid 5px #6394EA;
webkit-box-shadow:0px 0px 5px 0px rgba(70, 70, 70, 0.35);
-moz-box-shadow:0px 0px 5px 0px rgba(70, 70, 70, 0.35);
box-shadow:0px 0px 5px 0px rgba(70, 70, 70, 0.35);
}
#testimonial_head {
height:27px;
font-family:'Hammersmith One', sans-serif;
font-size:25px;
background-position:-1px -94px;
color:white;
text-shadow:0px 1px 1px rgba(0, 0, 0, 0.7);
width:760px;
padding:14px 0px 0px 30px;
line-height:16px;
margin-left:9px;
margin-bottom:-3px;
margin-top:25px
}
.just_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#111;
font-size:15px;
height:195px;
background-position:0px -249px;
}
.testi_user {
float:right;
height:70px;
position:relative;
left:-134px;
color:#777;
top:-7px
}
.testi_user img {
width:70px;height:70px;float:right;margin-left:11px
}
.testi_user span {
font-size:12px;
}
.testi_user em {
position:relative;
top:20px
}
.testi_stmt {
height:70px;
}
.sss {
height:0;
margin:0;
padding:0;
position:relative;
display:block;
overflow:hidden;
}
.ssslide {
width:100%;
margin:0;
padding:32px 0px 0px 70px;
position:absolute;
top:0;
left:0;
display:none;
overflow:hidden;
line-height:22px;
}
.ssslide img {
max-width:100%;
height:auto;
margin:0;
padding:0;
position:relative;
display:block;
}
.sssnext, .sssprev {
width:25px;
height:100%;
margin:0;
position:absolute;
top:0;
background:url(../images/arr.png) no-repeat
}
.sssprev {
left:3%;
background-position:0 50%;
}
.sssnext {
right:3%;
background-position:-26px 50%;
}
.sssprev:hover, .sssnext:hover {
cursor:pointer;
}