/*  Designer : Hira Kumar Maharjan */
/*  Created Date : 11th Feb 2009 */
/*  Modified Date : July 25 2011 */
/*  Web Sementic and standard Code */

/* ### UNIVERSAL CSS ### */
html,body{height:100%; overflow-x:hidden }
body{}
*{ margin:0px; padding:0px; font-family:arial, AlMohanad; color:#464545; outline:none}
p{font-size:13px;}
big{font-size:18px}
small{font-size:10px;}
h1,h2,h3,h4,h5,h6,ul,ol,dl,p{margin:0px; padding:10px 0;}
h2{padding:13px 0}
a{ color:#0abcf6;}
body{background:url(../images/siteBg.png) repeat-x }
h2{font-family:"Century Gothic",Arial; color:#97c7d9; font-size:20px;}
h3{font-family:Arial; color:#464545; font-size:16px; padding:5px 0}
ul{list-style-type:none;}
li { background:url(../images/blueBullet.png) no-repeat 0 7px; padding:3px 0 3px 20px; font-size:80%; }
a img{border:none}
input.inputbox[type="button"], button{background:url(../images/btnBg.png) repeat-x}


.frontBox{width:1002px; margin:0 auto; text-align:center; position:relative; top:45px; }

/* ### INTRO ### */
.intro {width:480px; text-align:justify; float:left;  }
.intro p {font-size:90%; font-family:arial, AlMohanad; letter-spacing:0px}
.intro a.more{font-family:arial, AlMohanad;  font-size:90%; color:#00648d; text-decoration:none}

/* ### RECENT PROJECT ### */
.recentProject {width:370px; float:right; text-align:left; }
.recentProject h2{background:url(../images/moduleTitle.png) 0 0 no-repeat; width:196px; height:19px; text-indent:-99em; padding:0px;}
.recentProject ul{list-style:none; padding:20px 0 0 0;}
.recentProject ul li {padding:0px; margin:0px 0 15px 0; background:url(../images/recentProjectDivider.png) 0 100% no-repeat; position:relative;  padding:0 0 0 100px; height:80px;}
.recentProject ul li big{display:block; font-size:100%; font-weight:bold}
.recentProject ul li.vzMaster small{background:url(../images/recentProject.png) 0 0 no-repeat; }
.recentProject ul li.second small{background:url(../images/recentProject.png) 0 -78px no-repeat; }
.recentProject ul li.first small{background:url(../images/recentProject.png) 0 -5px no-repeat; }

.recentProject ul li small{display:block; width:100px; height:68px; left:-10px; top:3px; width:100px; position:absolute; text-indent:-999em; }
a.moreAllProjects{font-size:90%; height:16px; width:144px; display:block;}

/* ### Detail Recent Projects ### */
/* ### RECENT PROJECT ### */
.recentProjects { text-align:left; position:relative;}

.recentProjects ul{list-style:none; padding:20px 0 0 0;}
.recentProjects ul li {padding:0px; margin:0px 0 15px 0; background:none; border-bottom:dotted 1px #cccccc; position:relative;  padding:0 0 0 100px; height:80px;  float:left}
.recentProjects ul li big{display:block; font-size:150%; font-weight:bold}
.recentProjects ul li.vzMaster small{background:url(../images/recentProject.png) 0 0 no-repeat; }
.recentProjects ul li.realEstate small{background:url(../images/recentProject.png) 0 -90px no-repeat; }
.recentProjects ul li small{display:block; width:100px; height:68px; left:-10px; top:3px; width:100px; position:absolute; text-indent:-999em; }


/* ### HEADER ### */
DIV.logo{position:relative; width:1002px; margin:0 auto; top:60px; height:80px; text-align:center;}
DIV.logo H1 {margin: 0px; padding: 0px;  width:100%;}
DIV.logo H1 A{ background: url(../images/logo.png) no-repeat; display:block; width:253px; height:71px; text-indent:-99em;}
DIV.logo  small{display:block; position:absolute; left:-99em; }

H3.quote {padding:0px; position:absolute;  right:0;  top:0px; float:right}
H3.quote a{background:url(../images/getaQuote.png) 0 0 no-repeat; width:179px; height:121px; display:block; text-indent:-99em;}

/* ### WE DO ### */
.weDo {clear:both; width:1002px; margin:0 auto; overflow:hidden;}
.weDo H2{background:url(../images/moduleTitle.png) 0 -47px no-repeat; text-indent:-999em}
.weDo ul {padding:20px 0 0 0;}
.weDo li, .weDo li a {float:left; margin:0px; padding:0px; background:none;}
.weDo li {margin:0 10px}
.weDo li a {display:block; height:120px; width:110px; text-indent:-999em; border:solid 0px red}
.weDo li.softDev a{ background:url(../images/ourService.png) 23px 0 no-repeat}
.weDo li.webDev a{ background:url(../images/ourService.png) -117px 0 no-repeat}
.weDo li.html a{ background:url(../images/ourService.png) -246px 0 no-repeat}
.weDo li.webOpt a{ background:url(../images/ourService.png) -367px 0 no-repeat; width:152px}
.weDo li.outsource a{background:url(../images/ourService.png) -534px 0 no-repeat;}
.weDo li.domain a{background:url(../images/ourService.png) -666px 0 no-repeat; width:157px;}
.weDo li.linux a{background:url(../images/ourService.png) -830px 0 no-repeat; }
.weDo .next, .weDo .prev {width:28px; height:28px; display:block; overflow:hidden; position:absolute; text-indent:-999em; top:110px}
.weDo a.next{background:url(../images/arrowNav.png);}
.weDo a.next:hover{background:url(../images/arrowNav.png) -28px 0;}
.weDo a.prev{background:url(../images/arrowNav.png) -0 -28px; right:25px;}
.weDo a.prev:hover{background:url(../images/arrowNav.png) -28px -28px;}
.weDo small{background:url(../images/copyright.png) 0 0 no-repeat; width:356px; height:17px; display:block; clear:both; line-height:17px; padding:0 0 0 5px; float:right; margin:0px 0 0 0}


/* ### MAIN NAVIGATION ### */
div.mainNav {background: url(../images/menuBg.png) 0 0 repeat-x; display:block; height:33px; text-align:center; top:-80px;  width:auto; min-width:1002px; }
body#home div.mainNav{position:relative;}
div.mainNav ul{ width: 1002px; margin:0 auto; display:block; height:33px; list-style-type:none; padding:0px;}
div.mainNav ul li {float: left; background:none; margin:0px; padding:0px; }
div.mainNav ul li a{float:left; display:block; font-size:13px; line-height:15px; color:#ffffff; padding:5px 20px 7px 20px; position:relative; top:0px; text-decoration:none}
div.mainNav ul li ul li a{width:160px}
div.mainNav ul li ul li ul li a{width:120px}
div.mainNav ul li ul {display:block; left:-999em; position:absolute; z-index:999}
div.mainNav ul li:hover {background:#126a96}
div.mainNav ul li:hover ul{left:auto; margin:27px 0 0 0; z-index:99}
div.mainNav ul li:hover ul li{clear:both}
div.mainNav  ul li:hover ul li a{background:#0a425f; text-align:left}
div.mainNav ul li:hover ul li:hover a{clear:both; background:#126a96;}
div.mainNav ul li.quote{float:right;}
div.mainNav ul li ul li ul{display:none}
div.mainNav ul li ul li:hover ul {margin:0 0 0 200px; width:160px; background:red; display:block}
div.mainNav  ul li:hover ul li:hover ul li a{background:#0a425f }
div.mainNav  ul li:hover ul li:hover ul li a:hover{background:#126a96}
div.mainNav div.quote{width: 1002px; margin:0 auto; display:block; text-align:right; position:relative; }
div.quote a{background:url(../images/getquote.png) no-repeat; width:143px; display:block;  height:77px; position:absolute; left:875px; top:-55px; z-index:999; text-indent:-999em; }
div.mainNav ul li a.active, div.mainNav ul li a:hover{background:#0a425f;}


/* ### CONTENT ### */
.content { width:1002px; margin:0 auto; padding-top:14px; clear:both}
.contPanel {display:block; width:700px; float:left; padding:10px 0 0 0}
.rightPanel{width:253px; float:right; padding:15px 0 0 0}

/* ### Page Header ### */
h2.webDevelopment{background:url(../images/pageTitle.jpg) 0 -160px no-repeat; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.aboutUs{background:url(../images/pageTitle.jpg) 0 -80px no-repeat; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.services{background:url(../images/pageTitle.jpg) 0 -1040px no-repeat; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.softwareDevelopment{background:url(../images/pageTitle.jpg); height:80px; display:block; padding:0px; text-indent:-999em;}
h2.htmlSlicing{background:url(../images/pageTitle.jpg) 0 -320px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.seo{background:url(../images/pageTitle.jpg) 0 -400px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.domain{background:url(../images/pageTitle.jpg) 0 -240px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.linux{background:url(../images/pageTitle.jpg) 0 -480px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.contact{background:url(../images/pageTitle.jpg) 0 -960px; height:80px; display:block; padding:0px; text-indent:-999em;}

h2.portfolioWeb{background:url(../images/pageTitle.jpg) 0 -560px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.portfolioSoft{background:url(../images/pageTitle.jpg) 0 0px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.portGraphic{background:url(../images/pageTitle.jpg) 0 -640px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.portLinux{background:url(../images/pageTitle.jpg) 0 -720px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.outSource{background:url(../images/pageTitle.jpg) 0 -800px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.getAQuote{background:url(../images/pageTitle.jpg) 0 -880px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.aims{background:url(../images/pageTitle.jpg) 0 -1119px; height:80px; display:block; padding:0px; text-indent:-999em;}
h2.deskSupport{background:url(../images/pageTitle.jpg) 0 -1200px; height:80px; display:block; padding:0px; text-indent:-999em;}
/* ### Module ### */
.module{padding:10px 0}
.module h3{border-bottom:solid 1px #c0c0c0; color:#185b95; padding:0 0 5px 12px}
.module ul {margin:0px; padding:0px;}
.module ul li{ border-bottom:solid 1px #c0c0c0; background:none; padding:3px 0 3px 12px; margin:0px; }
.module ul li a{text-decoration:none; font-size:90%; color:#403f2e}

/* ### WHAT WE DO MODULE #### */
DIV.whatWeDo{background:url(../images/module.png) 0 0 no-repeat; padding:0 0 10px 8px}
DIV.whatWeDo h3{padding:7px 0 0 10px; color:#dcf1f9; font-weight:normal; font-size:100%; border:none}
DIV.whatWeDo ul {padding:15px 0 5px 0}
DIV.whatWeDo ul li { background:none; padding:3px 0; margin:0px; font-size:70%}
DIV.whatWeDo ul li a{color:#798386; text-decoration:none; padding:0 0 0 7px; font-size:100%}
DIV.whatWeDo a.more{font-size:80%; margin:0 0 0 7px;}

/* ### FOOTER ### */
.footer{clear:both; overflow:hidden; text-align:center; display:block; height:50px;  top:80px; background:url(../images/footerBg.png) 0 0 repeat-x}
.footer .inner{text-align:left; margin:0 auto; width:1002px; display:block; padding:15px 0 0 0; }
.footer h3 {color:#2c7690; font-family: Arial; background:url(../images/txt.png) 0 5px no-repeat; width:120px; height:10px; text-indent:-999em; display:block; margin:0px 0 0 0; float:left}

.footer ul{float:left; margin:0px; padding:0}
.footer ul li{float:left; background:none; padding:0px 0; margin:0px 2px 0 0; }
.footer a{color:#1786ae; font-size:90%; padding:0px; margin:0px 5px 0 3px; float:left; text-decoration:none; display:block; width:25px; height:25px; text-indent:-999em;}
.footer a.facebook{background:url(../images/bookmark.jpg) -25px 0 no-repeat}
.footer a.twitter{background:url(../images/bookmark.jpg) -25px -50px no-repeat}
.footer a.linkin{background:url(../images/bookmark.jpg) -25px -25px no-repeat}
.footer a.facebook:hover{background:url(../images/bookmark.jpg) 0px 0 no-repeat}
.footer a.twitter:hover{background:url(../images/bookmark.jpg) 0px -50px no-repeat}
.footer a.linkin:hover{background:url(../images/bookmark.jpg) 0px -25px no-repeat}
.footer .right{float:right; width:45%; text-align:right}
.footer .left{float:left; width:45%;}
.footer .left ul{padding:0px 0 0 12px}
.footer small {color:#1786ae;}
.footer .recomended {clear:both; display:block; font-size:70%; color:#2c7690; }
.footer strong {color:#2c7690}
.footer .right small{padding:5px 0 0 0; display:block; font-size:75%;}
.imgRight{float:right; padding:0 0px 10px 10px}
.imgLeft{float:left; padding:10px 10px 0px 0px}

.footerBlock{display:block; position:static; top:25px; clear:both; border:solid 0px red; width:988px; padding-top:25px;  margin:0px auto 0 auto; overflow:hidden;}
/* ### PORTFOLIO PAGE : Web Development ### */
.portfolio .box{background:url(../images/portfolioBg.png) no-repeat; width:672px; height:299px; margin:0 0 18px 0; padding: 21px 30px 0 19px }
.portfolio h3{ display:block; text-indent:-999em; height:70px }
.portfolio .cont{display:block;  width:340px; overflow:auto; height:150px;}
.portfolio .leftSide{float:left; width:320px; display:block;}
.portfolio a.viewOnline{display:block;background:url(../images/viewOnline.png) 0 0 no-repeat; clear:both; width:99px; height:28px; text-indent:-999em; }
.portfolio a.viewDetail{display:block;background:url(../images/viewOnline.png) 0 -63px no-repeat; clear:both; width:99px; height:28px; text-indent:-999em; }
.portfolio .rightSide {width:217px; height:255px; float:right; display:block; }

/* NTV */
.portfolio .ntv h3{ background: url("../images/ntvlogo.png") repeat scroll 0 0 transparent; height: 70px; width: 248px;}
.portfolio .ntv .rightSide{    background:url(../images/ntv.jpg) 0 0; height: 195px;
    width: 217px;}
.portfolio .ntv .cont{height:141px;}

/* Investment club */
.portfolio .investment h3{ background: url("../images/logo-may.png") repeat scroll 0 -19px transparent; height: 69px; width: 305px;}
.portfolio .investment .rightSide{    background:url(../images/portfolio-page.jpg) -1163px 0;}
.portfolio .investment .cont{height:150px;}


/* ENPHO */
.portfolio .enpho h3{ background: url("../images/logo-may.png") repeat scroll -308px -17px transparent; height: 69px; width: 131px;}
.portfolio .enpho .rightSide{    background:url(../images/portfolio-page.jpg) -25px 0; width:200px;}
.portfolio .enpho .cont{height:150px;}


/* Crossover Web */
.portfolio .crossoverweb h3{  background: url("../images/logo-may.png") repeat scroll -461px -17px transparent; height: 69px;  width: 272px;}
.portfolio .crossoverweb .rightSide{    background:url(../images/portfolio-page.jpg) -1405px 0; width:217px;}
.portfolio .crossoverweb .cont{height:150px;}

/* EWS */
.portfolio .ews h3{  background: url("../images/logo-may.png") repeat scroll -461px -17px transparent; height: 69px;  width: 272px;}
.portfolio .ews .rightSide{    background:url(../images/portfolio-page.jpg) -1405px 0; width:200px;}
.portfolio .ews .cont{height:150px;}

/* MEYADO */
.portfolio .meyado h3{  background: url("../images/logo-may.png") repeat scroll -743px -11px transparent; height: 80px;  width: 140px;}
.portfolio .meyado .rightSide{    background:url(../images/portfolio-page.jpg) -2115px 0; }
.portfolio .meyado .cont{height:140px;}

/* Adventure Camp */
.portfolio .adventure h3{width:260px; height:69px; background:url(../images/webPortfolioLogo.png) -876px 0; }
.portfolio .adventure .rightSide{    background:url(../images/webPortfolio.jpg) -4089px 0;}
.portfolio .adventure .cont{height:150px;}

/* Smart Food */
.portfolio .smartFood h3{width:260px; height:69px; background:url(../images/webPortfolioLogo.png) -619px 0; }
.portfolio .smartFood .rightSide{    background:url(../images/webPortfolio.jpg) -3651px 0;}
.portfolio .smartFood .cont{height:150px;}

/* SPA Allieance */
.portfolio .spa h3{width:128px; height:93px; background:url(../images/webPortfolioLogo.png) -489px 0; }
.portfolio .spa .rightSide{    background:url(../images/webPortfolio.jpg) -3879px 0;}
.portfolio .spa .cont{height:127px;}

/* Property Allieance */
.portfolio .property h3{width:207px; height:65px; background:url(../images/webPortfolioLogo.png) -272px 0; }
.portfolio .property .rightSide{    background:url(../images/webPortfolio.jpg) -3429px 0;}
.portfolio .property .cont{height:154px;}

/* NAME */

.portfolio .name h3{width:155px; height:54px; background:url(../images/webPortfolioLogo.png) 0 0; }
.portfolio .name .rightSide{    background:url(../images/webPortfolio.jpg) -4315px 0;}
.portfolio .name .cont{height:165px;}

/* NAME */
.portfolio .name h3{ background: url("../images/logo-may.png") repeat scroll -893px -16px transparent; height: 54px; width: 122px;}
.portfolio .name .rightSide{ background:url(../images/webPortfolio.jpg) -4315px 0;}
.portfolio .name .cont{height:165px;}

/* LOONIVA */
.portfolio .looniva h3{ background: url("../images/logo-may.png") repeat scroll -1034px -11px transparent;  height: 71px;  width: 95px;}
.portfolio .looniva .rightSide{ background:url(../images/portfolio-page.jpg) -693px 0;}
.portfolio .looniva .cont{height:148px;}

/* saja */
.portfolio .saja h3{background: url("../images/logo-may.png") repeat scroll -1146px -11px transparent; height: 71px; width: 228px;}
.portfolio .saja .rightSide{ background:url(../images/portfolio-page.jpg) -1642px 0;}
.portfolio .saja .cont{height:148px;}

/* WINE */
.portfolio .wine h3{ background: url("../images/logo-may.png") repeat scroll -1383px -11px transparent; height: 71px; width: 70px;}
.portfolio .wine .rightSide{ background:url(../images/portfolio-page.jpg) -2345px 0;}
.portfolio .wine .cont{height:148px;}

/* OREN */
.portfolio .oren h3{ background: url("../images/logo-may.png") repeat scroll -1469px -11px transparent; height: 71px; width: 117px;}
.portfolio .oren .rightSide{ background:url(../images/portfolio-page.jpg) -2576px 0;}
.portfolio .oren .cont{height:148px;}

/* MERO TUTOR */
.portfolio .meroTutor h3{ background: url("../images/logo-may.png") repeat scroll -1588px -11px transparent; height: 71px; width: 154px;}
.portfolio .meroTutor .rightSide{ background:url(../images/portfolio-page.jpg) -2810px 0;}
.portfolio .meroTutor .cont{height:148px;}

/* NCCN */
.portfolio .nccn h3{ background: url("../images/logo-may.png") repeat scroll -1765px -11px transparent; height: 71px; width: 356px;}
.portfolio .nccn .rightSide{ background:url(../images/portfolio-page.jpg) -462px 0;}
.portfolio .nccn .cont{height:148px;}


/* AGRADE */
.portfolio .agrade h3{ background: url("../images/logo-may.png") repeat scroll -2135px -11px transparent; height: 71px; width: 183px;}
.portfolio .agrade .rightSide{ background:url(../images/portfolio-page.jpg) -1873px 0;}
.portfolio .agrade .cont{height:148px;}

/* LOYALTY */
.portfolio .loyalty h3{ background: url("../images/logo-may.png") repeat scroll -2353px -11px transparent; height: 71px; width: 243px;}
.portfolio .loyalty .rightSide{ background:url(../images/portfolio-page.jpg) -925px 0;}
.portfolio .loyalty .cont{height:148px;}


/* NASR */
.portfolio .nasr h3{ background: url("../images/logo-may.png") repeat scroll -2622px -11px transparent; height: 71px; width: 148px;}
.portfolio .nasr .rightSide{ background:url(../images/portfolio-page.jpg) -3305px 0;}
.portfolio .nasr .cont{height:148px;}

/* ELKE */
.portfolio .elke h3{ background: url("../images/logo-may.png") repeat scroll -2782px -11px transparent; height: 71px; width: 243px;}
.portfolio .elke .rightSide{ background:url(../images/portfolio-page.jpg) -3060px 0;}
.portfolio .elke .cont{height:148px;}

/* ADESUA */
.portfolio .adesua h3{ background: url("../images/logo-may.png") repeat scroll -3074px -11px transparent; height: 71px; width: 173px;}
.portfolio .adesua .rightSide{ background:url(../images/portfolio-page.jpg) -3540px 0;}
.portfolio .adesua .cont{height:148px;}

/* tibout */
.portfolio .tibout h3{ background: url("../images/logo-may.png") repeat scroll -3263px -11px transparent; height: 71px; width: 263px;}
.portfolio .tibout .rightSide{ background:url(../images/portfolio-page.jpg) -3783px 0;}
.portfolio .tibout .cont{height:148px;}


/* sullivan */
.portfolio .sullivan h3{ background: url("../images/logo-may.png") repeat scroll -3540px -11px transparent; height: 71px; width: 167px;}
.portfolio .sullivan .rightSide{ background:url(../images/portfolio-page.jpg) -4013px 0;}
.portfolio .sullivan .cont{height:148px;}


/* funyum */
.portfolio .funyum h3{ background: url("../images/logo-may.png") repeat scroll -3719px -11px transparent; height: 71px; width: 167px;}
.portfolio .funyum .rightSide{ background:url(../images/portfolio-page.jpg) -4255px 0;}
.portfolio .funyum .cont{height:148px;}

/* Hotel Yeti */
.portfolio .hotelYeti h3{width:178px; height:46px; background:url(../images/logos.png); }
.portfolio .hotelYeti .rightSide{    background:url(../images/portfolioPic.jpg);}
.portfolio .hotelYeti .cont{height:176px;}

/* VZ */
.portfolio .vz h3{width:180px;  background:url(../images/logos.png) -181px 0; }
.portfolio .vz .rightSide{ background:url(../images/portfolioPic.jpg) -218px 0; }

/* Trade Select */
.portfolio .tradeSelect1 h3{width:267px;  background:url(../images/logos.png) -374px 0; height:41px; }
.portfolio .tradeSelect1 .rightSide{ background:url(../images/portfolioPic.jpg) -447px 0; }
.portfolio .tradeSelect1  .cont{height:182px;}

/* Anna */
.portfolio .anna h3{width:287px; background:url(../images/logos.png) -639px 0; height:54px; }
.portfolio .anna .rightSide{ background:url(../images/portfolioPic.jpg) -672px 0; }
.portfolio .anna .cont{height:168px;}

/* CPCS */
.portfolio .cpcs h3{width:200px; background:url(../images/logos.png) -939px 0; }
.portfolio .cpcs .rightSide{ background:url(../images/portfolioPic.jpg) -923px 0; }

/* CPCS Collection*/
.portfolio .cpcsCol h3{width:303px; background:url(../images/logos.png) -3575px 0; }
.portfolio .cpcsCol .rightSide{ background:url(../images/portfolioPic.jpg) -2982px 0; }

/* Beyond Himalaya */
.portfolio .beyond h3{width:317px; background:url(../images/logos.png) -1170px 0; height:55px; }
.portfolio .beyond .rightSide{ background:url(../images/portfolioPic.jpg) -1379px 0; }
.portfolio .beyond .cont{height:168px;}

/* DCWB  */
.portfolio .dcwb h3{width:306px;  background:url(../images/logos.png) -1510px 0; height:61px; }
.portfolio .dcwb .rightSide{ background:url(../images/portfolioPic.jpg) -1149px 0; }
.portfolio .dcwb .cont{height:160px;}

/* GANDAKI  */
.portfolio .gandaki h3{width:338px;  background:url(../images/logos.png) -1830px 0; }
.portfolio .gandaki .rightSide{ background:url(../images/portfolioPic.jpg) -2278px 0;}

/* CIAA  */
.portfolio .ciaa h3{width:280px; background:url(../images/logos.png) -2200px 0; }
.portfolio .ciaa .rightSide{ background:url(../images/portfolioPic.jpg) -2049px 0;}

/* CIAA  */
.portfolio .cofson h3{width:280px;  background:url(../images/logos.png) -2200px 0; }
.portfolio .cofson .rightSide{ background:url(../images/portfolioPic.jpg) -2049px 0;}

/* COFSON  */
.portfolio .cofson h3{width:194px; background:url(../images/logos.png) -2487px 0; height:63px; }
.portfolio .cofson .rightSide{background:url(../images/portfolioPic.jpg) -2506px 0;}
.portfolio .cofson .cont{height:157px;}

/* Street Children  */
.portfolio .street h3{width:329px;  background:url(../images/logos.png) -2834px 0; height:40px; }
.portfolio .street .rightSide{background:url(../images/portfolioPic.jpg) -1832px 0;}

/* SES  */
.portfolio .ses h3{width:377px;  background:url(../images/logos.png) -3182px 0; }
.portfolio .ses .rightSide{background:url(../images/portfolioPic.jpg) -1604px 0;}

/* Trade Select */
.portfolio .tradeSelect h3{width:151px; height:46px;  background:url(../images/softwareLogos.png) -213px -9px; }
.portfolio .tradeSelect .rightSide{background:url(../images/softwareScreenShot.jpg) 0px 0; }
.portfolio .tradeSelect .cont {height:175px;}

/* Aims */
.portfolio .aims h3{width:196px; height:33px;  background:url(../images/softwareLogos.png) 0px -17px; }
.portfolio .aims .rightSide{background:url(../images/softwareScreenShot.jpg) -1164px 0;}
.portfolio .aims .cont {height:188px;}

/* Desktop */
.portfolio .desktopSupport h3{width:220px; height:46px;  background:url(../images/softwareLogos.png) -397px -12px; }
.portfolio .desktopSupport .rightSide{background:url(../images/softwareScreenShot.jpg) -217px 0;}
.portfolio .desktopSupport .cont {height:174px;}

/* macad */
.portfolio .macad h3{width:100px; height:16px;  background:url(../images/softwareLogos.png) -629px -24px }
.portfolio .macad .rightSide{ background:url(../images/softwareScreenShot.jpg) -459px 0;}

/* sniff*/
.portfolio .sniff h3{width:114px; height:28px;  background:url(../images/softwareLogos.png) -756px -21px; }
.portfolio .sniff .rightSide{ background:url(../images/softwareScreenShot.jpg) -680px 0; }

/* ipcop */
.portfolio .ipcop h3{width:70px; background:url(../images/logos.png) -2729px 0; }
.portfolio .ipcop .rightSide{ background:url(../images/portfolioPic.jpg) -2743px 0; }

/* JGM */
.portfolio .jfm h3{width:370px; background:url(../images/logos.png) -3884px 0; }
.portfolio .jfm .rightSide{ background:url(../images/portfolioPic.jpg) -3200px 0; }

/* Street */
.portfolio .street .cont {height:182px;}

/* Portfolio of graphic design */
.portfolioGraphic .box{ height:370px;  margin:0 39px; width:270px; float:left;  }
.portfolioGraphic h3{ display:block; text-indent:-999em; }
.portfolioGraphic .cont{display:block;width:300px; overflow:auto;height:160px; }
.portfolioGraphic a.viewOnline{display:block;background:url(../images/viewOnline.png) 0 -30px no-repeat; width:99px; height:28px; margin:0 auto; text-indent:-999em; }
.portfolioGraphic .aims-gra .leftSide {background:url(../images/graphicDesignPortfolio.png) no-repeat 0 -30px; display:block; width:289px; height:270px;} 
.portfolioGraphic .cross-gra .leftSide {background:url(../images/graphicDesignPortfolio.png) no-repeat -268px -32px; display:block; width:275px; height:278px;}
.portfolioGraphic .tanahu-gra .leftSide {background:url(../images/graphicDesignPortfolio.png) no-repeat -541px -32px; display:block; width:282px; height:265px; margin-top:14px;}
.portfolioGraphic .yugin-gra .leftSide {background:url(../images/graphicDesignPortfolio.png) no-repeat -867px -13px; display:block; width:284px; height:278px;}
.portfolioGraphic .rota-gra .leftSide {background:url(../images/graphicDesignPortfolio.png) no-repeat -1141px -13px; display:block; width:245px; height:278px;}
.portfolioGraphic .aids-gra .leftSide {background:url(../images/graphicDesignPortfolio.png) no-repeat -1382px -13px; display:block; width:285px; height:278px;}
.portfolioGraphic .manang-gra .leftSide {background:url(../images/graphicDesignPortfolio.png) no-repeat -2330px  -13px; display:block; width:280px; height:278px;}
.portfolioGraphic .aids1-gra .leftSide {background:url(../images/graphicDesignPortfolio.png) no-repeat -1677px -13px; display:block; width:302px; height:278px;}

/* CONTACT PAGE */
.contactImg{float:left; padding-right:20px;}
.contactImg img{border:solid 1px #000000; height:105px;}
.contactBlock{clear:both; padding:20px 0;}
p.contactData{padding:0px;}
.emailform{padding:10px; border:solid 1px #88bfd3; background:#d8f0f9; font-size:12px;}
.emailform .contact_email{padding:5px;}
.emailform label{display:block; float:left; width:130px;}
.emailform button{background:#88bfd3; color:#ffffff; border:solid 1px #88bfd3; font-size:11px; padding:3px 10px; margin:0 0 0 5px}
.emailform fieldset{padding: 10px; border:none;}
.emailform fieldset legend {font-size:18px;}

.clr{clear:both}
.fLeft{float:left}
.fLeft img{float:left}
.fRight{float:right}
a.download{background:url(../images/download.jpg) 0 0 no-repeat; width:127px; height:30px; display:block; text-indent:-999em;}

/* Paypal */
#site{text-align:center; padding-top:45px;}
#sitePage{margin:0 auto; text-align:left; display:block; width:800px; background:#ffffff; padding:10px; border:solid 1px #cccccc;}
.clr{clear:both}
.fLeft{float:left}
.fLeft img{float:left}
.fRight{float:right}
a.download{background:url(../images/download.jpg) 0 0 no-repeat; width:127px; height:30px; display:block; text-indent:-999em;}
.detailInfo {padding:10px;}
.detailInfo h3{border-bottom:dotted 1px #cccccc; color:#24aee1}
.sucessPagePaypal, .formRow {padding-top:5px;}