/* CSS Document */
#sango-holder{
position: relative;
top: -30px;
}
/*
|---------------------------------------
|				HEADER
|---------------------------------------
*/
#sango-header{
position: relative;
width: 1000px;
height: 190px;
}
#logo{
position: relative;
left: 16px;
top: 9px;
}
#sango-official-website{
position: relative;
left: 101px;
top: 68px;
}
/*
|---------------------------------------
|			NAVIGATION MENU
|---------------------------------------
*/
#navigation-background{
position: relative;
top: -4px;
width: 1000px;
height: 70px;
background-image: url(../pictures/navigation-menu-background.png);
background-position: 2px 0px;
background-repeat: no-repeat;
text-align: left;
}
#navigation-option-position{
position: relative;
left: 24px;
}
#navigation-option{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
}
#navigation-option a{
text-decoration: none;
color: #000000;
}
#navigation-option a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #FFFFFF;
}
/*
|---------------------------------------
|			BODY CONTENT
|---------------------------------------
*/
#front-content{                                          /*Body Height Background Adjust*/
position: relative;
top: -2px;
width: 1000px;
height: auto;
border: 0px solid #ffcc00;
text-align: left;
}
/*
|---------------------------------------
|			NAVIGATION button
|---------------------------------------
*/
#button-position{
position: relative;
top: 3px;
left: -2px;
}
.menu-link{
outline: none;
text-decoration: none;
cursor: pointer;
}
.menu-link img{
border: none;
}
#menu-button{
position: relative;
top: -4px;
}
#gallery-button{
position: relative;
top: -9px;
}
#blogs-button{
position: relative;
top: -13px;
}
#stores-button{
position: relative;
top: -17px;
}
/*
|---------------------------------------
|           NEWS ALERTS
|---------------------------------------
*/
#news_alert_holder{
position: relative; 
width: 264px; 
height: auto;
left: 2px;
}
#new_alerts_top{
background-image: url(../pictures/index_news_top.png);
background-repeat: no-repeat;
border: 0px solid #ffcc00;
width: 260px;
height: 9px;
position: relative;
left: 0px;
}
#new_alerts_middle{
background-image: url(../pictures/index_news_middle.png);
background-repeat: repeat-y;
border: 0px solid #ffcc00;
width: 260px;
height: auto;
position: relative;
left: 0px;
}
#new_alerts_bottom{
background-image: url(../pictures/index_news_bottom.png);
background-repeat: no-repeat;
border: 0px solid #ffcc00;
width: 260px;
height: 9px;
position: relative;
left: 0px;
top: -2px;
}
#table_position{
text-align: left;
border: 0px solid #ffcc00;
position: relative;
left: 5px;
width: 250px;
height: auto;
}
.alert_header_style{
font-family: Arial;
font-size: 13px;
color: #444444;
font-weight: bold;
text-decoration: underline;
}
.alert_header_style:hover{
font-family: Arial;
font-size: 13px;
color: #ffcc00;
font-weight: bold;
text-decoration: none;
}
.alert_content_style{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444444;
font-weight: ;
text-decoration: none;
}
/*
|---------------------------------------
|			about us content
|--------------------------------------
*/
#about-us-content{
width: 680px;
height: 0px;
position: relative;
top: 3px;
left: -10px;
}
#upper-background{
background-image: url(../img/contact-us-bgupper.png);
width: 680px;
height: 9px;
background-repeat: no-repeat;
}
#middle-background{                                    /*Middle Background Adjust*/
background-image: url(../img/contact-us-bgmiddle.png);
width: 680px;
height: auto;
background-repeat: repeat-y;
border: 0px solid #ffcc00;
text-align: left;
}
#lower-background{
background-image: url(../img/contact-us-bglower.png);
width: 680px;
height: 10px;
background-repeat: no-repeat;
}
#company-profile-holder{
width: 660px;
height: 0px;
position: relative;
border: 0px solid #ffcc00;
left: 5px;
}
#left-panel{
width: 180px;
}
#right-panel{
width: 465px;
position: relative;
left: -5px;
}
/*Left Panel*/
#left-panel-top-background{
background-image: url(../img/left-panel-top-background.png);
width: 195px;
height: 14px;
background-repeat: no-repeat;
}
#left-panel-middle-background{
background-image: url(../img/left-panel-middle-background.png);
width: 195px;
height: 480px;
background-repeat: repeat-y;
}
#left-panel-bottom-background{
background-image: url(../img/left-panel-bottom-background.png);
width: 195px;
height: 16px;
background-repeat: no-repeat;
}
#right-panel-top-background{
background-image: url(../img/right-panel-top-background.png);
width: 460px;
height: 16px;
background-repeat: no-repeat;
}
#right-panel-middle-background{										/*right-panel-middle-background adjust*/
background-image: url(../img/right-panel-middle-background.png);
width: 460px;
/*height: auto;*/
background-repeat: repeat-y;
border: 0px solid #ffcc00;
}
#right-panel-bottom-background{
background-image: url(../img/right-panel-bottom-background.png);
width: 460px;
height: 16px;
background-repeat: no-repeat;
}
#profile-header-position{
position: relative;
left: 10px;
width: 440px;
/*border: 1px solid #ffcc00;*/
}
#profile-header{
font-family: tahoma;
font-size: 18px;
color: #B38F00;
}
.profile-description{
font-family: tahoma;
font-size: 13px;
color: #666666; /* B38F00 777777 */
}
#panel-logo-position{
position: relative;
top: 0px;
left: 2px;
}


