@charset "UTF-8";

body{ margin: 0;}
/*Regional Parent Elements
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------

This class defines the properties that are called by the DIV block element.  Can be considered a row. (not same as <TR>*/

.R1{
width: 900px;  				/*allows the width of the row to be adjusted.  If the row is too narrow, (< 800), the inline objects will jump to the next 'line'.*/
height: auto;				/*allows the row to adjust its height automatically*/
border: #000 solid 0px;
padding: .5em;
overflow: hidden;			/*Do not remove this line.  Overflow hidden forces regions to break across all browsers*/
}

/*This id defines a container width 300pixels*/
#RegElem1{
float: left;

width: 300px;				
height: auto;
border: 0px solid #000;

}

#RegElem2{
float: left;

width: 500px;
height: 500px;
border: 0px solid #000;
margin-left: 25px;

}

#RegElem3{
float: left;
width: 200px;
height: auto;
border: 0px solid #000;


}

#RegElem4{
float: left;

width: 400px;
height: auto;
border: 1px solid #000;
margin-left: 25px;

}

#RegElem5{
float: left;

width: 200px;
height: auto;
border: 0px solid #000;
margin-left: 25px;

}

#RegElem6{
float: left;

width: 300px;
height: auto;
border: 0px solid #000;
margin-top: -225px;


}

#RegElem7{
float: left;

width: 200px;
height: auto;
border: 0px solid #AAA;
margin-left: 225px;

}


/* Gallery and Playback Controls
----------------------------------------------- */
#thumbnails {
	margin: 0px;
	border: 1px #AAA solid;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 0px;
	padding-bottom:  .5em;
}

#thumbnails div {
	width: 40px;
	height: 27px;
	position: relative;
	margin: 12px;
	padding: 0;
	float: left;
	display:inline;
}

#thumbnails img {
	width: 40px;
	height: 27px;
	position: absolute;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
}


.selectedThumbnail {  border: solid 2px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }


/*Display Region
----------------------------------------------------*/
#picture {
	padding: 0px;
}

#picture img {	border: 0px solid #999; }

#mainImageOutline {
	border: #CCC 0px dotted;
	padding: 0em;
	margin-left: 0px;
}

#mainImage {
	width: 100%;
	height: 100%;
}

#caption {
	float: left;
	border: 1px #000 solid;
}


/*Our Company Story Element (Main Index Page)
--------------------------------------------------------------------------------------------*/
p.Context{
	color: #666; 
	font-size: 13px; 
	font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: left;
	line-height: 16px;
}

#Story{
	border: #DDD 0px solid;
	width: 200px;
	height: auto;
	padding: 10px;
}

#Promo{
	border: #AAA 0px solid;
	height: auto;
	width: auto;
	max-width: 500px;
}

img.promoIMG{
	border: 1px #AAA solid;
	width: 500px;
}

#Philosophy{
	border: #DDD 0px solid;
	width: 200px;
	height: auto;
	padding: 0px;
}

#Ordering {
	border: #AAA 1px solid;
	background-color: #EEE;
	width: auto;
	height: auto;
	color: #666; 
	font-size: 13px; 
	font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; 
	line-height: 22px;
	padding: 10px;
}

H1.Ordering{
	color: #900; 
	font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
	line-height: auto;
	
}

LI.Ordering{
	list-style-image: url('../gfx/btn_chk_u.gif');
	list-style-position: inside;
}


LI.Ordering:Hover{
	list-style-image: url('../gfx/btn_chk_l.gif');
	list-style-position: inside;
}

A.Ordering:active{	font-size: 13px;	font-family: Arial, "Verdana Helvetica", Geneva, Swiss, SunSans-Regular; color: #900;	text-decoration: none;}
A.Ordering:visited{	font-size: 13px;	font-family: Arial, "Verdana Helvetica", Geneva, Swiss, SunSans-Regular; color: #900;	text-decoration: none;}
A.Ordering:link{	font-size: 13px;	font-family: Arial, "Verdana Helvetica", Geneva, Swiss, SunSans-Regular; color: #900;	text-decoration: none;}
A.Ordering:hover{	font-size: 13px;	font-family: Arial, "Verdana Helvetica", Geneva, Swiss, SunSans-Regular; color: #900;	text-decoration: underline;}