.css_switcher {position: fixed;z-index: 1000;width: 150px;height:76px;top:180px;right:25px;}.css_switcher img {margin: 7px 0 0 0;text-align: center; border:0;}.slidingDiv {position: fixed;z-index: 960;top: 261px;left: 0;background: #fff;height: auto;width: auto;-webkit-box-shadow: 0px 0px 3px 1px #484848;box-shadow: 0px 0px 3px 1px #484848;}.slidingDiv p {margin: 7px 0 7px 8px;font-size: 13px;}.slidingDiv a {display: block;padding: 3px 8px 3px 8px;text-decoration: none;color: #363636;font-family: 'Open Sans', sans-serif;font-size: 12px;}.slidingDiv a:hover {color: #fff;background: #363636;}.show_hide {display:none;}p, h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif;}p {line-height: 24px;font-size: 16px;font-weight: 400;}h1 {font-size: 100px;font-weight: 700;color: #fff;margin-bottom: 50px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);filter: dropshadow(color=rgba(0, 0, 0, 0.5), offx=1, offy=1);}h1.smallh1 {font-size: 50px;font-weight: 600;margin-bottom: 10px;}h1.smallerh1 {font-size: 30px;font-weight: 400;line-height: normal; margin:0;}h1.tinyh1 {font-size: 20px;font-weight: 400;line-height: normal;}
h2 {font-size: 40px;font-weight: 700;color: #3d3d3d;text-align: center;text-transform: capitalize;margin-bottom: 20px;}h3 {font-size: 24px;color: #3d3d3d;border-bottom: 1px solid #bebebe;margin-bottom: 30px;}h4 {font-size: 22px;text-transform: capitalize;color: #333333;margin-top: 20px;}p.headline {font-size: 22px;text-align: center; text-transform:capitalize;margin-bottom: 50px;color: #3d3d3d;}body {background: url(../images/bg.html) repeat;}.dotted-bar {background: url(../images/dotted-bg.html) repeat;width: 100%;height: 37px;position: relative;z-index: 600;}h2 img {margin-bottom: 4px;display: inline-block;}span.line {background: #6f6f6f;width: 358px;height: 1px;display: inline-block;margin-bottom: 14px;margin-right: 15px;}span.line2 {background: #6f6f6f;width: 358px;height: 1px;display: inline-block;margin-bottom: 14px;margin-left: 1px;}span.line3 {background: #6f6f6f;width: 330px;height: 1px;display: inline-block;margin-bottom: 14px;margin-right: 15px;}span.line4 {background: #6f6f6f;width: 330px;height: 1px;display: inline-block;margin-bottom: 14px;margin-left: 15px;}.dotted-bar2 {background: url(../images/dotted-bg.html) repeat;width: 100%;height: 44px;position: relative;z-index: 300;text-align: center;}.dotted-bar2 a, .dotted-bar3 a {display: inline-block;}.top {background: url(../images/top.html) no-repeat;width: 223px;height: 34px;top: 6px;position: relative;margin: auto;display: inline-block;}.top:hover {background-position: 0 -34px;}.top-bar {background: #fff;width: 100%;height: 0;position: fixed;z-index: 200;}#intro {width: 100%;height: 650px;text-align: center;}#intro .bg1 {/*background: url(../images/intro-bg.jpg) repeat fixed;*/ background-position:50% 0 !important;margin: 0 auto;padding: 0;position: absolute;z-index: 100;width: 100%;height: 650px;}
nav {text-align: center;position: fixed;width: 100%;margin-top: 5px;z-index: 250;  }  nav a {font-size: 16px;color: #000;text-decoration: none;padding: 0 25px 5px 25px;text-transform: uppercase;/*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);*/filter: dropshadow(color=rgba(0, 0, 0, 0.5), offx=1, offy=1);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color;-moz-transition-property: color;-o-transition-property: color;transition-property: color;}nav a:visited {color: #000;}nav a:hover {color: #fff;}nav ul li {display: inline;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;margin-left: -2px;margin-right: -2px;padding: 13px 0 10px 0;position: relative; }ul li:nth-child(4) {border: 0;}span.logo {background: url(../images/infomedia2.html) no-repeat;width: 173px;height: 85px;display: inline-block;top: -18px;position: relative;margin: 0 20px 0 20px;}span.logotext {font-family: 'Marck Script', cursive;font-size: 50px;color: #fff;top: 52px;position: relative;}.title {margin-top: 200px;width: 100%;text-align: center;position: fixed;z-index: 150;}.social {width: 100%;text-align: center;}.social ul li {display: inline;margin: 0 8px 0 8px;}.facebook {background: url(../images/icn-facebook.html) no-repeat 0 0;width: 50px;height: 51px;display: inline-block;}.twitter {background: url(../images/icn-twitter.html) no-repeat 0 0;width: 50px;height: 51px;display: inline-block;}.gplus {background: url(../images/icn-gplus.html) no-repeat 0 0;width: 50px;height: 51px;display: inline-block;}.dribbble {background: url(../images/icn-dribbble.html) no-repeat 0 0;width: 51px;height: 51px;display: inline-block;}.linkedin {background: url(../images/icn-linkedin.html) no-repeat 0 0;width: 51px;height: 51px;display: inline-block;}.sprite {-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-property: background-position;-moz-transition-property: background-position;-o-transition-property: background-position;transition-property: background-position;}.sprite:hover {background-position: 0 -51px;}
.stick {background: #000 !important; width: 100%;height: 34px;margin-top: -34px;text-align: center;position: relative;z-index: 50000;-webkit-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5);box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5);}.stick a {color: #990 !important;text-transform: uppercase;text-decoration: none;padding: 0 18px 0 18px;padding-top: 8px;display: inline-block;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color;-moz-transition-property: color;-o-transition-property: color;transition-property: color;}.stick a:visited {color: #fff;}.stick a:hover {color: #fcd996;}.stick ul li {display: block;}
#work {background: url(../images/bg.html) repeat;position: relative;z-index: 300;padding: 80px 0 70px 0;}.imac {background: url(../images/imac.html);width: 459px;height: 349px;position: relative;}.portfolio h3 {margin-top: 40px;}.portfolio img {-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: -webkit-box-shadow;-moz-transition-property: -moz-box-shadow;-o-transition-property: -o-box-shadow;transition-property: box-shadow;}.portfolio img:hover {-webkit-box-shadow:0px 0px 0px 4px #fcd996;box-shadow:0px 0px 0px 4px #fcd996;}p.proj-name {border-bottom: 1px solid #bebebe;padding-bottom: 2px;margin-bottom: 0;color: #363636;}p.proj-desc {line-height: normal;font-size: 13px;margin-top: 6px;margin-bottom: 35px;color: #000;}#services {background: url(../images/bg.html) repeat;position: relative;z-index: 300;padding: 90px 0 70px 0;text-align: center;}img.serv-icon {-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}img.serv-icon:hover {opacity: 0.7;} p.serv {font-size: 14px;margin-top: 10px;color: #6d6d6d;}.bg {background: url(../images/bg.html);position: relative;z-index: 300;}.testimonial {background: url(../images/bg.html) repeat;position: relative;padding-bottom: 30px;z-index: 300;}.testimonial p {font-size: 20px;text-align: center;font-style: italic;border-top: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;padding: 15px 0 15px 0;}.hire {background: url(../images/bg.html) repeat;text-align: center;position: relative;z-index: 300;padding-bottom: 50px;margin: auto;}#about {background: url(../images/bg.html) repeat;position: relative;z-index: 300;padding: 90px 0 100px 0;}.last_tweets {background: url(../images/dotted-bg2.html) repeat;padding: 20px;}#twitter_update_list {font-size: 13px;color: #585757;}#twitter_update_list a {color: #7b7b7b;text-decoration: none;}#twitter_update_list a:visited {color: #7b7b7b;}#twitter_update_list a:hover {text-decoration: underline;}#twitter_update_list li {list-style-type: none;margin-bottom: 15px;}.experience p {margin-bottom: 2px;}p.line2nd {font-size: 13px;line-height: normal;color: #7f7f7f;margin-bottom: 8px;}.skill-bg {background: #e7e7e7;width: 100%;height: 25px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}.skill-bg:hover {opacity: 0.8;}.skills p {font-size: 12px;font-weight: 400;text-transform: uppercase;color: #646464;margin-bottom: 5px;}.skill1 {background: #4f4f4f;width: 70%;height: 25px;}.skill2 {background: #4f4f4f;width: 77%;height: 25px;}.skill3 {background: #4f4f4f;width: 83%;height: 25px;}.skill4 {background: #4f4f4f;width: 90%;height: 25px;}.skill5 {background: #4f4f4f;width: 95%;height: 25px;}#contact {width: 100%;height: 650px;position: relative;}#contact .bg2 {/*background: url(../images/intro-bg.jpg) 0 0 repeat fixed*/;margin: 0 auto;padding: 0;position: absolute;z-index: 200;width: 100%;height: 750px;}.dotted-bar3 {background: url(../images/dotted-bg-transp.html) repeat;width: 100%;height: 44px;position: absolute;z-index: 300;text-align: center;margin-top: -10px; /* Changes on 1.10.12 */margin-bottom: 60px;}.top2 {background: url(../images/top2.html) no-repeat;width: 223px;height: 34px;top: 6px;position: relative;margin: auto;display: inline-block;}.top2:hover {background-position: 0 -34px;}#contact h2 {color: #000;margin-top: 170px;position: relative;z-index: 300;}#contact span.line, #contact span.line2 {background: #fff;width: 320px;}#contact span.line2 {margin-left: 1px;}#contact p.headline {color: #000;position: relative;z-index: 300;}.done {font-family: 'Open Sans', sans-serif;color: #fff;font-size: 14px;margin-bottom: 15px;padding: 10px;display: none;}.contact-form {position: relative;z-index: 300;}.contact-form p {font-family: 'Open Sans', sans-serif;font-size: 13px;color: #000;text-transform: uppercase;margin-bottom: 2px;}.contact-form input {background: url(../images/cf-bg.html) repeat;width: 98%;height: 18px;margin-bottom: 10px;padding-left: 4px;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 14px;color: #fff;border: 0;}.contact-form textarea {background: url(../images/cf-bg.html) repeat;margin-bottom: 10px;padding-left: 5px;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 15px;color: #fff;width: 98%;height: 125px;border: 0;}.contact-form input.submit-button {background: #fcd996;color: #2d2d2d;font-family: 'Open Sans', sans-serif;font-weight: 400;text-transform: uppercase;font-style: normal;font-size: 12px;width: 60px;margin-top: 5px;padding: 1px;height: 25px;text-align: center;border: 0;}.contact-form input.submit-button:hover {background: #fae3b6;}.map {margin-top: 26px;width: 100%;border: 4px solid #333333;position: relative;z-index: 300;}.contact-info {position: relative;z-index: 300;}.contact-info {margin-top: 20px;}.contact-info p {margin-bottom: 5px;line-height: 25px;color: #000;font-size: 14px;}.contact-info img {margin-left: 6px;margin-right: 10px;vertical-align: middle;}.copyright {background: url(../images/dotted-bg-transp.html) repeat;text-align: center;position: relative;z-index: 300;margin-top: 30px;margin-bottom: 0;padding: 10px 0 10px 0;}.copyright p {color: #e4e4e4;font-size: 11px;margin-bottom: 0;}@media only screen and (max-width: 959px) {span.line, span.line2, span.line3, span.line4 {display: none;}.featured-item {display: none;}.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;top: 300px;}.rslides li {position: absolute;display: none;width: 100%;left: 0;top: 0;}}@media only screen and (min-width: 768px) and (max-width: 959px) {h1.smallerh1 {font-size: 26px;font-weight: 400;line-height: normal;}}@media only screen and (max-width: 767px) {h1 {font-size: 80px;}h1.smallh1 {font-size: 40px;font-weight: 600;margin-bottom: 8px;}h1.smallerh1 {font-size: 30px;font-weight: 400;line-height: normal;}.menu2 a {padding: 0 8px 0 8px;}.portfolio {text-align: center;}.experience h3 {margin-top: 40px;}.skills h3 {margin-top: 40px;}#contact .bg2 {height: 1130px;}}@media only screen and (min-width: 480px) and (max-width: 767px) {.title {margin-top: 150px;}span.logo {display: none;}}@media only screen and (max-width: 479px) {nav {margin-top: 25px;}nav a {padding: 5px 8px 5px 8px;}span.logo {display: none;}#intro {height: 450px;}.title {margin-top: 80px;}h1 {font-size: 40px;margin-bottom: 8px;}h1.smallh1 {font-size: 30px;font-weight: 600;margin-bottom: 8px;}h1.smallerh1 {font-size: 20px;font-weight: 400;line-height: normal;margin-bottom: 20px;}.social ul li {display: inline;margin: 0 3px 0 3px;}.menu2 a {padding: 8px 10px 0 10px;}}

#career{background: url(../images/bg.html) repeat;position: relative;z-index: 300;padding: 90px 0 70px 0;text-align: center;}
#team{background: url(../images/bg.html) repeat;position: relative;z-index: 300;padding: 90px 0 70px 0;text-align: center;}

/*===== Service panel =====*/
.dot{border:0;/* border-right:1px dotted #333 !important;*/ display:block; background:none;  margin:5px 0; margin-left:10px; padding:0; width:230px; float:left; color:#333; transition:background 0.8s; -webkit-transition:background 0.8s; -moz-transition:background 0.8s; -o-transition:background 0.8s;}
.separator{display:block; border-right:1px dotted #CCC; float:left; height:150px; margin-top:20px; margin-left:5px; vertical-align:bottom;}
.service_holder{width:980px; float:left; margin-left:0px; position:relative;}
.dot:first-child{margin-left:0;}
.dot:hover{background:#DDF79B; color:#004E34 !important; }
.dot span{width:86px; height:92px; margin-left:60px; margin-bottom:5px; }
.dot h4{font:bold 15px 'Open Sans'; color:inherit; text-align:center; margin:0; text-transform:uppercase;}
.dot p{width:220px; float:left; font:normal 12px "Tahoma", Geneva, sans-serif; color:inherit; text-align:center; line-height:18px; padding-left:2px;padding-bottom:20px; }
#email span{background:url(../images/email.html) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#email:hover span{background-position:0 -92px;}
#ecom span{background:url(../images/ecommerce.html) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#ecom:hover span{background-position:0 -92px;}
#cms span{background:url(../images/cms.html) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#cms:hover span{background-position:0 -92px;}
#webserv span{background:url(../images/web_services.html) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#webserv:hover span{background-position:0 -92px;}
#seo span{background:url(../images/seo.html) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#seo:hover span{background-position:0 -92px;}
#design span{background:url(../images/web_design.png) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#design:hover span{background-position:0 -92px;}
#webapp span{background:url(../images/web_mobile_apps.png) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#webapp:hover span{background-position:0 -92px;}
#mobileapp span{background:url(../images/mobile_app.png) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#mobileapp:hover span{background-position:0 -92px;}
#elearn span{background:url(../images/elearning.html) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#elearn:hover span{background-position:0 -92px;}
#gamedev span{background:url(../images/gamedev.html) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#gamedev:hover span{background-position:0 -92px;}
#logodev span{background:url(../images/logodev.html) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#logodev:hover span{background-position:0 -92px;}
#copy span{background:url(../images/copywriting.html) 50% 0 no-repeat; margin-left:0px; display:block; transition:background-position 0.5s; -webkit-transition:background-position 0.5s; -moz-transition:background-position 0.5s; -o-transition:background-position 0.5s;}
#copy:hover span{background-position:0 -92px;}

/* Team page styles */
.team_holder{width:940px;float:left; margin-top:10px; position:relative;}
.team_container{width:285px; height:340px; float:left; position:relative; margin-left:22px; margin-bottom:35px;}
.team_container:first-child, .team_container:nth-child(4),  .team_container:nth-child(7), .team_container:nth-child(10), .team_container:nth-child(13){margin-left:0;}
.team_container img.team_img{display:block; width:290px; height:193px; float:left; margin-top:5px; border:1px solid #333;}
.team_container h4{width:290px; margin:0; padding-top:5px; float:left; font:bold 15px 'Open Sans'; color:#333; text-align:left; position:relative;}
.team_container p{float:left; width:290px; margin-bottom:5px; padding:5px 0; font:normal 13px "Tahoma", Geneva, sans-serif; color:#999; line-height:18px; text-align:left; position:relative; /*border-bottom:1px dotted #333;*/}
.arrow{	background: url(../images/arrow.html) no-repeat top center transparent;height: 6px;width: 12px;margin: -6px 0 0 17px; float:left; position: relative;}
.connect{float:left; width:280px;}
.connect a{width:auto; float:left; font:normal 11px "Arial", Helvetica, sans-serif; color:black; text-align:left; text-decoration:none; margin-left:2px;}
.connect span{width:auto; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#333; text-align:left; margin:0 2px;}
.connect a:first-child {margin-left:0;}
.connect a:hover{display:block; background:#DDF79B; color:white;}
.team_container h4.small_desc{width:290px;float:left; padding:2px 0; font:normal 12px 'Open Sans'; color:#000; text-align:left;}

.about_content h3{width:250px; margin-top:30px; margin-bottom:8px;  float:left; font:bold 15px 'Open Sans'; color:#333; text-align:left; position:relative; border-bottom:1px solid #333; padding-bottom:5px;}
.about_content h3.about_infomedia{background:url(../images/about_bg.html) top center no-repeat; width:250px; height:49px; margin-left:100px;}
.about_content h3.work_flow{background:url(../images/how_work_icon.html) top center no-repeat; width:250px; height:49px;}
.about_content h3.our_vision{background:url(../images/our_vision_icon.html) top center no-repeat; width:250px; height:49px;}
.about_content p{width:250px; float:left; position:relative; font:normal 13px Arial, Helvetica, sans-serif; color:#000; text-align:justify; padding-top:190px; line-height:18px; margin-left:-260px;  padding:15px; margin-top:90px;}
.career_content h3{width:900px; margin:0; padding-top:5px; float:left; font:bold 15px 'Open Sans'; color:#333; text-align:left; position:relative; border-bottom:1px solid #333; padding-bottom:10px;}
.career_content p{width:900px; float:left; position:relative; font:normal 13px Arial, Helvetica, sans-serif; color:#000; text-align:justify; padding-top:5px; line-height:18px }


/* For Portfolio Holder */
.portfolio_holder{width:980px; float:left; margin-left:0px; position:relative;}
.bwWrapper {position:relative;	display:block;}

.sticky_not{ width:217px; height:225px; float:left; background:url(../images/stick_not.html) no-repeat; z-index:60000; margin-left:70px; margin-top:-270px;}

.sticky_not p{
	             padding-top:60px; color:#5c310e; font-size:16px; margin-left:-28px; font-style:italic;}











/*..........................................................css......................................................................*/



.css_switcher {position: fixed;z-index: 1000;width: 40px;height: 40px;top: 220px;left: 0;background: #fff;-webkit-box-shadow: 0px 0px 3px 1px #484848;box-shadow: 0px 0px 3px 1px #484848;}.css_switcher img {margin: 7px 0 0 6px;text-align: center;}.slidingDiv {position: fixed;z-index: 960;top: 261px;left: 0;background: #fff;height: auto;width: auto;-webkit-box-shadow: 0px 0px 3px 1px #484848;box-shadow: 0px 0px 3px 1px #484848;}.slidingDiv p {margin: 7px 0 7px 8px;font-size: 13px;}.slidingDiv a {display: block;padding: 3px 8px 3px 8px;text-decoration: none;color: #363636;font-family: 'Open Sans', sans-serif;font-size: 12px;}.slidingDiv a:hover {color: #fff;background: #363636;}.show_hide {display:none;}p, h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif;}p {line-height: 24px;font-size: 16px;font-weight: 400;}h1 {font-size: 100px;font-weight: 700;color: #fff;margin-bottom: 50px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);filter: dropshadow(color=rgba(0, 0, 0, 0.5), offx=1, offy=1);}h1.smallh1 {font-size: 50px;font-weight: 600;margin-bottom: 10px;}/*h1.smallerh1 {font-size: 36px;font-weight: 400;line-height: normal;}*/h2 {font-size: 40px;font-weight: 700;color: #3d3d3d;text-align: center;margin-bottom: 20px;}h3 {font-size: 24px;color: #3d3d3d;border-bottom: 1px solid #bebebe;margin-bottom: 30px;}h4 {font-size: 22px;text-transform: uppercase;color: #333333;margin-top: 20px;}p.headline {font-size: 22px;text-align: center;margin-bottom: 50px;color: #3d3d3d;}body {background: url(../images/bg.html) repeat;}.dotted-bar {background: url(../images/dotted-bg.html) repeat;width: 100%;height: 37px;position: relative;z-index: 600;}h2 img {margin-bottom: 4px;display: inline-block;}span.line {background: #6f6f6f;width: 358px;height: 1px;display: inline-block;margin-bottom: 14px;margin-right: 15px;}span.line2 {background: #6f6f6f;width: 358px;height: 1px;display: inline-block;margin-bottom: 14px;margin-left: 15px;}span.line3 {background: #6f6f6f;width: 330px;height: 1px;display: inline-block;margin-bottom: 14px;margin-right: 15px;}span.line4 {background: #6f6f6f;width: 330px;height: 1px;display: inline-block;margin-bottom: 14px;margin-left: 15px;}.dotted-bar2 {background: url(../images/dotted-bg.html) repeat;width: 100%;height: 44px;position: relative;z-index: 300;text-align: center;}.dotted-bar2 a, .dotted-bar3 a {display: inline-block;}.top {background: url(../images/top.html) no-repeat;width: 223px;height: 34px;top: 6px;position: relative;margin: auto;display: inline-block;}.top:hover {background-position: 0 -34px;}/*.top-bar {background: #fcd996;width: 100%;height: 2px;position: fixed;z-index: 200;}*/#intro {width: 100%;height: 650px;text-align: center;}#intro .bg1 {/*background: url(../images/intro-bg.jpg) repeat fixed;*/margin: 0 auto;padding: 0;position: absolute;z-index: 100;width: 100%;height: 650px;}nav {text-align: center;position: fixed;width: 100%;margin-top: 60px;z-index: 150;}nav a {font-size: 16px;color: #fff;text-decoration: none;padding: 5px 25px 5px 25px;text-transform: uppercase;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);filter: dropshadow(color=rgba(0, 0, 0, 0.5), offx=1, offy=1);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color;-moz-transition-property: color;-o-transition-property: color;transition-property: color;}nav a:visited {color: #fff;}nav a:hover {color: #000000;}nav ul li {display: inline;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;margin-left: -2px;margin-right: -2px;padding: 13px 0 10px 0;position: relative;}ul li:nth-child(3) {border: 0;}/*span.logo {background: url(../images/logo.png) no-repeat;width: 120px;height: 120px;display: inline-block;top: -45px;position: relative;margin: 0 20px 0 20px;}span.logotext {font-family: 'Marck Script', cursive;font-size: 50px;color: #fff;top: 52px;position: relative;}*/.title {margin-top: 200px;width: 100%;text-align: center;position: fixed;z-index: 150;}.social {width: 100%;text-align: center;}.social ul li {display: inline;margin: 0 8px 0 8px;}.facebook {background: url(../images/icn-facebook.html) no-repeat 0 0;width: 50px;height: 51px;display: inline-block;}.twitter {background: url(../images/icn-twitter.html) no-repeat 0 0;width: 50px;height: 51px;display: inline-block;}.gplus {background: url(../images/icn-gplus.html) no-repeat 0 0;width: 50px;height: 51px;display: inline-block;}.dribbble {background: url(../images/icn-dribbble.html) no-repeat 0 0;width: 51px;height: 51px;display: inline-block;}.linkedin {background: url(../images/icn-linkedin.html) no-repeat 0 0;width: 51px;height: 51px;display: inline-block;} .skype {background: url(../images/icn-skype.html) no-repeat 0 0;width: 51px;height: 51px;display: inline-block;}
.sprite {-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-property: background-position;-moz-transition-property: background-position;-o-transition-property: background-position;transition-property: background-position;}.sprite:hover {background-position: 0 -51px;}.nav2 {background: #333333;width: 100%;height: 34px;margin-top: -34px;text-align: center;position: relative;z-index: 500;-webkit-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5);box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.5);}.nav2 a {color: #fff;text-transform: uppercase;text-decoration: none;padding: 0 18px 0 18px;padding-top: 8px;display: inline-block;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color;-moz-transition-property: color;-o-transition-property: color;transition-property: color;}.nav2 a:visited {color: #fff;}.nav2 a:hover {color: #fcd996;}.nav2 ul li {display: inline;}#work {background: url(../images/bg.html) repeat;position: relative;z-index: 300;padding: 80px 0 70px 0;}.imac {background: url(../images/imac.html);width: 459px;height: 349px;position: relative;}.portfolio h3 {margin-top: 40px;}.portfolio img {-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: -webkit-box-shadow;-moz-transition-property: -moz-box-shadow;-o-transition-property: -o-box-shadow;transition-property: box-shadow;}.portfolio img:hover {-webkit-box-shadow:0px 0px 0px 4px #fcd996;box-shadow:0px 0px 0px 4px #fcd996;}p.proj-name {border-bottom: 1px solid #bebebe;padding-bottom: 2px;margin-bottom: 0;color: #363636;}p.proj-desc {line-height: normal;font-size: 13px;margin-top: 6px;margin-bottom: 35px;color: #000;}#services {background: url(../images/bg.html) repeat;position: relative;z-index: 300;padding: 90px 0 70px 0;text-align: center;}img.serv-icon {-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}img.serv-icon:hover {opacity: 0.7;} p.serv {font-size: 14px;margin-top: 20px;color: #6d6d6d;}.bg {background: url(../images/bg.html);position: relative;z-index: 300;}.testimonial {background: url(../images/bg.html) repeat;position: relative;padding-bottom: 30px;z-index: 300;}.testimonial p {font-size: 20px;text-align: center;font-style: italic;border-top: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;padding: 15px 0 15px 0;}.hire {background: url(../images/bg.html) repeat;text-align: center;position: relative;z-index: 300;padding-bottom: 50px;margin: auto;}#about {background: url(../images/bg.html) repeat;position: relative;z-index: 300;padding: 90px 0 100px 0;}.last_tweets {background: url(../images/dotted-bg2.html) repeat;padding: 20px;}#twitter_update_list {font-size: 13px;color: #585757;}#twitter_update_list a {color: #7b7b7b;text-decoration: none;}#twitter_update_list a:visited {color: #7b7b7b;}#twitter_update_list a:hover {text-decoration: underline;}#twitter_update_list li {list-style-type: none;margin-bottom: 15px;}.experience p {margin-bottom: 2px;}p.line2nd {font-size: 13px;line-height: normal;color: #7f7f7f;margin-bottom: 8px;}.skill-bg {background: #e7e7e7;width: 100%;height: 25px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}.skill-bg:hover {opacity: 0.8;}.skills p {font-size: 12px;font-weight: 400;text-transform: uppercase;color: #646464;margin-bottom: 5px;}.skill1 {background: #4f4f4f;width: 70%;height: 25px;}.skill2 {background: #4f4f4f;width: 77%;height: 25px;}.skill3 {background: #4f4f4f;width: 83%;height: 25px;}.skill4 {background: #4f4f4f;width: 90%;height: 25px;}.skill5 {background: #4f4f4f;width: 95%;height: 25px;}#contact {width: 100%;height: 650px;position: relative;}#contact .bg2 {/*background: url(../images/intro-bg.jpg) 0 0 repeat fixed;*/margin: 0 auto;padding: 0;position: absolute;z-index: 200;width: 100%;height: 750px;}.dotted-bar3 {background: url(../images/dotted-bg-transp.html) repeat;width: 100%;height: 44px;position: absolute;z-index: 300;text-align: center;margin-top:-10px;margin-bottom: 60px;}.top2 {background: url(../images/top2.html) no-repeat;width: 223px;height: 34px;top: 6px;position: relative;margin: auto;display: inline-block;}.top2:hover {background-position: 0 -34px;}#contact h2 {color: #000;margin-top: 80px;position: relative;z-index: 300;}#contact span.line, #contact span.line2 {background: #fff;width: 320px;}#contact span.line2 {margin-left: 15px;}#contact p.headline {color: #000;position: relative;z-index: 300;}.done {font-family: 'Open Sans', sans-serif;color: #000;font-size: 14px;margin-bottom: 15px;padding: 10px;display: none;}.contact-form {position: relative;z-index: 300;}.contact-form p {font-family: 'Open Sans', sans-serif;font-size: 13px;color: #000;text-transform: uppercase;margin-bottom: 2px;}.contact-form input {background: url(../images/cf-bg.html) repeat;width: 98%;height: 18px;margin-bottom: 10px;padding-left: 4px;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 14px;color: #fff;border: 0;}.contact-form textarea {background: url(../images/cf-bg.html) repeat;margin-bottom: 10px;padding-left: 5px;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 15px;color: #fff;width: 98%;height: 125px;border: 0;}.contact-form input.submit-button {background: #fcd996;color: #2d2d2d;font-family: 'Open Sans', sans-serif;font-weight: 400;text-transform: uppercase;font-style: normal;font-size: 12px;width: 60px;margin-top: 5px;padding: 1px;height: 25px;text-align: center;border: 0;}.contact-form input.submit-button:hover {background: #fae3b6;}.map {margin-top: 26px;width: 100%;border: 4px solid #333333;position: relative;z-index: 300;}.contact-info {position: relative;z-index: 300;}.contact-info {margin-top: 20px;}.contact-info p {margin-bottom: 5px;line-height: 25px;color: #000;font-size: 14px;}.contact-info img {margin-left: 6px;margin-right: 10px;vertical-align: middle;}.copyright {background: url(../images/dotted-bg-transp.html) repeat;text-align: center;position: relative;z-index: 300;margin-top: 30px;margin-bottom: 0;padding: 10px 0 10px 0;}.copyright p {color: #e4e4e4;font-size: 11px;margin-bottom: 0;}@media only screen and (max-width: 959px) {span.line, span.line2, span.line3, span.line4 {display: none;}.featured-item {display: none;}.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;top: 300px;}.rslides li {position: absolute;display: none;width: 100%;left: 0;top: 0;}}@media only screen and (min-width: 768px) and (max-width: 959px) {h1.smallerh1 {font-size: 26px;font-weight: 400;line-height: normal;}}@media only screen and (max-width: 767px) {h1 {font-size: 80px;}h1.smallh1 {font-size: 40px;font-weight: 600;margin-bottom: 8px;}h1.smallerh1 {font-size: 30px;font-weight: 400;line-height: normal;}.nav2 a {padding: 0 8px 0 8px;}.portfolio {text-align: center;}.experience h3 {margin-top: 40px;}.skills h3 {margin-top: 40px;}#contact .bg2 {height: 1130px;}}@media only screen and (min-width: 480px) and (max-width: 767px) {.title {margin-top: 150px;}span.logo {display: none;}}@media only screen and (max-width: 479px) {nav {margin-top: 25px;}nav a {padding: 5px 8px 5px 8px;}span.logo {display: none;}#intro {height: 450px;}.title {margin-top: 80px;}h1 {font-size: 40px;margin-bottom: 8px;}h1.smallh1 {font-size: 30px;font-weight: 600;margin-bottom: 8px;}h1.smallerh1 {font-size: 20px;font-weight: 400;line-height: normal;margin-bottom: 20px;}.social ul li {display: inline;margin: 0 3px 0 3px;}.nav2 a {padding: 8px 10px 0 10px;}}



/*=====================================================================================*/
/*       5. SLIDER                                                                     */
/*=====================================================================================*/
#slider_wrapper { width: 700px; margin: 0 auto; margin-bottom: 100px; }
#slider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
#slider {width: 100%; margin: 0; padding: 0;}
#slider .slides > li {display: none;}
#slider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
#slider {background: #fff; position: relative; zoom: 1;}
#slider .slides {zoom: 1;}
#slider .slides > li {position: relative;}
.flex-caption {width: 100%; height: 33px; line-height: 33px; position: absolute; left: 0%; bottom: 5%; background: #FFF; color: #414141; font-size: 17px; font-family: 'Fjord One', 'Times New Roman', serif; text-align: center; }
.flex-direction-nav li a {width: 71px; height: 71px; display: none; background: url(../styles/images/sprite.html) 0px 0px no-repeat; position: absolute; top: 37%; cursor: pointer; text-indent: -9999px;}
#slider:hover .flex-direction-nav li a { display: block; }
.flex-direction-nav li .next {background-position: -71px 0; right: 10px;}
.flex-direction-nav li .prev {left: 10px;}
.flex-direction-nav li .disabled {opacity: 0.3; filter:alpha(opacity=30); cursor: default;}
.flex-control-nav {width: 100%; position: absolute; bottom: 5px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: #272727; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover, .flex-control-nav li a.active { width: 11px; height: 11px; border: 1px solid #272727; background: #FFF; }



/*=====================================================================================*/
/*       6. PORTFOLIO                                                                  */
/*=====================================================================================*/
#portfolio { margin-bottom: 100px; }

/*--- 1. Filter ---*/
div#filter_wrapper { float: left; position: relative;  margin-bottom: 15px; left: 0%; width:100%;}
ul#portfolioFilter { line-height: 18px; float: left; position: relative; left: 0%; }
ul#portfolioFilter li { float: left; padding-right: 24px; padding-left: 24px; background: url(../styles/images/filter_separator.html) 0px 0px no-repeat; }
ul#portfolioFilter li:first-child { background: transparent; }
ul#portfolioFilter li a{font:bold 14px Tahoma, Geneva, sans-serif; color:#666; text-decoration:none; text-transform:uppercase;}

/*--- 2. Items ---*/
div#portfolio_items { width: 100%; overflow: hidden;}
ul.sortablePortfolio { width: 1050px; line-height: 1; }
ul.sortablePortfolio li { width: 254px; height: 167px; float: left; display: block; margin-right: 50px; margin-bottom: 40px; border:1px solid #CCC; }
ul.sortablePortfolio li .item_content { width: 100%; height: 100%; position: relative; /*border-radius: 130px; -moz-border-radius: 130px;; -webkit-border-radius: 130px; behavior: url(PIE.htc);*/ }
ul.sortablePortfolio li .item_content img { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; max-width: 100%;/* border-radius: 130px; -moz-border-radius: 130px;; -webkit-border-radius: 130px; behavior: url(PIE.htc);*/ }
ul.sortablePortfolio li .item_content .hidden { position: absolute; top: 0px; left: 0px; z-index: 2; display: none; width: 100%; height: 100%; /*border-radius: 130px; -moz-border-radius: 130px;; -webkit-border-radius: 130px; behavior: url(PIE.htc);*/ background: url(../styles/images/overlay.html); }
ul.sortablePortfolio li .item_content .hidden .hidden_content { position: relative; width: 100%; height: 100%; /*border-radius: 130px;; -moz-border-radius: 130px; -webkit-border-radius: 130px; behavior: url(PIE.htc);*/ }
ul.sortablePortfolio li .item_content .hidden .hidden_content p { position: absolute; top: 48%; left: 0%; width: 100%; text-align: center; text-transform: uppercase; font-size: 15px; color: #FFF; }
ul.sortablePortfolio li .item_content .hidden .hidden_content a.information { display: block; position: absolute; top:64%; left:33%; width: 38px; height: 38px; background: url(../styles/images/sprite.html) -142px -41px no-repeat; }
ul.sortablePortfolio li .item_content .hidden .hidden_content a.information:hover { background: url(../styles/images/sprite.html) -180px -41px no-repeat; }
ul.sortablePortfolio li .item_content .hidden .hidden_content a.link { display: block; position: absolute; top:64%; right:33%; width: 38px; height: 38px; background: url(../styles/images/sprite.html) -219px -46px no-repeat; }
ul.sortablePortfolio li .item_content .hidden .hidden_content a.link:hover { background: url(../styles/images/sprite.html) -257px -46px no-repeat; }

/*--- 3. Item Page ---*/
div.item { width: 100%; max-width: 960px; margin: 0 auto; margin-bottom: 5%; background: transparent; position: relative; }
div.details { float: right; width: 28%; margin-right: 7%; }
div.slideshow_wrapper { float: left; width: 60%; margin-right: 5%; position: relative; }
div.item a.close { width: 40px; height: 40px; display: block; position: absolute; top: 20%; right: 0%; background: url(../styles/images/sprite.html) -300px -44px no-repeat; }

/*- Item details -*/
div.details h3 { font-size: 20px; text-align: left; margin-bottom: 12px; }
div.details p { margin-bottom: 30px; text-align: justify; font-size:14px; }
div.details p a{text-decoration:none; font-size:14px;}
div.details p a:hover{text-decoration:underline;}
/*- Slider for item images -*/
.slideshow a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.slideshow {width: 100%; margin: 0; padding: 0;}
.slideshow .slides > li {display: none;}
.slideshow .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.slideshow {position: relative; zoom: 1;}
.slideshow .slides {zoom: 1;}
.slideshow .slides > li {position: relative;}
.slideshow .flex-caption {width: 100%; height: 36px; line-height: 36px; padding: 0%; position: absolute; left: 0%; bottom: 0%; background: #FFF; color: #333; font-size: 18px; text-align: center; opacity: 0.9; filter: alpha(opacity=90); }
.slideshow .flex-direction-nav li a {width: 50px; height: 50px; display: block; background: url(../styles/images/sprite.html) -340px 0px no-repeat; position: absolute; top: 10px; cursor: pointer; text-indent: -9999px; }
.slideshow .flex-direction-nav li .next {background-position: -390px 0; right: 10px;}
.slideshow .flex-direction-nav li .prev {left: auto; right: 70px;}
.slideshow .flex-direction-nav li .disabled {opacity: 0.3; filter:alpha(opacity=30); cursor: default;}
.slideshow .flex-control-nav {width: 100%; position: absolute; bottom: 5px; text-align: center;}
.slideshow .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.slideshow .flex-control-nav li:first-child {margin: 0;}
.slideshow .flex-control-nav li a {width: 13px; height: 13px; display: block; background: #272727; cursor: pointer; text-indent: -9999px;}
.slideshow .flex-control-nav li a:hover, .flex-control-nav li a.active { width: 11px; height: 11px; border: 1px solid #272727; background: #FFF; }

/*--- 4. Item container ---*/
div#item_container { width: 100%; max-width: 920px; display: none; position: relative; }

.tolow{padding-top:50px !important;}

.portfolio_san{width:auto; float:right;text-align:right; padding:0 90px 0 0;margin:0;color: #666666; font: bold 14px Tahoma,Geneva,sans-serif; text-decoration: none; text-transform: uppercase;}

.portfolio_san a{ text-decoration:none;}