body{
   background: #FFF url('../SiteImages/paper_tile.jpg') repeat 0 0;  
    }

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

header{
  height:85px;
/* background:transparent  url('/SiteImages/navBack.png') no-repeat 0 0;*/
  position:relative;
z-index: 9999;


    }
   .headerNav
   {
       display:none;
   } 
nav#mainNav{
    float:right;
    }  
 
.rtsLevel{
     width:auto !important;
     }    
            
#blurb{
   background: transparent url('../SiteImages/header_bg.png') no-repeat center top; 
   height:555px; 
   width:100%;
    position: relative;
    top: -91px;
    z-index: 1;
    }

#logo{
    position:absolute;
    top:21px;
    }   
    
.searchSocial{
    position: absolute;
    right: 27px;
    top: 71px;
    width: 231px;
    z-index: 20;
    display:none;
    } 
    
#searchSocial{

    display:none;
    }   
      
.searchSocial ul li{
    float:left;
    margin:0 5px;
    text-indent:-99999px;
    cursor:pointer;
    } 

    
 .searchSocial ul {
    left: 102px;
    position: absolute;
    top: 30px;
    width: 127px;
    display:none;
    }    
      
    
.searchSocial input#submit{
    width: 21px;
    height: 21px;
    float:left;
    }  
    
 .searchSocial input[type=text]{
    border: none;
    background: transparent url('../SiteImages/socialSprite.png') no-repeat 0px 2px;
    float: left;
    width: 100px;
    height: 21px;
    color: white;
    padding-left: 25px;
    }          
 
.sfsearchSubmit
{
    display:none !important;
    }
   
    
.sfsearchBox
{
  height:0px;  
    }
 
#followUs{
    background: url("../SiteImages/socialSprite.png") no-repeat scroll -98px -26px transparent;
    float: right;
    height: 30px;
    width: 99px;
    } 
 
#facebook{
    background: transparent url('../SiteImages/socialSprite.png') no-repeat -34px -26px;
    width: 32px;
    height: 26px; 
     }  
     
#facebook:hover{
    background: transparent url('../SiteImages/socialSprite.png') no-repeat -34px -57px;

     }  
          
#twitter{
    background: transparent url('../SiteImages/socialSprite.png') no-repeat -65px -26px;
    width: 32px;
    height: 26px; 
     }
     
 #twitter:hover{
    background: transparent url('../SiteImages/socialSprite.png') no-repeat -65px -57px;
     }    
     
#mail{
    background: transparent url('../SiteImages/socialSprite.png') no-repeat -3px -26px;
    width: 30px;
    height: 26px;
     }   
     
 #mail:hover{
    background: transparent url('../SiteImages/socialSprite.png') no-repeat -3px -57px;
     }        
        
 #searchSocial ul li a{
     
     }    
             
 #introTwo{
     cursor:pointer;
     }    
     
/*-------------*/   
   /*--------------Six---------------*/



div.RadTabStrip.RadTabStrip_Sitefinity ul li a.rtsLink.rtsSelected,div.RadTabStrip.RadTabStrip_Sitefinity ul li a.rtsLink  {
    margin:0px;
    padding:0px;
    line-height:30px;
    height:30px;
    
    }




header
    { 
width:960px;
margin: 0 auto;

        }
        
header nav
    {
 text-align: center;
 position: absolute;
top: 21px;
right: 10px;     
        }        
        
        
header nav ul 
    {
    list-style: none;
        }          
               
header nav ul li 
    {
      display:inline;
      list-style-type:none; 
      text-align:center;
        }   
        
        
header nav ul li a
    {
    display:inline-block;
    text-decoration:none;   
        } 
        
  strong
  
 {font-weight: bold;
  color: #004A70;
 
 }      
        
        
header nav ul li a span, header nav ul li span
    {
    float:left;
        }         
        
header nav ul li a span.navLeft, header nav ul li a span.navRight
    {
   width:3px;
   height:29px !important; /*IMPORTANT TO be same as lineheight and image height*/
        }          

header nav ul li a.rtsSelected span.navLeft
    {
    background:url(../SiteImages/navSides.png) no-repeat 0 0;
                }  
               