/*
|---------------------------------------
|			JQUERY SLIDE SHOW FRAME 1
|---------------------------------------
*/
#slideshow-holder-frame1{
width: 190px;
}

.clear-frame1{
	clear:both
}

#gallery-frame1{
	position:relative;
	height: 124px;
	border: 0px solid #ffcc00;
}
	#gallery-frame1 a{
		float:left;
		position: absolute;
		left: -2px;
	}
	
	#gallery-frame1 a img{
		border:1px solid #ffcc00;;
	}
	
	#gallery-frame1 a.show-frame1{
		z-index:500
	}

	
/*
|---------------------------------------
|		JQUERY SLIDE SHOW FRAME 2
|---------------------------------------
*/
#slideshow-holder-frame2{
width: 190px;
}

.clear-frame2{
	clear:both
}

#gallery-frame2{
	position:relative;
	height: 122px
}
	#gallery-frame2 a{
		float:left;
		position: absolute;
		left: -2px;
	}
	
	#gallery-frame2 a img{
		border:1px solid #ffcc00;
	}
	
	#gallery-frame2 a.show-frame2{
		z-index:500
	}
	/*
|---------------------------------------
|		JQUERY SLIDE SHOW FRAME 3
|---------------------------------------
*/
#slideshow-holder-frame3{
width: 190px;
}

.clear-frame3{
	clear:both
}

#gallery-frame3{
	position:relative;
	height: 122px
}
	#gallery-frame3 a{
		float:left;
		position: absolute;
		left: -2px;
	}
	
	#gallery-frame3 a img{
		border: 1px solid #ffcc00;
	}
	
	#gallery-frame3 a.show-frame3{
		z-index:500
	}
/*
|---------------------------------------
|				MILE STONE
|---------------------------------------
*/
#History-header{
font-family: tahoma;
font-size: 18px;
color: #B38F00;
}
#date{
font-family: tahoma;
font-size: 11px;
color: #777777;
font-weight: bold;
width: 35px;
text-align: left;
vertical-align: top;
}
#month{
font-family: tahoma;
font-size: 11px;
color: #777777;
width: 65px;
text-align: left;
vertical-align: top;
}
#year_desc{
font-family: tahoma;
font-size: 11px;
color: #777777;
text-align: left;
vertical-align: top;
}
/*
|---------------------------------------
|				FOOTER
|---------------------------------------
*/
#footer{
position: relative;
top: 0px;
left: 0px;
width: 1000px;
height: 38px;
background-image: url(../pictures/footer-background.png);
background-position: center;
background-repeat: no-repeat;
text-align: center;
}
#footer-content{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;

}


/* CSS Document */