/* CSS Document */
*{
 margin:0;
 padding:0;
}
a:focus{outline:none;}

body{font-family:Arial, Helvetica, sans-serif;}

#wrapper{
 width:980px;
 margin:0 auto;
}
.ti{
 text-indent:-9999px;
}
.both{
 clear:both;
}

/*Header*/
#header{
 background:url(../images/bg-header.png) no-repeat;
 width:100%;
 height:172px;
 overflow:hidden;
 position: fixed;
 top: 0;
 z-index:1100;
}
.header-content{
 position:relative;
}
h1{
 position:absolute;
 left:330px;
 width:320px;
 height:98px;
}
h1 a{
 background:url(../images/sprites-text.png) no-repeat;
 display:block;
 width:320px;
 height:98px;
}
h1 a:hover, h1 a.active{
 background-position:0px -99px;
}
/*Menu*/
#nav li{
 list-style:none;
 float:left;
}
#nav li a{
 background-image:url(../images/sprites-text.png);
 background-repeat:no-repeat;
 display:block;
 height:172px;
 text-indent:-9999px;
}
#nav-home{
 width:106px;
 margin:0 37px 0 43px;
 background-position:-43px -470px;
}
#nav-home:hover{
 background-position:-43px -643px;
}
#nav-home.active{
 background-position:-43px -816px;
}

#nav-portfolio{
 width:105px;
 margin:0 405px 0 0;
 background-position:-187px -470px;
}
#nav-portfolio:hover{
 background-position:-187px -643px;
}
#nav-portfolio.active{
 background-position:-187px -816px;
}

#nav-about	{
 width:105px;
 margin:0 36px 0 0;
 background-position:-698px -470px;
}
#nav-about:hover{
 background-position:-698px -643px;
}
#nav-about.active{
 background-position:-698px -816px;
}

#nav-contact	{
 width:105px;
 margin:0;
 background-position:-839px -470px;
}
#nav-contact:hover{
 background-position:-839px -643px;
}
#nav-contact.active{
 background-position:-839px -816px;
}

/*Home*/
#Home{
 padding:172px 0 0 0;
 height:527px;
 background:url(../images/bg-dotted-line-1.png) no-repeat bottom;
}
#Home2{
 padding:180px 0 0 80px;
 height:230px;
 background:url(../images/bg-dotted-line-1.png) no-repeat bottom;
}

#Home2 h2{margin:0 0 15px 0;}
#Home2 p.product{text-transform:uppercase; margin-bottom:5px; font-size:11px;}

.payment{margin-top:20px;}

input{
    background: -moz-linear-gradient(center top , #009AC7, #00728C) repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 5px;
    padding: 3px;
}

.home-intro{
 background:url(../images/animation-part-1.gif) no-repeat top;
 width:330px;
 height:502px;
 float:left;
 text-indent:-9999px;
}
.home-animation-middle{
 background:url(../images/animation-part-2.gif) no-repeat top;
 width:320px;
 height:502px;
 float:left;
}
.home-animation-right{
 background:url(../images/animation-part-3.gif) no-repeat top;
 width:330px;
 height:502px;
 float:left;
}

/*Portfolio*/
#Portfolio{
 padding:172px 0 0 0;
 height:811px;
 background:url(../images/bg-dotted-line-1.png) no-repeat bottom;
}
.portfolio-title{
 background:url(../images/sprites-text.png) no-repeat 0px -198px;
 width:404px;
 height:93px;
 margin:0 auto;
}
.portfolio-intro{
 background:url(../images/sprites-text.png) no-repeat 0px -989px;
 width:389px;
 height:20px;
 margin:0 auto;
}
.portfolio-container{
 background:url(../images/bg-screen.jpg) no-repeat;
 padding:79px 0 0 0;
 height:663px;
}
.cycle-portfolio{
 width:616px;
 height:385px;
 overflow:hidden;
}
.cycle-container {
 clear:both;
 height:385px;
}
.cycle-container div{
 float:left;
}
#cycle-prev{
 display:block;
 width:153px;
 height:160px;
 margin:114px 31px 0 0;
 background:url(../images/sprite-buttons.png) no-repeat 0px -161px;
 text-indent:-9999px;
}
#cycle-prev:hover{
 background-position:0px 0px;
}
#cycle-next{
 display:block;
 width:149px;
 height:160px;
 margin:114px 0 0 31px;
 background:url(../images/sprite-buttons.png) no-repeat 0px -484px;
 text-indent:-9999px;
}
#cycle-next:hover{
 background-position:0px -323px;
}
.portfolio-info{
 clear:both;
 margin:67px 0 0 188px;
}
.portfolio-item-title{
 background:url(../images/sprites-project-names.png) no-repeat;
 width:184px;
 height:49px;
 text-indent:-9999px;
 float:left;
}
.portfolio-item-link{
 float:left;
 margin:0 0 0 237px;
}
.portfolio-item-link a{
 display:block;
 background:url(../images/bg-visit-website.png) no-repeat;
 width:173px;
 height:47px;
 text-indent:-9999px;
}
.portfolio-item-link a:hover{
 background-position:0px -48px;
}