header nav ul li a.rtsSelected span.navRight
    {
    background: url(../SiteImages/navSides.png) no-repeat -4px 0; 
      
        }    
        
header nav ul li a.rtsSelected span.navMid
    {
   background:url(../SiteImages/navMid.png) repeat-x 0 0;    
   line-height: 30px !important;
    color:#fff;
    text-shadow: -1px -1px 1px #000000;

        }  
        
  header nav ul li a span.navMid
    {
    padding:0 5px;
    color:#005e8f;
        }         
        
 header nav ul li a:hover span.navLeft
    {
    background:url(../SiteImages/navSides.png) no-repeat 0 0;
                }  
               
header nav ul li a:hover span.navRight
    {
    background: url(../SiteImages/navSides.png) no-repeat -4px 0;   
        }    
        
header nav ul li a:hover span.navMid
    {
   background:url(../SiteImages/navMid.png) repeat-x 0 0;    
   line-height: 30px !important;
    color:#fff;
    text-shadow: -1px -1px 1px #000000;
        }           
               
        
header nav ul li a:hover
    {
        }  
        
        
.no-textshadow .interActLi {
   text-shadow:none;
    }       
        
        
                   

 /*-------------*/   
    
 #content{
   width:960px; 
   z-index: 1;
 
    
   position: relative;
   top: -54px;
}
       
    
/*-------------*/   

footer{
    background: url('../SiteImages/footer_bg.png') no-repeat 0 0;   
     height:83px;
    width:auto;
    position:relative;
    z-index: 10; 
    padding-bottom:30px;
    text-align: center;
    }
    
div.RadTabStrip.RadTabStrip_Sitefinity ul li a.rtsLink {

    }
       
footer nav div div.RadTabStrip.RadTabStrip_Sitefinity .rtsLevel1 .rtsLI a:hover {
    background: none;
} 

footer nav div div.RadTabStrip.RadTabStrip_Sitefinity .rtsLevel1 .rtsLI {
    border:none;
    background: none;
}

footer nav div div.RadTabStrip.RadTabStrip_Sitefinity .rtsLevel1 .rtsLI a {
    font: bold 14px/20px Arial, Helvetica, sans-serif;
    color:#fff;

} 

div.RadTabStrip.RadTabStrip_Sitefinity ul li a.rtsLink {
    padding:0px;
    margin: 0 2px;
    }  

footer p{
    font: bold 14px/20px Arial, Helvetica, sans-serif;
    color:#fff;
    }     
    
div.footerNav div.RadTabStrip.RadTabStrip_Sitefinity ul.rtsUL{
    padding:none !important;
    margin-top:31px;
    }
/*-------------*/


        
footer nav
    {
    width: 960px; 
    margin:0 auto;   
        }        
        
        
footer nav ul 
    {
   white-space:nowrap;
   text-align:center;        
        }          
               
footer nav ul li 
    {
      display:inline;
      list-style-type:none;  
      text-align:center;
      line-height: 28px;
      padding-left: 5px;
      color:#fff;
        }   
        
        
footer nav ul li a
    {
    display:inline-block; /*inline - No height width ,use paddings */
    text-decoration:none;
    padding: 10px 15px;
    font: bold 14px/20px Arial, Helvetica, sans-serif;
    color:#fff !important;
        } 
.tempSlider{

    position: relative;


    top: 76px;
    

    height: 484px;

}        
        
footer nav ul li a:hover
    {
    text-decoration:underline;
        }  
        
        
     
input[type=submit]{
                background:url(../SiteImages/read_more.png) no-repeat 0 0;
                            width: 76px;
            height: 30px;
            border:none;
                        text-shadow: -1px -1px 1px #000000;
                        color:#fff;
                                    padding-top: 1px;
            padding-left: 2px;
            cursor:pointer;
    }
