@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ background:url(../images/main-bg.jpg) no-repeat center top;}
div{font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#292039; line-height:16px; }
p{ text-align:justify; padding:5px;}
img{ border:none;}
.clear{ clear:both}
h1{ font-size:19px; font-family:Tahoma, Geneva, sans-serif; color:#292039; font-weight:normal;}
li{ list-style:none;}

#wraper{margin:0 auto; width:960px; position:relative;}
/*.banner{ background:url(../images/nav-bg.png) no-repeat right 80px; width:100%; height:150px;}*/
.banner-container{ margin:0 auto; width:960px; position:relative;}
.logo{ float:left; width:250px; margin-top:18px;}
.menu{ float:right; width:500px; margin-top:50px; background: url(../images/nav-bg.png) no-repeat; margin-left:-8px; }
/*.menu li { display:block; float:left;}
.menu li a{ display:block; float:left; width:70px; color:#356505; text-decoration:none; padding-top:18px;}
.menu li a:hover{ display:block; float:left; width:70px; color:#000000; text-decoration:none; padding-top:18px;}
*/

.main-container{margin:0 auto; width:960px; position:relative; height:550px; margin-top:25px; margin-left:-5px;}
.cover{ position:absolute; left:5px; top:19px; width:291px;height:337px; z-index:99;}
.slider{ position:absolute; width:627px; height:334px; top:22px; left:9px;}
.slogan{position:absolute; width:243px; height:284px; top:70px; left:720px;}
.mobile-app{position:absolute; left:375px; top:385px;}

.web-dev{position:absolute; left:770px; top:375px;}
.welcome{position:absolute; left:50px; top:430px;}


.mid-footer{margin:0 auto; width:960px; position:relative; height:250px; font-size:11px; line-height:18px;}
.welcome-text{ width:375px; position:absolute; left:50px; top:40px; border-bottom:1px #e5e4e4 solid; }
.welcome-img{ width:337px; position:absolute; left:15px; top:-75px;}

.Gorato{ position:absolute;  width:150px;left:450px; top:60px;line-height:20px;}
.Gorato ul{ border-right:1px #e5e4e4 solid;}
.serivces{ position:absolute;  width:150px;left:630px; top:60px;line-height:20px;}
.serivces ul{ border-right:1px #e5e4e4 solid;}
.links{position:absolute;  width:150px;left:800px; top:60px;line-height:20px;}
.serivces ul{ border-right:1px #e5e4e4 solid;}

.blog{
	position:absolute;
	width:325px;
	left:-23px;
	top:20px;
	line-height:16px; text-align:justify; font-size:11px;
}
.blog a{ color:#0000FF;}
.testimonial{ position:absolute;  width:275px;left:320px; top:20px;line-height:16px;}
.testimonial p{ border-bottom:1px #999 dashed; font-size:11px;}
.twitter{ background:url(../images/twitter-bg.jpg) no-repeat left bottom; position:absolute;  width:330px;left:620px; top:20px;line-height:20px; height:215px; font-size:11px;}

.mid-footer1{margin:0 auto; width:960px; position:relative; height:250px; font-size:11px; line-height:18px;}


#footer{ background:#271f31; line-height:50px; height:50px;}
.mid-footer a{ color:#666; text-decoration:none;}
.mid-footer a:hover{ color:#000; text-decoration:none;}
.footer-container{margin:0 auto; width:960px; position:relative;}
.copyright{ float: left; width:450px; padding-top:12px;}
.social-media{ float: right; width:250px; padding-top:12px;}

/* Easy Slider */

img{border:none;}
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

			
#slider{}	
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{width:627px;height:334px;overflow:hidden;}	
#prevBtn, #nextBtn{display:block;width:30px;height:77px;position:absolute;left:0px;top:290px; margin-left:175px; z-index:999;}	
#nextBtn{left:30px;}														
#prevBtn a, #nextBtn a{ display:block;width:30px;height:77px;background:url(../images/arrow-left.png) no-repeat 0 0;	}	
#nextBtn a{background:url(../images/arrow-right.png) no-repeat 0 0;	}