/* this is the live odi.css */
body {
	font-family: arial;
	background: #FFF;
	color: #000;
	margin:0em;
	padding: 0em;
	}

#outline {
    border-top: thick solid #000;
    border-right: thick solid #000;
    border-left: thick solid #000;
	margin: 0em;
	padding: 0em;
	height:100%;
	}
	
#topblackbar {
	background-color: #000;
	color: #FFF;
	margin: 0px;
	height: 135px;
	width: 100%;
	text-align: left;
	}

#topheaderbox {
    position: absolute;
	top: 0;
	left: 176px;
	height: 135px;
	width:80%;
	padding: 0em 0em 0em 1em;
	}  
	
#topheader {
	padding-top: 2.7em;
	align: center;	
	}
	
#topredbar {
	background-color: #600;
	color: #fff;
	text-align: right;
	margin: 1px 0px 0px 0px;
	padding: 2px;
	}
	
#leftbox  {
	position:relative;
	left: 0px;
	margin-top: 1px;
	margin-bottom: 0px;
	padding: 1px;
	background-color: #000;
	width: 169px;
	height: 1100px;
	}
	
#odilogo {
	position: absolute;
	top: 0px;
	left: 1px;
	clear: both;
}	
	
#hqlogo {
	position: relative;
	top: 10px;
	left: -5px;
	clear : both;
}

#mainmenu {
	position: relative;
	top: 10px;
	clear : both;
}

#callus {
	position: absolute;
	left: 0px;
	clear : both;
	top: 325px;

}

#cheese {
	float: right;
	clear: both;
	margin: 0% 2% 0% 3%;
	z-index: 1;
}

#candle {
	float: right;
	clear: both;
	margin: 0% 2% 0% 3%;
	z-index: 2;
}

#beads {
	float: right;
	clear: both;
	margin: 0% 2% 0% 3%;
	z-index: 3;
}

#tophomepics {
	position: absolute;
	top: 166px;
	left: 166px;
	padding: 0em 1em 1em 1em;
	width: 2236px;
	height: 108px;
	}  

#topcaterpics {
	position: absolute;
	top: 1px;
	left: 159px;
	padding: 0em 1em 1em 1em;
	width: 800px;
	height: 108px;
	}  

#pastaninilogo {
	float: left;
	clear: both;
	margin: 0% 3% 0% 0%;
}

#odibarblogo {
	float: left;
	clear: both;
	margin: 0% 3% 2% 0%;
}

#odibuilding {
	float: right;
	clear: both;
	margin: 0% 0.5% 2% 3%;
}

#catertable {
	float: right;
	clear: both;
	margin: 0% 0.5% 2% 3%;
}

#weddingcouple {
	float: right;
	clear: both;
	margin: 0% 0.5% 2% 3%;
}

#weddingcake {
	float: right;
	clear: both;
	margin: 0% 0.5% 2% 3%;
}

#odimarketplacefront {
	float: left;
	clear: both;
	margin: 0% 2% 2% 0%;
}

#sandwichplate {
	float: right;
	clear: both;
	margin: 1.5% 2% 2% 3%;
}

/* end header ids, begin content ids */
#content {
	clear: both;
	background-color: transparent;
	color: #000;
	position: absolute;
	top: 165px;
	left: 203px;
	margin: 5px;
	padding: 10px;
	font-size: 85%;


}

#contenthome {
	clear: both;
	background-color: transparent;
	color: #000;
	position: absolute;
	top: 255px;
	left: 185px;
	margin: 5px;
	padding: 10px;
	font-size: 85%;
}

#content2 {
	clear: both;
	background-color: transparent;
	color: #000;
	position: absolute;
	top: 165px;
	left: 403px;
	margin: 5px;
	padding: 10px;
	font-size: 85%;


}

#content li {
	margin-left: -0.5em;
	line-height: 1.25em;
}
 

#footer {
	float: none;
	clear: both;
	margin: 0em;
	padding: 0.5em 0.5em 0.5em 1em;
	color: #000;
	background-color: transparent;
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
	font-size: 80%;
}
#footer span {
	margin-bottom: 1em;
	font-weight: normal;
	font-family: Arial;
	display: block;
}

