/* (c) Innovez 2011 */
*{margin: 0;padding: 0;}
body{
    background: #3d3d3d;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    
}

p{
    margin-top:1em;
}
a{
    color:#108bea;
}
a:hover{
    text-decoration: none;
}
h1, h2,h3,h4{
    color:#CCC;
    text-shadow:1px 1px 1px #000;
}

li{
  margin-top:7px;  
}

.mailSuccess{
    color:#000;
    background:#ccffcc;
    padding:10px;
    border:1px solid #000;
}
.mailError{
    color:#000;
    background:#ffcccc;
    padding:10px;
    border:1px solid #000;
}
ul ul li{
    margin-top:0px!important;
}
h3{
    margin-top:10px;
}
h2{
    margin-bottom:10px;
}
.clearBoth{clear:both;}
.img-bordered{
    border:3px solid black;
    border-radius:3px;
}
div.pageWrapper{
    width:1024px;
    margin:auto;
    position:relative;
    margin-bottom:20px;
}
div.textWrapper{
    margin-top:10px;
    margin-bottom:10px;
}
/*HEADER*/

.header{
    margin:auto;
    margin-top:5px;
    position:relative;
    width:1024px;
    height:61px;
    background:#fff url(assets/images/header/headerBG.gif) repeat-x;
}
.header .logo{
    position:absolute;
    right:0px;
    width:173px;
    height:61px;    
    background:url(assets/images/header/invzLogo.png) repeat-x;
}
.header .hLeft{
    position:absolute;
    left:0px;
    width:8px;
    height:61px;    
    background:url(assets/images/header/hLeft.png) repeat-x;
}
.note{
    font-size:x-small;
}
.additionalLinks{
    margin:0;
    text-align:right;
    padding-top:5px;
    padding-right:5px;    
    text-shadow:1px 1px 1px #000;
}
.additionalLinks a{
    color:#CCC;   
    margin-right:15px;
    text-decoration: underline;    
}
.additionalLinks a:hover{
    text-decoration:none;
}
/*main nav menu*/
ul.navMenu{
    margin-left:20px;    
    list-style-type: none;
    line-height: 20px;
}



ul.navMenu li{
    margin-top:16px;
    padding:2px;
    height:20px;
    float:left;
    font-weight:bold;
    margin-right:20px;     
    text-shadow:1px 1px 1px #FFF;    
    cursor:pointer;
}
ul.navMenu li.selected{
    background:#333;
    border:1px solid black;
    border-radius:5px;    
    text-shadow:1px 1px 1px #000;
    color:#FFF;
}


.content{
    width:1022px;
    background-color: #303030;
    
    border:1px solid black;
    border-top-color:#444;
    position:relative;
    color:#CCC;
}

.div-subMenuContainer{
    width:1022px;
    height:35px;
    position:relative;
    -webkit-transition: height .25s ease-out;
    -moz-transition: height .25s ease-out;
    -o-transition: height .25s ease-out;    
}
.div-subMenuPtr{
    width:9px;
    height:5px;
    position:absolute;
    top:-5px;
    left:15px;
    background: url(assets/images/submenu/pointer.gif) no-repeat;
}
.div-subMenu{
    position:absolute;
    left:20px;
    -webkit-transition: left .4s ease-in;    
    -o-transition: left .4s ease-in;    
    -moz-transition: left .4s ease-in;    
    top:5px;   
    height:30px;       
    background: #fff url(assets/images/submenu/subMenuBG.gif) repeat-x;    
}
.div-subMenu ul{ 
    float:left;
    height:30px;    
    margin:auto;    
    margin-left:20px;    
    list-style-type: none;
      
}
.div-subMenu li{
    color:#000;
    line-height: 22px;
    float:left;
    font-weight:bold;
    margin-top:auto!important;
    margin-right:20px;
    text-shadow:1px 1px 1px #FFF;    
    cursor:pointer;
}
.div-subMenu li.selected{
    text-decoration: underline;
}
.div-subMenu .submenuRight{
    height:30px;
    width:8px;
    position:absolute;
    right:-1px;
    top:0px;
    background: #fff url(assets/images/submenu/right.gif) repeat-x;    
}
.div-subMenu .submenuLeft{
    height:30px;
    width:8px;
    position:absolute;
    left:0px;
    background: #fff url(assets/images/submenu/left.gif) repeat-x;    
}

