<link rel="stylesheet" href="/static/css/modules/tabsinnerright.css" type="text/css" />

<ul class="tabsInnerRight">
    <li><a href="#about">About</a></li>
    <li><a href="#connections">Connections</a></li>
    <li><a href="#plays">Plays &amp; more</a></li>
    <li><a href="#gallery">Gallery</a></li>
    <li><a href="#resources">Resources</a></li>
    <li><a href="#notes">Notes</a></li>
</ul>    

<div id="about" class="tab_content">
    <h3 class="borderYellow paddingBottom">GROUP NAME</h3>
    <div><strong>Based in: </strong>Mumbai, Delhi</div>
    <div><strong>Founded: </strong>Year</div>
    <div class="borderYellow"><strong>Languages we work in: </strong>Hindi, Bengali
    
    <br /><br />
    </div>
    
    <br />
    
    <div>
        <p>Some copy here that is a synopsis in a paragraph. Some copy here that is a synopsis in a paragraph.
	Some copy here that is a synopsis in a paragraph. Some copy here that is a synopsis in a paragraph.</p>
    </div>
    
    <p> +91 (22) 12345678</p>
    
        <div><a href="">www.website.com</a></div>

        <div class="borderYellow">
            <a href="">Contact</a>
        <br /><br />
	</div>
        
        <br />
        
        <div class="borderYellow">
            <h5 class="orangeInnerRight">Awards</h5>
            <div>Name of award, year, link</div>
            <div>Name of award, year, link</div>
            <div>Name of award, year, link</div>
            <div>Name of award, year, link</div>
        <br />
	</div>
        
        <br />
        
        <h5 class="orangeInnerRight">More about us</h5>
        <a href="">Link to article</a>
        <p>One line desc</p>
        
        <a href="">Link to article</a>
        <p>One line desc</p>

        <a href="">Link to article</a>
        <p>One line desc</p>

</div> <!-- end about -->

<div id="connections" class="tab_content">
        <h5 class="orangeInnerRight">Members</h5>
        <br />

        <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
	
	<div class="productionEachTextA">
	    <a href="">Name of Person</a>
	    <div>Occupation/one-line desc</div>
	    <div>Relationship to group (eg: admin)</div>
	</div>
        <div class="clear"></div> 
  
    </div> <!-- end production each -->

        <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
	
	<div class="productionEachTextA">
	    <a href="">Name of Person</a>
	    <div>Occupation/one-line desc</div>
	    <div>Relationship to group (eg: fan of)</div>
	</div>
        <div class="clear"></div> 
  
    </div> <!-- end production each -->

        <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
	
	<div class="productionEachTextA">
	    <a href="">Name of Person</a>
	    <div>Occupation/one-line desc</div>
	    <div>Relationship to group (eg: member of)</div>
	</div>
        <div class="clear"></div> 
  
    </div> <!-- end production each -->

            <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
	
	<div class="productionEachTextA">
	    <a href="">Name of Person</a>
	    <div>Occupation/one-line desc</div>
	    <div>Relationship to group</div>
	</div>
        <div class="clear"></div> 
  
    </div> <!-- end production each -->

    <br />
    
    <a href="" class="toggleLink rightFloat">More>></a>

    <div class="clear"></div>

        <h5 class="orangeInnerRight">Worked with</h5>
        <br />

        <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
	
	<div class="productionEachTextA">
	    <a href="">Name of Group</a>
	    <div>Location</div>
	    <div>Relationship to Group (e.g. admin)</div>
	</div>
        <div class="clear"></div> 
  
    </div> <!-- end production each -->

        <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
	
	<div class="productionEachTextA">
	    <a href="">Name of Person</a>
            <div>Occupation/one-line desc</div>
	    <div>Location</div>
	</div>
        <div class="clear"></div> 
  
    </div> <!-- end production each -->


        <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
	
	<div class="productionEachTextA">
	    <a href="">Name of Person</a>
            <div>Occupation/one-line desc</div>
	    <div>Location</div>
	</div>
        <div class="clear"></div> 
  
    </div> <!-- end production each -->

        <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
	
	<div class="productionEachTextA">
	    <a href="">Name of Person</a>
	    <div>Location</div>
	    <div>Relationship to Group (e.g. admin)</div>
	</div>
        <div class="clear"></div> 
  
    </div> <!-- end production each -->
       
    <a href="" class="toggleLink rightFloat">More>></a>
    
    
    <div class="clear"></div>
    
    <br />
    
