/* compane name font benjamin caps 10pt */

/* title font maximo 9pt */

body 
{

 background-color: rgb(219,233,124);	
 margin: 0px;
 padding: 0px;
 text-align: center;
	

}


#frame
{
 width: 800px;
 height: 610px;
 margin-right: auto;
 margin-left: auto;
 border-style: solid;
 border-width: 0px;
 border-color: black;
 text-align: left;
 position: relative;
 margin-top: 10px;

}

#innerFrame
{
 width: 790px;
 height: 590px; 
 position: relative;
 border-style: solid;
 border-width: 5px;
 border-color: rgb(63,41,22);	
 background-color: rgb(255,255,255);
 padding: 0px;
 margin-right: 0px;
 margin-left: 0px;
 margin-top: 0px;

}

#companyName
{

}

img { padding:0px; padding-left:0px;margin:0px; display: block; float: left;}

#titleBar
{
 width: 778px;
 height: 50px;
 background-color: rgb(183,236,236);
 padding-left: 12px;
}

#menuBar
{
 width: 776px; 
 height: 30px;
 background-color: rgb(0,0,128);
 background-color: rgb(219,233,124);	
 position: relative;
 padding-left: 14px;
 border-style: solid;
 border-width: 1px;
 border-color: rgb(63,41,22);
 border-left-width: 0px;
 border-right-width: 0px;
 
}


a.footerLink:link{ 
 text-decoration: none;
 color: rgb(63,41,22); 
 }

a.footerLink:visited
{

 text-decoration: none;
 color: rgb(63,41,22); 
}

a.footerLink:hover { 
 color:rgb(255,255,255);
 }

a.footerLink:active { 
 text-decoration: none;
 color: rgb(63,41,22); 
 }

a:link {

 color: rgb(63,41,22); 
}

a:visited
{

 color: rgb(63,41,22); 
}


a:hover {

 color: rgb(183,236,236);

}

a:active {

 color: rgb(63,41,22); 
}



.menuItem
{
 border-width: 0px;
 border-style: none;
}

#title
{ 

 top: 0px;
 right: 12px;
 position: absolute;
}


.textImage
{  
  display: block;
  position: relative;
  border-color: rgb(63,41,22);
  border-width: 4px;
  border-style: double;
  height: 120px;
  width: 120px;
  margin-bottom: 31px;
 
}

#imageBox
{
 top: 31px; 
 position: relative;
 height: 446px;
width: 128px;
  left: 100px; 
border-style: double;
 border-width: 0px;
 border-color: black;

 

 /* background-color: blue; */

}


.productName
{
 width: 110px;
 /*width: 197px; */
 height: 50px;
 font-family: arial;
 font-size: 20;
 font-style: normal;
 color: rgb(63,41,22);
 float: left;
 margin-left: 50px;
 position: relative;
 padding: 0px;
 border-style: solid;
 border-width: 0px;
 border-color: blue;
/* font-weight: bold; */
 display: inline;
 text-align: center;
 top: 10px;
}

.emptyGalleryImage
{
/*  width: 197px; */
/*  height: 197px; */
  width: 110px;
  height: 110px;
  border-color: rgb(63,41,22);
  border-width: 0px;
  border-style: double;
 
  margin-left: 50px;
  margin-bottom: 0px;
  float: left;
  display: inline;
  padding: 0px;
} 

.galleryImage
{
  /* width: 189px; */
 /*  height: 189px;*/
  width: 102px;
  height: 102px;
  border-color: rgb(63,41,22);
  border-width: 4px;
  border-style: double;
 
  margin-left: 50px;
  margin-bottom: 50px;
  float: left;
  display: inline;
  padding: 0px;
  
}

#textBoxContainer
{
  height: 400px;
  position: absolute;
  top: 136px;
  left: 313px;
  width: 447px;
  border-color: blue;
  border-width: 0px;
  border-style: solid;
  text-align: justify;
  font-family: arial, sans-serif;
  font-size: 16px;
  color: rgb(63,41,22);
  overflow: hidden;
}

#textBoxContent
{
  position: absolute;
  width:447px;
  left: 0px;
  top: 0px;
} 


#verticalSpan
{
  height: 400px; /*368*/
  position:absolute;
  left: 260px;
  width: 23px;
  border-right: 4px dotted rgb(63,41,22);
  top: 136px;	/*150*/

}

#galleryDescription
{
 height: 400px; /*430*/
 width: 269px;
 position: absolute;
 top: 136px; /*121*/
 left: 530px;
 border-color: blue;
 border-width: 0px;
 border-style: solid;
 font-family: arial, sans-serif;
 font-size: 16px;
 color: rgb(63,41,22);
}

#arrows
{
 width: 447px;
 height: 30px;
 top: 560px;
 position:absolute;
 border-color: blue;
 border-width: 0px;
 border-style: solid;
 padding: 0px;
 margin: 0px;
 left: 313px;
 display: hidden;
}

#up_arrow
{
/* width:40px;*/
/* height: 50px;*/
 float: right;
 position: relative;
 padding: 0px;
 left: 0px;
 top: 0px;
 border-style:none;
}

#down_arrow
{
/* width: 40px; */
/* height: 50px;*/
 float: right;
 position:relative;
 padding: 0px;
 top: 0px;
 border-color: red;
 border-width: 0px;
 border-style: solid;
}

#footerInfo
{ 
  text-align: left; 
  font-family: arial, sans-serif;
  font-size: 10px;
  color: rgb(63,41,22);
  margin-top:5px;
  float: left;
}

#copyRight
{ 
  text-align: right;
  position: relative; 
  font-family: arial, sans-serif;
  font-size: 10px;
  color: rgb(63,41,22);
  float: right;
  margin-top: 5px;
}

#footer
{
  width: 790px;

}