body 
{
	font-family:  Andalus,Times New Roman, Verdana,Arial,sans-serif;
    margin: 0; padding: 0;
    height: 100%;    
    direction:ltr;
	background-color:white;   
	background-image: url('../images/frame1.jpg');
	background-position:center -64px;
	background-repeat:no-repeat; 
}

img
{
	border:0;
}

#page{
    width: 100%;
    height: 90%;    
    margin:  0 0 0 0 ;
    text-align:center;        	    
    
        
}

#content{
    width: 755px;
    height: 554px;            
    margin: 27 auto;  
    text-align:left;            
    overflow:hidden;         
    border: solid 2 #dadada;           
}

#page_content1,#page_content,#page_content2,#page_content3,#page_content0,#page_content,#page_content10, #page_content4,#page_content5,#page_content6,#page_content11
{
	width:100%;
	height:508px;
	overflow:hidden;					
	background-repeat:no-repeat;
	background-position: 0 -10;			
}

#page_content0
{	
}

#page_content1
{
	background-image: url('../images/bg_concept.jpg');
}
#page_content10
{

	background-image: url('../images/gray_bg.jpg');	
}
#page_content2
{
	background-image: url('../images/gray_bg_keywords.jpg');	
}

#page_content3
{
	background-image: url('../images/gray_bg_dst.jpg');	
}

#page_content4
{
	background-image: url('../images/bg_gallery.jpg');	
}

#page_content5
{
	background-image: url('../images/gray_bg_workshop.jpg');	
}

#page_content6
{
	background-image: url('../images/bg_contact.jpg');	
}

#page_content11
{
	background-image: url('../images/bg_st1.jpg');	
	background-position:right top;
}






#textContainer {
	Z-INDEX: 8; TOP: 0px; LEFT: 0px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 440px;
	CLIP: rect(0px 440px 200px 20px); POSITION: relative; HEIGHT: 200px;
}
#text {
	Z-INDEX: 8; LEFT: 0px; POSITION: absolute; TOP: 40px;text-align:left;height:auto;
}

#mainText,#mainText2,#mainText3
{
	
	position:relative;		
	top: 0px;
	left:272px;
	width:440px;						
	height:400px;	
	float:left;
	z-index:2;
		
}

#mainText3
{		
	text-align:left;	
	position:relative;
	top:146px;
	width:400px;
	left:-237px;	
	margin-bottom: 20px;			
}

#mainText2
{
	text-align:left;
	position:relative;
	top:-54px;
	left:87px;
	width:564px;
	margin-bottom: 20px;	
	height:200px;	
	
	
}
#mainTextHome,#mainTextHome1
{
	
	text-align:left;
	position:relative;
	top:380px;	
	margin-bottom: 20px;	
	left:412px;	
	height:150px;	
	z-index:2;
}

#mainTextHome1
{
	top:-200px;
}

#mainHeading,#mainHeading2,mainHeading4
{	
	font-size:16px;	
	height:28px;
	overflow:hidden;
}
#mainHeading2
{	
	font-size:12px;
	height:120px;
	width:590px;		
}

#mainHeading4
{	
	font-size:12px;
	height:auto;
	position:relative;
	top:0px;
	left:155px;
	
}

#text,#text2,#text_static
{	
	font-size:13px;
	padding-bottom:20px;
	height:170px;			
	color:black;
	line-height:20px;	
	text-align:justify;	
}
#text2
{
	width:564px;
}
#text_static
{
	width:390px;	
	height:270px;	
	padding-top:15px;			
}
#scroll
{
	float:right;
	position:relative;
	top:5px;	
	left:0px;
	
}
#scroll_up_img
{	
	top:-1px;
	visibility:hidden;
	position:relative;
	left:6px;
	
}
#menu
{			
	z-index:4;
	top:0px;			
	position:fixed;
	bottom:0;
	width:100%;	
	height:30px;	
	
}
#menu #sections
   {
	position:relative;		        
        float: left;         
        clear: both;              
        width: 100%;                                        
        padding : 0 0 0 0;    
        z-index:5;                 
                 
    }
td.sections_td
{
	padding: 18 9 5 0;	
	margin:0 0 0 0;
	
}

#menu_table
{
	float:left;			
	position:relative;				
	z-index:5;	
	left:0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
}


#topMenu1
{
	float:right;	
	position:relative;
	top:76px;
	left:-22px;
}

#topMenu2
{	
	position:relative;
	left:268px;	
	top:-10px;	
	z-index:4;
}
#topMenu3
{
	float:left;	
	position:relative;
	top:33px;
	left:39px;
}

#topMenuContainer,#topMenuContainer3
{
	position:relative;
	top:0;
	float:right;
	height:240px;
	width:456px;	
	overflow:hidden;	

}

#topMenuContainer3
{	
	width:100%;		

}
#bottomMenu
{
	position:relative;
	top:200px;	
	float:right;
	left:-72px;	
}

#st_div  
{
	float:left;
	font-size:10px;
	font-weight:bold;
	position:relative;
	text-align:left;
	left:3px;
	top:0px;		
}

#st_example
{
	width:280px;
	height:280px;	
	position:relative;
	float:right;
	left:-20px;
	top:-226px;	
	padding: 0 0 0 0;		
	margin-top:15px;
	
}

#example_img
{	
	float:right;
	position:relative;
	top:3px;		
}
#example_title
{	
	float:right;	
}
#example_next
{
	color:#567f8f;
	z-index:2;
	position:relative;
	text-decoration:none;	
	float:right;	
	top:6px;
	
}
a.next_a
{
	color:#567f8f;
	text-decoration:none;	
}

#logo
{	
	position:relative;
	top:10;
	left:4;
	z-index:4;

}
a.link
{
	color:#567f8f;
	text-decoration:none;
}

#footer
{
	position:relative;
	bottom:5;	
	width:100%;		
	float:left;
	left:0px;
	height:44px;
	z-index:3;
	background-image: url('../images/footer_bg.jpg');
	background-repeat: repeat-x;		
	overflow:hidden;	
	
}

#flash
{
	top:114px;
	position:absolute;
	left:182;
	z-index:400;	
	
}
li
{
	list-style-type: circle;
	list-style-position: outside;
	left: -25px;
	position: relative;
}
ul
{
	vertical-align: baseline;
	padding-top:0;
	margin-top:0;
}

#bgImage
{
	position:relative;
	left:16px;
	float:right;
}

#bg_st
{	
	
}

#TipLayer
{
	Z-INDEX: 1000; 
	VISIBILITY: hidden; 
	POSITION: absolute; 
	TOP:-50px;
	left:-50px; 
	width:380px;
	height:380px;
	background-color:white;
	border: 2 #7f7f7f solid;
	text-align:center;
}

#resume_text
{
	float:right;
	position:relative;
	left:100px;top:100px;
	width:284px;
	border:solid 1 black;
	height:140px;
	z-index:1000;
	font-size:12px;
	line-height:13px; 
	padding: 15 15 15 15;
	text-align:justify;
	visibility:hidden;
}
#signature
{
	float:right;
	position:relative;
	left:-50px;top:20px;
}


td.td_gallery
{	
	overflow: hidden;
	width:60px;		
	border-right: #c1c1c1 1px solid;
	border-top: #c1c1c1 1px solid;
	border-left: #c1c1c1 1px solid;
	border-bottom: #c1c1c1 1px solid;
}

img.gallery_img
{
	width:59px;

}

img.example_img1
{
	width:242px;
}