a.readMore {
            background:url(../SiteImages/read_more.png) no-repeat 0 0;
            display:block;
            width: 76px;
            height: 24px;
             color:#fff;
            text-shadow: -1px -1px 1px #000000;
            padding-top: 5px;
            padding-left: 6px;
            float:left;
            cursor:pointer;
            
    
            line-height: 17px;
}
    
    
a.readMore:hover, #Submit1:hover{
            background:url(../SiteImages/read_more_hover.png) no-repeat 0 0;

            
    }   
    
 a.readMore:active{
            background:url(../SiteImages/read_more_active.png) no-repeat 0 0;

            
    }   
     
    #map_canvas{
        
width: 925px;
height: 343px;
position:relative;
z-index:5;
top: 97px;
margin-left: 14px;
    }
    
#mapOver{
        
position:absolute;
background:url(../SiteImages/sliderNav.png) no-repeat 0 0;
top:373px;
width: 960px;
z-index: 10;
height: 177px;

    }   
 
 
 .float{
     float: left;
padding-right: 32px;}   
    
 .hr3Quater{
     background:url(../SiteImages/3QuartHR.png) no-repeat 0 0;
     width:532px;
     height:4px;
     display:block;
     margin: 15px auto;

     }   

.hr1Quater{
     background:url(../SiteImages/1QuartHR.png) no-repeat 0 0;
     width:240px;
     height:4px;
     display:block;
     margin: 15px auto;

     }   

h1{
     color:#004a70 !important;
     font: bold 28px/35px Arial, Helvetica, sans-serif !important;
     /*text-transform:uppercase;*/
     padding:10px 0 40px 0;
     margin:0px !important;
    }
	h1 a{color:#004a70 !important;}
	h1 a:hover {color:#004a70;}

h2, h2 a{
     color:#004a70 !important;;
     font: bold 18px/20px Arial, Helvetica, sans-serif !important;
    margin:0px !important;
    }
    
 h2 a{
     color:#004a70 !important;;
     font: bold 16px/20px Arial, Helvetica, sans-serif !important;
    margin:0px !important;
    }    
    
 div.title h2,  div.title2 h2 {
     color:#fff !important;;
     font: bold 28px/20px Arial, Helvetica, sans-serif !important;
    margin:0px !important;
}   
    
 div.title h3,  div.title2 h3 {
     color:#fff;
     font: bold 14px/20px Arial, Helvetica, sans-serif !important;
}      
    
h3{
     color:#004a70;
     font: bold 18px/20px Arial, Helvetica, sans-serif !important;
    }
	
	h3 a{color:#004a70 !important;}
	h3 a:hover {color:#004a70;}
    
h4{
     color:#004a70;
     font: bold 16px/20px Arial, Helvetica, sans-serif !important;
    }    
       
p{
   font: 12px/24px Arial, Helvetica, sans-serif !important;  
    color:#004a70;
    }



.QuatAside {
    float:right;
    width: 416px;
    }

.roundImg{
    float:left;
    }
    
    
ul#ourserviceslist li {
   font: 12px/17px Arial, Helvetica, sans-serif !important;  
    color:#004a70;    
    margin-bottom:15px;
    list-style-type: disc;
    
    }  
    
    table{
        
font: 12px/20px Arial, Helvetica, sans-serif !important;  
    color:#004a70;    padding-bottom:30px;    vertical-align:top;}  
    
    
    quote{
        
           font:Bold 14px/20px Arial, Helvetica, sans-serif !important;  
    color:#004a70;
    padding:20px 0;}
    
     q{
        
           font:Bold 14px/20px Arial, Helvetica, sans-serif !important;  
    color:#004a70;
    padding:20px 0;}
    
      quote span{
        
           font:Bold 30px/20px Arial, Helvetica, sans-serif !important;  
    color:#004a70;}  
    
.titleTd {
       font: bold 12px/20px Arial, Helvetica, sans-serif !important;
       width:150px;  
    }  
    
    
 .testimonials {
     background: url("../SiteImages/testimonials.png") no-repeat 0 0;
    height: 164px;
    width: 286px;
    padding:10px;
     }  
 tr {
line-height:10px !important;
} 

.trSpacer
{
  line-height:5px !important;  
    }
    
.genTable tr    
 {
  line-height:20px !important;  
    }
    
     
  .testimonials h4 {
     font:Bold 18px/20px Arial, Helvetica, sans-serif !important; 
     color:#fff;
     margin-top:10px;

     }     

  .testimonials h5 {
     font:Bold 14px/20px Arial, Helvetica, sans-serif !important; 
     color:#fff;
margin-top:10px;
     }     


  .testimonials p {
     font:italic 12px/20px Arial, Helvetica, sans-serif !important; 
     color:#fff;
    width: 260px;
     } 
     
     
 .tableLeft{
     float:left;
     width:265px;
     }    
  
   .tableRight{
     float:right;
          
     width: 271px;
     margin-right: 38px;
}    
     
 td{
     padding:5px 0;
         vertical-align:top;
     } 
     
  label{
           font:bold 14px/20px Arial, Helvetica, sans-serif !important; 
           padding:10px;
           vertical-align:top;
      }  
      
          
 td input, textarea{
     border:1px solid #004a70;
    resize:none;
    background:whitesmoke;
    width:200px;
    padding:5px;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;
       -moz-box-shadow:    inset 0 0 10px #c0c2c2;
   -webkit-box-shadow: inset 0 0 10px #c0c2c2;
   box-shadow:         inset 0 0 10px #c0c2c2;
   margin-bottom: 15px;
     }   
        
#intro{
     
    }       
       
 textarea{
     height:100px;
     }      
     
     
 .NamePaul
 {
  position: relative;
top: 251px;

  left: 179px;
background: url("../SiteImages/Paul.png") no-repeat 0 0;   
width:250px;
height:25px;
     }    
     
     
  .NameAlex
 {
position: relative;
top: 224px;
left: 578px;
background: url("../SiteImages/Alexander.png") no-repeat 0 0;
width: 161px;
height: 25px;
    
     }      
       
/*-------------*/
#sequenceTwo ul li {
list-style-type:none;

    }

#sequenceTwo ul li p{
    color:#fff;
    }

#sequenceTwo ul li h1{
color: #0073B0;
text-shadow: 1px 1px 0px #5BB4D7, -1px -1px 0px #004367;
font-size: 54px !important;
height: 72px;
width: 393px;
    }

#sequenceThree ul li h1{
      height: 40px;
   width: 419px;

    }
    
