html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-decoration:none; }

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* /reset */

input, textarea { border:0; }

img { vertical-align:middle !important; }

.clear { display:block; clear:both; }

a:focus { outline:none; }



/* basic styling and commonly used classes */

body, html, input, textarea {font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#656565;}

.set-size {width:980px;margin:0 auto;}

p {font-size:14px;line-height:22px;padding:0 0 20px 0;}

strong {font-weight:bold;}

em {font-style:italic;font-family:"Times New Roman", Times, serif;}

.align-center {text-align:center;}

a, a:hover, a:focus {cursor:pointer;outline:none;}



blockquote {background:url(../images/blockquote.png) no-repeat left 8px;padding:0 0 0 55px;min-height:40px;}



.clear {clear:both;display:block;font-size:0;line-height:0;}

.float-left {float:left;}

.float-right {float:right;}

/* -- */



@font-face {

    font-family: 'AvantGardeBkBTBook';

    src: url('../fonts/avgardn_0-webfont.eot');

    src: url('../fonts/avgardn_0-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/avgardn_0-webfont.woff') format('woff'),

         url('../fonts/avgardn_0-webfont.ttf') format('truetype'),

         url('../fonts/avgardn_0-webfont.svg#AvantGardeBkBTBook') format('svg');

    font-weight: normal;

    font-style: normal;



}



/* top */

#top {height:105px;background: url(../images/topbg2.png) top center no-repeat; position:fixed;top:0;left:0;width:100%;z-index:800;}

#top .set-size {position:relative;}



#top #logo {float:left; margin-left:30px; margin-top:5px;}

#top .logo-text{float: left;}

#top .logo-text h2{font-size: 30px;margin: 0;padding: 0;margin: 13px 0 0 6px;font-weight: bold;color: #0081A1;border-bottom: solid 1px #ccc;padding-bottom: 7px;}

#top .logo-text span{margin: 6px; font-size: 13px;}



#top #menu ul{float:right;padding:0px 60px 0 0; font-weight: bold;}

#top #menu ul li {padding:0 5px;float:left;display:block;}

#top #menu ul li.disabled {display:none;}

#top #menu ul li a {font-size:14px;font-family:'AvantGardeBkBTBook'; padding:20px 10px 0 10px; display:block; float:left; color:#313131;cursor:pointer; text-transform:uppercase; height:40px;}

#top #menu ul li a:hover, #top #menu ul li.current a { background:url(../images/menubg.jpg) bottom left repeat-x; color: #920512;}



#top #hire {background:url(../images/hire-me.png) no-repeat top left;width:46px;height:90px;position:absolute;top:0;right:0;display:block;cursor:pointer;}



.shadow {background:url(../images/top-shadow.png) repeat-x;height:35px;position:fixed;top:64px;width:100%;}

/* -- */



/* scroll navigation */

#nav {}

#nav ul {display:block;position:fixed;right:60px;width:11px;z-index:850;}

#nav ul li {display:block;padding:2px 0;line-height:11px;float:left;}

#nav ul li a {background:url(../images/nav-li-a.png) no-repeat 0 0;height:11px;width:11px;display:block;cursor:pointer;}

#nav ul li a:hover, #nav ul li.current a {background-position:0 -11px;}



/* column system */

.float-left.haspadding {padding-right:20px;}

.column-300 {width:300px;}

.column-540 {width:540px;}

.column-550 {width:550px;}

/* -- */



/* container elements */

#container .set-size {padding:120px 0 0 0;}

#container h1 {font-size:32px;padding:0 0 25px 0;line-height:32px; font-family:'AvantGardeBkBTBook'; font-weight:bold }

#container h2 {font-size:30px;padding:0 0 25px 0;line-height:28px; font-family:'AvantGardeBkBTBook'; font-weight:bold }

#container h3 {font-size:22px;padding:0 0 25px 0;line-height:24px; font-family:'AvantGardeBkBTBook'; font-weight:bold }

#container h4 {font-size:20px;padding:0 0 20px 0;line-height:20px; font-family:'AvantGardeBkBTBook';  }

#container h5 {font-size:18px;padding:0 0 20px 0;line-height:18px; font-family:'AvantGardeBkBTBook'; }

#container h6 {font-size:16px;padding:0 0 20px 0;line-height:16px; font-family:'AvantGardeBkBTBook'; }

#container .pink {color:#e52e48;}



#container .btn {height:32px;padding:0 30px;line-height:32px;font-size:13px;display:inline-block;position:relative;cursor:pointer;}

#container .btn.rounded {border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}

#container .btn.silver {background:url(../images/btn-silver.jpg) repeat-x 0 0;border:1px solid #cfcece;color:#656565;}

#container .btn.blue {background:url(../images/btn-blue.jpg) repeat-x 0 0;border:1px solid #45c4df;color:#0095c3;}

#container .btn:hover {background-position:0 -32px;}



#container .btn2 {height:32px;padding:0 12px;line-height:32px;font-size:12px;font-weight:bold;display:inline-block;position:relative;cursor:pointer; position: absolute; top:640px; left:948px;z-index:850;}

#container .btn2.rounded {border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}

#container .btn2.silver {background:url(../images/btn-silver.jpg) repeat-x 0 0;border:1px solid #cfcece;color:#656565;}

#container .btn2:hover {background-position:0 -32px;}



#container #gonext {background:url(../images/gonext.png) no-repeat 0 0;width:30px;height:45px;cursor:pointer;position: absolute; top:600px; left:949px;z-index:850;}

#container #gonext:hover {background-position:0 -45px;}







/* section backgrounds */

.section, .px {min-height:860px;}

.section .set-size {position:relative;z-index:600;}

.overflow {position:relative;z-index:500;width:980px;margin:0 auto;min-height:860px;}

#contact .overflow, #contact .px, #contact {min-height:630px;}



#home {background:url(../images/main_bg.jpg) repeat-x top left;}

#about {background:#1b1b1b url(../images/aboutbg.jpg) ;}

#services {background:url(../images/main_bg.jpg) repeat-x top left;}

#gallery {background:url(../images/aboutbg.jpg) repeat top center;}

#contact {background:url(../images/services-circle2.png) repeat top center;}

#product-page {background:#1b1b1b url(../images/aboutbg.jpg) ;}

#product-page p {color:#fff;}

#product-page ul {color: white;padding: 0 0 0 40px; list-style:disc;}

#product-page ul li {padding: 0 0 10px 0; }

#product-page ul.half li {width:33%; float:left; padding: 0 0 10px 0; }
/* -- */

.header_slider { background:url(../images/header_bg.jpg) top left repeat-x; width:100%; float:left; position:relative; -moz-box-shadow:3px 3px 5px 6px #ccc; -webkit-box-shadow:3px 3px 5px 6px #ccc; box-shadow:3px 3px 5px 6px #ccc; /* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=135, Color='#cccccc')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=135, Color='#cccccc');}
.header_img { float:left; }

.header_txt { float:right; text-align:right; text-align:right; font-family:'FuturaBkBTBook'; color:#414141; font-size:42px; margin-right:50px; text-transform:uppercase; line-height:36px; margin-top:92px; }

.header_txt span { font-family: 'FuturaBold'; font-size:42px; color:#0081A1; }
#controls{ margin:0px; padding:0px; list-style:none; position:absolute; right:10px; bottom:10px;}

#controls li{ float:left;  margin-right:5px;}

#controls li a:link,#controls li a:visited{ display:block; text-indent:-9999px; overflow:hidden; background:url(../images/dots.png) left top no-repeat; width:13px; height:13px;}

#controls li a:hover,#controls li.current a:link,#controls li a:hover,#controls li.current a:visited { background:url(../images/dots.png) -14px top no-repeat;}

#slider ul, #slider li, #slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; }
#slider li, #slider2 li { /* z define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here

		*/ width:975px; height:458px; overflow:hidden; }

#container .section .header {padding:0 0 25px 0;}

#container .section .header-home {padding:0 0 25px 0; margin-left: 135px; margin-top: -30px; font-weight:bold}

#container .section .header h2, #container .section .header-home h2 {color:#920512;padding:0 0 5px 0;}

#container .section .header h2.white {color:#DEA;padding:0 0 5px 0;}

#container .section .header em {font-size:12px;}

/* -- */



/* section media container */

.section .media {text-align:center;padding-bottom:80px ;background:url(../images/folio-media-shadow.png) no-repeat bottom center;}

/* --- */



/* welcome box on #home page */

#home .welcome {}

#home .welcome h1 {color:#DD5234;font-size:28px;line-height:30px; text-align:center; font-family:'AvantGardeBkBTBook';}



#home .addon {padding:420px 0 0 0; font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; font-weight:normal; line-height:22px}

/* -- */



/* gallery */

.gallery li {float:left;margin:0 10px 25px 0;}

.gallery li.format {margin-right:0;}

.gallery li a {border:5px solid #fff;display:block;position:relative;float:left;}

.gallery li a span {background:url(../images/gallery-li-span.png) no-repeat top left;width:208px;height:123px;position:absolute;top:0;left:0;display:none;}

/* -- */



/* contact form */

#contact-form {position:relative;}

#contact-form .row {padding:5px 0;}

#contact-form .input-text {background:url(../images/form-contact-input-text.png) no-repeat top left;width:202px;height:37px;line-height:37px;padding:0 10px;color:#656565;}

#contact-form .input-textarea {background:url(../images/contact-form-textarea.png) no-repeat top left;width:522px;height:117px;padding:10px;resize:none;overflow:hidden;}

#contact-form .holder {position:relative;}

#contact-form .message {display:none;position:absolute;top:228px;left:115px;}

#contact-form .message .top {background:url(../images/message-top.png) no-repeat top left;width:428px;height:17px;line-height:0;}

#contact-form .message .content {background:url(../images/message-content.png) repeat-y;width:428px;padding:5px 0;}

#contact-form .message .bottom {background:url(../images/message-bottom.png) no-repeat top left;width:428px;height:14px;line-height:0;margin-left:-1px;}

#contact-form .message .arrow {background:url(../images/message-arrow.png) no-repeat top left;width:10px;height:18px;position:absolute;bottom:20px;left:-9px;z-index:2;}

#contact-form #alert {padding:0 20px;}

#contact-form #alert ul {padding:10px 0 0 0;}

#contact-form #alert ul li {line-height:18px;}

#contact-form .btn {font-weight:bold;}

/* -- */



/* footer */

#footer {background:url(../images/footerbg.jpg)  top #000;height:50px;position:relative;z-index:800;}

#footer #gotop {background:url(../images/ribbon-top.png) no-repeat top left;width:32px;height:68px;position:absolute;top:-64px;right:0;cursor:pointer;}

#footer .set-size {padding:13px 0;position:relative;}

#footer p {font-size:12px; color:#666;}

/* -- */



/* parallax elements */

#home .pximage1 {background:url(../images/PNG/1.png) no-repeat center left;width:1000px;position:absolute;top:-110px;left:163px; z-index:1;}

#home .pximage2 {background:url(../images/PNG/2.png) no-repeat center left;width:500px;position:absolute;top:-90px;left:393px; z-index:5;}

#home .pximage3 {background:url(../images/PNG/3.png) no-repeat center left;width:270px;position:absolute;top:-180px;left:95px;}

#home .pximage4 {background:url(../images/PNG/4.png) no-repeat center left;width:290px;position:absolute;top:-25px;right:-50px; z-index:2;}

#home .pximage5 {background:url(../images/PNG/5.png) no-repeat center left;width:160px;position:absolute;top:-35px;right:0px; z-index:3;}

#home .pximage6 {background:url(../images/PNG/6.png) no-repeat center left;width:200px;position:absolute;top:250px;right:-75px;}

#home .pximage7 {background:url(../images/PNG/7.png) no-repeat center left;width:205px;position:absolute;top:-40px;left:0px;}

#home .pximage8 {background:url(../images/PNG/4.png) no-repeat center left;width:290px;position:absolute;top:265px;left:190px;}

#home .pximage9 {background:url(../images/PNG/9.png) no-repeat center left;width:160px;position:absolute;top:-454px;right:502px;}

#home .pximage10 {background:url(../images/PNG/10.png) no-repeat center left;width:190px;position:absolute;top:-160px;right:430px;}

#home .pximage11 {background:url(../images/PNG/11.png) no-repeat center left;width:165px;position:absolute;top:-180px;right:840px;}

#home .pximage12 {background:url(../images/PNG/12.png) no-repeat center left;width:285px;position:absolute;top:60px;left:-83px;}

#home .pximage13 {background:url(../images/PNG/13.png) no-repeat center left;width:300px;position:absolute;top:-185px;left:86px; z-index:3;}



/* About */

#about p{color:#ccc}

#about h3{color:#fff}

#about hr{border:0; border-bottom:dashed 1px #999; height:1px}

#about .testimonial {background:url(../images/testimonialbg.png) no-repeat top left;width:326px;height:498px;right:0; top:0; padding:20px; position:absolute;}

#about .testimonial ul{margin:0; padding:0; list-style:none; position:absolute; right:22px; top:160px; width:310px; 

  -webkit-transform: rotate(3.5deg);  

     -moz-transform: rotate(3.5deg); 

      -ms-transform: rotate(3.5deg); 

       -o-transform: rotate(3.5deg); 

          transform: rotate(3.5deg);

             filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod='auto expand');

               zoom: 1;

}

#about .testimonial li{margin:0; padding:0; list-style:none; background:url(../images/blockquote.png) no-repeat 0 0; margin-bottom:20px; line-height:20px;}

#about .testimonial li span{background:url(../images/blockquote1.png) no-repeat right bottom; padding:0 30px 0 40px; display:block}

#about .testimonial li em{ font-size:14px; font-weight:bold; color:#E46034}



#about ul.cal { float:left; width:250px;}

#about ul.cal li{ background:url(../images/dot.png) no-repeat 0 0; padding-left:15px; color:#ccc; padding-bottom:5px;}



/* Gallery*/

#gallery p{color:#ccc}

#gallery .pxphoto-left {background:url(../images/portimg1.png) no-repeat center left;width:673px;height:468px;position:absolute;top:-250px;left:-200px;}

#gallery .pxphoto-right {background:url(../images/portimg2.png) no-repeat top left;width:658px;height:531px;position:absolute;top:0;right:-100px;}



/* Contact */

#contact .pxmyspace {background:url(../images/contact-myspace.png) no-repeat center left;width:117px;position:absolute;top:0;right:-40px;}

#contact .pxmail {background:url(../images/contact-mail.png) no-repeat center left;width:169px;position:absolute;top:0;right:-100px;}

#contact .pxbehance {background:url(../images/contact-behance.png) no-repeat center left;width:59px;position:absolute;top:0;right:20px;}

#contact .pxdribbble {background:url(../images/contact-dribbble.png) no-repeat center left;width:165px;position:absolute;top:0;right:30px;}

#contact .pxdelicious {background:url(../images/contact-delicious.png) no-repeat center left;width:64px;position:absolute;top:0;left:550px;}

#contact .pxbuzz {background:url(../images/contact-buzz.png) no-repeat center left;width:157px;position:absolute;top:0;left:450px;z-index:1;}

#contact .pxtwitter {background:url(../images/contact-twitter.png) no-repeat center left;width:244px;position:absolute;top:0;left:380px;z-index:2;}



/* lists */

.list-icons {}

.list-icons li {position:relative;padding:0 0 0 40px;}

.list-icons li img {float:left;position:absolute;top:0;left:0;}



.list-social {}

.list-social li {float:left;padding:0 5px 0 0;}

.list-social li a {background:url(../images/social-icons.png) no-repeat 0 0;height:24px;width:24px;display:block;float:left;}

.list-social li.twitter a {background-position:0 0;}

.list-social li.twitter a:hover {background-position:0 -24px;}

.list-social li.plus-one a {background-position:-24px 0;}

.list-social li.plus-one a:hover {background-position:-24px -24px;}

.list-social li.facebook a {background-position:-48px 0;}

.list-social li.facebook a:hover {background-position:-48px -24px;}

.list-social li.forrst a {background-position:-72px 0;}

.list-social li.forrst a:hover {background-position:-72px -24px;}

/* -- */



/* Services*/

#services .box1 {background:url(../images/bg_webbox.png) no-repeat bottom left; width:241px; position:absolute; top:20px; left:0px; padding-left:50px; padding-right:30px; }

#services .box1 .icon{ margin-top:80px;}

#services .box1 h3{color:#fff; margin-top:25px; padding-bottom:5px;}

#services .box1 p{ color:#fff; line-height:18px;}

#services .box1 a.more{ display:block; width:105px; height:17px; background:url(../images/btn_box1.jpg) no-repeat 0 0; text-align:center; color:#fff; padding-top:5px; font-size:12px; font-weight:bold}

#services .box1 a:hover.more{ background:url(../images/btn_box1.jpg) no-repeat 0 -22px ; }



#services .box2 {background:url(../images/bg_devbox.png) no-repeat bottom left; width:254px; position:absolute; top:0px; left:320px; padding-left:60px; padding-right:30px; }

#services .box2 .icon{ margin-top:90px; margin-left:75px;}

#services .box2 h3{color:#fff; margin-top:20px; padding-bottom:5px;}

#services .box2 p{ color:#fff; line-height:18px; padding-bottom:10px}

#services .box2 a.more{ display:block; width:105px; height:17px; background:url(../images/btn_box2.jpg) no-repeat 0 0; text-align:center; color:#fff; padding-top:5px; font-size:12px; font-weight:bold}

#services .box2 a:hover.more{ background:url(../images/btn_box2.jpg) no-repeat 0 -22px ; }



#services .box3 {background:url(../images/bg_seobox.png) no-repeat bottom left; width:234px; position:absolute; top:0px; right:-20px; padding-left:60px; padding-right:50px; }

#services .box3 .icon{ margin-top:90px; margin-left:75px;}

#services .box3 h3{color:#333; margin-top:5px; padding-bottom:5px;}

#services .box3 p{ color:#333; line-height:18px;}

#services .box3 a.more{ display:block; width:105px; height:17px; background:url(../images/btn_box3.jpg) no-repeat 0 0; text-align:center; color:#000; padding-top:5px; font-size:12px; font-weight:bold}

#services .box3 a:hover.more{ background:url(../images/btn_box3.jpg) no-repeat 0 -22px ; }



#services .boxcontetn{position:absolute; bottom:170px; width:530px; color:#fff; font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; left:200px; line-height:22px}



#filter{margin:0; padding:0; float:left; margin-bottom:20px; margin-top:-10px;}

#filter li{margin:0; padding:0 10px; float:left}

#filter li a{ color:#fff; font-size:18px;}

#filter li.current a{color:#E46034}



.popup{ padding:20px;}

.popup h3{ margin:0; padding:0 !important}

.popup ul{ margin:10px; margin-left:20px;}

.popup li{line-height:25px; padding-left:15px}



.webdesign h1, .webdesign h3{ color:#DD5234 }

.webdesign  li{background:url(../images/dot_orange.jpg) no-repeat 0px 9px; }



.webddev h1, .webddev h3{ color:#0088C9 }

.webddev li{background:url(../images/dot_blue.jpg) no-repeat 0px 9px; }



.seo h1, .seo h3{ color:#FFC40F }

.seo li{background:url(../images/dot_yellow.jpg) no-repeat 0px 9px; }

#boxes { margin:0; padding:0; float:left }

#boxes ul, #boxes li { margin:0; padding:0; float:left; list-style:none }

.box { background:#fff; float:left; width:215px; height:135px; margin:0 30px 0 0; position:relative; border-radius:5px }
.box:hover{background:#f0f0f0;}
ul#boxes li a .box h1.box-h1 { font-size:14px; color:#414141; text-transform:uppercase; position:absolute; top:12px; left:12px; font-family: 'AvantGardeBkBTBook'; font-weight:bold; padding:0; margin:0; }

.box.last { margin-right:0px; }

.more { position:absolute; top:39px; left:12px; }

.box_img { position:absolute; bottom:3px; right:3px; }

/*#portfolio{ float:left; height:620px; overflow:hidden;}*/

.shadow2 {
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}