/*About*/
#About{
 padding:172px 0 20px 0;
 background:url(../images/bg-dotted-line-1.png) no-repeat bottom;
}
.about-title{
 background:url(../images/sprites-text.png) no-repeat 0px -293px;
 width:404px;
 height:76px;
 margin:0 auto;
}
.about-intro{
 background:url(../images/sprites-text.png) no-repeat 0px -1010px;
 width:599px;
 height:20px;
 margin:16px auto 35px auto;
}
.about-onion{
 width:434px;
 float:left;
}
.about-content{
 width:545px;
 float:left;
}
.about-text{
 background:url(../images/sprites-text.png) no-repeat 0px -1031px;
 width:547px;
 height:133px;
 margin:0 0 28px 0;
}
.about-powers h3{
 text-indent:-9999px;
}
.about-powers ul li{
 text-indent:-9999px;
 list-style:none;
}
.about-powers{
 background:url(../images/sprites-text.png) no-repeat 0px -1165px;
 width:546px;
 height:340px;
}

/*Contact*/
#Contact{
 padding:172px 0 220px 0;
}
.contact-title{
 background:url(../images/sprites-text.png) no-repeat 0px -369px;
 width:404px;
 height:100px;
 margin:0 auto;
}
.contact-intro{
 background:url(../images/sprites-text.png) no-repeat 0px -1506px;
 width:320px;
 height:57px;
 margin:38px auto 20px auto;
}
.email{
 display:block;
 background:url(../images/sprites-text.png) no-repeat 0px -1564px;
 width:624px;
 height:190px;
 margin:0 auto;
}
.email:hover{
 background-position:0px -1786px;
}
.visit-social{
 background:url(../images/sprites-text.png) no-repeat 0px -1755px;
 width:320px;
 height:30px;
 margin:28px auto 23px auto;
}
#Contact ul li{
 float:left;
 list-style:none;
}
#Contact ul li a{
 display:block;
 text-indent:-9999px;
}
#social-fb{
 background:url(../images/sprites-social.png) no-repeat;
 width:107px;
 height:132px;
 margin:0 41px 0 283px;
}
#social-fb:hover{
 background-position:0px -133px;
}
#social-twitter{
 background:url(../images/sprites-social.png) no-repeat -147px 0px;
 width:119px;
 height:132px;
 margin:0 30px 0 0;
}
#social-twitter:hover{
 background-position:-147px -133px;
}
#social-in{
 background:url(../images/sprites-social.png) no-repeat -296px 0px;
 width:146px;
 height:132px;
 margin:0 30px 0 0;
}
#social-in:hover{
 background-position:-296px -133px;
}

#twoco{margin:0 auto; width:455px; padding:0 0 20px 0;}
#twoco p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; margin:0 0 0 95px;}
#twopara{font-size:11px; margin-top:15px;}