/* CSS Document */
body {
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background:url(body_bg.gif);
}
p {
margin:0;
}
#top_ban {
background:url(top_ban_bg.gif) repeat-x;
}
#containerWraper {
background:url(glow_bg.gif) no-repeat;
background-position:top center;
width:1170px;
margin:0 auto;
}
#container {
margin:0 auto;
width:1100px;
background:url(container-bg.gif) repeat-y;
position:relative;
}
.testTable td {
padding:10px;
}
.testTable strong {
background:#064D22;
padding:5px;
display:block;
color:#FFFFFF;
font-weight:bold;
}
.leftTD {
border-left:1px solid #CCCCCC;
padding:0 10px;
}
#banner {
background:url(inavap_banner.jpg) no-repeat;
margin:0 auto;
height:151px;
position:relative;
}
#banner h1 {
margin:0;
height:1px;
width:1px;
text-indent:-999px;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
#navigation {
font-size:11px;
padding:0 0px 0 0px;
background:url(nav_bg1.gif) repeat;
height:34px;
width:1085px;
position:absolute;
top:126px;
left:6px;
}
#navigation ul {
margin:0 0 0px 2px;
padding:0;
list-style:none;
}
#navigation li {
margin:0 0 0px 0;
padding:10px 0 10px 0;
float:left;
font-weight:bold;
}
#navigation a {
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
padding:9px 27px 10px 27px;
margin:0;
background:url(nav_bg.gif) no-repeat;
background-position:top left;
height:33px;
}
#navigation a:hover {
background-position:bottom center;
}
#navigation .here a {background-position:bottom center;}
.navDevider {
background:url(nav_devider.gif) no-repeat;
padding:9px 17px 24px 0;
width:17px;
height:33px;
}
#content {
background:url(content_devider.gif) no-repeat;
background-position:top left;
padding:23px 10px 0 342px;
}
#full {
background:url(content_devider.gif) no-repeat;
background-position:top left;
padding:33px 15px 10px 15px;
text-align:left;
}
#rightSide {
padding:0 20px 15px 15px;
border-left:1px solid #CCCCCC;
background:#FFFFFF;
min-height:550px;
_height:550px;
}
#lowerContentBan {
border-left:1px solid #CCCCCC;
background:url(lower_content_ban.gif) no-repeat;
background-position: right bottom;
min-height:42px;
color:#FFFFFF;
text-transform:uppercase;
}
#pageTitle {
padding:10px 110px 15px 0;
font-weight:bold;
font-size:90%;
text-align:right;
}
#rightSide h2, h1 {
margin:0 0 14px 0;
border-bottom:1px solid #999999;
text-transform:uppercase;
color:#FF6600;
font-size:130%;
}
#rightSide h3 {
color:#064D22;
margin:30px 0 10px 0;
font-size:110%;
}
#rightSide p {
margin:0 0 8px 0;
}
.homeImage {
background:#BCBCBC;
padding:10px;
border:1px solid #999999;
position:relative;
text-align:center;
}
.homeCTA {
position:absolute;
top:25px;
left:20px;
width:165px;
padding:22px 15px 22px 15px;
background:url(buy_now_bg.gif) no-repeat;
text-align:center;
}
.homeCTA a {
color:#FFFFFF;
padding:3px;
background:url(buy_button.gif) no-repeat;
background-position:center;
text-decoration:none;
display:block;
border:1px solid #FFFFFF;
}
.homeCTA a:hover {
color:#4A6089;
}
#leftSide {
position:absolute;
top:175px;
left:11px;
width:323px;
}
.innerBox {
width:322px;
text-align:center;

}
.innerTop {
background:url(demo_top.gif) no-repeat;
height:10px;
}
.innerBG {
background:url(demo_bg.gif) repeat-y;
text-align:left;
padding:0 0 0 15px;
}
.innerBottom {
background:url(demo_bottom.gif) no-repeat;
height:13px;
}
.testBox {
background:url(test_bg.gif) repeat-y;
width:324px;
}
.testBox p {
padding:0 20px 10px 20px;
}
.testBox strong {
background:#064D22;
padding:5px;
display:block;
color:#FFFFFF;
font-weight:bold;
}
.testBoxTop {
background:url(test_top.jpg) no-repeat;
height:37px;
color:#FFFFFF;
text-transform:uppercase;
font-size:90%;
text-align:center;
padding-top:10px;
}
.testBoxBottom {
background:url(test_bott.gif) no-repeat;
height:27px;
padding:8px 0 0 0;
}
.testBoxBottom a {
color:#CC3300;
padding:0px 0 5px 15px;
}
#footer {
background:url(footer_gr_bg.gif) repeat-x;
text-align:center;
padding:14px 0 0 0;
margin:0 auto;
width:1100px;
position:relative;
height:120px;
}
#footer p {
padding:10px;
font-size:10px;
color:#FFFFFF;
width:450px;
position:absolute;
top:45px;
right:20px;
text-align:right;
}
#footer a {
text-transform:uppercase;
color:#FFFFFF;
}
#footer a:hover {
text-decoration:none;
}
.bold {
font-weight:bold;
}
#slider							{ background: white; height: 257px; overflow: hidden;
								  position: relative; margin: 10px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 700px; position: relative; }

.slide							{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1 {
width:315px;
}
.slide h1 em, .slide h1 i		{ font-family: Helvetica, Sans-Serif; font-size: 13px; letter-spacing: -1px; color:#FF0000; font-style:normal; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
.slide a img {
border:none;
}
.slide a {
color:#FF3300;
}
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; display:none; }