.titleTwo, .titleThree {
	font-size: 30px;
	left: 100px;
	width: 477px;
	top: 169px;

	bottom: 1%;
	z-index: 50;

}

.titleTwo.animate-in, .titleThree.animate-in  {
	left: 200px;
	opacity: 1;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.titleTwo.animate-out, .titleThree.animate-out {
	left: 35%;
	opacity: 1;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.titleThree{
    
    }



.lt-ie8 .mCSB_dragger
{
    margin-left:-8px;
    }

.lt-ie8 .mCSB_scrollTools
{
    height:233px;;
    }
    
    
#sequenceThree ul li
{
    height:400px !important;
    }  
    
    


.quoteAniPartner{
	left: 90px;

	top: -3px;
opacity: 0;
display: block;
position: relative;
height: auto !important;
max-height: 568px !important;
width: 700px;
    color:#fff;
         font: 14px/24px Arial, Helvetica, sans-serif !important;
         padding:0 10px;

}

.quoteAni.animate-in {
	left: 27px;
	opacity: 1;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.quoteAni.animate-out {
	left: 50%;
	opacity: 1;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}








.quoteAni {
	left: 90px;

	top: -3px;
opacity: 0;
display: block;
position: relative;
height: auto !important;
max-height: 568px !important;
width: 588px;
    color:#fff;
         font: 14px/24px Arial, Helvetica, sans-serif !important;
         padding:0 10px;

}

.quoteAni.animate-in {
	left: 27px;
	opacity: 1;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.quoteAni.animate-out {
	left: 50%;
	opacity: 1;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}


.paraAni {
    position:absolute;
    margin-top:20px;
	left: -2px;

    top: -18px;
opacity: 0;
display: block;
position: relative;
height: auto !important;
max-height: 568px !important;
width: 588px;
    color:#fff;
         font:italic 12px/24px Arial, Helvetica, sans-serif !important;
         padding:0 10px;

}

.paraAni.animate-in {
	left: 27px;
	opacity: 1;

	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.paraAni.animate-out {
	left: 50%;
	opacity: 1;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}
 
 
 
 .paraAni2 {
position: absolute;
margin-top: 20px;
left: -2px;
top: -18px;
opacity: 0;
display: block;
position: relative;
height: auto !important;
max-height: 568px !important;
width: 588px;
color: white;
font: 14px/24px Arial, Helvetica, sans-serif !important;
padding: 0 10px;

}

.paraAni2.animate-in {
	left: -14px;
	opacity: 1;

	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.paraAni2.animate-out {
	left: 50%;
	opacity: 1;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}
 
 

.aniImg {
position: absolute;
top: 10px;
    right: 40px;
opacity: 0;
display: block;
height: auto !important;
max-height: 568px !important;
    color:#fff;
         font:italic 12px/24px Arial, Helvetica, sans-serif !important;
         padding:0 10px;

}

.aniImg.animate-in {

	opacity: 1;
    top: 50px;
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.aniImg.animate-out {
	left: 50%;
	opacity: 1;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

/*-------------*/


#navUi
{
position: absolute;
top: 266px;
background: url("../SiteImages/sliderNav.png") no-repeat 0 0;
width: 960px;
z-index: 999;
height: 177px;
list-style-type:none;
    } 
 
 
.letterpress  {
color: #004A70;
text-shadow: 1px 1px 0px #5BB4D7, -1px -1px 0px #004367;
padding:0px 0 10px;
}

.headerPad{
    padding-top:100px
    
    }
	.content{ overflow:auto; }

	.content {

width: 600px;
height: 259px;
padding-left: 20px;
overflow: auto;
float:left;
z-index:9999999;
}
#pictures{
    float:right;
    }
#header {
	height: 350px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	width:960px;
	top: 90px;

}

#main, #aside{
	font-size: 1.6em;
}

a{
	color: white;
}

.next,.prev {
	color: white;
	cursor: pointer;
	display: none;
	font-weight: bold;
	padding: 10px 15px;
	position: absolute;
	top: 50%;
	z-index: 99999999999999999999999;
	height: 42px;
	margin-top: -58.5px;
}

.pause {
	bottom: 0;
	cursor: pointer;
	position: absolute;
	z-index: 1000;
}

.paused {
	opacity: 0.3;
}

.prev {
	left: 26px;
top: 70px;
}

.next {
right: 57px;
z-index: 9999999999999999999999999999;
top: 70px;
}

#prev a{
opacity:.7;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

#next a{
opacity:.7;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

#prev a:hover{
opacity:1;
}

#next a:hover{
opacity:1;
}




.prev img, .next img{
	height: 100%;
	width: auto;
}

#sequence-preloader{
	background: #d9d9d9;
}

#nav {
	bottom: 1%;
	display: none;
	right: 6%;
	position: absolute;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

#nav li {
	display: inline-block;
	height: 140px;
}

#nav li img {
	cursor: pointer;
	opacity: 0.5;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

#nav li img.active {
	opacity: 1;
}

