@charset "utf-8";
/* CSS for IVD ******************************************************************************************************************************************** */

#body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../img/BG.jpg);
background-repeat: repeat-x;
background-color:#333333;
}
#client
{
 color:#fff;
 position:absolute;
 top:0;
 right:0;
 background-image:url(../img/BG_CLIENT.png);
 background-repeat:no-repeat; 
 width:75px;
 height:20px;
 font-size:10px;
}
#container
{
width: 950px;;
margin:  auto;
background-color: #fff;
color: #333;
border: 0px solid gray;
line-height: 130%;
}
#header
{
padding: .5em;
border-bottom: 0px solid gray;
font-size:12px;
}
#navbar
{
background-image:url(../img/BG_NAV.png);
background-repeat:no-repeat;
border-bottom: 0px solid gray;
height:50px;
font-size:12px;
margin-bottom:-50px;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
background-image:url(../img/BG_SIDENAV.png);
background-repeat:no-repeat;
font-size:11px;
color:#fff;
width: 160px;
margin-left:5px;
margin-top:25px;
padding: 1em;
height:232px;
}

#content
{
margin-top:15px;
margin-left: 10px;
border-left: 0px solid gray;
padding: 1em;
max-width: 100%;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
#contentS
{
margin-top:-265px;
margin-left: 170px;
border-left: 0px solid gray;
padding: 1em;
max-width: 100%;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
#footer
{
height:200px;
margin-right:-8px;
margin-left:-7px;
margin-top:40px;
margin-bottom:0px;
padding-bottom:-50px;
color: #fff;
font-size:11px;
}
#footerB
{
font-size:12px;
}
#footer2
{
background-image:url(../img/BG_FOOTER_s.png);
background-repeat:no-repeat;
width:100%;
height:20px;
font-size:9px;
text-align:center;
color:#000000
}
/* FOOTER TEXT  ************************************************************************************************************************************************  */

#containerF {
width: 1150px;
clear: both;
margin-left:auto;
}
#containerG {
width: 1100px;
clear: both;
margin-left:20px;
}
#containerS {
width: 950px;
clear: both;
margin-left:20px;
}
#col1, #col2, #col3, #col4 {
float: left;
text-align: left;
margin: 1px;
overflow: hidden;
}

#col1 {
width: 22%;
}

#col2 {
width: 22%;
}

#col3 {
width: 22%;
}

#col4 {
width: 22%;
}

/* NAV **************************************************************************************************************************************************** */

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#navcontainer ul
{
padding-left: 0;
margin-left: 15;
color: White;
float: left;
width: 741px;;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.4em 1em;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
margin-top:-10px;
}

#navcontainer ul li a:hover
{
color: #cc9900;
}

#active
{
color: #000;
}

/* Links  ************************************************************************************************************************************************* */

a:link {color: #000000; text-decoration: underline;}
a:active {color: #CCCCCC; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: #CCCCCC; text-decoration: none;}

a.image:link {color: #ffffff; text-decoration: none;}
a.image:visited {color: #ffffff; text-decoration: none;}
a.image:hover {color: #cccccc; text-decoration: none;}

a.leftnavL:link {color: #ffffff; text-decoration: none;}
a.leftnavL:visited {color: #ffffff; text-decoration: none;}
a.leftnavL:hover {color: #cccccc; text-decoration: underline;}

a.promoL:link {color: #000000; text-decoration: underline;}
a.promoL:visited {color: #000000; text-decoration: underline;}
a.promoL:hover {color: #666666; text-decoration: none;}

a.botnav:link {color: #999999; text-decoration: none;}
a.botnav:visited {color: #999999; text-decoration: none;}
a.botnav:hover {color: #666666; text-decoration: underline;}

a.clientL:link {color: #ffffff; text-decoration: none;}
a.clientL:visited {color: #ffffff; text-decoration: none;}
a.clientL:hover {color: #cccccc; text-decoration: underline;}

a.footnavL:link {color: #ffffff; text-decoration: none;}
a.footnavL:visited {color: #ffffff; text-decoration: none;}
a.footnavL:hover {color: #666666; text-decoration: none;}

a.blogH2:link {color: #003366; text-decoration: underline;}
a.blogH2:visited {color: #003366; text-decoration: underline;}
a.blogH2:hover {color: #666666; text-decoration: none;}

/* POP  ************************************************************************************************************************************************ */

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:500px;
width:600px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#003366;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#003366;
font-weight:700;
display:block;
cursor: pointer; 
}
#button{
text-align:center;
cursor: pointer; 
width:200px;
height:170wpx; 
}

/* SLIDER  ************************************************************************************************************************************************ */
       
.sliderGallery {
	background: url(http://www.indeliblevision.com/folio_BG.png) no-repeat;
	overflow: hidden;
	position: relative;
	padding: 10px;
	height: 165px;
	width: 560px;
}

.sliderGallery UL {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

.sliderGallery UL LI {
	display: inline;
}

.slider {
	width: 542px;
	height: 17px;
	margin-top: 153px;
	margin-left: 5px;
	padding: 1px;
	position: relative;
	background: url(http://www.indeliblevision.com/scrollbar.png) no-repeat;
}

.handle {
	position: absolute;
	cursor: move;
	height: 17px;
	width: 181px;
	top: 0;
	background: url(http://www.indeliblevision.com/scrollbar_scroller.png) no-repeat;
	z-index: 100;
	color:#FFFFFF;
}

.slider span {
	color: #bbb;
	font-size: 80%;
	cursor: pointer;
	position: absolute;
	z-index: 110;
	top: 3px;
}

.slider .slider-lbl1 {
	left: 50px;
}

.slider .slider-lbl2 {
	left: 107px;
}

.slider .slider-lbl3 {
	left: 156px;
}

.slider .slider-lbl4 {
	left: 280px;
}

.slider .slider-lbl5 {
	left: 455px;
}

/* FORM  ************************************************************************************************************************************************ */

#contact-area {
	width: 400px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 271px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 12px;;
}