p {
	font-size: 16px;
	font-family:  arial;
	margin: 0em;
	padding: 0em;
}
	
h1 {
	font-size: 24px;
	font-family:  Arial;
	margin: 0em;
	padding: 0em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
h2  {
    font-size: 18px;
	font-family:  Arial;
	/*margin: -0.5em 0em -0.05em 0em;*/
	margin: 0.5em 0em 0em 0em;
	padding: 0em;
	color: #000;
}
h2.inline { 
	color: #fff;
}
h3  {
	font-size : 16px;
	font-family:  Arial;
	margin: 0.5em 0em -0.05em 0em;
	padding-top: 0.5em;
	color: #000;
}
h4 {
	font-size: 16px;
	font-family:  arial;
	margin: 1em 0em 0em 0em;
	padding-top: 0.5em;
	color: #000;
}
h6 {
	font-size: 0.9em;
	font-weight: normal;
	display: inline;
	font-family:  Arial;
}
ul {
	margin-top : 0em;
	list-style-type: disc;
	list-style-position: outside;
}
	
table td {
	color: inherit;
}
/* end defining elements */

/* begin classes */
.nowrap {
	white-space: nowrap;
}
/*.indent {
	margin-left: 1em;
}*/
.nonstandardbrowser {
	display: none;
}
.plus { 
	text-align: left; 
	padding-top: 0.1em; 
}
.indexH3 {
	font-size : 1em;
	margin: 0em 0em -0.05em 1em;
	padding: 0em 0em 0.25em 0em;
	color: #444;
	
}
.code { 
	font-size: 0.55em; 
}
/* end classes; beginning of link definitions */
li a:link {
	color: #000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
}	
li a:visited {
	color: #B00;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
}	
li a:active {
	color: #c33;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
}
li a:hover {
	color: #000;
	background-color: #FFCC33;
	font-weight: normal;
	text-decoration: underline;
}

p a:link {
	text-decoration: underline;
	color: #c33;
	background-color: transparent;
	margin: 1px;
}

p a:visited {	
	color: #00f;
	background-color: transparent;
	text-decoration: underline;
	margin: 1px;
}	
p a:active {	
	color: #c33;
	background-color: transparent;
	text-decoration: underline;
	margin: 1px;
}
p a:hover {
	text-decoration: none;
	color: inherit;
	background-color: #FFCC33;
	margin: 1px;
}
td a:link {
	text-decoration: underline;
	color: #c33;
	background-color: transparent;
	margin: 1px;
}	
td a:visited {	
	color: #00f;
	background-color: transparent;
	text-decoration: underline;
	margin: 1px;
}	
td a:active {	
	color: #c33;
	background-color: transparent;
	text-decoration: underline;
	margin: 1px;
}
td a:hover {
	text-decoration: none;
	color: inherit;
	background-color: #fc3;
	margin: 1px;
}
h2 a:link {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}	
h2 a:visited {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}	
h2 a:active {
	color: #c33;
	background-color: transparent;
	text-decoration: none;
}
h2 a:hover {
	color: #000;
	background-color: #fc3;
	text-decoration: underline;
}
h3 a:link  {
	color: #c33;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
}
h3 a:visited  {
	color: #00b;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
}
h3 a:active {
	color: #c33;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
}
h3 a:hover  {
	color: #000;
	background-color: #fc3;
	text-decoration: none;
	font-weight: bold;
}

#content ul a:link {
	color: #c33;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
}	
#content ul a:visited {
	color: #00b;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
}	
#content ul a:active {
	color: #c33;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
}
#content ul a:hover {
	color: #000;
	background-color: #fc3;
	font-weight: normal;
	text-decoration: none;
}

#footer a:link {
	color: #000;
	background-color: transparent;
	font-weight: normal;
}	
#footer a:visited {
	color: #c33;
	background-color: transparent;
	font-weight: normal;
}	
#footer a:active {
	color: #c33;
	background-color: transparent;
	font-weight: normal;
}
#footer a:hover {
	color: #000;
	background-color: #fff;
	font-weight: normal;
	text-decoration: none;
}