/**************************************/
/*** Start: Reset styles                   ***/
/**************************************/
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}


a {
    outline: none;
}

/**************************************/
/*** End: Reset styles                   ***/
/**************************************/

/* position_center */
*				{ margin:0; padding:0; }
html, body		{ height:100%; }
body			{ text-align:center; /* horizontal centering for IE Win quirks */ }
#distance	{ width:1px; height:0%; margin-bottom:-300px; /* half of container's height */ float:left; }
#outer		{ margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; width:778px;height:100%;clear:left;/*border:1px solid red*/}
p {margin-bottom:15px;text-align:justify}
/* position_center */

/*For When CSS is turned Off*/

h1,h2 {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
.nocsstext {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}

h3 {font-size:1.4em;margin: 10px 0 15px 30px}

body{background-color:#000000;font-size:0.7em;color:#000000;font-family:arial;}

.clear{clear:both;}

a {color:#000000;text-decoration:none}
a:hover {text-decoration:underline;color:#000000;}



/*Logo*/

/*Navigation*/
#navigation {float:left;padding:0;margin:90px 0 0 0;width:778px;}
#navigation ul {border-bottom:1px solid #000000;border-top:1px solid #000000;width:778px;padding: 2px 0 2px 170px;height:18px;}
#navigation ul li {float:left;list-style: none;height:18px;border-right:1px solid #000000;}
#navigation ul li a {display:block;margin:0;}

#navigation ul li.welcome, #navigation ul li.welcome a  {background: url(../images/nav-welcome.gif) center no-repeat;width:72px;height:18px;}
#navigation ul li.welcome a:hover, #navigation ul li.welcome a.on  {background: url(../images/nav-welcome-on.gif) center no-repeat;width:72px;height:18px;}


#navigation ul li.menu, #navigation ul li.menu a  {background: url(../images/nav-menu.gif) center no-repeat;width:74px;height:18px;}
#navigation ul li.menu a:hover, #navigation ul li.menu a.on  {background: url(../images/nav-menu-on.gif) center no-repeat;width:74px;height:18px;}

#navigation ul li.deli, #navigation ul li.deli a  {background: url(../images/nav-deli.gif) center no-repeat;width:138px;height:18px;}
#navigation ul li.deli a:hover, #navigation ul li.deli a.on  {background: url(../images/nav-deli-on.gif) center no-repeat;width:138px;height:18px;}

#navigation ul li.office, #navigation ul li.office a  {background: url(../images/nav-office.gif) center no-repeat;width:126px;height:18px;}
#navigation ul li.office a:hover, #navigation ul li.office a.on  {background: url(../images/nav-office-on.gif) center no-repeat;width:126px;height:18px;}


/*holding Box*/
.holdingBox				{background:#ffffff url(../images/center-repeat.gif) 0% 0% repeat;margin:15px 0px 0px 0px;width:778px;}
.holdingBox-ds			{background:transparent url(../images/CaffeCompiano.gif) no-repeat left top;}
.holdingBox-ds .inner		{background:url(../images/CaffeCompiano-bottom.gif) 0% 100% no-repeat;min-height:480px;height:100%;padding:25px 0 150px 0px}
.holdingBox-ds .inner ul	{margin:15px 0 0 0}


#Welcome {width:778px;margin:0 0 15px 30px }
#WelcomeImage {float:left;margin:5px 15px 0 0}
#WelcomeText {float:left;width:400px}
#Welcome h3 {margin:0}

#MenuOne {float:left;margin-right:80px;margin-left:30px}
#MenuTwo {float:left;}

#leftContent {float:left;margin:0 100px 0 30px;width:300px;}
#leftContent h3 {margin:0;padding:0;}

#rightContent {float:left;width:260px}

#rightContent img {margin:10px 0 0 0;}

#eatin {margin:20px 0 0 0;width:320px;}
#eatin p {text-align:center}

#links {margin:20px 0 0 0}
 
#leftContent ul li, #links ul {list-style:disc}
#leftContent ul li, #links ul li {margin:0 0 0 20px}

#officelunch {margin:0 0 15px 0}