@media only screen and (min-width : 1224px) {
	/*only display the hover effect on desktops/laptops*/
	#nav li img:hover {
		opacity: 1;
	
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		-ms-transition-duration: 1s;
		transition-duration: 1s;
	}

}

#sequence li{
	height: 100%;
	position: absolute;
	top: 1px;
	width: 930px !important;
	right: 37px;
	list-style-type: none;
}

#sequence li * {
	position: absolute;
}

#sequence li img{
	height: 96%;
}


#intro{
    	background: url("../SiteImages/bg-sequence1.png") no-repeat 50% 100%;
    }
    
 #creative{
      	background: url("../SiteImages/bg-sequence2.png") no-repeat 50% 100%;   
     }   
     
 #slider3{
      	background: url("../SiteImages/bg-sequence4.png") no-repeat 50% 100%;   
     }   
     
 #slider4{
      	background: url("../SiteImages/bg-sequence3.png") no-repeat 50% 100%;   
     }       
     

#sequence {

	display: block;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	max-width: 1280px;
	width: 100%;
	
	/*backface-visibility prevents graphical glitches when frames are animating*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

h2 {
	color: white;
	font-family: 'Sirin Stencil', serif;
	font-weight: bold;
	/*text-transform:uppercase;*/
}

h3 {
	font-family: 'Ruluko', serif;
}

