@charset "utf-8";



/* ==========================================================================



   Name: International Hotel and Restaurant



   Date: January 2013



   Description: @media, HTML5, CSS3, jQuery, Java Script, boilerplate and @font-face goodness.



   Author: Sigma Infotech



   ========================================================================== */







/* ==========================================================================



   =Embaded Proxima Nova Condensed Font Family



   =Generated by Font Squirrel (http://www.fontsquirrel.com)



   ========================================================================== */



@font-face {



 font-family: 'ProximaNovaCondensedRegular';



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



 src: url('../fonts/proximanovacond-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/proximanovacond-regular-webfont.woff') format('woff'),  url('../fonts/proximanovacond-regular-webfont.ttf') format('truetype'),  url('../fonts/proximanovacond-regular-webfont.svg#ProximaNovaCondensedRegular') format('svg');



 font-weight: normal;



 font-style: normal;



}



 @font-face {



 font-family: 'ProximaNovaCondensedLight';



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



 src: url('../fonts/proximanovacond-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/proximanovacond-light-webfont.woff') format('woff'),  url('../fonts/proximanovacond-light-webfont.ttf') format('truetype'),  url('../fonts/proximanovacond-light-webfont.svg#ProximaNovaCondensedLight') format('svg');



 font-weight: normal;



 font-style: normal;



}



 @font-face {



 font-family: 'ProximaNovaCondensedSemibold';



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



 src: url('../fonts/proximanovacond-semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/proximanovacond-semibold-webfont.woff') format('woff'),  url('../fonts/proximanovacond-semibold-webfont.ttf') format('truetype'),  url('../fonts/proximanovacond-semibold-webfont.svg#ProximaNovaCondensedSemibold') format('svg');



 font-weight: normal;



 font-style: normal;



}















/* ==================================================================================================



   =PAGE HEADINGS



   ================================================================================================== */



