/* CSS Document */

/*----------Copyright 2009 Vantron Manufacturing---------------*/

*{
margin: 0px;
padding: 0px;
}

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 14px;
background: url(../Images/body_bkgd.gif) top left repeat;
}

#Container{
width: 950px;
margin: 30px auto 10px auto;
background: url(../Images/Container_bkgd.png) top left repeat-y;
padding-top: 19px;
}

#BannerContainer{
background: url(../Images/TopCorners.png) top left no-repeat;
height: 245px;
background: transparent;
}

.FlashBanner{
width: 920px;
height: 232px;
margin: 0px 15px;
background-color: #ffffff;
border: none;
}

.AnimatedLogo_Flash{
width: 500px;
}

.RotatingImg_Flash{

}

#ContentContainer{
width: 918px;
margin: 0px 15px;
background: url(../Images/MiddleContentbkgd.gif) top left repeat-y;
}

.TopContentImg{
background: url(../Images/TopContentImg.gif) top left no-repeat;
height: 9px;
}

.MiddleImg{
min-height: 500px;
background: url(../Images/WaterMark.gif) bottom right no-repeat;
vertical-align: top;
}

* .MiddleImg{
height: 500px;
overflow: visible;
}

.BottomContentImg{
background: url(../Images/bottomContentImg.gif) top left no-repeat;
height: 9px;
}

.MainContentContainer{
line-height: 24px;
vertical-align: top;
}

.MainContentContainer p{
margin: 0px 10px 10px 30px;
}

.MainContentContainer ul{
margin: 0px 0px 10px 75px;
color: #b86201;
}

.MainContentContainer ul li span{
color: #000;
}

.spacer{
margin: 20px 10px 20px 20px;
border-bottom: 2px solid #f0efef;
}

.AskUsBtn{
height: 95px;
width: 215px;
position: absolute;
top: 675px;
margin-left: 25px;
background: url(../Images/Ask_btn.gif) top left no-repeat;
}

a:link, a:visited{
color: #b86201;
text-decoration: none;
}

a:hover, a:active{
color: #e77c05;
text-decoration:underline;
}

.NewsDatalist{
width: 653px;
margin: 0px 10px 0px 20px;
}

/*------------Gallery page----------------------------------------------------*/

/*.previewPane {
vertical-align: top;
}*/

/*.preview {
vertical-align: top;
}*/

#galleryScroller {
background: url(../Images/ScrollBG.gif) center center no-repeat;
height: 95px;
margin: 50px 0px 20px 0px;/*----need this to prevent overlapping----*/
}

.details {
/*font: normal 14px Verdana, Arial, sans-serif;
color: #000;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 10px;*/
display: none;
border-collapse: collapse;
}

.top {
background: url(../images/top.gif) left top repeat-x;
}

.left {
background: url(../images/left.gif) left top repeat-y;
}

.right {
background: url(../images/right.gif) left top repeat-y;
}

.bottom {
background: url(../images/bottom.gif) left bottom repeat-x;
}

.Scroller{
padding: 0px 20px 0px 20px;
}

/*---------------------------Popout Window Framework----------------------------*/
.popoutWindow
{
	background: #fff url(../Images/FlyoutWaterMark.gif) top center no-repeat;
	border: 2px solid #666;
	margin: 5px;
}

.popoutWindowHeader
{
	background-color: #666;
	height: 15px;
	padding: 2px;	
	border-width: 0px;
}

.popoutWindowHeader a{
margin: 0px 0px 0px 285px;
}

.Flyouth2{
margin: 10px 10px 0px 5px;
font-size: 18px;
padding: 3px 5px;
color: #e77c05;
}

.Flyout{
margin: 10px;
}

/*--------------------Titles-----------------------*/

.IndexH1{
color: #000; 
font-size: 25px;
line-height: 35px; 
margin: 15px 100px 20px 100px;
}

h1{
margin: 15px 10px 20px 20px;
padding-bottom: 5px;
color: #000;
font-size: 25px;
border-bottom: 1px solid #999;
font-weight: normal; 
width:  653px;
}

h2{
margin: 20px 10px 0px 20px;
font-size: 18px;
padding: 3px 5px;
color: #e77c05;
}

.ULheaders{
font-weight: bold; 
color: #666666;
}

/*----------------------------Navigatoin-----------*/

.NavContainer{
width: 231px;
vertical-align: top;
background: url(../Images/IS0_logo.gif) bottom center no-repeat;
}

.NavContainer ul{
margin-left: 2px;
width: 231px;
list-style: none;
}

.NavContainer ul li{
padding: 3px 0px;
}

.Home:link, .Home:visited{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Home.gif) top left no-repeat;
display: block;
}

.Home:hover, .Home:active{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Home_over.gif) top left no-repeat;
display: block;
}


.Contract:link, .Contract:visited{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Contract.gif) top left no-repeat;
display: block;
}

.Contract:hover, .Contract:active{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Contract_over.gif) top left no-repeat;
display: block;
}

.Precision:link, .Precision:visited{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Precision.gif) top left no-repeat;
display: block;
}

.Precision:hover, .Precision:active{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Precision_over.gif) top left no-repeat;
display: block;
}

.Services:link, .Services:visited{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Other.gif) top left no-repeat;
display: block;
}

.Services:hover, .Services:active{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Other_over.gif) top left no-repeat;
display: block;
}

.Inventory:link, .Inventory:visited{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Inventory.gif) top left no-repeat;
display: block;
}

.Inventory:hover, .Inventory:active{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Inventory_over.gif) top left no-repeat;
display: block;
}

.Quality:link, .Quality:visited{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Quality.gif) top left no-repeat;
display: block;
}

.Quality:hover, .Quality:active{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Quality_over.gif) top left no-repeat;
display: block;
}

.About:link, .About:visited{
width: 226px;
height: 29px;
background: url(../Images/Navigation/About.gif) top left no-repeat;
display: block;
}

.About:hover, .About:active{
width: 226px;
height: 29px;
background: url(../Images/Navigation/About_over.gif) top left no-repeat;
display: block;
}

.News:link, .News:visited{
width: 226px;
height: 29px;
background: url(../Images/Navigation/News.gif) top left no-repeat;
display: block;
}

.News:hover, .News:active{
width: 226px;
height: 29px;
background: url(../Images/Navigation/News_over.gif) top left no-repeat;
display: block;
}

.Gallery:link, .Gallery:visited{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Gallery.gif) top left no-repeat;
display: block;
}

.Gallery:hover, .Gallery:active{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Gallery_over.gif) top left no-repeat;
display: block;
}

.Contact:link, .Contact:visited{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Contact.gif) top left no-repeat;
display: block;
}

.Contact:hover, .Contact:active{
width: 226px;
height: 29px;
background: url(../Images/Navigation/Contact_over.gif) top left no-repeat;
display: block;
}

/*---------------------------Footer----------------*/

#FooterContainer{
background: url(../Images/FooterImg.gif) top left no-repeat;
height: 41px;
margin: 10px 10px 0px 15px;
padding-bottom: 10px;
width: 920px;
color: #9d9aa6;
font-size: 10px;
}

#FooterContainer a:link, #FooterContainer a:visited{
color: #9d9aa6;
text-decoration: none;
}

#FooterContainer a:hover, #FooterContainer a:active{
color: #9d9aa6;
text-decoration: underline;
}

.Copyright{
width: 260px;
float: left;
margin: 5px 20px 5px 5px;
}

.SubNav{
float: right;
margin: 3px 10px 5px 0px;
line-height: 15px;
}