.next,.prev {
	position: absolute;
	opacity: 0.6;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.next:hover,.prev:hover {
	opacity: 1;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.title {
    font-size: 30px;
    left: 50px;
    width: 886px;
    background:url(../SiteImages/slider_slide_top.png) repeat 0 0;
    top: 165px;
    opacity: 0;
    z-index: 99;
    padding: 22px;
    height: 34%;
}

.title.animate-in {
	left: 0px;
	opacity:1;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

    
.title.animate-out {
	left: 18px;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}


.title2 h3{
    	font-size: 14px !important;
    }
    
    
.carousel-next
 {
      background:url(../SiteImages/btn_nav_right.png) repeat 0 0; 
      height:50px;
      width:50px;  
      cursor:pointer;
     }   
  .carousel-prev
 {
      background:url(../SiteImages/btn_nav_left.png) repeat 0 0; 
      height:50px;
      width:50px; 
      cursor:pointer;     
     }     

.title2 {
    font-size: 30px;
    left: 50px;
    width: 886px;
    background:url(../SiteImages/slider_slide_top.png) repeat 0 0;
    top: 165px;
    opacity: 0;
    padding: 22px;
    height: 34%;

}

.title2.animate-in {
	left: 0px;
	opacity: 1;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

    
.title2.animate-out {
	left: 18px;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}


.rtsLink {
    background:none !important;
    }
.subtitle {
	color: black;
	font-size: 30px;
	left: 50px;
	width: 427px;
	opacity: 0;
	top: 106px;
	font-weight:normal;
	background: none;
	z-index: 99999999999999;
	font-size: 15px !important;
}

.subtitle.animate-in {
    left: 36px;
	
    border: none !important;
    opacity: 1;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.subtitle.animate-out {
   left: 10px;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}

.model {
	left: 30%;
	bottom: -48%;
	opacity: 0;
	position: relative;
	height: auto !important;
	max-height: 568px !important;
	width: 30%;
	min-width: 225px; /*prevents the model from shrinking when the browser is resized*/
	max-width: 266px;
}

.model.animate-in {
	left: 15%;
	opacity: 1;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.model.animate-out {
	left: 15%;
	opacity: 0;

	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-ms-transition-duration: .5s;
	transition-duration: .5s;
}



/*-------------*/


#footer a {
    color:#fff;
    }
    
    
#footer a:hover {
    text-decoration:underline;
    }
    
    
.teamImg{
    padding-left:23px;
    }

      .hover
      {
    color :white;     
    -webkit-transition: 1s;
    -moz-transition:    1s;
    -ms-transition:     1s;
    -o-transition:      1s;
    transition:         1s;
               margin-left:8px;
          } 
          
       .notHover
      {
    color :#00344f !important;    
    -webkit-transition: 1s;
    -moz-transition:    1s;
    -ms-transition:     1s;
    -o-transition:      1s;
    transition:         1s;

          }          
          
           

 .interActLi
 {
    cursor:pointer;
    line-height:22px; 
    font-size:14px;
    color:White;
        -webkit-transition: 1s;
    -moz-transition:    1s;
    -ms-transition:     1s;
    -o-transition:      1s;
    transition:         1s;
     } 
     
#interActBtn
{
background: url(../SiteImages/ourAppr.png) no-repeat 103px  135px;
      height:356px;
width: 367px;
  position:relative;
  padding:0px;
  
  
       }  
       
       
li       
 {
     list-style-type:none;
     }      

#interActBtn li
  { 
   line-height:14px; 
   display:block;
   height:110px;
   width: 114px;
   /*text-transform:uppercase;*/
   float:left;
   background: url(../SiteImages/circleInterAct.png) no-repeat center;
   position:absolute;
   font-weight:bold !important; 
    font-size:8px !important;
    color:#005e8f;
    text-align:center;
    display: table; 
    cursor:pointer;
      }      
 
 #interActBtn li p
  { 
    padding:17px;
      display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
     line-height:14px !important; 
        font-weight:bold !important; 
    font-size:8px !important;
      }  
      
  #interActBtn li div
  { 

      }           
 
 .InterBtn1
 {
left: 142px;}
     
 .InterBtn2
 {
     top: 57px;
     left: 246px;
     }     
     
 .InterBtn3
 {
     top: 173px;
    
     right: -3px;
     }    
     
 .InterBtn4
 {
bottom: -3px;
left: 170px;
     }    
 .InterBtn5
 {
bottom: 10px;
left: 54px;
}      
     .InterBtn6
     {
bottom: 109px;
left: -8px;
    }
     
  .InterBtn7
 {
top: 29px;
left: 30px;
     }   
    
 #interActBtn
 {
left: 566px;
top: 92px;

     }   
.mCSB_container p, .mCSB_container h4{
   color:White; 
   }    
.mCSB_container h4{
   color:White; 
   font: bold 24px/20px Arial, Helvetica, sans-serif !important;
   text-decoration:none !important;
   padding-bottom: 20px !important;
   }       
   
   
#memberImgOne  {
    top: 0px;
left: 50px;
width:156px;
cursor:pointer;
    }
#memberImgTwo  {
top: 50px;
left: -10px;
cursor:pointer;
    }   
   
#next a{
       background: transparent url('../SiteImages/bt-prev.png') no-repeat 0px 0px;
       text-indent: -9999999px;
       display:block;
       height: 41px;
       width: 41px;
    }   
#prev a{
       background: transparent url('../SiteImages/bt-next.png') no-repeat 0px 0px;
       text-indent: -9999999px;
       display:block;
       height: 40px;
       width: 42px;
    }       
    
