/* S menu */


div.pImg {
width: 100px;
height: 50px;
background-position: center;
background-repeat: no-repeat;
}


#pImg_3 {
background-image: url('../gp/menu/0.gif');
}

#pImg_5 {
background-image: url('../gp/menu/2.gif');
}

#pImg_4 {
background-image: url('../gp/menu/1.gif');
}

#pImg_6 {
background-image: url('../gp/menu/3.gif');
}

#pImg_7 {
background-image: url('../gp/menu/4.gif');
}

/* Main */

body {
font-size: 12px;
font-family: verdana;
color: #ffffff;
}

div.canvas {
width: 100%;
}

div.content {
margin: auto;
}

#main {
background-image: url('../i/bg.jpg');
background-repeat: no-repeat;
background-position: center top;
height: 570px;
}

#top {
width: 960px;
}

#footer {
background-image: url('../i/footerbg.jpg');
background-repeat: no-repeat;
background-position: center top;
height: 236px;
}

#content {
width: 760px;
height: 300px;
background-image: url('../i/pbg.png');
background-repeat: no-repeat;
}

#fContent {
width: 760px;
padding-top: 40px;
padding-left: 40px;
}

div.option {
background-image: url('../i/mb.gif');
background-repeat: no-repeat;
width: 200px;
height: 50px;
text-align: left;
background-position: top left;
padding-top: 25px;
cursor: hand;
cursor: pointer;
}

div.caption {
margin-left: 20px;
font-weight: bold;
font-size: 18px;
font-family: verdana;
color: #ffffff;
}

div.subCaption {
margin-left: 20px;
font-size: 10px;
font-family: verdana;
color: #E3FFB3;
}

/** scrollable **/

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 760px;
    height: 300px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated on horizontal scrolling
    typically this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div.item {
    float:left;
    width: 760px;
    height: 300px;
}

/* you may want to setup some decorations to active item */
div.items div.active {

}


/** pages **/

div.page {
width: 720px;
height: 260px;
margin: 20px;
}

div.title {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 10px;
 border-bottom: 1px solid #ffffff;
}

div.text {
 text-align: justify;
 line-height: 1.6;
}

div.separ {
width: 20px;
height: 20px;

}

ul.front {
list-style-type:square;
margin-top: 0px;
padding-left: 5px;
margin-left: 5px;
}

li{
list-style-type:square;
margin-top: 3px;
margin-bottom: 3px;
}

span.em {
font-weight: bold;
color: #E7FF00;
}

#contact {

color: #000000;
}

div.mTitle {
 font-size: 18px;
 font-weight: bold;
 color: #1F4D03;
 margin-bottom: 10px;
}

div.title:first-letter {
color: #E7FF00;
font-size: 22px;
}


div.mTitle:first-letter {
font-size: 22px;
}

a.footerlink {
color: #1F4D03;
}

div.caption_active {

color: #E7FF00;
}

#smenuPan {
width: 100%;
height: 100px;
}

#smenu {
margin: auto;
width: 620px;
height: 100px;
}

div.pOption {
width: 100px;
height: 80px;
margin: 10px;
background-image: url('../i/p2bg.png');
cursor: hand;
cursor: pointer;
}

div.pName {
 font-size: 14px;
 font-weight: bold;
color: #E7FF00;
 margin-bottom: 5px;
}

div.pDesc {
 text-align: left;
 line-height: 1.6;
 margin-bottom: 15px;
}



div.pCaption {
width: 100px;
height: 30px;
text-align: center;
color: #E7FF00;
}

div.product_active {
color: #ffffff;
}

	#gallery {
		width: 380px;
	}
	
	#gallery ul { list-style: none; }
	
	#gallery ul li { display: inline; }
	
	#gallery ul img {
		border: 2px solid #213A1B;
		margin: 2px;
	}
	
	#gallery ul a:hover img {
		border: 2px solid #E7FF00;
	}
	#gallery ul a:hover { }
	
	/* lightbox */