@font-face {
	font-family: 'NexaLight';
	src: url('Nexa-Light.eot');
	src:  url('Nexa-Light.woff') format('woff'), url('Nexa-Light.ttf') format('truetype'), url('Nexa-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NexaBold';
	src: url('Nexa Bold.eot');
	src:  url('Nexa-Bold.woff') format('woff'), url('Nexa-Bold.ttf') format('truetype'), url('Nexa-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} 

 
@font-face{font-family:'NexaBold';
           src:url("Nexa-Bold.eot");
           src:url("Nexa-Bold.eot?#iefix") format("embedded-opentype"),url("Nexa-Bold.woff") format("woff"),url("Nexa-Bold.ttf") format("truetype"),url("Nexa-Bold.svgNexaBoldregular") format("svg");
           font-weight:normal;font-style:normal}


 
 
 ::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
  
     background-color: #fff;
}
 
::-webkit-scrollbar-thumb {

  background-color: #4C546A;
 
}


/* screen width */
@media only screen and (min-width: 180px) {
body {
background:none;background-image:url(../images/background.png); background-position:left; 
font-size:100%;
}
.minwidth300 { display:block}
.mainPage { display:none}
 .minwidth300 { background-color:#fff;  padding-top:50px; text-align:center; background-image:url(../images/shabukutty_small.png); background-repeat:no-repeat; background-position:center top; color:#000} 
.minwidth300 div{ background-color:#ffa200; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px}
.animation { display:none}
.topRightmenu, .menuTopDiv { display:none}
 
   .text, .innepages  .text {width:auto;}	 
     .container, .innepages  .container{ width:auto;} 
      .image ,  .innepages   .image { display:none;height:170px; }   
      .innepages .image { display:none}  
     .topBackground .container h1{  padding-top:20px;}
      .page p{ padding-bottom:10px;} 

}
/* screen width */
@media only screen and (min-width: 320px) {
body 
{

}
.logo { width:170px;}
.minwidth300 { display:none}
.mainPage, .menuTopDiv { display:block}
.animation { display:none}
.TopBanner { position:static; background-color:#22252F}
.topRightmenu { display:none}

.topRightmenuSmall { display:block}
.logo{ background-image:url("../images/logoSmall.png")}
.logo:focus,.logo:active{ background-image:url("../images/logoSmall_hover.png")}
.text,.innepages  .text{width:auto;}
.layoutMargin { margin-right:0px}	
.logoBanner {background-color:#DF064C; } 
.container, .innepages .container { width:auto;} 
.image, .innepages .image { display:none;height:180px; }  
.designForDelight .container{background:none; height:10px;} 
.footer ul li{ padding-left:20px; width:90%;  padding-bottom:20px;} 
.copyright {padding-left:20px; } 
.text h2, .page h2{ font-size:22px; line-height:30px; } 
.innepages h1{ padding-left:20px ; padding-right:20px} 
.innepages .image { display:none} 
     .topBackground .container h1{  padding-top:20px; line-height:34px;} 
        .blogImg{ width:250px}
  .blogImg img{width:100%}
         .leftColumn {width:auto; margin-right:20px; padding-left:20px;}
         .rightColumn { width:auto}
          .page p{ padding-bottom:10px;}
              .listLayout li{ padding-bottom:20px;}
              .photo1 div, .photo2 div, .photo3 div, .photo4 div, .photo5 div, .photo6 div, .photo7 div, .photo8 div, .photo9 div, .photo10 div {min-height:255px; max-height:255px; height:100%; width:100%; max-width:320px;  min-width:320px;}

              .photo1 div {background-image:url(../images/photo1_480.png); background-position:center center; background-repeat:no-repeat;  }
.photo2 div {background-image:url(../images/photo2_480.png); background-position:center center; background-repeat:no-repeat; }
.photo3 div {background-image:url(../images/photo3_480.png); background-position:center center; background-repeat:no-repeat; }
.photo4 div {background-image:url(../images/photo4_480.png); background-position:center center; background-repeat:no-repeat;  }
.photo5 div {background-image:url(../images/photo5_480.png); background-position:center center; background-repeat:no-repeat; }
.photo6 div {background-image:url(../images/photo6_480.png); background-position:center center; background-repeat:no-repeat; }
.photo7 div {background-image:url(../images/photo7_480.png); background-position:center center; background-repeat:no-repeat;}
.photo8 div {background-image:url(../images/photo8_480.png); background-position:center center; background-repeat:no-repeat; }
.photo9 div {background-image:url(../images/photo9_480.png); background-position:center center; background-repeat:no-repeat; }
.photo10 div {background-image:url(../images/photo10_480.png); background-position:center center; background-repeat:no-repeat; }
}
/* screen width */
@media only screen and (min-width: 480px) 
{body 
 {
 	background:none;
 }
	.minwidth300 { display:none}
.TopBanner { position:static; background-color:#22252F}
	.animation { display:none}
	.topRightmenu { display:none}
 
	.topRightmenuSmall, .menuTopDiv { display:block}
	
.logo {  width:200px;}	
	.logo{ background-image:url("../images/logoSmall.png")}
	.logo:focus,.logo:active{ background-image:url("../images/logoSmall_hover.png")}
    .text,.innepages  .text{width:auto;}	   
    .layoutMargin { margin-right:0px}	
         .logoBanner {background-color:#DF064C; } 
      .container,.innepages .container { width:auto;} 	
         .image,.innepages .image{ display:none;height:180px; }  
             .designForDelight .container{background-image:url(../images/delight480.png); height:50px;}
         
       .footer ul li{ padding-left:20px;  width:90%; padding-bottom:20px;}
       .copyright {padding-left:20px; } 
       .text h2, .page h2{ font-size:26px; line-height:30px; }  
     .ResearchStrategy { background-image:url("../images/ResearchStrategySmall.png");}
 .TestingIteration { background-image:url("../images/TestingIterationSmall.png");} 
  .WebAccessibility { background-image:url("../images/WebAccessibilitySmall.png");} 
    .InitiativesInnovation { background-image:url("../images/InitiativesInnovationSmall.png");}
 .WireframesPrototypes { background-image:url("../images/WireframesPrototypesSmall.png");} 
  .HtmlCSS { background-image:url("../images/HtmlCSSSmall.png");} 
    .innepages h1{ padding-left:20px ; padding-right:20px;font-size:36px; line-height:36px; }  
     .innepages .image { display:none}  
          .topBackground .container h1{  padding-top:50px; line-height:34px;}
   .blogImg{ width:300px}
  .blogImg img{width:100%}
       .leftColumn {width:auto; margin-right:20px; padding-left:20px;}
         .rightColumn { width:auto}
          .page p{ padding-bottom:20px;}
              .listLayout li{ padding-bottom:20px;}
              .photo1 div, .photo2 div, .photo3 div, .photo4 div, .photo5 div, .photo6 div, .photo7 div, .photo8 div, .photo9 div, .photo10 div {min-height:255px; max-height:255px; height:100%; width:100%; max-width:480px;  min-width:480px;}
 
 .photo1 div {background-image:url(../images/photo1_480.png); background-position:center center; background-repeat:no-repeat;  }
.photo2 div {background-image:url(../images/photo2_480.png); background-position:center center; background-repeat:no-repeat; }
.photo3 div {background-image:url(../images/photo3_480.png); background-position:center center; background-repeat:no-repeat; }
.photo4 div {background-image:url(../images/photo4_480.png); background-position:center center; background-repeat:no-repeat;  }
.photo5 div {background-image:url(../images/photo5_480.png); background-position:center center; background-repeat:no-repeat; }
.photo6 div {background-image:url(../images/photo6_480.png); background-position:center center; background-repeat:no-repeat; }
.photo7 div {background-image:url(../images/photo7_480.png); background-position:center center; background-repeat:no-repeat;}
.photo8 div {background-image:url(../images/photo8_480.png); background-position:center center; background-repeat:no-repeat; }
.photo9 div {background-image:url(../images/photo9_480.png); background-position:center center; background-repeat:no-repeat; }
.photo10 div {background-image:url(../images/photo10_480.png); background-position:center center; background-repeat:no-repeat; }
	}
/* screen width */
@media only screen and (min-width: 768px) 
{body 
 {
 	background:none;
 	display11:none;
 }
	
	.minwidth300,.topRightmenuSmall, .menuTopDiv { display:none}
	.TopBanner { position:absolute; background:none}
		.animation { display:block}
	.logo {  width:400px;}	
	.topRightmenu { display:block}
	.TopBanner { border-bottom:none}
	.logo{ background-image:url("../images/logo.png")} 
	.logo:focus,.logo:active{ background-image:url("../images/logo_hover.png")}

.layoutMargin { margin-right:20px}
.logoBanner {background:none }
.container, .innepages .container { width:auto} 
.text{width:70%;}
.innepages  .text {width:100%;}
.image,.innepages .image { width:180px; height:170px;  display:block} 
.innepages .image { display:none}  
 .image.marginLeft { margin-left:20px; }	
  .image.marginRight {  margin-right:20px; }
  .bannerFontBold.align.bottom	{ font-size:23px;}
    .bannerFontBold.align.bottom .list li{ font-size:24px; line-height:26px; }
   .list { width:400px; display:inline-block; float:left} 
   .bannerDetails li {font-size:22px; line-height:26px;}
   .bannerFontBold ul li{font-size:22px; line-height:26px;}
    .designForDelight .container{background-image:url(../images/delight768.png); height:190px;}
     .footer ul li{ padding-left:20px; width:30%;  padding-bottom:20px; }
     .copyright {padding-left:20px; }
     .text h2, .page h2{ font-size:34px; line-height:40px;}
     .ResearchStrategy { background-image:url("../images/ResearchStrategySmall.png");}
 .TestingIteration { background-image:url("../images/TestingIterationSmall.png");} 
  .WebAccessibility { background-image:url("../images/WebAccessibilitySmall.png");} 
    .InitiativesInnovation { background-image:url("../images/InitiativesInnovationSmall.png");}
 .WireframesPrototypes { background-image:url("../images/WireframesPrototypesSmall.png");} 
  .HtmlCSS { background-image:url("../images/HtmlCSSSmall.png");} 
  .innepages h1{ padding-left:20px ; padding-right:20px;font-size:40px; line-height:40px; }  
       .topBackground .container h1{  padding-top:80px; line-height:34px;} 
        .leftColumn {width:530px; margin-right:20px; padding-left:20px;}
         .rightColumn { width:250px}
          .blogImg{ width:450px}
  .blogImg img{width:100%}
   .page p{ padding-bottom:30px;}
       .listLayout li{ padding-bottom:20px;}
       .photo1 div, .photo2 div, .photo3 div, .photo4 div, .photo5 div, .photo6 div, .photo7 div, .photo8 div, .photo9 div, .photo10 div {min-height:326px; max-height:326px; height:100%; width:100%; max-width:600px;  min-width:600px;}

       .photo1 div {background-image:url(../images/photo1.png); background-position:center center; background-repeat:no-repeat;  }
.photo2 div {background-image:url(../images/photo2.png); background-position:center center; background-repeat:no-repeat; }
.photo3 div {background-image:url(../images/photo3.png); background-position:center center; background-repeat:no-repeat; }
.photo4 div {background-image:url(../images/photo4.png); background-position:center center; background-repeat:no-repeat;  }
.photo5 div {background-image:url(../images/photo5.png); background-position:center center; background-repeat:no-repeat; }
.photo6 div {background-image:url(../images/photo6.png); background-position:center center; background-repeat:no-repeat; }
.photo7 div {background-image:url(../images/photo7.png); background-position:center center; background-repeat:no-repeat;}
.photo8 div {background-image:url(../images/photo8.png); background-position:center center; background-repeat:no-repeat; }
.photo9 div {background-image:url(../images/photo9.png); background-position:center center; background-repeat:no-repeat; }
.photo10 div {background-image:url(../images/photo10.png); background-position:center center; background-repeat:no-repeat; }
}
/* screen width */
@media only screen and (min-width: 1024px)
{
body 
{
background:none;
display11:block;
}
.innepages .image { display:block}
.minwidth300, .topRightmenuSmall, .menuTopDiv { display:none}
.TopBanner { position:absolute; background:none}
.animation { display:block}
.logo {  width:400px;}	
.topRightmenu { display:block}
.TopBanner { border-bottom:none}
.logo{ background-image:url("../images/logo.png")}
	.logo:focus,.logo:active{ background-image:url("../images/logo_hover.png")}
.text,.innepages  .text{width:60%;}
.image,.innepages .image{ width:400px;height:200px;  margin-left:0px; margin-right:0px; display:block}   
.layoutMargin { margin-right:40px}	
.logoBanner  {background:none } 	
.container,.innepages  .container { width:1170px;}  
.image.marginLeft { margin-left:0px; }	
.image.marginRight {  margin-right:0px; }
.bannerFontBold ul li{font-size:24px; }	
.list { display:block; float:none}
.bannerFontBold.align.bottom	{ font-size:53px;}
.bannerFontBold.align.bottom .list li{ font-size:24px; line-height:30px; }
.bannerFontBold   .bannerDetails li {font-size:30px;}
.designForDelight .container{background-image:url(../images/delight.png);height:300px;}   
.footer ul li{ padding-left:20px; width:30%;  padding-bottom:20px;}
.copyright {padding-left:20px; }
.text h2, .page h2{ font-size:40px; line-height:50px;}
.bannerFontBold ul li{font-size:26px; line-height:40px;}
.ResearchStrategy { background-image:url("../images/ResearchStrategy.png");}
.TestingIteration { background-image:url("../images/TestingIteration.png");} 
.WebAccessibility { background-image:url("../images/WebAccessibility.png");} 
.InitiativesInnovation { background-image:url("../images/InitiativesInnovation.png");}
.WireframesPrototypes { background-image:url("../images/WireframesPrototypes.png");} 
.HtmlCSS { background-image:url("../images/HtmlCSS.png");}    
.innepages h1{ padding-left:20px ; padding-right:20px; font-size:50px; line-height:50px; }
     .topBackground .container h1{  padding-top:120px; line-height:34px;}
 .leftColumn {width:730px; margin-right:20px; padding-left:20px;}
         .rightColumn { width:300px}
 .blogImg{ width:450px}
  .blogImg img{width:100%}
   .page p{ padding-bottom:20px;}
    .listLayout li{ padding-bottom:50px;}
        .photo { margin-bottom:40px !important;}
.photo1 div, .photo2 div, .photo3 div, .photo4 div, .photo5 div, .photo6 div, .photo7 div, .photo8 div, .photo9 div, .photo10 div {min-height:425px;  height:425px; width:100%; max-width:800px;  min-width:800px;}

        .photo1 div {background-image:url(../images/photo1.png); background-position:center center; background-repeat:no-repeat;  }
    .photo2 div {background-image:url(../images/photo2.png); background-position:center center; background-repeat:no-repeat; }
    .photo3 div {background-image:url(../images/photo3.png); background-position:center center; background-repeat:no-repeat; }                
    .photo4 div {background-image:url(../images/photo4.png); background-position:center center; background-repeat:no-repeat;  }
    .photo5 div {background-image:url(../images/photo5.png); background-position:center center; background-repeat:no-repeat; }
    .photo6 div {background-image:url(../images/photo6.png); background-position:center center; background-repeat:no-repeat; }
    .photo7 div {background-image:url(../images/photo7.png); background-position:center center; background-repeat:no-repeat;}
    .photo8 div {background-image:url(../images/photo8.png); background-position:center center; background-repeat:no-repeat; }
    .photo9 div {background-image:url(../images/photo9.png); background-position:center center; background-repeat:no-repeat; }
    .photo10 div {background-image:url(../images/photo10.png); background-position:center center; background-repeat:no-repeat; }
}
/* end screen width */
 
.listLayout li{ padding-left:20px; padding-right:20px}	
.container {  margin-left:auto; margin-right:auto}

.pics, .galleryPhoto1, .galleryPhoto2 , .galleryPhoto3{ width:100% !important; height11:600px !important;  margin:0px !important; padding:0px !important}
.listLayout { margin-top:40px; margin-bottom:20px;}
.listLayout li {display:block; }
.text,.innepages  .text{ float:left;}
.image { float:left; }           
.text h2, .page h2{margin-top:0px; padding:0px; font-family: 'NexaBold';}
.image,.innepages  .image{   background-repeat:no-repeat; background-position:top left;}

  .footer ul li{ display:inline-block;  text-align:left; line-height:26px; vertical-align:top}
 .footer a { display:inline-block; font-size:14px;} 
 .footer .container{ text-align:left} 
 .TopBanner { z-index:2000; height:100px; width:100%;}
.logo{ height:80px;  background-repeat:no-repeat; background-position:top left; margin-top:20px;}
.logo{text-align:left; float:left; margin-left:40px;  display:inline-block; text-decoration:none}
 .topRightmenu{ text-align:right; float:right;  width:250px; margin-right:40px;	 margin-top:20px;}
   .topRightmenuSmall{text-align:right;  border:none; }
 .topRightmenu a{ display:inline-block; text-decoration:none;   width:45px; height:45px;  background-repeat:no-repeat; background-position:center center; line-height:45px;}
 .TopBanner a.iconPaintings {background-image:url("../images/icon_painting.png"); }
 .TopBanner a.iconPaintings:hover,.TopBanner a.iconPaintings:focus,.TopBanner a.iconPaintings:active {background-image:url("../images/icon_paintingHover.png"); }
  .TopBanner a.iconPhtots {background-image:url("../images/icon_photo.png"); }
  .TopBanner a.iconPhtots:hover,.TopBanner a.iconPhtots:focus,.TopBanner a.iconPhtots:active {background-image:url("../images/icon_photoHover.png"); }
  .TopBanner a.iconBlog {background-image:url("../images/icon_blog.png"); }
  .TopBanner a.iconBlog:hover,.TopBanner a.iconBlog:focus,.TopBanner a.iconBlog:active {background-image:url("../images/icon_blogHover.png"); }
  .TopBanner a.iconContact {background-image:url("../images/iconsContact.png"); }
  .TopBanner a.iconContact:hover,.TopBanner a.iconContact:focus,.TopBanner a.iconContact:active {background-image:url("../images/iconsContactHover.png"); }
   .mainPage { position:relative; margin:0px;}
    .topBackground img{ width:100%}
    .page {  line-height:26px; text-align:left }
    .main .page h2 { margin-top:20px;  margin-bottom:20px;}
     

     .topBackground .container h1{ position:absolute; font-family: 'NexaBold'; text-transform:uppercase; color:#fff}
     body{ width:100%;margin:0px !important; padding:0px !important; font-family:"Arial", Helvetica,  sans-serif }
     p{ margin:0px; padding:0px;  font-size:16px;}
     #sliderPage{ margin-top:-25px;  vertical-align:middle; text-align:center; position:absolute; z-index:200000}
     #sliderPage a{ opacity: 0.3; filter: alpha(opacity=30); border:solid 1px #fff; display:inline-block; margin-right:5px; border-radius:10px; width:10px; height:10px}
     #sliderPage a, #s7 strong { display:inline-block; background-color:#fff; background-position:center center; background-repeat:no-repeat; text-decoration: none }
     #sliderPage a.activeSlide {opacity: 1; filter: alpha(opacity=100);border:solid 1px #fff; background-color:#fff;  background-position:center center; background-repeat:no-repeat;}
     #sliderPage a:focus {outline: none;}
     .region  { padding:20px;background-color:#2F323F; clear:both; text-align:left;  line-height:24px; padding-top:40px }
     .container {margin-left:auto; margin-right:auto;}
     .region1 p{ margin:0px; padding:0px ; padding-bottom:20px; line-height: 28px; color:#fff}
     .main{ text-align:center}
     .clearFloat { clear:both;}
     .photosContainer { height:auto; line-height:0px !important; font-size:0px !important; position:relative}
     .photosContainer img { width:100% !important}
     .region p{ padding-bottom:20px;color:#fff}
     .bannerFontBold{ font-variant:small-caps; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); font-size:53px;  text-rendering: optimizelegibility;font-family: 'NexaBold'; color:#fff; font-weight:normal;letter-spacing:-3px}
     .bannerFontBold.align{ position:absolute; bottom:50px; margin-left:100px; z-index:1000}
      .love{  background-image:url("../images/love.png"); background-repeat:no-repeat; background-position:18px 2px; }
      .spacerLove{display:inline-block;line-height:50px; width:50px; margin-left:5px; }
      .bannerFontBold ul{ font-family: Arial,Sans-Serif !important; margin:0px; padding:0px; margin-top:30px;}
      .bannerFontBold ul li{  letter-spacing:0px; list-style:none; padding-left:2px }
      .bannerFontNormal{ font-variant:small-caps; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); font-size:53px;  text-rendering: optimizelegibility;font-family: 'NexaLight'; color:#fff; font-weight:normal;letter-spacing:-3px}
      .button, .text a {text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);   text-rendering: optimizelegibility;font-family: 'NexaBold'; text-transform:uppercase; display:inline-block;  margin:0px; padding-left:20px; padding-right:20px;font-size:24px; line-height:40px; letter-spacing:0px; text-align:center; text-decoration:none; color:White; margin-top:30px;}
      .listLayout ul { margin:0px; padding:0px; text-align:left;line-height:24px}
      .listLayout li{ margin-top:0px; color:#606060} 
      p{ margin:0px; padding:0px;}
      .text h2, .page h2{ margin:0px; padding:0px;padding-bottom:10px; text-transform:uppercase; color:#2F323F}
      .text a { font-size:20px; }
       .text a { background-color:#2F323F}
        .text a:hover,.text a:focus,.text a:active {background-color:#35A3F8; color:#fff}
         .button:hover, .button:focus, .button:active { color:#fff; background-color:#57F390}
          .footer { background-color:#2F323F; padding-top:40px; padding-bottom:40px; color:#fff}
            .footer a{color:#fff; text-decoration:none;}
                .footer a:hover, .footer a:focus,.footer a:active { text-decoration:underline; color:#fff }
                  .footer ul{ margin:0px; padding:0px; text-align:left;}
                    .socialNetworkPanel  a{ text-decoration:none;  display:inline-block; width:20px; height:20px; margin-right:2px; border-radius: 10px; border:solid 1px transparent; }
                     .socialNetworkPanel  a:hover, .socialNetworkPanel  a:focus, .socialNetworkPanel  a:active { border:solid 1px #ccc}
                      .topBackground { margin:0px; padding:0px; line-height:20px; position:relative}
                       .topBackground h1{ position:absolute; }
                        img{ margin:0px; padding:0px;}
                          .paintingSamples {   list-style:none; margin:0px; text-align:center; padding:0px; width:96% }
                          .paintingSamples li{  list-style:none;  float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#a1a1a1 }
                          .paintingSamples li { font-size:.8em;}
                          .paintingSamples li img{ margin:0px; line-height:20px; padding:0px; border:0px; vertical-align:top}
                          .paintingSamples li h3{ margin:0px 0px 0px 0px; padding:0px; font-size:1em; font-weight:normal}
                          .page{ padding-bottom:60px}
                          .icon_fb { background-image:url(../images/icon_fb.png); background-position:1px 2px; background-repeat:no-repeat}
                           .icon_b { background-image:url(../images/icon_b.png); background-position:1px 2px; background-repeat:no-repeat}
                            .icon_in { background-image:url(../images/icon_in.png); background-position:1px 2px; background-repeat:no-repeat}
                             a{ color:#076BCF;}
                               a:hover,a:focus,a:active{ color:#173553;}
                                 .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10 {  background-color:#fff; padding:10px}
                                  .topBackground .container h1{text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);   text-rendering: optimizelegibility;}
                                    .topHearder { background-color:Black; position:fixed; top:0px; width:100%; z-index:10000; height:60px}
                                      a:focus{ outline:none;}
                                        .button {background-color:#FB0EA5}
                                          .innepages .TopBanner { background-color:#22252F; position:static}
                                             .innepages .topBackground { position:static}
                                                .innepages .topBackground .container h1{ position:static; padding-top:0px;padding-bottom:0px; color:#2F323F;}
                                                .rightAlign { text-align:right}
                                                .floatRight{ float:right}
                                                 .topBackground .container .address h1{ position:static}
                                                   .address { position:absolute; z-index:10000; color:#fff; line-height:24px; padding:20px;}
                                                     .blueColor,.rightColumn  a{ color:#10BEFF}
                                                       a:hover {text-decoration:none }
                                                        
  .subText { font-style:italic; padding-bottom:20px;}
   .main .page h2.headerPaddingBottom{ padding-bottom:0px; margin-bottom:0px}
     .highlight { background-color:#F4FF7E}
     .leftColumn {display:inline-table;  margin-right:40px; padding-left:20px;}
         .rightColumn {display:inline-table; }
             .rightColumn h3{ text-transform:uppercase; padding-left:20px; font-size:20px; font-family:NexaLight; color:#2F323F}
       .minimize {position: absolute; top: 130px; width:100%}
           .maximize{position: absolute; top: 180px;  width:100%}
               .bottom{bottom: 100px}
                   .bannaerText { font-size:20px; margin-top:40px; margin-left:40px; font-spacing:6px; line-height:30px; text-transform:none !important} 
            
 .banner { position: relative; overflow: auto; padding:0px; margin:0px; background-color:#22252F; }
   .banner ul, .banner li { margin:0px; padding:0px;}
    .banner li { list-style: none; }
        .banner ul li { float: left; }     
        .banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid #fff;
			border-radius: 6px;
			
			cursor: pointer;
			opacity: .4; background-color:#fff;
			 opacity: 0.3; filter: alpha(opacity=30); border:solid 1px #fff; display:inline-block; margin-right:5px; border-radius:10px; width:10px; height:10px
			 
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}    
     
.photoFrame { position:relative}
.bannerDetails { margin-top:20px !important; margin-left:20px !important; margin-right:20px !important;}
.banner .list li { display:block; float:none}
.banner .list { margin-top:20px;}
.designForDelight {background-image:url(../images/delightBackground.png); background-color:#DF064C; background-position: left top; background-repeat:repeat-x}
.designForDelight .container{ background-position: center center;  background-repeat:no-repeat }

.verticalAlign{ vertical-align:middle}
.next{ text-decoration:none; background-image:url(../images/next.png); background-position:center center; background-repeat:no-repeat; width:50px; height:50px; display:inline-block}
.previous{text-decoration:none;background-image:url(../images/previous.png); background-position:center center; background-repeat:no-repeat; width:50px; height:50px; display:inline-block}
.next:hover, .next:focus, .next:active {background-image:url(../images/nextHover.png);}
.previous:hover,.previous:focus, .previous:active {background-image:url(../images/previousHover.png);}
.disabled,.disabled:hover, .disabled:focus, .disabled:active  { background-image:none; cursor:default}
.innepages .image { height:auto !important}
.copyright { margin-top:40px;}
.iePopup{ display:none; font-size:100%}
.iePopup  .bg{ position:absolute; z-index:222222; height:100%; width:100%; background-color:#fff;  opacity: 0.2;  filter: alpha(opacity = 20);}
.iePopup .contentIE  { color:#000; width:30%;  margin-top:10%; margin-left:30%; margin-right:30%; position:absolute; z-index:22222222;  padding:20px; vertical-align:middle; text-align:left; background-color:#FFB400;  border:solid 1px #303030}
.iePopup .contentIE .title { font-size:1.2em; }
.iePopup .contentIE .brTxt { font-style:italic; font-size:1em }
a img{ border:0px;}
.topLinks {  width:100%;  padding-top:0px; margin-top:-270px}
.topLinks a{  background-color:#363A49; display:block; color:#fff; text-decoration:none; line-height:46px; font-size: 16px; font-family:Arial; padding-left:20px; padding-right:20px; }
.topLinks a:hover { background-color:#3F4355;}
.topLinks a:focus, .topLinks a:active { background-color:#FB0EA5;}
.topRightmenuSmall {  position:relative; top:0px; right:0px; padding-top:30px; width:100%;}
.menuTop {right:20px; position:absolute; top:30px;}
.innepages .listLayout { margin-top:0px;}
 .logoBanner { width:100%; }
 .logoBanner { position:absolute; z-index:222; }
 .containerReagion, .pageMargin  {padding-left:20px ; padding-right:20px;}
 .timestamp { padding-left:20px;}