/* Layout Stylesheet */ 
 
/* Color -> background-color = BACKGROUND COLOR*/
body {
 margin: 5px 0px 0px 0px;
 background-color: #5A6BA1;
 color: Black;
 text-align:center;
 padding:0;
 }

/* Size -> width = TOTAL WIDTH  */ 
#outer {
 text-align: center;
 width:930px;
 margin:auto;
 background-color: transparent;
 }

/* HEADER */ 
/* Size -> height = HEADER HEIGHT  */ 
#hdr {
 height:100px;
 width: 850px;
 text-align:center;
 margin:auto;
 padding: 0px 0px 0px 0px;
 background-color: transparent;
 }

/* For HEADER; sum of the width of the "hdr" divisions - width of borders = TOTAL WIDTH  */    
/* HEADER */ 
/* Size -> height = HEADER HEIGHT  */ 
#hdr div.top-left {
 height:100px;
 width: 200px;
 float: left;
 background-image: url(images/jean_carving_hdr.jpg);
 background-position: right;
 background-repeat: no-repeat;
}

/* HEADER */ 
/* Size -> height = HEADER HEIGHT  */ 
#hdr div.menu-band {
 height:97px;
 width: 450px;
 float: left;
 text-align: center;
 border-bottom: 3px solid #5AA190;
}

#hdr div.top-rt {
 height:100px;
 width: 200px;
 float: left;
 background-image: url(images/jean_carving_hdr_rt.jpg);
 background-position: left;
 background-repeat: no-repeat;
}
 
/* BODYBLOCK */
/* Size -> width = TOTAL WIDTH - width of borders */ 
/* Size -> height = TOTAL BODYBLOCK HEIGHT */
#bodyblock {
 height:600px;
 width:850px;
 text-align:center;
 margin:auto;
 padding:0;
 background-color: transparent;
 margin:auto;
}

/* LEFT COLUMN */
/* Size -> width = LEFT COLUMN WIDTH + right border */ 
/* Size -> height = TOTAL BODYBLOCK HEIGHT */
#l-col {
 width:200px;
 height: 600px;
 float: left;
 text-align: center;
 margin:auto;
 background-color: transparent;
 }

#l-col div.featured {
 width:200px;
 text-align: center;
 margin:auto;
 margin-left: 0px;
 margin-right: 0px;
}
 
#main {
 height: 600px;
 width: 450px; 
 float: left;
 text-align: center;
 background-color: #5A6BA1;
 background-image: url(images/cbj_bkgd_blue_3.jpg);
 background-position: top center;
 background-repeat: no-repeat;
} 

#main div.static-content {
 height: 200px;
 width: 370px; 
 text-align: left;
 margin-left: 20px;
 margin-right: 10px;
 background-color: transparent;
 overflow: auto;
}
 
#main div.divider {
 height: 10px;
 width: 370px; 
 text-align: left;
 margin-left: 20px;
 margin-right: 10px;
 background-color: transparent;
 border-top: 2px solid White;
}
  
#main div.variable-content {
 height: 200px;
 width: 370px; 
 text-align: left;
 margin-left: 20px;
 margin-right: 10px;
 background-color: transparent;
 overflow: auto;
}
  
#main div.content-full {
 height: 400px;
 width: 370px; 
 text-align: left;
 margin-left: 20px;
 margin-right: 10px;
 background-color: transparent;
 overflow: auto;
}
 
#main-wide {
 height: 600px;
 width: 800px; 
 float: left;
 text-align: center;
 background-color: #5A6BA1;
 background-image: url(images/cbj_bkgd_blue_3.jpg);
 background-position: top center;
 background-repeat: no-repeat;
 margin:auto;
} 

#main-wide div.content-full {
 height: 400px;
 width: 770px; 
 text-align: left;
 margin-left: 20px;
 margin-right: 10px;
 background-color: transparent;
 overflow: auto;
}

#r-col {
 width:200px;
 height: 600px;
 float:left;
 text-align: center;
 background-color: transparent;
}

#r-col div.featured {
 width:200px;
 text-align: center;
 margin:auto;
 margin-left: 0px;
 margin-right: 0px;
}
 
#btm {
 height:60px;
 text-align:center;
 margin:auto;
 padding: 0px 0px 0px 0px;
 background-color: transparent;
 }

#btm div.bkgd {
 height:60px;
 width: 850px;
 float: left;
 text-align: center;
}

#store_conveyor {
 height: 100px;
 width:500px;
 text-align: center;
 margin:auto;
 background-color: transparent;	
}
 
#store {
 width: 930px; 
 text-align: center;
 background-color: #5A6BA1;
 background-image: url(images/cbj_bkgd_blue_3.jpg);
 background-position: top center;
 background-repeat: no-repeat;
} 

#store_item {
 height: 300px;
 width: 300px; 
 text-align: left;
 background-color: transparent;
 float: left;
 border-top: 2px solid #5AA190;
 border-bottom: 1px solid #5AA190;
 border-right: 2px solid #5AA190;
 border-left: 1px solid #5AA190;
 vertical-align: top;
}

#store_item div.picture {
 height: 255px;
 width: 156px; 
 text-align: center;
 background-color: transparent;
 float: left;
 vertical-align: top;
}

#store_item div.description {
 height: 255px;
 width: 136px; 
 text-align: left;
 background-color: transparent;
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 color: White;
 font-size: 12px;
 overflow: auto;
 vertical-align: top;
}


/*
colors
Blue
 background-color: #577EA9;
Rose
 background-color: #AC4965;
Deep Blue
 background-color: #5A6BA1;
Red
 background-color: #A16D5A;
Green
 background-color: #5AA190;

  
*/ 


/*  Styles not used

#store_item div.addtocart {
 height: 55px;
 width: 156px; 
 text-align: center;
 margin:auto;
 background-color: transparent;
 float: left;
 border: 1px solid Black;
}

#r-col div.static-content {
 text-align: left;
 margin-left: 5px;
 margin-right: 5px;
}
 
#r-col div.variable-content {
 text-align: left;
 margin-left: 5px;
 margin-right: 5px;
}
 
#l-col div.pic_lc_1 {
 width: 100px; 
 height: 100px;
 text-align: center;
 margin:auto;
 background-image: url(images/jean_carving_100.jpg);
 background-position: center;
 background-repeat: no-repeat;
}

#l-col div.variable-content {
 text-align: left;
 margin-left: 5px;
 margin-right: 5px;
 overflow: auto;
}
 
#btm div.btm-left {
 height:30px;
 width: 19px;
 float: left;
 border-left: 1px solid Black;
 border-top: 1px solid Black;
 border-bottom: 1px solid Black;
}

#btm div.btm-rt {
 height:30px;
 width: 19px;
 float: left;
 border-right: 1px solid Black;
 border-top: 1px solid Black;
 border-bottom: 1px solid Black;
}



*/