header
{
    width:960px;
    margin:0 auto;
    position:relative;
    }
#interAct
 {
position: absolute;
top: 153px;

width: 500px;
color:#003652;
padding-left: 51px;
text-shadow: 1px 1px 0px #1ea4e91;
     }   
     
 #servicesHeader
 {
   background: url(../SiteImages/header_solutionapproach.png) no-repeat 0 0; 
   text-indent:-9999px; 
   height: 49px;  
   left: 10px;
    position: absolute;
    
   width: 456px;
    
   margin-top: 28px; 
     
   top: 94px;
}       
     
     
   
     
 .currentCirl
 {
    width: 32px;
    height: 32px;
    background: red;
    position: absolute;
    right: 0px;
    background: url(../SiteImages/currentService.png) no-repeat 0 0;
     font-family:  verdana,  arial,  sans-serif;
     font-size:  14px; 
     padding:3px;   
     color:#fff;
     line-height:30px;
     font-size:20px;
     font-weight:normal;
     text-align:center;

     }    
  
.lt-ie8 #interActBtn li p
 {
padding-top:10px;
 line-height:20px !important;
     }   
     
     
     
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


::-moz-selection { background: #00598b; color: #fff; text-shadow: none; }
::selection { background: #00598b; color: #fff; text-shadow: none; }

/*
font: bold 25px/20px Arial, Helvetica, sans-serif;
background: transparent url('../images/image.png') no-repeat 0 0;

/* IE CSS AHCKS

IE6 
#once { _color: blue }
 
 IE6, IE7 
#doce { *color: blue; }

IE8
.color {color: #f00/;}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}


*/
.whoWeAre{
   background: url(../SiteImages/header_whoweare.png) no-repeat 0 88px;     
    
   text-indent: -999999px;
}

.paulHeader{
     background: url(../SiteImages/Paul.png) no-repeat 0 0;   
   text-indent: -999999px;  
    }

.alexHeader{
     background: url(../SiteImages/Alexander.png) no-repeat 0 0;   
   text-indent: -999999px;  
    }

.sfpostListTitleDateSummary .sfpostSummary{
 
 padding:0px;
 margin:0px;   
}

.whoWeDoit{
        background: url(../SiteImages/header_whowedoitfor.png) no-repeat 0 0;   
   text-indent: -999999px; 
    }  
    
.partner{
        background: url(../SiteImages/header_partnerships.png) no-repeat 0 0;   
   text-indent: -999999px; 
    }  
    
 .partnerSub {
        background: url(../SiteImages/header_networksolutions.png) no-repeat 0 0;   
   text-indent: -999999px;
   height: 42px;
position: absolute;
text-indent: -999999px;
top: 50px;
width: 447px;
left: 28px; 
    }    
    

.whatWeHeard{
         background: url(../SiteImages/header_whatweheard.png) no-repeat 0 0;   
   text-indent: -999999px;    
    }
    
.featuredBlog{
          background: url(../SiteImages/header_featuredpost.png) no-repeat 0 0;   
   text-indent: -999999px;   
    
          position: relative;
          top: -43px;
          height: 24px;
          left: 34px;
}    
.featuredClient{
          background: url(../SiteImages/header_featuredclient.png) no-repeat 0 0;   
   text-indent: -999999px;     
    
          top: 53px;
          position: absolute;
          height: 26px;
          left: 27px !important;
}  


  .network{
          background: url(../SiteImages/header_networksolutions.png) no-repeat 0 0;   
   text-indent: -999999px;     
    
          top: 53px;
          position: absolute;
          height: 26px;
          left: 27px !important;
}   
    
#prev {
left: 829px;
display:none;
}

#next {
left: 742px;
display:none;
}
  
