/*==========================================================================

	Template Elements Stylesheet
	____________________________________________________________

	Client:		Durabend - Single Page Site
	Date:		24th October 2011
	Author:		Edge Marketing Solutions
	Website:	www.durabend.com.au
	Version:	4.0

===========================================================================*/
	
	/* [Generic Styles] */
	
	html
	{
		height: 100%;
	}
	
	body
	{
		height: 100%;
		
		background-color: #145d91;
		background-image: url(../images/bg-body.png);
		background-repeat: repeat-x;
	}
	
	h1,
	h2,
	h3
	{		
		color: #032562;
	}
	
	h2
	{
		font-size: 18px;
	}
	
	h3
	{
		font-size: 16px;
	}
	
	.colsub-left
	{
		width: 48%;
		float: left;
	}

	.colsub-right
	{
		width: 48%;
		float: right;
	}
	
	hr
	{
		width: 100%;
		float: left;
		clear: both;
	}
	
	.aright
	{
		text-align: right;
	}
	
	a:link,
	a:visited
	{
		color: #0389d6;
	}

/*=========================================================================*/

	/* [ Structure ] */
	
	.header
	{
		width: 940px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		height: 80px;
	}
	
	a.h_logo
	{
		display: block;
		float: left;
		width: 292px;
		height: 51px;
		
		background-image: url(../images/logo-durabend.png);
		background-repeat: no-repeat;
		
		text-indent: -3000px;
		letter-spacing: -2999px;
		text-decoration: none;
	}
	
	.h_contacts
	{
		text-align: right;
		float: right;
		margin: 33px 0 0 0;
		
		color: #fff;
		font-size: 20px;
	}
	
	.container
	{
		padding: 20px;
		margin-bottom: 50px;
		
		background-color: #ffffff;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	.footer 
	{
		margin-top: 17px;
		padding: 20px 0 15px 0;
		
		background-color: #032562;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		
		color: #ffffff;
	}
	
	.footer h2
	{
		color: #ffffff;
	}
	
	.footer .row
	{
		margin: 0;
	}
	
	.footer .row .span-one-third
	{
		width: 290px;
	}
	
	.footer .row .span-two-thirds
	{
		width: 600px;
	}
	
/*=========================================================================*/

	/* [Rotator Styles] */
    
    div#rotator
	{
    	position: relative;
        width: 980px;
    	height: 448px;
    }
    
    div#rotator ul
	{
        margin: 0;
        padding: 0;
        
        list-style-type: none;
    }
    
	div#rotator ul li
	{
    	margin: 0;
        padding: 0;
        float: left;
    	position: absolute;
    	list-style: none;
    }
    
	div#rotator ul li img
	{
    	background: #FFF;
    }
    
    div#rotator ul li.show
	{
	    
    }

	/* For linkable rotator */
	div#rotator ul li.hide
	{
	    display: none;
    }