<ul class="navsub">
	<li><a href="{$smarty.server.PHP_SELF}#overview">{$LANG.tab_overview}</a></li>  
	<li><a href="{$smarty.server.PHP_SELF}#plans">{$LANG.tab_plans}</a></li>  
	<li><a href="{$smarty.server.PHP_SELF}#features">{$LANG.tab_features}</a></li> 
</ul>	

<div class="clear">&nbsp;</div>

<div class="highlightbox" id="overview">

	<p>{$LANG.custom5_overview_1}</p>
	
	<p>{$LANG.custom5_overview_2}</p>

</div><!-- .highlightbox -->

		<div class="bigheader" id="plans">
			<h2>{$LANG.custom5_plans}</h2>
		</div><!-- .bigheader -->

{include file="$template/includes/custom5.tpl"} {* This line loads the table/boxes based on your settings for this page *}

		<div class="bigheader" id="features">
			<h2>{$LANG.custom5_features}</h2>
		</div><!-- .bigheader -->

		<div class="highlightbox">

			<div class="features">
				
				<div class="box box1">
					<div class="image">
						<img src="templates/{$template}/images/icon1.png" alt="{$LANG.custom5_features_1_title}" class="img-respond" />
					</div>
					<div class="text">
						<h3>{$LANG.custom5_features_1_title}</h3>
						<p>{$LANG.custom5_features_1_desc}</p>
					</div>
				</div><!-- .box -->
	
				<div class="box box2">
					<div class="image">
						<img src="templates/{$template}/images/icon2.png" alt="{$LANG.custom5_features_2_title}" class="img-respond" />
					</div>	
					<div class="text">						
						<h3>{$LANG.custom5_features_2_title}</h3>
						<p>{$LANG.custom5_features_2_desc}</p>
					</div>
				</div><!-- .box -->
				
				<div class="box box3">
					<div class="image">
						<img src="templates/{$template}/images/icon3.png" alt="{$LANG.custom5_features_3_title}" class="img-respond" />
					</div>	
					<div class="text">						
						<h3>{$LANG.custom5_features_3_title}</h3>
						<p>{$LANG.custom5_features_3_desc}</p>
					</div>
				</div><!-- .box -->	
				
				<div class="box box4">
					<div class="image">
						<img src="templates/{$template}/images/icon4.png" alt="{$LANG.custom5_features_4_title}" class="img-respond" />
					</div>			
					<div class="text">				
						<h3>{$LANG.custom5_features_4_title}</h3>
						<p>{$LANG.custom5_features_4_desc}</p>
					</div>
				</div><!-- .box -->			
	
				<div class="box box5">
					<div class="image">
						<img src="templates/{$template}/images/icon5.png" alt="{$LANG.custom5_features_5_title}" class="img-respond" />
					</div>	
					<div class="text">								
						<h3>{$LANG.custom5_features_5_title}</h3>
						<p>{$LANG.custom5_features_5_desc}</p>
					</div>
				</div><!-- .box -->	
				
				<div class="box box6">
					<div class="image">
						<img src="templates/{$template}/images/icon6.png" alt="{$LANG.custom5_features_6_title}" class="img-respond" />
					</div>
					<div class="text">					
						<h3>{$LANG.custom5_features_6_title}</h3>
						<p>{$LANG.custom5_features_6_desc}</p>
					</div>
				</div><!-- .box -->			
				
				<div class="clear">&nbsp;</div>			
									
			</div><!-- .features -->
			
		</div><!-- .highlightbox -->