.sfpostListTitleDateSummary{
    margin: 0px;
    
    padding: 1px 0px 0px 0px;
}

em 
{
    color: #004A70;
}

.sfpostListTitleDateSummary .sfpostListItem{
 padding:0px;   
}
 /* relevant for the tutorial - start */
  #gallery { position: relative; }
    #pictures { position: relative; height: 408px; right: 277px; top: -21px;}
    #pictures img { position: absolute; top: ; right: ; }
    
    #prev, #next { margin-top: 30px; text-align: center; font-size: 2.0em; position: absolute; top: 220px;}
  /* relevant for the tutorial - end */
  
#sidebar { }
  #sidebar ul { margin-top: 20px; }
  #sidebar ul li { font-size: 1.2em; padding: 20px 0 20px 0; border-bottom: 1px solid #dddcdc; line-height: 18px; }
  #sidebar ul li h2 { font-size: 1.2em; margin-bottom: 8px; }
  
  #scrollbar1 { width: 520px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

 .title h3, .title2 h3 {
	 border:none !important;
	 } 
	 
 .sfContentBlock h3 { border:none !important;}
 
 .bluetext { color:#004a70 !important;}
 
 
 
 .mCSB_dragger_bar
 {
             background: url(../SiteImages/slider_slide.png) no-repeat 0 0 !important;   
height: 17px !important;
width: 21px !important;
     }
     
     
 .mCSB_dragger 
 {
height: 17px !important;
     }   
     
     
     
  .lt-ie8 #interActBtn li
{
    list-style-type:none !important;
    }  
    
   .lt-ie8 #interActBtn li p
{
   top:6px;
   position:absolute;
   left:8px;
   height:67px;
   width:54px;
   line-height:12px !important;
   vertical-align:middle;
   margin:4px;
   margin-top:17px;
    }  
    
    
.lt-ie8 .testimonials
{
padding-top:20px;
    }            
    
    
    
.gallery a img
{
	border:solid 1px #00598B;
}
.gallery a
{
	width:122px;
	display:inline-block;
	height:107px;
}
.WhoWeDoItForContentDiv
{
	height:400px;
}
.HiddenHPContent
{
	display:none;
}
.TheBlogList
{
	display:none;
}

#introTwo .sfpostSummary
{
	color:white; font:12px/24px Arial, Helvetica, sans-serif !important;
}
.animate-in h3,
.animate-in h3 a:active,
.animate-in h3 a:link,
.animate-in h3 a:visited,
.animate-in h3 a:hover
{
	color:White !important; font:16px/26px Arial, Helvetica, sans-serif ;
}

.TheBlogList .sfpostSummary
{
	font: 	12px/24px Arial, Helvetica, sans-serif !important;
	color:#004A70;
}

.sfimagesTmb
{
    padding:0 !important;
    margin-bottom:4px;
    }


/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
		
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -400px;
		width: 720px;
		background: #eee url(modal-gloss.html) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/