/*---------------- TOP SECTION ---------------------------*/
#topBox {
margin: 0 auto;
width: 883px;
height:109px;
}

#logo{
background-color:#CC5628;
width: 372px;
height: 115px;
float:left;
}

#mainNavigation{
vertical-align:bottom;
width: 511px;
background-color:#CC5628;
height: 115px;
float:left;
}

#verticalSpacer{
height: 88px;
}

/*------------Main Buttons -- Start Here*/

/*----CurrentPage----*/
#currentHome {
float:left;
     width:61px;
	height:27px; 
}
#currentCafe {
float:left;
     width:61px;
	height:27px; 
}
#currentOCTG{
float:left;
     width:200px;
	height:27px;
}
#currentCatering {
float:left;
     width:90px;
	height:27px;
}
#currentContact {
float:left;
     width:61px;
	height:27px; 
}


/*----Home---*/

#buttonHome {
float:left;
     width:61px;
	height:27px; 
}
#buttonHome a {
     display:block;
     width:61px; 
     height:27px;
     background-image:url(../images/homeButton.gif);
     background-position:0px 0px;  
 }
#buttonHome a:hover {
     background-position:0px 27px; 
 }

/*---Cafe---*/

#buttonCafe {
float:left;
     width:61px;
	height:27px; 
}
#buttonCafe a {
     display:block;
     width:61px; 
     height:27px;
     background-image:url(../images/cafeButton.gif);
     background-position:0px 0px; 
 }
#buttonCafe a:hover {
     background-position:0px 27px; 
 }

/*---OCTG---*/

#buttonOCTG{
float:left;
     width:200px;
	height:27px; 
}
#buttonOCTG a {
     display:block;
     width:200px;  
     height:27px;
     background-image:url(../images/OCTGButton.gif);
     background-position:0px 0px; 
 }
#buttonOCTG a:hover {
     background-position:0px 27px;  
 }

/*Catering*/

#buttonCatering {
float:left;
     width:90px;
	height:27px; 
}
#buttonCatering a {
     display:block;
     width:90px;   
     height:27px;
     background-image:url(../images/CateringButton.gif);
     background-position:0px 0px;  
 }

#buttonCatering a:hover {
     background-position:0px 27px;   
 }

/*Contact*/

#buttonContact {
float:left;
     width:97px;
	height:27px; 
}
#buttonContact a {
     display:block;
     width:97px; 
     height:27px;
     background-image:url(../images/ContactButton.gif);
     background-position:0px 0px;  
 }
#buttonContact a:hover {
     background-position:0px 27px;   
 }

/*Main Buttons -- End Here*/

/*---------------- Middle Section ---------------------------*/

#middleBox{
margin: 0 auto;
width: 881px;
height: 250px;
padding-top: 18px;
padding-bottom: 15px;
border-top: 0px;
border-left: 1px #B7B7B7 solid;
border-right: 1px #B7B7B7 solid;
border-bottom: 0px;
}
.centeredImage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;
	margin-top:0px;
	margin-left: 18px;
	margin-right: 18px;
	margin-bottom: 0px;
	text-align:center;
	border: 1px #B7B7B7 solid;
	padding-top: 12px;
	padding-bottom: 12px;
}



/*---------------- BOTTOM SECTION ---------------------------*/

#bottomBox{
margin: 0 auto;
width: 881px;
height:288px;
padding-top: 0px;
border-top: 0px;;
border-left: 1px #B7B7B7  solid;
border-right: 1px #B7B7B7  solid;
border-bottom: 1px #B7B7B7  solid;
line-height: 18px;
}

.subMenu{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#999999;
}

.menuSection{
padding-top: 15px;
padding-bottom: 10px;
color:#333333;
text-transform: uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align: left;
}
.menuTitle{
padding-top: 5px;
padding-bottom: 5px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align: left;
}
.menuSize{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align: left;
font-style:oblique;
}
.menuDescription{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.menuPrice{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.notes{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:oblique;
}

#LeftContentBox{
float:left;
width: 470px;
height:200px;
margin-left: 18px;
margin-top: 10px;
margin-bottom: 10px;
padding:18px;
border-top: 1px #B7B7B7 solid;
border-left: 1px #B7B7B7 solid;
border-right: 0px;
border-bottom: 1px #B7B7B7 solid;
}

#RightContentBox{
float:left;
width: 300px;
height:200px;
margin-top: 10px;
margin-bottom: 10px;
padding: 18px;
border-top: 1px #B7B7B7 solid;
border-left: 1px #B7B7B7 solid;
border-right: 1px #B7B7B7 solid;
border-bottom: 1px #B7B7B7 solid;
}

#leftContentInnerTitle {
padding-left: 40px;
position:relative;
height: 50px;
width: 445px;
/*border-top: 1px #999999 solid;
border-left: 1px #999999 solid;
border-right: 1px #999999 solid;
border-bottom: 1px #999999 solid;*/

}
#leftContentInnerTitle div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #CC5628;
	width: 445px;
	position: absolute;
	bottom: 0px;
	left: 40px;
}
#leftContentInnerText {
font-family:Arial, Helvetica, sans-serif;
width: 100%;
}

#rightContentInnerTitle{
	height:50px;
	width:100%;
	position:relative;

}

#rightContentInnerTitle div{
	padding-bottom: 10px;
	width: 221px;
	position:absolute;
	bottom:12px;
	height: 14px;
}
#rightContentInnerTitle td{
text-align: right;
}

#rightContentInnerTitle a {

text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#999999;
}
#rightContentInnerTitle a:hover {
color: #999999;
}

#rightContentInnerText{
font-family:Arial, Helvetica, sans-serif;
width: 100%;
height: 100px;

background-color:#CCCCCC;
}
#rightContentInnerText_Contact{
font-family:Arial, Helvetica, sans-serif;
width: 100%;
height: 100%;
background-color:#EAEAEA;
}

/*----Address Info----*/
#AddressBar{
padding-top: 10px;
margin: 0 auto;
width: 881px;
}

#Address{
float:left;
}
#Email{
float:left;
}

/*---- Scrolling Div ----*/

			/* scrollable div area */
			#scrollable1 {
				float: left;
				width: 398px;
				height: 180px;
				padding-right: 12px;
				border: 0px solid #ccc;
				overflow: hidden;
				white-space: wrap;
			}
			
			/* vertical track */
			#track1 {
				float: left;
				width: 15px;
				height: 180px;
				margin-left: 10px;
background: url(../images/scrollbarTrack.gif) no-repeat top right;
			}
			
			/* vertical track handle */
			#handle1 {
				width: 15px;
				height: 25px;
				background-color: #f00;
				cursor: move;
background: transparent url(../images/scrollbarHandle.gif) no-repeat top right;
			}
			
/* Order Form scrollable div area */

			#scrollable2 {
				float: left;
				width: 398px;
				height: 180px;
				padding-right: 12px;
				border: 0px solid #ccc;
				overflow: hidden;
				white-space: wrap;
			}
			
			/* vertical track */
			#track2 {
				float: left;
				width: 15px;
				height: 180px;
				margin-left: 10px;
background: url(../images/scrollbarTrack.gif) no-repeat top right;
			}
			
			/* vertical track handle */
			#handle2 {
				width: 15px;
				height: 25px;
				background-color: #f00;
				cursor: move;
background: transparent url(../images/scrollbarHandle.gif) no-repeat top right;
			}