html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  background-color: #fff;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  /*text-align: left;*/
  font-weight: normal;
}
blockquote:before, blockquote:after,q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/* Capital Vending Styles */

body {
  color: #808285;
  font-size: 75%;
  text-align: center;  /* comment this out to left align */
  background-color: #F8F8F8;
  line-height: 1.125em; /* 16?1.125=18 */
  font-family: Helvetica, Arial, Sans-Serif;
}

a,
a:visited {
  color: #647F11;
  text-decoration: none;
}
a:hover {
  color: #1ABCFC;
 
}

div#main {
	width: 940px;
	height: 675px;
	margin: 0 auto; /* comment this out to left align */
	margin-top: 20px;
	text-align: left;
	position: relative;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: top left;
}




div#middle {
	position : absolute;
	width: 357px;
	height: 414px;
	top : 176px;
	padding : 15px;
	background-color: #F3F3F3;
	left: 279px;
	
 
}
div#order {
	position : absolute;
	width: 831px;
	height: 1826px;
	top : 176px;
	padding : 15px;
	background-color: #F3F3F3;
	left: 49px;
	
 
}

div#left {
	position : absolute;
	left : 31px;
	width : 201px;
	height: 417px;
	padding: 15px;
		top: 177px;
	background-color: #F3F3F3;
	
}
div#right {
	position : absolute;
	left : 682px;
	top : 176px;
	width : 196px;
	height: 415px;
	padding: 15px;
	
	
	background-color: #F3F3F3;
} 
.rounded {
  -moz-border-radius:3ex;
  -webkit-border-radius:3ex;
}
.rounded2 {
  -moz-border-radius:3ex;
  -webkit-border-radius:3ex;
}



#myslides {
	width: 160px;
	height: 420px;
	position: absolute;
	overflow: hidden;	
	z-index : 3;
	padding: 0;	
	margin:  0 auto;
	left: 713px;
	top: 190px;
} 

#myslides img {
	padding: 0px;
	width:auto;
	
	
	background-color: #FFFFFF;
	top:  0;
	left: 0;
	padding-top: 10px;
}
div#panel {
	position : absolute;
	left : 298px;
	top : 322px;
	width : 109px;
	height: 241px;
	padding: 15px;
	z-index : 3;
	
} 

div#panel2 {
	position : absolute;
	left : 454px;
	top : 325px;
	width : 138px;
	height: 241px;
	padding: 15px;
	z-index : 3;
	
} 
div#panel4 {
	position : absolute;
	left : 298px;
	top : 322px;
	width : 109px;
	height: 241px;
	padding-top:15px;
	z-index : 3;
	
} 
div#video {
	position : absolute;
	left : 314px;
	top : 336px;
	width : 317px;
	height: 241px;
	z-index : 3;
	
} 
div#panel2 {
	position : absolute;
	left : 454px;
	top : 325px;
	width : 138px;
	height: 241px;
	padding: 15px;
	z-index : 3;
	
} 
div#panel3 {
	position : absolute;
	left : 454px;
	top : 325px;
	width : 138px;
	height: 241px;
	padding-top:5px;
	z-index : 3;
	
} 
div#footer {
	position : absolute;
	left : 53px;
	top : 639px;
	width : 288px;
	height: 13px;
	padding-left : 10px;
	z-index : 3;
		font-size: 75%;
	padding : 3px;
	background-color: #FFFFFF
} 

div#footermiddle {
	position : absolute;
	left : 399px;
	top : 635px;
	width : 133px;
	height: 13px;
	padding-left : 10px;
	z-index : 3;
		font-size: 75%;
	padding : 3px;
	background-color: #FFFFFF
} 



div#fbholder {
	position : absolute;
	left : 687px;
	top : 625px;
	width : 171px;
	height: 28px;
	padding-left : 10px;
	z-index : 3;
		font-size: 75%;
	padding : 3px;
	background-color: #FFFFFF
}
div#bep {
	position : absolute;
	left : 873px;
	top : 624px;
	width : 45px;
	height: 35px;
	z-index : 3;		
}

div#header {
	position : absolute;
	left : 30px;
	top : 23px;
	width : 172px;
	height: 77px;
	padding-left : 10px;
	z-index : 3;
	color : #FFFFFF;
	padding : 3px;
	background-color: #FFFFFF;
} 
div#headerbackground {
	position : absolute;
	left : 268px;
	top : 28px;
	width : 644px;
	height: 133px;
	padding-left : 10px;
	z-index : 3;
	
} 


div#contact {
	position : absolute;
	left : 83px;
	top : 159px;
	width : 109px;
	height: 38px;
		z-index : 3;
	
} 

div#logos {
	position : absolute;
	left : 713px;
	top : 196px;
	width : 167px;
	height: 389px;
		z-index : 3;
	
} 

div#menu {
	top: 135px;
	right: 15px;
	width : 619px;
	height: 22px;
	position: absolute;
	z-index : 3;
	padding-top:6px;
	padding-left:10px;
}
div#menu ul {
  
  list-style-image: none;
  list-style-type: none;
}
div#menu ul li {
	float: left;
	text-align:center;
	margin-right: 18px;
	text-transform: lowercase;
	font-weight: 500;
	
}
div#menu ul li.active a {
 
  color: #1ABCFC;
}

div#menu2 {
	top: 292px;
	right: 276px;
	width : 327px;
	height: 20px;
	position: absolute;
	z-index : 3;
	padding-top:6px;
	padding-left:20px;
	background-color: #F3F3F3;
}
div#menu2 ul {
  
  list-style-image: none;
  list-style-type: none;
}
div#menu2 ul li {
	float: left;
	text-align:center;
	margin-right: 70px;
	text-transform: lowercase;
	font-weight: 500;
	
}
div#menu2 ul li.active a {
 
  color: #1ABCFC;
}

/* Home */
body.home div#main {
 background-image: url(../images/background3.jpeg);
}


/* Contact */
body.contact div#main {
 background-image: url(../images/contact1.jpg);
}


.style1 {
	color: #647F11;
	font-weight: bold;
}

.style2 {	color: #D02329;
	font-weight: bold;
}



 