/*content */
.contentWrapper{    
    padding:0 20px 20px 20px;
}
.contentWrapper ul{
    margin-left:20px;
}



/*HOME PAGE PRODUCTS*/
.homePageProducts{
    margin-top:10px;
}
.fqgCollage{  
    width:980px;
    height:375px;
    background:#CCC url(assets/images/home/fqg.jpg) no-repeat right;
    border:1px solid black;    
}
.fqgCollage div{    
    width:400px;
    padding:20px;
    
}
.fqgCollage h2, .fqgCollage ul{
    color:#333;
    text-shadow:1px 1px 1px #FFF;  
}
.fqgCollage p{
    color:#444;
}
.fqgCollage ul{
    
    margin-top:10px;
    width:250px;
}

div.blue{width:150px;font-size:13px;text-align:center;}
.blue a{
    border-radius:3px;
    border:1px solid #FFF;
        display:inline-block;
        color:#FFF;
       text-shadow:1px 1px 1px #000!important;
       background-color:#092852;
       background-repeat:no-repeat;
       background-image:-webkit-gradient(linear, left top, left bottom, from(#053285), to(#092852));
       background-image:-webkit-linear-gradient(#053285, #092852);
       background-image:-moz-linear-gradient(#053285, #092852);
       background-image:-o-linear-gradient(top, #053285, #092852);
       background-image:-khtml-gradient(linear, left top, left bottom, from(#053285), to(#092852));
       filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#053285', EndColorStr='#092852', GradientType=0);
       -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#053285', EndColorStr='#092852', GradientType=0))";
       background-color:#092852;background-repeat:no-repeat;background-image:-webkit-gradient(linear, left top, left bottom, from(#053285), to(#092852));
       background-image:-webkit-linear-gradient(#053285, #092852);
       background-image:-moz-linear-gradient(#053285, #092852);
       background-image:-o-linear-gradient(top, #053285, #092852);
       background-image:-khtml-gradient(linear, left top, left bottom, from(#053285), to(#092852));
       filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#053285', EndColorStr='#092852', GradientType=0);
       -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#053285', EndColorStr='#092852', GradientType=0))";
       padding:9px 15px 10px;
       text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);       
       line-height:20px;
       -moz-border-radius:6px;
       border-radius:6px;-moz-border-radius:6px;border-radius:6px;
       -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),inset 0 -1px 0 rgba(0, 0, 0, 0.2),0 1px 2px rgba(0, 0, 0, 0.25);
       -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),inset 0 -1px 0 rgba(0, 0, 0, 0.2),0 1px 2px rgba(0, 0, 0, 0.25);
       box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),inset 0 -1px 0 rgba(0, 0, 0, 0.2),0 1px 2px rgba(0, 0, 0, 0.25);
       -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),inset 0 -1px 0 rgba(0, 0, 0, 0.2),0 1px 2px rgba(0, 0, 0, 0.25);
       -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),inset 0 -1px 0 rgba(0, 0, 0, 0.2),0 1px 2px rgba(0, 0, 0, 0.25);
       box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),inset 0 -1px 0 rgba(0, 0, 0, 0.2),0 1px 2px rgba(0, 0, 0, 0.25);       
       padding:7px 10px;display:block;
}
.blue a:hover{background-position:0 -15px;color:#FFF;text-decoration:none;}


/*FirstQuote Overview*/
.ul-FQOverview{
    width:250px;
    float:left;
}

.fqCollage{  
    width:980px;
    height:375px;
    background:#CCC url(assets/images/firstquote/FirstQuote_Collage.jpg) no-repeat right;
    border:1px solid black;    
}
.fqCollage div{ 
    padding:10px;
    margin-left:10px;
    margin-top:10px;
    width:260px;    
}
.fqCollage h2, .fqCollage ul{
    color:#333;        
}
.fqCollage h2{
     text-shadow:1px 1px 1px #FFF;
}
.fqCollage p{
    color:#444;
}
.fqCollage ul{          
    width:250px;
    font-size:12px;
}
.fqCollage ul ul{
    margin-left:7px;    
}


.slCollage{  
    width:980px;
    height:375px;
    background:#CCC url(assets/images/statlink/SL_Splash.jpg) no-repeat right;
    border:1px solid black;    
}
.slCollage div{    
    width:330px;
    padding:20px;
    
}
.slCollage h2, .slCollage ul{
    color:#333;
}
.slCollage h2{
        text-shadow:1px 1px 1px #FFF;  

}
.slCollage p{
    color:#444;
}
.slCollage ul{
    margin-top:10px;
    width:210px;
}
/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */
div.slTableWrapper{border:2px solid black;}
table.slDatasets td,th{width:33%;text-align: center}
table.slDatasets {font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7;width:100%;}
table.slDatasets a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  
table.slDatasets a:visited {color: #777;}
table.slDatasets a:hover {color: #000;}  
table.slDatasets th{font-size:larger;}
table.slDatasets caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}
table.slDatasets thead th {background: #3A4856; padding: 15px 10px; color: #fff; text-align: left; font-weight: normal;}
table.slDatasets tbody, table thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}
table.slDatasets tbody {border-bottom: 1px solid #EAECEE;}                      
table.slDatasets tbody td, table tbody th {padding: 4px; background: url("assets/images/td_back.gif") repeat-x; text-align: left;}
table.slDatasets tbody tr {background: #F3F5F7;}
table.slDatasets tbody tr.odd {background: #F0F2F4;}
table.slDatasets tbody  tr:hover {background: #EAECEE; color: #111;}
table.slDatasets tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}















/*LNGLive*/
.lngLiveHeader{
   /*background:#FFF url(assets/images/lngLive/lrf_200.png) top right no-repeat;
   height:90px;   
   border:1px solid black;
   outline:1px solid #CCC;*/
   margin-bottom:20px;
}





.lngLiveHeader img{   
}


.textarea2
{
	background-color:#F0F0FF;
	background-image: none;
	border: 1px solid #666666;
	margin: 4px;
	padding: 6px;
	overflow:hidden;
	overflow:auto;
}

input,textarea
{
	background-color:#f0f0f0;
	border: 1px solid #666666;
	margin: 4px;
	font-family:Arial, Verdana,Geneva, Helvetica,sans-serif;
	overflow:hidden;
	overflow:auto;
}



.submitbutton 
{
        margin-top:20px;
	border: 1px solid #003366;
	background-color:#f0f0f0;
        height:30px;
        width:50px;
}


.div-clientList li{
    margin-top:0.5em;
}

/*CONTACT PAGE*/
.div-contactPage{
    background: url(assets/images/contact/envelope.png) no-repeat top left;
}
.div-contactForm{    
    padding:20px;
    width:440px;
    background-color:#444;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    float:left;
    border:1px solid #666;
    border-radius:5px;    
    box-shadow:#000 2px 2px 2px;
}

.div-contactForm .input-text{
    background:#ffffff;
    outline:1px solid #777;
    width:220px;
    height:25px;
    line-height:25px;
    padding-left:5px;
    border:1px solid black;    
    overflow:hidden;
}
.div-contactForm textarea{
    outline:1px solid #777;
    width:434px;    
    border:1px solid black;    
}
.div-innovezDetails{
    border:1px solid black;
    padding:20px;
    width:440px;
    background:#444 url(assets/images/contact/innovezBuilding.jpg) no-repeat right;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    float:right;
    border:1px solid #666;
    border-radius:5px;    
    box-shadow:#000 2px 2px 2px;
}

.footer{    
    border-top:1px solid black;
    text-align: center;
    color:#000;
    text-shadow:1px 1px 1px #FFF;
    font-size:small;
    line-height:20px;
    height:20px;
    background:#CCC url(assets/images/footer/bg.gif) repeat-x;
    
}


