﻿body
{
    padding-left: 0px;
    background-color: #ffffff;
    padding-right: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
.SolveItBG
{
    background-image: url('images/cube.png');
    background-repeat: no-repeat;
    background-position: 75px top;
    background-color: #FFFFFF;
    background-attachment: scroll;
}
.DidYouHearBG
{
    background-image: url('images/ear.png');
    background-repeat: no-repeat;
    background-position: 110px top;
    background-color: #FFFFFF;
    background-attachment: scroll;
}
.navTable
{
    padding: 0px;
    font-family: Arial, "Segoe" ,sans-serif;
    font-size: 13px;
    background-color: #f78f1e;
    color: #f78f1e;
}
.navSpacing
{
    padding: 3px 8px 3px 8px;
}
 .navLink 
 { color: #000000;
            text-decoration: none;
     }
      .navLink:Hover
 { color: #ffffff; text-decoration: none;
          
     }
      .navSelected 
 { color: #000000;
            text-decoration: none;
     }
.hpRightNowLink 
{ color: #004690;
    text-decoration: none;}
.hpRightNowLink:Hover 
{
   color: #f78f1e;
    text-decoration: none; }
    
.hpLearnMore
{
    color: #004690;
    text-decoration: underline;
}
.hpLearnMore:Hover
{
    color: #000000;
    text-decoration: underline;
}
.subNavBlank 
{font: normal 12px/23px;
 font-family: Arial,"Segoe UI",  sans-serif;
	color: #ffffff;
	text-decoration: none;
    }
.NavSelected
{
    color: #000000 !important;
    background-color: #ffffff !important;
    border-bottom-style: none !important;
    border-bottom-width: 0px !important;
}
.subNavLink 
{font: normal 12px/23px; 
 font-family: Arial,"Segoe UI",  sans-serif;
	color: #000000;
	text-decoration: none;
    }
    .subNavLink:Hover
{
    text-decoration: none;
    
    color:#f78f1e;;
}
a.findOutMore
{
    text-decoration: none;
    color:#004690;
}
a.findOutMore:Hover
{
    color: #FFFFFF;
    text-decoration: none;
}


#hpFindOutMoreContainer
{
    background-image: url('images/hp-bg-findoutmore.gif');
    background-repeat: repeat-x;
    width:1000px;
    height:155px;
   
}
#hpSmithSolveContainer
{
    width: 900px;
    height: 50px;
    margin: 10px 0px;
      text-decoration: none;
    font-weight: bold;
    font-family:  Arial, Verdana;
    font-size: 15px;
    line-height: 21px;
    text-align:left;
}
#hpFindOutMoreContainerText
{
    padding: 25px 50px 25px 50px;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    font-family: Arial, Verdana ;
    line-height: 27px;
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    z-index: 50;
}
.testiomonialPhoto
{
    border: 4px double #003399;
    margin: 8px 10px 8px 0px;
    padding: 0px;
}
.teamPhoto
{
    border: 4px double #999999;
    margin: 8px 10px 8px 0px;
    padding: 0px;
}
.boxMain
{
    background-color: #ffffff;
    font-size: 13px;
    color: #444444;
    font-family: Arial, Verdana ;
    width: 1000px;
    line-height: 20px;
    
}
.boxMain a:link
{
    text-decoration:none;
}


}
.boxMainContent
{

    width: 650px;
}
.boxPageTitle
{
    width: 1000px;
    background-color: #004690;
    padding:5px;
}
.mainContentBold
{
    font-size: 13px;
    line-height: 20px;
    color: #004690;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, Verdana ;
}
.mainContentLink
{
    color: #004690;
    text-decoration: none;
}
.mainContentLink:Hover
{
    color: #f78f1e;
    text-decoration: none;
}
.hpQuote
{
    color: #2469b3;
    line-height: 18px;
    padding-top: 10px;
}
.hpCallOut
{
    color: #000000;
    line-height: 25px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
      font-family: Arial, Verdana ;
      text-align: left;
      z-index: 800;
      
      
}
/*.leftLine
{
    border-left: #f5f5f5 1px ridge;
}*/
.pageTitle
{
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    font-family: Arial, Verdana ;
    padding: 10px;
}
.footer
{
    font-size: 12px;
    color: #696969;
    font-family: Arial, Verdana ;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.footerLink
{
    font-size: 12px;
    color: #696969;
    font-family: Arial, Verdana ;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-decoration: none;
}
.footerLink:Hover
{
    font-size: 12px;
    color: black;
    font-family: Arial, Verdana ;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-decoration: underline;
}

  
.navWhite
{  
    background: #ffffff !important;  
}  
 
.collapsePanel
{
    width: 650px;
    height: 0px;
    background-color: white;
    overflow: hidden;
    padding-left: 20px;
    padding-top: 5px;
     display: block; 
     clear:left; 
}

.collapsePanelDev
{
    width: 600px;
    height: 0px;
    background-color: white;
    overflow: hidden;
    padding-left: 20px;
    padding-top: 5px;
    display: block;   
}


.collapsePanelHeader
{
    width: 700px;
    height: 20px;
    color: #000000;
    font-weight: bold;
    float: left;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
    display:block;
}

.collapsePanelHeaderDev
{
    width: 250px;
    height: 20px;
    color: #000000;
    display: block;   
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}
.collapsePanelDetailsText
{
    font-size: 12px;
    color: #a9a9a9;
    font-family: Arial, Verdana ;
    font-weight: normal;
}
.testimonialButton
{
    cursor: pointer;
    }
    
    /*  Slidder  */
     .Content_Wrapper, .Boxes_Wrapper
        {
            overflow: hidden;
            position: relative; /* set width ! */
        }
        .Content, .Boxes_Content
        {
            position: absolute;
            top: -10px;
            left: 0;
    height: 330px;
    width: 1120px;
    margin-right:15px;
}
        
        .Lorem
        {
            position: relative;
            width: 575px;
            height: 324px;
            background: url(Images/MainBg.gif) 0 0 no-repeat;
            margin-left: 76px;
        }
        .Lorem .Content_Wrapper
        {
            width: 475px;
            height: 185px;
            top: 80px;
            left: 38px;
        }
        .Lorem .RadSlider
        {
            position: absolute;
            top: 63px;
            right: 14px;
        }
        .Lorem .Content h2
        {
            font: 30px/40px georgia,serif;
            color: #000;
            margin: 0 0 0.4em;
            padding: 0;
        }
        .Lorem .Content
        {
            font: 12px/18px arial,sans-serif;
        }
        
        .Boxes
{
    border-style: none;
    border-width: 1px;
    margin-top: 12px;
    width: 1000px;
    height: 300px;
    background-color: #ffffff;
}
        .Boxes2
{
    border-style: none;
    border-width: 1px;
    margin-top: 12px;
    width: 500px;
    height: 300px;
    background-color: #ffffff;
}
        .Boxes_Wrapper
        {
            width: 900px;
            height: 330px;
            top: -5px;
           
            white-space: nowrap;
            margin:auto;
            clear:both;
            
            
            
        }
        .Boxes_Wrapper img
        {
            display: inline;
        }
        .BoxesSlider
        { position:absolute;
          z-index:300;
            width: 960px;
            margin: auto;
            margin-top:275px;
            margin-bottom:10px;
        }
        .BoxesSlider .RadSlider
        {
            margin: 0 auto;
            
            z-index: 300;
        }
        
        
        
        /*--Column Styles--*/
ul.columns {
	width: 960px;
	list-style: none;
	margin: 0 auto; padding: 0;
	z-index:1;
	display:inline;
}



ul.columns li {
	width: 119px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
	
}
ul.columns li:hover {z-index: 99;}

/*--Thumbnail Styles--*/
ul.columns li img {
	position: relative;
	filter: alpha(opacity=30);
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
	z-index: 99;
	border: 0px;
}
ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border: 0px;
	
	
}

ul.columns li .info
{ 
visibility:hidden ;
padding: 0px;
width: 110px;


}
	
ul.columns li:hover .info
{
    visibility: visible;
    display: block;
background-color:  #f78f1e;  position: absolute;
	left: -10px; top: -10px;
	padding: 150px 10px 20px;
	width: 119px;
	text-align: center;
	font-weight: bold;
	
}

ul.columns li .info h2
{
 position: relative;
 top: 6px;   
}


ul.columns li h2 {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	top: -3px;
	margin: 0px; padding: 8px 0; text-align:center;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.8em; text-align: center;}

ul.columns li .info img
{
 padding:0px;   
}

.link:link
{
    text-decoration:none;
    color: #004690;
}
.link:hover
{
    text-decoration:none;
    color:#f78f1e;
}
