body
{
    font-family: Arial, Helvetica, sans-serif;
    color: #00478d;
    margin: 0px;
    padding: 0px;
    background-color: #8ed8f8;
    background-image: url(/Library/Default/Content/master-background.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
}

h1
{
    font-size: 16px;
    font-weight: bold;
    background-image: url(/Library/Default/Menu/heading-bubbles.png); /* Wherever you put the image */
    background-repeat: no-repeat;
    display: block;
    width: 372px;
    padding: 0px 0px 0px 12px;
    background-position: left top;
    margin: 0px;
}

info_section_vending h1
{
    font-size: 14px;
    font-weight: bold;
    background-image: url(/Library/Default/Menu/heading-bubbles.png); /* Wherever you put the image */
    background-repeat: no-repeat;
    display: block;
    padding: 0px 0px 0px 12px;
    background-position: left top;
    margin: 0px;
}

a img
{
    border: none;
}

/* -- STRUCTURE -- */

#wrapper
{
    height: auto;
    width: 1260px;
    margin: auto;
    background-image: url(../Library/Default/Content/mid-gradient.jpg);
    background-repeat: repeat-y;
    background-position: 310px top;
    text-align: left;
    overflow: hidden;
}

.clear
{
    display: block;
    width: 100%;
    clear: left;
}

#left-col
{
    height: auto;
    width: 364px;
    float: left;
}

#mid-col
{
    height: 200px;
    min-height: 200px;
    height: auto;
    width: 384px;
    padding: 5px 58px 20px 58px;
    background-image: url(/Library/Default/Content/midcol-background.jpg);
    background-repeat: no-repeat;
    background-color: #dbf2fd;
    padding-bottom: 140px;
    float: left;
}

.phonenumber
{
	padding: 0px 0px 55px 0px;
	text-align: right;	
	font: bold 9pt arial;
}

.address 
{
	padding-top: 20px;
}

.address p
{
	font: normal 11pt arial;
}

#mid-col li
{
}

#right-col
{
    width: 264px;
    float: left;
    padding-top: 20px;
    padding-left: 50px;
}

#footer
{
    height: 380px;
    width: 1260px;
    clear: both;
    background-image: url(/Library/Default/Content/footer-background.png);
    background-repeat: no-repeat;
    margin: auto;
    position: relative;
    top: -100px;
}

/* -- */

/* -- ELEMENTS -- */

#main-logo
{
    position: relative;
    left: 125px;
    top: 10px;
}

.intro-paragraph
{
    height: auto;
    width: 384px;
}

.left-paragraph
{
    height: auto;
    width: 187px;
    margin: 0px 5px 0px 0px;
    float: left;
}

.right-paragraph
{
    height: auto;
    width: 187px;
    margin: 0px 0px 0px 0px;
    float: right;
}

/* -- */

/* -- FOOTER ELEMENTS -- */

.footer_elements
{
    width: 1260px;
    margin: auto;
}

.vendor
{
    height: 227px;
    width: 207px;
    margin-left: 200px;
    float: left;
    position: relative;
    top: -25px;
}

.message
{
    height: 138px;
    width: 81px;
    margin-left: 5px;
    float: left;
    position: relative;
    top: 0px;
}

.brain_game
{
    height: 136px;
    width: 160px;
    margin-left: 53px;
    float: left;
    position: relative;
    top: 38px;
}

.makes_us_tick
{
    height: 146px;
    width: 103px;
    margin-left: 20px;
    float: left;
    position: relative;
    top: 10px;
}

.easel
{
    height: 224px;
    width: 194px;
    margin-left: 50px;
    float: left;
    position: relative;
}

.media-container
{
    /*margin-left: 100px;*/
}

/* -- LIST ELEMENTS -- */

.bubble_header
{
    font-size: 15px;
    font-weight: bold;
    background-image: url(/Library/Default/Content/heading-bubbles.png); /* Wherever you put the image */
    background-repeat:no-repeat;
    display: block;
    width: 372px;
    height: 10px;
    padding: 12px 0px 12px 20px;
    margin: 0px;
    background-position: left top;
}
.bubble_header_vending
{
    font-size: 15px;
    font-weight: bold;
    background-image: url(/Library/Default/Content/heading-bubbles.png); /* Wherever you put the image */
    background-repeat:no-repeat;
    display: block;
    height: 10px;
    padding: 12px 0px 12px 20px;
    margin: 0px;
    background-position: left top;
}
.info_section
{
    width:384px;
    padding-bottom:20px;
}
.info_section p
{
    margin: 10px 0px 0px 0px;
}

.info_section_vending
{
    width:384px;
    padding-bottom:20px;
}
.info_section_Num
{
float:left;
width:50px
}
.info_section_main
{
float:left;
width:334px
}

.pdf_icon
{
    float: right;
    padding: 0px 0px 0px 10px;
}

