@charset "UTF-8";

/* CSS Reset Rules */


/* CSS Reset Rules */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

a { outline: none; }

/*WEBSITE*/

body { height:auto; width:auto; background-color:#FFF; margin:0px; font-size:62.5%; font-family:Tahoma, Geneva, sans-serif; letter-spacing:1px; }

/*TOP*/

#top { width:auto; height:auto; background-image:url(images/top.gif); background-repeat:repeat-x; }

#head { width:1000px; height:138px; margin-left:auto; margin-right:auto; }

#head p { color:#FFF; font-size:1.3em; line-height:14px; text-align:right; }

.exact { margin:0 210px 0 50px; float:left; }

#tl { float:left; margin:10px 20px 0 0; }

#tl p { color:#017f7e; }

#tr { float:left; margin:10px 0 0 0; color:#7f017f; }

#tr p { color:#7f017f; font-weight:bolder; }

/*MIDDLE*/

#middle { width:900px; height:auto; margin-left:auto; margin-right:auto; }

/*NAV*/

#nav { width:888px; height:26px; margin:10px 0 20px 0; }

#nav ul, #nav li { padding:0px; float:left; }

.button1 { display:block; width:100px; height:26px; text-indent:-9999px; }

.button1 a { display:block; width:100%; height:100%; background:transparent url(images/nav/home.jpg) no-repeat top left; outline:none; }

.button1 a:hover { background-position:0 -26px; }

.button2 { display:block; width:100px; height:26px; text-indent:-9999px; }

.button2 a { display:block; width:100%; height:100%; background:transparent url(images/nav/maintenance.jpg) no-repeat top left; outline:none; }

.button2 a:hover { background-position:0 -26px; }

.button3 { display:block; width:100px; height:26px; text-indent:-9999px; }

.button3 a { display:block; width:100%; height:100%; background:transparent url(images/nav/loan.jpg) no-repeat top left; outline:none; }

.button3 a:hover { background-position:0 -26px; }

.button4 { display:block; width:100px; height:26px; text-indent:-9999px; }

.button4 a { display:block; width:100%; height:100%; background:transparent url(images/nav/fill.jpg) no-repeat top left; outline:none; }

.button4 a:hover { background-position:0 -26px; }

.button5 { display:block; width:100px; height:26px; text-indent:-9999px; }

.button5 a { display:block; width:100%; height:100%; background:transparent url(images/nav/brochures.jpg) no-repeat top left; outline:none; }

.button5 a:hover { background-position:0 -26px; }

.button6 { display:block; width:100px; height:26px; text-indent:-9999px; }

.button6 a { display:block; width:100%; height:100%; background:transparent url(images/nav/contact.jpg) no-repeat top left; outline:none; }

.button6 a:hover { background-position:0 -26px; }

.button7 { display:block; width:100px; height:26px; text-indent:-9999px; }

.button7 a { display:block; width:100%; height:100%; background:transparent url(images/nav/vending.jpg) no-repeat top left; outline:none; }

.button7 a:hover { background-position:0 -26px; }

/*TAB*/

#tab { width:273px; height:327px; float:left;  }

#nav ul { margin:0px; padding:0px; }

#nav li { margin:0 8px 0 8px; padding:0px; }

.tab1 { display:block; width:273px; height:115px; text-indent:-9999px; margin:0px;  }

.tab1 a { display:block; width:100%; height:100%; background:transparent url(images/tab/coffee-tea.jpg) no-repeat top left; outline:none; }

.tab1 a:hover { background-position:0 -115px; }

.tab2 { display:block; width:273px; height:97px; text-indent:-9999px; margin:0px; }

.tab2 a { display:block; width:100%; height:100%; background:transparent url(images/tab/snack.jpg) no-repeat top left; outline:none; }

.tab2 a:hover { background-position:0 -97px; }

.tab3 { display:block; width:273px; height:105px; text-indent:-9999px; margin:0px; }

.tab3 a { display:block; width:100%; height:100%; background:transparent url(images/tab/drink.jpg) no-repeat top left; outline:none; }

.tab3 a:hover { background-position:0 -105px; }

#flash { width:605px; height:296px; float:left; background-image:url(images/flash-bg.jpg); background-repeat:no-repeat; margin-bottom:31px; }

/*MAINTEXT*/

.nav { border-left-width:28px; border-left-color:#FFF; }

#maintxt { width:521px; height:auto; float:left; }

#maintxt p { margin:8px 0 8px 0; }

#maintxt ul { margin:8px 0 8px 20px; text-decoration:none; list-style:url(images/bullet.jpg); font-size:1.4em; }

#maintxt2 { width:400px; height:auto; float:left; margin-left:50px; margin-top:15px; margin-bottom:15px; }

#img { width:150px; height:auto; float:left; }

#right { height:auto; width:209px; float:left; overflow:visible; }

#right p { font-weight:bolder; font-size:1.6em; margin:20px 0 10px 0; }

#contact { width:209px; height:auto; float:left; margin-top:15px; }

#contact ul { list-style:url(images/bullet.jpg); margin:8px 0 8px 20px; }

#contact li { text-decoration:none; font-size:1.4em; }

#logo { width:209px; height:200px; background-image:url(images/logo.jpg); float:left; background-repeat:no-repeat; }

.number { font-weight:bolder; font-size:1.5em; color:#7fa51c; }

ul { text-decoration:none; list-style:url(images/bullet.jpg); }

li { }

a:link { color:#7f017f; text-decoration:none; font-weight:bolder; }

a:visited { color:#7f017f; text-decoration:none; font-weight:bolder; }

a:hover { color:#017f7e; text-decoration:underline; font-weight:bolder; }

.bold { }

.green { color: #7fa51c; font-size:0.8em; }

.green2 { color: #7fa51c; font-weight: 300; margin-top:-10px; font-style:italic; }

.sub { }

.headline { font-size:1.6em; color:#643f98; }

p { font-size:1.2em; line-height:16px; }

h1, h2, h3 { font-size:1.6em; color:#7f017f; }

/*MINIFORM*/

.form1 { background-color:#017f7e; border:1px #063 solid; color:#FFF; width:200px; height:30px; padding-left:3px; margin:1px 0 1px 0; }

.msg1 { width:202px; height:100px; margin:1px 0 1px 0; background-color:#017f7e; border:1px #063 solid; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:1.2em; letter-spacing:1px; }

input.butt { background-color:#017f7e; color:#FFF; padding:3px; border:1px #063 solid; width:205px; height:30px; }

input.butt:hover { background-color:#7f017f; border:1px #444 solid; }

/*FOOTER*/

#bottom { height:auto; clear:both; background-color:#7f017f; margin:0px; }

#footer { height:auto; width:950px; font-size:1em; margin-left:auto; margin-right:auto; color: #FFF; margin-bottom:0px; padding-bottom:0px; padding-top:10px; padding-left:50px; }

#footer li { font-size:1em; list-style:none; display:inline; color: #FFF; padding-left:3px; padding-right:5px; border-right:1px solid #FFF; margin:0px; }

#footer ul { margin:0px; padding:0px; }

#footer a { font-size:1em; color:#FFF; text-decoration:none; }

#footer a:hover { color:#FFF; text-decoration:underline; }

#footer a:visited { color:#FFF; }

/*FORM*/

.form { background-color:#017f7e; border:1px #063 solid; color:#FFF; width:300px; height:30px; padding-left:3px; margin:3px 0 3px 0; }

.msg { width:300px; height:100px; margin:3px 0 3px 0; background-color:#017f7e; border:1px #063 solid; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:1.2em; letter-spacing:1px; }

input.button { width:196px; background-color:#017f7e; color:#FFF; padding: 3px; border:1px #063 solid; width:300px; height:30px; }

input.button:hover { background-color:#7f017f; border:1px #444 solid; }

/*END*/

#end { height:auto; width:auto; background-color:#14073d; color:#FFF; }

#end li { font-size:1em; list-style:none; display:inline; color: #FFF; padding-left:3px; padding-right:5px; border-right:1px solid #FFF; margin:0px; }

#end ul { margin:0px; padding:0px; }

#end a { font-size:1em; color:#FFF; text-decoration:none; }

#end a:hover { color:#7fa51c; text-decoration:underline; }

#end a:visited { color:#7fa51c; }

#brochure { width:900px; height:auto; float:left; text-align:center; }

.tab { text-align:center; font-size:1.4em; font-weight:bolder; margin:10px 0 10px 0; color:#5e8510; }

.tab td { width:125px; }

.map1 { width:350px; height:auto; float:left; }

.map2 { width:500px; height:auto; float:left; border:#643f98 3px solid; margin-bottom:20px; }

#pro p { text-align:center; font-size:1.5em; font-weight:bolder; margin-bottom:20px; }

/*IMAGES*/

.vend { margin:15px 0 15px 0; }
