/* CSS Document */

body {background:#ffffff; font:12px Arial, Helvetica, sans-serif; color:#363636; margin:0px; padding:0px;}

p {font:12px/15px Arial, Helvetica, sans-serif; color:#363636;}
h1 {font:18px/20px Georgia, "Times New Roman", Times, serif; color:#702143; margin:0px; padding:0px;}
h2 {font:15px/18px Georgia, "Times New Roman", Times, serif; color:#702143; margin:0px; padding:0px;}

/*~~~~~~~~~~~~ Site Container ~~~~~~~~~~~~ */
#SiteContainer {position:relative; width:800px; height:auto; margin:0px auto 0px 0px; padding:0px; border:0px; top:0px;}

/*~~~~~~~~~~~~ Header Image, very top ~~~~~~~~~~~~ */
#Header {width:800px; height:92px; margin:0px; padding:0px; background:url(../images/main/Header.gif); background-repeat:no-repeat; border:none;}

	/* --- Added on 20071015 ----*/
#HeaderLinkToHome { width:220px; height:90px; display:block; position:absloute; margin:0px auto auto 0px;}

/*~~~~~~~~~~~~ Sub Header, includes menu and banner image ~~~~~~~~~~~~ */
#SubHeader {width:800px; height:300px; border-bottom:2px solid #086c61; position:relative;}
#NavigationContainer {width:300px; height:300px; top:0px; left:0px; z-index:2; position:absolute;}
#NavigationContainer ul {width:293px; height:auto; margin:0px; padding:0px; list-style-type:none; display:block;}
#NavigationContainer li { width:293px; margin:0px; padding:0px; text-align:left; background-position:top;}
#NavigationContainer a {width:293px; height:32px;}
#NavigationContainer span {text-decoration:none; display:none;}


/*~~~~~~~~~~~~ Specific Navigation <li> settings ~~~~~~~~~~~~  Menu is in a <ul> and the items are <li> - The words are one image, in the background of the <li> and the dots are the active rollover, linking images. Rollover images are all 293px wide and ~36px tall, give or take. */
#NavigationContainer li#AboutUs {height:32px; background:url(../images/main/AboutUs_Background.gif) no-repeat;}
#NavigationContainer li#Personnel {height:36px; background:url(../images/main/Personnel_Background.gif) no-repeat;}
#NavigationContainer li#Manufacturers {height:35px; background:url(../images/main/Manufacturers_Background.gif) no-repeat;}
#NavigationContainer li#NewsAnnounce {height:33px; background:url(../images/main/NewsAnnounce_Background.gif) no-repeat;}
#NavigationContainer li#ProjectShowcase {height:36px; background:url(../images/main/ProjectShowcase_Background.gif) no-repeat;}
#NavigationContainer li#CookingLiveDemos {height:36px; background:url(../images/main/CookingLiveDemos_Background.gif) no-repeat;}
#NavigationContainer li#ContactUs {height:43px; background:url(../images/main/ContactUs_Background.gif) no-repeat;}

/*~~~~~~~~~~~~ Sub header image(big one) and Subtitle image(text under VQT logo) ~~~~~~~~~~~~ */
#SubHeaderImage {width:590px; height:300px; top:0px; right:0px; z-index:1; position:absolute;}
#SubTitleImage {width:293px; height:51px; background:url(../images/main/SubheadText.gif); background-repeat:no-repeat;}

/*~~~~~~~~~~~~ Middle section, main content, below menu/banner/header ~~~~~~~~~~~~ */

#BottomContainer {width:800px; height:auto; min-height:200px; background:url(../images/main/ContentBackground.gif) no-repeat; overflow:visible;}
#Content {width:450px; height:auto; right:0px; float:right; padding:10px 30px 0px 0px;}

/*~~~~~~~~~~~~ Footer ~~~~~~~~~~~~ */
#Footer {width:800px; height:50px; clear:both; margin:0; padding:20px 10px 10px 10px; font-size:11px;}
#Footer img {margin:0px 30px 0px 0px; padding:0px; float:left;}
#Footer ul {width:auto; height:20px; list-style-type:none; margin:0px; padding:20px 0px 0px 0px; display:block; right:0px; position:absolute;}
#Footer li {width:auto; height:12px; margin:0px 0px 0px 0px; padding:0px 8px 2px 8px; float:left; border-right:1px solid #363636; text-align:center;}
#Footer li#last {width:auto; height:20px; border:none;}