﻿body.main   { 
	color: #000; 
	font: .75em Verdana, Helvetica, Arial, sans-serif;
	background-color: #fff; 
	margin: 0;
	padding: 0;
/*	scrollbar-face-color: red;*/
}
#layout {
	background-color: #f9e8ac; 
	background-image: url(images/background.jpg);
}
iframe {
	width: 460px;
	height: 375px;
/*	frameborder: 0px;*/
}


/* LINK FORMATTING */
a:link {
	color: #b61f2a;
	text-decoration: none;
}
a:visited {
	color: #b61f2a;
	text-decoration: none;
}
a:active {
	color: #b61f2a;
	text-decoration: none;
}

/* TEXT FORMATTING */
td {
	vertical-align: top;
}
td.welcome {
	font: 1.5em Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
}
.title {
	font: 1.25em Verdana, Helvetica, Arial, sans-serif;
	text-align: right;
	margin: 20px;
	padding-right: 33px;
}
td.text {
	font: .75em Verdana, Helvetica, Arial, sans-serif; 
}
td.content {
	background-color: #f9e8ac; 
	font: .70em Verdana, Helvetica, Arial, sans-serif; 
	margin: 0;
	padding: 0;
}
td.contentContact {
	background-color: #f9e8ac; 
	font: .80em Verdana, Helvetica, Arial, sans-serif; 
	margin: 0;
	padding: 0;
}
td.smallFont {
	font: .53em Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	padding: 2px;
}
h1 {
	font: 1.65em Verdana, Helvetica, Arial, sans-serif;
}
h2 {
	font: 1.95em Verdana, Helvetica, Arial, sans-serif;
}
div.indent {
	text-align: left;
	margin-left: 10px;
}
b.jobTitle {
/*	font: 1.5em Verdana, Helvetica, Arial, sans-serif;*/
	font-weight:bold;
}

.subTitle {
	font-weight: bold;
	font-style: italic;
}

/* IMAGE FORMATTING */
img.left { 
  float: left;
  margin-left: 5px;
  border: 0px;
}
img.right { 
  float: right;
  margin-right: 5px;
  border: 0px;
}
img.none, img { 
  float: none;
  border: 0px;
}
img.leftIndent { 
  float: none;
  border: 0px;
  margin-left: 5px;
}

/* PICTURES/QUOTES FOR CONTENT PAGES */
div.side{
	position: absolute;
	top: 137px;
	left: -18px;
	width: 135px;
	height: 263px;
	z-index: 0;
}
div.logo {
	width: 99px;
	height: 49px;
}
div.quote {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 603px;
	height: 19px;
}


/*
div.aboutSide {
	background: url(images/largePics_moes.gif) top left no-repeat;
}
*/
div.aboutQuote {
	background: url(images/bottomQuotes_about.gif) top left no-repeat;
}

div.franchiseSide {
	background: url(video/icon_fb_online_video.gif) top left no-repeat;
	width: 111px;
	height: 150px;
}
div.franchiseQuote {
	background: url(images/bottomQuotes_franchising.gif) top left no-repeat;
}

div.careersSide {
	background: url(images/largePics_cinnPinkDrink.gif) top left no-repeat;
}
div.careersQuote {
	background: url(images/bottomQuotes_career.gif) top left no-repeat;
}

div.newsSide {
	background: url(images/largePics_sbcCoffee.gif) top left no-repeat;
}
div.newsQuote {
	background: url(images/bottomQuotes_news.gif) top left no-repeat;
}

div.managementSide {
	background: url(images/largePics_softCone.gif) top left no-repeat;
}
div.managementQuote {
	background: url(images/bottomQuotes_career.gif) top left no-repeat;
}

/*
div.contactSide {
	background: url(images/largePics_contact.gif) top left no-repeat;
}
*/
div.contactQuote {
	background: url(images/bottomQuotes_contact.gif) top left no-repeat;
}

/* CONTENT PAGES TEXT PLACEMENT */
div.contentTitle{
	position: relative;
	font: 1.25em Verdana, Helvetica, Arial, sans-serif;
	right: 190px;
	text-align: right;
}

table.sidemenu {
	position: relative;
	z-index: 5;
}
/* HOME PAGE BLOCKS PLACEMENT */
div.flash{
	position: absolute;
	top: 27px;
	left: -18px;
	width: 757px;
	height: 210px;
	z-index: 5;
}
.homeWelcome{
	font: 1.5em Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	position: absolute;
	top: 240px;
	left: 0px;
	width: 644px;
	z-index: 5;
}
.homeText{
	font: .75em Verdana, Helvetica, Arial, sans-serif; 
	position: absolute;
	top: 270px;
	left: 0px;
	width: 644px;
	z-index: 5;
}
div.largeLogos{
	position: absolute;
	bottom: 0px;
	left: -40px;
	width: 680px;
	height: 62px;
	z-index: 5;
	text-align: center;
}


#allContent{
    position: absolute;
    left: 0px; 
    top: 0px;
    background: url('images/spacer.gif') repeat;
    width: 758px;
    height: 521px;
    border: 2px solid;
}
#rightMontage {
    position: absolute;
    width: 758px;
    height: 505px;
    left: 0px; 
    top: 0px;
    text-align: right;
}


#topArea {
    position: absolute;
    width: 758px;
    height: 85px;
    left: 0px; 
    top: 0px;
}
#logo {
    position: absolute;
    background: url('images/logos-fb.gif') no-repeat;
    width: 162px;
    height: 58px;
    left: 18px; 
    top: 6px;
    cursor:pointer;
}
#logo-text {
    position: absolute;
    background: url('images/logos-text.gif') no-repeat;
    width: 216px;
    height: 20px;
    left: 18px; 
    top: 65px;
}
#logo-line {
    position: absolute;
    background: url('images/logos-line.gif') no-repeat;
    width: 558px;
    height: 1px;
    left: 18px; 
    top: 64px;
}
#smallLogos {
    position: absolute;
    width: 329px;
    height: 30px;
    left: 234px; 
    top: 35px;
    text-align: right;
}

#mainArea {
    position: absolute;
    width: 740px;
    height: 420px;
    left: 18px; 
    top: 85px;
}


#bottomArea{
    position: absolute;
    width: 758px;
    height: 16px;
    left: 0px; 
    top: 505px;
    text-align: right;
}

#SealArea{
    position: absolute;
    width: 115px;
    left: 640px; 
    top: 0px;
    text-align: right;
}

img {
	border: solid 0px #000000;
	margin: 0px;
          }

DIV.outer
    {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 785px;
    height: 530px;
    margin-left: -392px; /* half of width */
    margin-top: -265px;  /* half of height */
    background-color: #FFFFFF;
}