h1, h2, h3, h4, h5, h6{color:#1a1112; font-family:'ProximaNovaCondensedRegular', Arial; font-weight:normal; text-transform:capitalize;}







h1  {font-size: 200%; margin: 0; line-height:1.2em;}      /* =font size 24px */



h2  {font-size: 150%; line-height:1.2em; margin:0;}                /* =font size 18px */



h3  {font-size: 117%; margin: 0 0 0.4em;}                 /* =font size 14px */



h4  {font-size: 100%; margin: 0 0 0.4em;}                 /* =font size 12px */



h5  {font-size: 83%; margin: 0 0 0.4em;}                  /* =font size 10px */



h6  {font-size: 75%; margin: 0 0 0.4em;}                  /* =font size 9px */







.blue {color:#0074bd;}



.red  {color:#db4a37;}



.grey {color:#808285;}











/* =Read More Links */



.viewAll a         {background:#0075be; font-family:'ProximaNovaCondensedLight', Arial; font-size:125%; text-transform:uppercase; color:#fff; padding:4px 55px 4px 10px; position:relative;}



.viewAll a em      {display:block; position:absolute; top:5px; right:5px; width:14px; height:15px; background:url(../images/sprite.png) no-repeat -1px -101px;}



.viewAll a:hover   {background-color:#db4a37;}







/* =Dashed Horizontal Line */



.hrLine            {background:url(../images/dotted.gif) repeat-x center; height:1px; padding:10px 0;}







/* =Default List Style */



.list li           {list-style:none; background:url(../images/icons/bullet2.png) no-repeat 0 3px; padding:0 0 2px 20px;}







/* =Border Radius 2px */



.homeProjects ul li,



.homeProjects ul li .projMetaDeta, .latestTwittes,



.projMetaDeta .buttons a, .portInfo, .viewAll a, #btnReuestStrip,



.homeProjects ul li img             {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}







/* =Box Sizing */



.bodyText, aside,



.servicesWrap ul li a                 {



										-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */



										-moz-box-sizing: border-box;    /* Firefox, other Gecko */



										box-sizing: border-box;         /* Opera/IE 8+ */



										*behavior: url(css/boxsizing.htc)



									  }







/* =GRID CONTAINER */



.gridContainer       {font-size:75%;overflow:hidden;}







/* ==================================================================================================



   =HEADER



   ================================================================================================== */
.search-main{position:relative;}
.search-main input{width:35%; border:1px solid #e9e9e9; padding:2px 25px 4px 2px;}
.search-icon{position:absolute; right:5px; top:0px; cursor:pointer;}





header               {padding:15px 0 0 0;}



.compLogo            {width:291px; height:68px;}



.socialicons,



.rightHeader ul      {margin:0; list-style:none;}



.socialicons li,



.rightHeader li   {text-align:center; line-height:2.5em;}



.socialicons li a,



.rightHeader ul li a {display:block; text-indent:-9999px; width:30px; height:30px; background:#dcdcdc url(../images/sprite.png) no-repeat; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}







.rightHeader ul li.btnFacebook a        {background-color:#3b5998; background-position:12px 9px;}



.rightHeader ul li.btnTwitter a         {background-color:#74d6d7; background-position:-17px 9px;}



.rightHeader ul li.btnLinkedin a        {background-color:#74bcd7; background-position:-47px 9px;}



.rightHeader ul li.btnGplus a           {background-color:#3a3b3c; background-position:-78px 9px;}



.rightHeader ul li.btnFacebook a:hover,



.rightHeader ul li.btnTwitter a:hover,



.rightHeader ul li.btnLinkedin a:hover,



.rightHeader ul li.btnGplus a:hover     {background-color:#808284;}







#btnReuestStrip .btnReqQuote,



.rightHeader ul li.btnReqQuote          {background:#db4a37; width:170px; height:30px; text-indent:10px; text-align:left; font-family:'ProximaNovaCondensedRegular', Arial; font-size:125%; color:#fff; text-transform:uppercase; line-height:2em; cursor:pointer; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}



.btnReqQuote i                          {display:block; position:absolute; top:6px; right:8px; width:25px; height:17px; background:url(../images/sprite.png) no-repeat -117px 0;}



#btnReuestStrip .btnReqQuote:hover,



.rightHeader ul li.btnReqQuote:hover    {background-color:#0075be;}







.rightHeader .contInfo a,



.rightHeader .contInfo strong           {border-bottom:1px dashed #818285;}



.rightHeader .contInfo strong           {color:#0074bd;}











/* ==================================================================================================



   =NAVIGATION



   ================================================================================================== */



#menu               {background:#0075be; font-family:'ProximaNovaCondensedSemibold', Arial; font-size:125%; color:#fff; text-transform:uppercase;}



#menu a             {color:#fff; display:block; line-height:45px; text-shadow:1px 1px 1px #054269;}



#menu a.active,



#menu a:hover       {color:#ffe300;}



#menu li + li       {padding-left:3.061224489795918%;}



#menu ul            {list-style:none; position: relative;}



#menu ul li         {float:left;}

#menu ul ul {

  position: absolute;

 display:none; z-index: 2;

}

#menu > ul > li:hover > ul {

  left: auto;

  top: 44px;

  opacity: 1; display:block;

}



#menu ul li li {

    clear: both;

}

#menu ul ul li a {

  width: 175px;

  border-bottom: 1px solid #eee;

  padding: 0px 20px;

  font-size: 13px;

  color: #9ea2a5;

  background: #fff; text-shadow:none;



}

#menu > ul > li:hover > ul::before {

  border-top-color:30px solid #fff;

  border-left-color:50px solid hspa(0%,0%,0%, 0);

 border-right-color:50px solid hspa(0%,0%,0%, 0);

 content: "" ;

 display:block;

 position:absolute;

 top:100%;

 z-index:2;

}

#menu .submenu li + li {

    padding-left:0;

}

/* ==================================================================================================



   =BANNER



   ================================================================================================== */



#rowOne,



#banner             {background:url(../images/dotted.gif) repeat-x left bottom; padding-bottom:1px;}


.banner-bg{background:url(../images/banner/ourwork.jpg) no-repeat center top;}
.banner-bg h1{padding:11% 0 0 4%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg h2{padding:0% 0 8% 4%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg2{background:url(../images/banner/who-we-are.jpg) no-repeat center top;}
.banner-bg2 h1{padding:8% 0 0 4%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg2 h2{padding:0% 0 9% 4%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}

.banner-bg3{background:url(../images/banner/seo.jpg) no-repeat center top;}
.banner-bg3 .banner-heading{padding:8% 0 0 4%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg3 h1{padding:8% 0 0 4%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg3 h2{padding:0% 0 9% 4%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}



.banner-bg4{background:url(../images/banner/sem.jpg) no-repeat center top;}
.banner-bg4 h1{font-size:48px; color:#828689; font-weight:100; padding:6% 0 0 48%;}
.banner-bg4 h2{padding:0% 0 8% 48%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg5{background:url(../images/banner/ppc.jpg) no-repeat center top;}
.banner-bg5 .banner-heading{font-size:48px; color:#828689; font-weight:100; padding:8% 0 0 37%;}
.banner-bg5 h1{font-size:48px; color:#828689; font-weight:100; padding:8% 0 0 37%;}
.banner-bg5 h2{padding:0% 0 9% 37%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg6{background:url(../images/banner/webdesign.jpg) no-repeat center top;}
.banner-bg6 .banner-heading{font-size:48px; color:#828689; font-weight:100; padding:8% 0 0 12%;}
.banner-bg6 h1{font-size:48px; color:#828689; font-weight:100; padding:8% 0 0 12%;}
.banner-bg6 h2{padding:0% 0 6.5% 12%; font-size:28px; font-weight:100; text-transform:capitalize; color:#fff;}


.banner-bg7{background:url(../images/banner/ecommerce.jpg) no-repeat center top;}
.banner-bg7 .banner-heading{font-size:48px; color:#828689; font-weight:100; padding:8% 0 0 42%;}
.banner-bg7 h1{font-size:48px; color:#828689; font-weight:100; padding:8% 0 0 42%;}
.banner-bg7 h2{padding:0% 0 12% 42%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg8{background:url(../images/banner/cms.jpg) no-repeat center top; height:380px;}
.banner-bg8 h1{font-size:48px; color:#828689; font-weight:100; padding:8% 0 0 42%;}
.banner-bg8 h2{padding:0% 0 12% 42%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg9{background:url(../images/banner/web-portal.jpg) no-repeat center top;}
.banner-bg9 h1{font-size:48px; color:#828689; font-weight:100; padding:8% 0 0 42%;}
.banner-bg9 h2{padding:0% 0 9% 42%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg10{background:url(../images/banner/web-development.jpg) no-repeat center top;}
.banner-bg10 .banner-heading{font-size:48px; color:#828689; font-weight:100; padding:10% 0 0 28%;}
.banner-bg10 h1{font-size:48px; color:#828689; font-weight:100; padding:10% 0 0 28%;}
.banner-bg10 h2{padding:0% 0 12% 28%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg11{background:url(../images/banner/software-development.jpg) no-repeat center top;}
.banner-bg11 h1{padding:11% 0 0 35%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg11 h2{padding:0% 0 9% 35%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg12{background:url(../images/banner/database-development.jpg) no-repeat center top;}
.banner-bg12 h1{padding:10% 0 0 42%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg12 h2{padding:0% 0 4% 42%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg13{background:url(../images/banner/web-application.jpg) no-repeat center top;}
.banner-bg13 .banner-heading{padding:7% 0 0 42%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg13 h1{padding:7% 0 0 42%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg13 h2{padding:0% 0 10% 42%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg14{background:url(../images/banner/mobile-apps.jpg) no-repeat center top;}
.banner-bg14 h1{padding:7% 0 0 42%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg14 h2{padding:0% 0 10% 42%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}

.banner-bg15{background:url(../images/banner/testimonials.jpg) no-repeat center top;}
.banner-bg15 h1{padding:7% 0 0 4%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg15 h2{padding:0% 0 10% 4%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}


.banner-bg16{background:url(../images/banner/what-we-do.jpg) no-repeat center top;}
.banner-bg16 h1{padding:7% 0 0 4%; font-size:48px; color:#828689; font-weight:100;}
.banner-bg16 h2{padding:0% 0 13% 4%; font-size:28px; color:#b4b2b3; font-weight:100; text-transform:capitalize;}







/* ==================================================================================================



   =COMPANY INTRODUCTOIN



   ================================================================================================== */







#compIntro .introdcution   {font-family:'ProximaNovaCondensedLight', Arial; color:#666; line-height:1.5em;}



.introdcution p            {margin:0 0 10px;}







/* =HOME PAGE SERVICES */



#rowTwo                   {background:#ffe300; padding:10px 0;}



#rowTwo .services ul li   {background-image:url(../images/icons/bullet.png); background-repeat: no-repeat; font-family:'ProximaNovaCondensedSemibold', Arial; font-size:108.3333333333333%;}



#rowTwo .services ul li a {color:#333;}



#rowTwo .services ul li a:hover {color:#666;}







.btnViewAll           {position:absolute; top:15px; right:0;}



.btnViewAll a         {display:block; text-indent:-9999px; width:56px; height:45px; background:url(../images/sprite.png) no-repeat -192px -13px;}



.btnViewAll a:hover   {background-position:-187px -13px;}











/* ==================================================================================================



   =HOME PAGE PROJECTS



   ================================================================================================== */



#rowThree                       {background:url(../images/dotted.gif) repeat-x left top; padding:20px 0; border-bottom:2px solid #f7f7f7;}



.homeProjects .projects             {margin-top:0;}



.homeProjects .projects li          {list-style:none; position:relative; overflow:hidden;}



.homeProjects ul li img             {width:100%;}



.homeProjects ul li .projMetaDeta   {position:absolute; top:100%; left:0; background:#efefef; width:100%; color:#333;}



.projMetaDeta .technology           {min-height:45px;}



.projMetaDeta .buttons a            {display:block; background:#db4a37; width:60%; margin:5px auto 0; color:#fff; padding:3px 0;}



.projMetaDeta .buttons a:hover      {background-color:#0074bd;}



.projMetaDeta p                     {margin:4px 0 0px;}







/* =PORTFOLIO INFO */



.portInfo               {border:1px solid #eee; margin:0 auto; padding:10px;}



.portInfo ul            {margin:0;}



.portInfo ul li         {list-style:none; color:#919191;}



.portInfo ul li p       {margin:0;}



.portInfo ul li.col1 h2 {font-size:260.6666666666667%; font-family:'ProximaNovaCondensedLight', Arial; text-transform:uppercase; color:#cbced1; padding:5px 1.04602510460251% 0 0; margin:0;}











/* ==================================================================================================



   =ROW FOUR



   ================================================================================================== */



#rowFour                       {background:url(../images/dotted.gif) repeat-x left top; padding-top:1px;}



#rowFour .bottomBdr            {background:url(../images/dotted.gif) repeat-x left bottom; padding-bottom:1px;}



#rowFour .bottomBdr .innerWrap {background:#fafafa; border:1px solid #fff; border-width:2px 0;}



#rowFour .bottomBdr



.innerWrap .innerWrap1         {margin:20px auto; color:#666;}



.innerWrap1 .colOne            {padding-right:2.040816326530612%;}



.innerWrap1 .colThree .viewAll a       {background-color:#808285;}



.innerWrap1 .colThree .viewAll a:hover {background-color:#db4a37;}



.innerWrap1 .colOne h3,



.innerWrap1 .colTwo h3                 {color:#fff; font-family:'ProximaNovaCondensedSemibold', Arial; text-transform:uppercase; padding:0 20px;}



.innerWrap1 .colTwo .list li           {padding-bottom:0; background-image:url(../images/icons/bullet1.png);}



.innerWrap1 .colThree h3               {color:#4c7c9a; font-size:208.3333333333333%; font-family:'ProximaNovaCondensedLight', Arial; text-transform:uppercase; margin-bottom:0.8em;}



.innerWrap1 .colThree ul               {border-top:1px dashed #999;}



.innerWrap1 .colThree ul li            {list-style:none; border-bottom:1px dashed #999; padding:10px 0;}



.innerWrap1 .colThree ul li strong     {color:#4c7c9a;}







/* =LATEST TWITTER POSTS */



.latestTwittes                {background:#4c7c9a; padding:10px; color:#fff;}



.latestTwittes a              {color:#1c3b4f;}



.latestTwittes a:hover        {color:#c5e3f6;}



.latestTwittes ul             {margin:0; list-style:none;}



.latestTwittes strong         {float:left; display:block; background:url(../images/sprite.png) no-repeat 0 -142px; width:37px; height:26px; padding-right:10px;}



.latestTwittes .tweet_avatar  {padding-right:10px;}











/* ==================================================================================================



   =FOOTER



   ================================================================================================== */



#preFooterWrap                    {background:#f3f3f3 url(../images/dotted.gif) repeat-x left bottom; padding-bottom:1px;  border-top:1px solid #e5e5e5; padding:20px 0; color:#545557;}



#preFooterWrap .footer .col3 .phoneNo {color:#555; font-family:'ProximaNovaCondensedRegular', Arial; line-height:normal;}



#preFooterWrap .footer .col3 .emailId {color:#555; font-size:183.3333333333333%; font-family:'ProximaNovaCondensedRegular', Arial; margin-bottom:20px;}



#preFooterWrap .footer li             {list-style:none;}



#preFooterWrap .footer a              {color:#545557;}



#preFooterWrap .footer a:hover        {color:#0074bd;}



#preFooterWrap .footer ul             {margin:0;}







/* =Footer Social Icons */



.socialicons li.btnEmail a            {background-position:8px -34px;}



.socialicons li.btnEmail a:hover      {background-color:#0074bd;}



.socialicons li.btnFacebook a         {background-position:-30px -33px;}



.socialicons li.btnFacebook a:hover   {background-color:#3b5998;}



.socialicons li.btnTwitter a          {background-position:-67px -33px;}



.socialicons li.btnTwitter a:hover    {background-color:#74d6d7;}



.socialicons li.btnLinkedin a         {background-position:-105px -34px;}



.socialicons li.btnLinkedin a:hover   {background-color:#74bcd7;}



.socialicons li.btnGplus a            {background-position:-142px -34px;}



.socialicons li.btnGplus a:hover      {background-color:#db4a37;}







/* =Request A Quote Strip */



#btnReuestStrip p                     {margin:0;}



#btnReuestStrip                       {background:#fff; font-family:'ProximaNovaCondensedRegular', Arial; color:#555; font-size:183.3333333333333%; text-transform:uppercase; position:relative; margin-top:20px;}



#btnReuestStrip .btnReqQuote          {font-size:70%;}











/* =Bottom Footer */



#bottomFooterWrap                     {color:#999; font-size:91.66666666666667%; padding:20px 0;}



#bottomFooterWrap ul,



#bottomFooterWrap p                   {list-style:none; margin:0; padding:0;}



#bottomFooterWrap .fr ul li           {padding-left:10px;}











/* ==================================================================================================



   =REQUEST A QUOTE FORM



   ================================================================================================== */



#requAQuoteWrap                       {display:none;}



#topEnvelBg                           {background:url(../images/envelope-top.jpg) repeat-x left top; padding-top:14px; display:none;}



#bottomEnvelBg                        {background:url(../images/envelope-bottom.jpg) repeat-x left bottom #fbfbfb; padding:0 14px 13px;}



.formInfo                             {background:url(../images/icons/dotted.jpg) repeat-x left bottom; padding:1% 0;}



.formInfo p                           {margin:0;}



.formInfo strong                      {color:#d77962;}



.formInfo h4                          {color:#d77962; font-size:208%; font-family:'ProximaNovaCondensedRegular', Arial; margin-bottom:15px;}







/* =Form */



#requestAQuote p                      {color:#717171; font-weight:bold; margin-bottom:5px;} 



#requestAQuote ul                     {margin:0; display:inline-block; /**display: inline !important; *zoom: 1;*/ width:100%;}



#requestAQuote ul li                  {list-style:none; margin:0 10px 7px 0;}











/* =Input textbox, textarea and selectmenu */



.textbox, .textarea, .listmenu        {background:#fff; border:1px solid #e4e6e6; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; padding:7px 10px; height:25px; color:#666;}



.listmenu                             {height:35px;}



.textarea                             {min-height:100px;}



.textbox:focus,



.textarea:focus,



.listmenu:focus                       {background-color:#fefff4; border:1px solid #ede5a1; color:#717171;}







.btnSubmit                            {font-family:'ProximaNovaCondensedRegular', Arial; border:0; display:block; background:#d77962; border-radius:4px;  -webkit-border-radius:4px;  -moz-border-radius:4px;  -o-border-radius:4px; height:40px; width:150px; color:#fff; font-size:1.5em; line-height:40px; text-transform:uppercase;}



.btnSubmit:hover                      {background-color:#0075be;}







/* =Serives of Form */



.serviceProvid li                     {float:none;}



.serviceProvid div                    {background:#fff; border:1px solid #e4e6e6; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; padding:15px 15px 5px; color:#666; width:100%;}



.serviceProvid span                   {display:block; margin-bottom:15px;}



#requestAQuote .captchaTxt            {width:160px;}



.captcha                              {background:#fff3f0; color:#d77962; font-family:'ProximaNovaCondensedRegular', Arial; font-size:200%; letter-spacing:5px; text-align:center;}











/* ==================================================================================================



   =Breadcrumbs



   ================================================================================================== */



#breadcrumbs                          {color:#666; font-size:91.66666666666667%; padding:5px 0;}



#breadcrumbs ul                       {margin:0; list-style:none;}



#breadcrumbs ul li + li               {background:url(../images/icons/right-arrow.png) no-repeat 0 6px; padding-left:15px; margin-left:5px;}



#breadcrumbs ul li a                  {color:#a9acb4;}



#breadcrumbs ul li:last-child a       {color:#666;}



#breadcrumbs ul li a:hover            {color:#0074bd;}











/* ==================================================================================================



   =Content Wraper



   ================================================================================================== */



#contentWrap                          {background:url(../images/dotted.gif) repeat-x; padding-top:1px;}







/* =What We Do ? */



.servicesWrap ul li                   {list-style:none; vertical-align:top; line-height:1.5em;



										



									  }



.servicesWrap ul li a                 {display:block; width:100%; padding:10px; color:#8a8d99;  text-align:center;}



.servicesWrap ul li a h2              {color:#0074bd;}



.servicesWrap ul li a:hover,



.servicesWrap ul li a:hover h2        {color:#666; text-shadow:1px 1px 1px #ccc;}



.servicesWrap ul li a span            {display:block; margin:0 auto; background:url(../images/sprite.png) no-repeat; margin-bottom:10px; opacity:1;}



.servicesWrap ul li a:hover span      {opacity:0.5;}



.servicesWrap ul li.serv1 a span      {width:41px; height:40px; background-position:-1px -234px;}



.servicesWrap ul li.serv2 a span      {width:37px; height:42px; background-position:-54px -234px;}



.servicesWrap ul li.serv3 a span      {width:41px; height:40px; background-position:-104px -234px;}



.servicesWrap ul li.serv4 a span      {width:45px; height:41px; background-position:-150px -234px;}



.servicesWrap ul li.serv5 a span      {width:45px; height:40px; background-position:-204px -232px;}



.servicesWrap ul li.serv6 a span      {width:43px; height:42px; background-position:-2px -284px;}



.servicesWrap ul li.serv7 a span      {width:43px; height:40px; background-position:-58px -284px;}



.servicesWrap ul li.serv8 a span      {width:40px; height:40px; background-position:-120px -284px;}



.servicesWrap ul li.serv9 a span      {width:45px; height:40px; background-position:-170px -284px;}



.servicesWrap ul li.serv10 a span     {width:30px; height:42px; background-position:-220px -284px;}



.servicesWrap ul li.serv11 a span     {width:33px; height:42px; background-position:-6px -338px;}



.servicesWrap ul li.serv12 a span     {width:35px; height:42px; background-position:-60px -338px;}











/* =Right Panel of inner pages */



.bodyText h1                          {color:#666; /*background:url(../images/bodytext-bg.jpg) no-repeat top left;*/ padding:10px 0 10px 10px;}



.bodyText h2                          {font-family:'ProximaNovaCondensedLight', Tahoma, Geneva, sans-serif; font-size:250%; color:#666;}



.bodyText article                     {padding-left:15px;}



.bodyText ul                          {list-style:none;}



.bodyText ul li                       {background:url(../images/icons/bullet2.png) no-repeat 0 4px; padding-left:20px;}







/* =aside */



aside div.blocks                      {margin-bottom:20px;}



.subNav                               {background-color:#f0f9fd; padding:20px 0 0; font-family:Arial, Helvetica, sans-serif;}



.subNav h2                            {background-color:#27aae2; font-family:'ProximaNovaCondensedLight', Tahoma, Geneva, sans-serif; color:#fff; font-size:250%; width:88%; padding:15px 3% 15px 3%; margin-bottom:0;}



.subNav ul                            {margin:0; list-style:none; width:94%;}



.subNav ul a                          {color:#666; display:block; border-bottom:1px solid #dde7eb; padding:2px 10px; font-size:91.66666666666667%; text-transform:uppercase;}



.subNav ul a:hover                    {background-color:#fff; color:#333; padding-left:12px; text-shadow:1px 1px 1px #e5e5e5;}











/* =Free Consulting */



.freeConsulting                       {background:#fffcd7; padding:20px;}



.freeConsulting h2                    {background:#fffcd7; font-family:'ProximaNovaCondensedLight', Tahoma, Geneva, sans-serif; color:#666; font-size:250%; margin-bottom:0;}



.freeConsulting ul                    {list-style:none;}



input.captcha                         {margin-bottom:5px;}



.freeConsulting ul li + li            {padding-top:5px;}



.freeConsulting ul textarea,



.freeConsulting ul input              {padding:5px 10px; width:90%;}



.captchaAlert                         {background-color:#e0f7e4; margin-top:5px; border:1px solid #c4e6c6; color:#83a187; padding:10px; box-shadow:0 0 5px #e5e5e5; -webkit-box-shadow:0 0 5px #e5e5e5; -moz-box-shadow:0 0 5px #e5e5e5; -ms-box-shadow:0 0 5px #e5e5e5; -o-box-shadow:0 0 5px #e5e5e5; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; }











/* =Contact Us */



.talkToUs                              {padding:0 0 0 10px;}



.contactUsForm,



.addressBlock                          {background:url(../images/dotted.gif) repeat-x left bottom; padding:10px 0 15px;}



.addressBlock .locatioMap              {padding:10px; background-color:#fafafa; border:1px solid #e6e6e6; border-radius:3px;}



.addressBlock .address                 {padding:10px; margin-right:10px; background-color:#e0f7e4; border:1px solid #c4e6c6; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; color:#83a187;}



.bodyText .talkToUs h2                 {color:#65846a; margin:0;}



.addressBlock .address p               {margin-top:0; width:100%;}



.addressBlock span                     {display:block; padding-bottom:5px; color:#65846a;}



.addressBlock strong                   {font-size:280%; font-weight:normal; font-family:'ProximaNovaCondensedLight', Tahoma;}







/* =Contact Us Form */



.contactUsForm                         {background-position:left top;}



.contactUsForm ul                      {list-style:none; margin:0;}



.contactUsForm ul li                   {padding-top:10px; background:none; padding-left:0;}



.contactUsForm ul li .textarea         {min-height:130px;}











/* =Testimonials */



.testWrap .blocks p:first-child        {margin-top:0;}



.testWrap .blocks                      {border:1px solid #ddd; padding:10px 10px 0; margin-top:15px; border-radius:5px; box-shadow:0 0 5px #e5e5e5;}



.testWrap .blocks:hover                {background-color:#f4f4f4;}



.testWrap .blocks .client a            {font-style:italic;}



.testWrap .blocks .client strong       {display:block; color:#888;}











/* =Sitemap */



.sitemap li                            {padding-bottom:2px;}



.sitemap a                             {color:#666;}



.sitemap a:hover                       {color:#0074bd;}



.sitemap li ul                         {margin:5px 0;}



.sitemap li ul li                      {background-image:url(../images/icons/right-arrow.png); background-position:6px 5px;}



.sitemap li ul li a                    {color:#999;}











/* =Portfolio */



.filter{border:1px dashed #ddd; border-width:1px 0 1px; margin:0; list-style:none; display:inline-block; /**display: inline !important; *zoom: 1;*/ text-align:center; width:100%; padding:15px 0; font-size:116%; color:#999;}



.filter li:before                   {content:'/';}



.filter li:first-child:before       {content:'';}



.filter li                          {display:inline;}



.filter li a                        {display:inline-block; *display: inline !important; *zoom: 1; padding:0 2%; color:#999;}



.filter li.current a,



.filter li a:hover                  {color:#0075be;}











/* =Portfolio Thumbs */



.proHolder                             {padding:20px 0 10px;}



#protfolioWrap                         {width:100%; overflow:hidden;}



#protfolioWrap ul                      {list-style:none; width:100%; margin:20px 0 0;}



#protfolioWrap ul li img               {width:100%;}



#protfolioWrap ul li .projMetaDeta,



#protfolioWrap ul li img,



#protfolioWrap ul li                      {border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;}



#protfolioWrap ul li                      {float:left; margin:0 1% 10px 0; position:relative; overflow:hidden;background:#f8f8f8 url(../images/animated_preloader_fig10b.gif) no-repeat center;}



#protfolioWrap ul li .projMetaDeta        {position:absolute; text-align:center; padding:5px 10px; top:100%; left:0; background:#efefef; max-width:100%; color:#333;}



#protfolioWrap ul li .projMetaDeta p      {margin:0;}



#protfolioWrap ul li .projMetaDeta strong {display:block; margin-bottom:10px;}



#protfolioWrap ul li .projMetaDeta em     {display:block; font-weight:bold;}



#protfolioWrap ul li .technology          {font-size:91%; padding-bottom:10px;}



#protfolioWrap .metaDown                  {background:#686868; color:#fff;}



#protfolioWrap .metaUp                    {background-color:#fac115; color:#333;}







#protfolioWrap .projMetaDeta .buttons a   {display:block; background:#db4a37; width:60%; margin:5px auto 0; color:#fff; padding:3px 0;}



#protfolioWrap .buttons a:hover           {background-color:#0074bd;}











/* =Portfolio Detail Page */



#navigatePage                                  {margin-bottom:20px;}



#navigatePage .directionNav li a,



#navigatePage .backToPage a span               {display:block; background:url(../images/sprite.png) no-repeat #d77962 -119px -334px; width:32px; height:32px; margin-right:5px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px;}



#navigatePage                                  {border:1px dashed #ddd; padding:10px 0; border-width:1px 0;}



#navigatePage .backToPage                      {float:left; clear:left;}



#navigatePage .backToPage a                    {display:block; color:#818285; font-size:116%; line-height:2em;}



#navigatePage .backToPage a:hover              {color:#0075be;}



#navigatePage .backToPage a span               {margin-right:5px; float:left;}



#navigatePage .backToPage a:hover span         {background-color:#0075be; box-shadow:0 1px 1px #ccc; -webkit-box-shadow:0 1px 1px #ccc; -moz-box-shadow:0 1px 1px #ccc; -ms-box-shadow:0 1px 1px #ccc; -o-box-shadow:0 1px 1px #ccc;}



#navigatePage .directionNav                    {float:right;}



#navigatePage .directionNav ul                 {margin:0; padding:0;}



#navigatePage .directionNav li                 {list-style:none; float:left; text-indent:-9999px;}



#navigatePage .directionNav li a               {margin-left:1px;}



#navigatePage .directionNav li a:hover         {background-color:#0075be; box-shadow:0 1px 1px #ccc; -webkit-box-shadow:0 1px 1px #ccc; -moz-box-shadow:0 1px 1px #ccc; -ms-box-shadow:0 1px 1px #ccc; -o-box-shadow:0 1px 1px #ccc;}



#navigatePage .directionNav li a.prev          {background-position:-117px -375px;}



#navigatePage .directionNav li a.next          {background-position:-150px -375px;}















/* =Project Detail */



.detailWraper .projScreeshot                   {background: url(../images/animated_preloader_fig10b.gif) no-repeat center #f8f8f8; min-height:200px;}



.detailWraper .projDetail                      {color:#666;}



.detailWraper .projDetail h1                   {color:#0074bd;}



.custName                                      {background-color:#f4f4f4; padding:10px; margin:10px 0;}



.quote                                         {display:block; float:left; width:70px; height:50px; background:url(../images/icons/quote.jpg) no-repeat; margin:0 10px 5px 0;}



.subHead                                       {display:block;}



.visitOnline a                                 {display:block; font-family:'ProximaNovaCondensedRegular', Arial; text-transform:uppercase; background:#0075be url(../images/icons/link.png) no-repeat 90% center; border-radius:4px;  -webkit-border-radius:4px;  -moz-border-radius:4px; height:40px; width:150px; color:#fff; font-size:1.5em; line-height:40px; text-indent:10px; position:relative;}



.visitOnline a:hover                           {background-color:#d77962; box-shadow:0 1px 1px #ccc; -webkit-box-shadow:0 1px 1px #ccc; -moz-box-shadow:0 1px 1px #ccc; -ms-box-shadow:0 1px 1px #ccc; -o-box-shadow:0 1px 1px #ccc;}







/* =Add This Button */



.addthis_toolbox                 {border:1px dashed #ddd; border-width:1px 0; padding:15px 0; margin:20px 0 10px;}











/* =Validation CSS */



#msg 



{



	display:none; 



	position:absolute;



	z-index:100000; 



	background:url(../images/msg_arrow.gif) left center no-repeat;



    padding-left:7px;



 }



#msgcontent {



    -moz-border-bottom-colors: none;



    -moz-border-image: none;



    -moz-border-left-colors: none;



    -moz-border-right-colors: none;



    -moz-border-top-colors: none;



    background: none repeat scroll 0 0 #0076C4;



    border-color: #0076C5 #0076C5 #0076C5 -moz-use-text-color;



    border-style: solid solid solid none;



    border-width: 2px 2px 2px medium;



    color: #FFFFFE;



    display: block;



    font-size: 12px;



    max-width: 250px;



    min-width: 150px;



    padding: 5px;



    z-index: 100000;



}







/* ==========================================================================



   =404 Page CSS



   ========================================================================== */



.errorPage{font-size:60%; color:#666;}



.errorPage .tooltip{font-size:110%;}



.errorPage .compLogo    {width:100%; text-align:center; padding:20px 0; box-shadow:0 0 10px #cbd2d2; margin-bottom:50px; background:#fff;}



#contentBody            {margin:0 auto; font-size:170%;}



#contentBody h1         {color:#d77962; font-size:300%; text-shadow:1px 2px 1px #fff; font-weight:bold;}











.errorContaint .list li   {background-image:url(../images/icons/bullet4.png); background-position:0 2px; padding-left:20px; padding-bottom:15px;}



.errorContaint .list li a {color:#666;}



.errorContaint .list li a:hover {color:#0076C4;}



.errorContaint .flLink li {float:left; width:40%;}







.errorPage .latestTwitPost{font-size:75%; width:85%; margin:50px auto; background-color:#ededed; border-radius:5px; height:auto; padding:10px 4% 10px;}



.errorPage .latestTwitPost li{list-style:none;}











/* ==========================================================================



   =Device Switcher



   ========================================================================== */



.respnavigator                 {display:inline-block; *display: inline !important; *zoom: 1; text-align:center; padding:10px 10px 20px; width:99%; font-size:75%; border-bottom:1px solid #ccc; background:#fff;}







/* =About Company */



.aboutComp                     {float:left;}



.aboutComp ul                  {list-style:none;}



.aboutComp ul li               {float:left; text-align:left; color:#999;}



.aboutComp ul li p             {margin:0; padding:0;}



.aboutComp ul li.compLogo      {border-right:1px solid #e5e5e5; padding-right:15px; margin-right:10px}



.aboutComp ul li.tempInfo em   {font-style:normal; font-weight:bold; color:#0075be;}











/* =Viewport Switcher */



.switcher                      {margin:0 auto; padding:20px 0 0; list-style:none; width:205px;}



.switcher li                   {display:inline-block; *display:inline !important;}



.switcher li a                 {display:inline-block; *display:inline !important; height:24px; width:32px; text-indent:-9999px; background:url(../images/switcher-icons.png) no-repeat; cursor:pointer;}



.switcher li + li              {margin-left:15px;}



.switcher li.desktop a         {width:32px; background-position: 0 0;}



.switcher li.desktop a.active  {background-position: 0 -31px;}



.switcher li.tablet-port a     {width:18px; background-position:-106px 0;}



.switcher li.tablet-port a.active {background-position:-106px -31px;}



.switcher li.tablet-land a        {width:24px; background-position:-57px 0;}



.switcher li.tablet-land a.active {background-position:-57px -31px;}



.switcher li.iphone-land a        {width:16px; background-position:-152px 0;}



.switcher li.iphone-land a.active {background-position:-152px -31px;}



.switcher li.iphone-port a        {width:10px; background-position:-195px 0;}



.switcher li.iphone-port a.active {background-position:-195px -31px;}



.shareThis   { position:absolute; right:10px; top:30px;}







.sigmaframe{margin:0 auto; width:100%;}



.ipadLand{background:url(../images/ipad-land.png) no-repeat; padding:102px 120px 120px 119px}



.ipadPort{background:url(../images/ipad-port.png) no-repeat; padding:119px 120px 120px 101px}



.iphonePort{background:url(../images/iphone-port.png) no-repeat; padding:125px 30px 125px 33px}



.iphoneLand{background:url(../images/iphone-land.png) no-repeat; padding:33px 125px 30px 125px;}



.bodyText .talkToUs h2 {

    color: #65846A;

    margin: 0;

}

.bodyText h3{

    color: #666666;

    font-family: 'ProximaNovaCondensedLight',Tahoma,Geneva,sans-serif;

    font-size: 200%;

}



button, input[type="button"], input[type="reset"], input[type="submit"] {

    background: none repeat scroll 0 0 #0075BE;

    border: 0 none;

    border-radius: 2px;

    color: #FFFFFF;

    cursor: pointer;

    padding: 4px 10px;

}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {

    background-color: #DB4A37;

}