</div> <!-- end connections -->

<div id="plays" class="tab_content">
    <h3 class="orange">Connections</h3>
    
        <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
    	
	<div class="productionEachTextA">
	    <div class="orangeInnerRight">Name of Production (2010)</div>
	    <div>Group: Group Name</div>
	    <div><em>Title Credits: </em></div>
	    <div>No. of shows: 50</div>
	</div>
    <div class="clear"></div> 
 
    </div> <!-- end production each -->

            <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
    	
	<div class="productionEachTextA">
	    <div class="orangeInnerRight">Name of Production (2010)</div>
	    <div>Group: Group Name</div>
	    <div><em>Title Credits: </em></div>
	    <div>No. of shows: 50</div>
	</div>
    <div class="clear"></div> 
 
    </div> <!-- end production each -->

            <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
    	
	<div class="productionEachTextA">
	    <div class="orangeInnerRight">Name of Production (2010)</div>
	    <div>Group: Group Name</div>
	    <div><em>Title Credits: </em></div>
	    <div>No. of shows: 50</div>
	</div>
    <div class="clear"></div> 
 
    </div> <!-- end production each -->
    
            <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
    	
	<div class="productionEachTextA">
	    <div class="orangeInnerRight">Name of Production (2010)</div>
	    <div>Group: Group Name</div>
	    <div><em>Title Credits: </em></div>
	    <div>No. of shows: 50</div>
	</div>
    <div class="clear"></div> 
 
    </div> <!-- end production each -->

    <a href="" class="toggleLink rightFloat">More>></a>
    
    <div class="clear"></div>

    <h3 class="orange">Workshops</h3>

            <div class="productionEach">
        	<div class="productionEachImg">
        	    <img src="" alt="/static/images/150x150.jpg" />
        	</div>
    	
	<div class="productionEachTextA">
	    <div class="orangeInnerRight">Name of workshops</div>
	    <div><em>One line desc</em></div>
	    <div>Current</div>
	</div>
    <div class="clear"></div> 
 
    </div> <!-- end production each -->
    
    <div class="productionEach">
        <div class="productionEachImg">
            <img src="" alt="/static/images/150x150.jpg" />
        </div>
    	
	<div class="productionEachTextA">
	    <div class="orangeInnerRight">Name of workshops</div>
	    <div><em>One line desc</em></div>	
	</div>
    <div class="clear"></div> 
 
    </div> <!-- end production each -->

    <br />
    
    <a href="" class="rightFloat">More>></a>
    
    <div class="clear"></div>

    
    <h3 class="orange">More</h3>
    
    <div class="productionEach">
        <div class="productionEachImg">
            <img src="" alt="/static/images/150x150.jpg" />
        </div>
    	
	<div class="productionEachTextA">
	    <div class="orangeInnerRight">Name of activity (talk, whatever)</div>
	    <div><em>One line desc</em></div>
            <div>Current</div>
	</div>
    <div class="clear"></div> 
 
    </div> <!-- end production each -->

    <div class="productionEach">
        <div class="productionEachImg">
            <img src="" alt="/static/images/150x150.jpg" />
        </div>
    	
	<div class="productionEachTextA">
	    <div class="orangeInnerRight">Name of activity (talk, whatever)</div>
	    <div><em>One line desc</em></div>
            <div>Current</div>
	</div>
    <div class="clear"></div> 
 
    </div> <!-- end production each -->

</div> <!-- end plays --> 

<div id="gallery" class="tab_content">
    <h3 class="orange">Kindly refer to Gallery tab in Script Archive</h3>
</div> <!-- end gallery -->

<div id="resources" class="tab_content">
    <h3 class="orange">Kindly refer to Resources tab in Script Archive</h3>
</div> <!-- end resources -->

<div id="notes" class="tab_content">
    <h3 class="orange">Kindly refer to notes tab in Script Archive</h3>
</div> <!-- end notes -->

<script type="text/javascript" src="/static/js/innertabs.js"></script>
