/* Typography */
body, table, th, td {
		font: 0.8em Arial, Helvetica, sans-serif;
		color: #333;	
}

body { margin:0px; padding:0px; line-height:15px; }
html, body { width:100%; height:100%; }

p { margin-top:0px; line-height:15px; margin-bottom:15px; }

h1 { font-size:210%; color:#000; line-height:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
h2 { font-size:175%; color:#000; line-height:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
h3 { font-size:155%; color:#000; line-height:normal; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; font-weight:bold; }
h4 { font-size:100%; color:#000; line-height:normal; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; }
h5 { font-size:85%; color:#000; line-height:normal; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;}

form { padding:0px; margin:0px; }
table { font-size:100%; }
a { outline:none; }
img { /*behavior: url(iepngfix.htc);*/ }

strong { font-weight:600; }


/* Layout */
#wrapper { width:964px;	margin:0 auto; text-align:left; padding:0px; position:relative; }
#top-section { width:100%; height:auto !important; height:83px; min-height:83px; float:left; }
#center-section { width:100%; float:left; }
#bottom-section { width:100%; height:10px; padding:10px 0px 20px 0px; font-size:85%; color:#FFFFFF; float:left; }

#top-section-left { width:4px; height:83px; position:absolute; top:0px; left:0px; }
#content { width:960px; height:auto !important; height:448px; min-height:448px; padding:0px 2px 5px 2px; font-size:90%; line-height:15px;position:relative; }


/* Cafe Sol Logo */
#logo { width:277px; height:39px; float:left; padding:25px 0px 0px 4px; }



/* Navigation */
#primary-nav { float:right; padding:14px 0px 0px 0px; position:relative; }
#primary-nav ul { list-style:none; display:inline; margin:0px; padding:0px; }
#primary-nav ul li { list-style:none; display:inline; width:116px; height:69px; }
#primary-nav ul li a { padding:0px 0px 0px 0px; width:116px; height:69px; display:inline; float:left; margin:0px 0px 0px 6px; outline:none; }

#primary-nav ul li#our-menu a.nav-on { background:url(../images/our-menu/b_01_on.gif) no-repeat top left; }
#primary-nav ul li#deliveries a.nav-on { background:url(../images/deliveries/main_nav/b_02_on.gif) no-repeat top left; }
#primary-nav ul li#store-locator a.nav-on { background:url(../images/store-locator/b_03_on.gif) no-repeat top left; }
#primary-nav ul li#about-us a.nav-on { background:url(../images/about-us/b_04_on.gif) no-repeat top left; }


#primary-sub-nav { position:absolute; }
#primary-sub-nav ul { list-style:none; display:inline; margin:0px; padding:0px; }
#primary-sub-nav ul li { list-style:none; display:inline; line-height:1px; }
#primary-sub-nav ul li a { padding:0px 0px 0px 0px; display:block; float:left; margin:0px 0px 0px 6px; width:auto; height:auto; border:none; }
#primary-sub-nav ul li a img { border:none; }


#secondary-nav { float:right; padding:12px 14px 0px 0px; }
#secondary-nav ul { list-style:none; margin:0px; padding:0px; }
#secondary-nav ul li { list-style:none; text-align:right; font-size:100%; }
#secondary-nav ul li a { color:#FFFFFF; text-decoration:none; padding:0px 14px 0px 0px; }


#tertiary-nav { float:right; padding:0px 0px 0px 0px; }
#tertiary-nav ul { list-style:none; display:inline; margin:0px; padding:0px; }
#tertiary-nav ul li { list-style:none; display:inline; padding:0px 0px 0px 0px; line-height:18px; }
#tertiary-nav ul li a { color:#FFFFFF; text-decoration:none; padding:0px 0px 0px 14px; margin-left:10px; }



/* Content DIVs */
#left-img-wrapper { float:left; padding:28px 0px 0px 11px; width:474px; }
#left-img-border-l { float:left; width:6px; height:423px; background:url(../images/generic/s_01.gif) no-repeat top left; }
#left-img-border-r { float:right; width:6px; height:423px; background:url(../images/generic/s_02.gif) no-repeat top left; }
#left-img-holder { float:left; width:462px; height:423px; background:url(../images/generic/s_03.gif) repeat-x top left; padding:0px 0px 0px 0px; text-align:center; }

#right-content-npl { width:465px; padding:28px 10px 10px 0px; float:right; position:relative; }			/* No Padding Left */
#right-content-pl { width:454px; padding:28px 10px 10px 11px; float:right; position:relative; }			/* Padding Left */

#content ul { margin:0px 0px 10px 15px; padding:5px 0px 0px 0px; position:relative; }
#content ul li { list-style:none; padding:0px 0px 10px 15px; }
#content table { font-size:135%; }
#content a.grey-link { color:#333; text-decoration:none; }

.content-half-width { display:inline; width:435px; float:left; margin:23px 0px 0px 30px; padding:0; }
.content-full-width { display:inline; width:900px; float:left; margin:23px 0px 0px 30px; padding:0; }

#right-content-npl h4, #right-content-pl h4 { margin-bottom:0px; padding-bottom:0px; }
#content ul.text { padding-top:5px; }
#content ul.text li { color:#333; }



/* Floating Images */
.img-left { float:left; }
.img-right { float:right; }



/* Floating Buttons */
.button { position:absolute; bottom:8px; right:17px; }




/* Clearing Div */
.clear { clear:both; height:0px; line-height:0px; font-size:0px; }
.clear-bottom { clear:both; height:90px; line-height:0px; font-size:0px; }

.footnote { color:#FF3300;}

.span-system-icon{background:transparent url(/images/generic/facebook.gif) no-repeat;cursor:pointer;margin-left:2px;width:16px;height:16px;display:block;}
.span-system-icon-facebook{background-position:0px 0px;}