body
{
	background: #7d7c7c;
	color: #fff;
	font-size: 62.5%;
	font-weight: bold;
	font-family: "Helvetica-Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.25em;
}

h1, h2, h3, h4, h5, h6 
{
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
}

h1 { font-size: 2.2em; line-height: 2.6em; }
h2 { font-size: 1.8em; line-height: 2.2em; }
h3 { font-size: 1.6em; line-height: 2em; }
h4 { font-size: 1.4em; line-height: 1.8em; }
h5 { font-size: 1.2em; line-height: 1.6em; }
h6 { font-size: 1.1em; line-height: 1.5em; }
p  { font-size: 1.1em; line-height: 1.5em; }

a { text-decoration: none; color: #fff; }
a:hover { color: #d4d4d4; }

/* Layout */

div#container
{
	margin: 0 auto;
	background: #7d7c7c;
	text-align: center;
}

	div.content
	{
		margin: 0 auto;
		text-align: left;
	}

	div#container div#header
	{
		color: #fff;
		background: #7d7c7c url(../../images/Header-BG2.jpg) repeat-x bottom left;
		/*background: #7d7c7c url(../../images/Header-BG.png) repeat-x bottom left;*/
		height: 66px;
	}
	
		div#header div.content { width:  735px; }
		
		div#header h1 a.logo
		{
			display: block;
			float: left;
			background: transparent url(../../images/Logo-Large.png) repeat-x bottom left;
			width: 131px;
			height: 38px;
			line-height: 1em;
			text-indent: -10000px;
			margin: 5px 10px 0 0;
		}
		
		div#header h2
		{
			display: block;
			float: left;
			font-size: 1.1em; 
			line-height: 1.5em;
			margin: 15px 0 0 0;
		}
		
	div#container div#main
	{
		background-color: black;
		clear: both;
		padding: 10px;
		position: relative;
	}
	
		div#main div.content {
			width:  825px;
			background: black;
		
		 }
	
		div#main h3
		{
			color: #888;
			text-transform: uppercase;
			font-size: 1.6em;
			line-height: 2em;
			font-weight: 100;
		}
		
		div#main h4
		{
			clear: both;
			color: #888;
			font-size: 1.4em;
			line-height: 1.8em;
			font-weight: 100;
		}
		
		a.scrollable-next,
		a.scrollable-prev
		{
			display: block;
			width: 18px;
			height: 18px;
			background: url(../../images/Arrow-Left.jpg) no-repeat;
			float: left;
			margin: 53px 0;
			cursor: pointer;
			font-size: 1px;
		}

		a.scrollable-next
		{
			background-image: url(../../images/Arrow-Right.jpg);
			clear: right;
			margin-left: 10px;	
		}

		a.scrollable-next:hover,
		a.scrollable-prev:hover
		{
			background-position: 0px -18px;
		}
		
		a.dissabled 
		{
			visibility: hidden !important;		
		}
				
		div.scrollable
		{
			float: left;
		    overflow: hidden; 
			position: relative; 
		    width: 770px; 
		    height: 250px; 
		    margin: 20px 0px 0 5px;
		}
		
			div.scrollable ul.items 
			{ 
	    		width: 20000em; 
	    		position: absolute;
			}
			
			div.scrollable ul.items li { float: left; }
			
			div.scrollable ul.items li a { display: block; margin: 0 17px; }
			
			div.scrollable ul.items li { position: relative; }
			
			div.tooltip 
			{ 
			    background: transparent url(../../images/Tooltip-Top.jpg) no-repeat top left; 
			    width:148px; 
			    padding: 20px 0 0 0;
			    position: absolute;
			    top: 155px; left: 30px;
			} 
			
				div.tooltip div.tooltip-content 
				{
					background: transparent url(../../images/Tooltip-Bottom.jpg) no-repeat bottom left;
					width: 148px;
			    	color:#888; 
			    	padding: 0 20px 15px 12px;
			    	margin:  0;
				}
				
				div.tooltip > div.tooltip-content { margin-bottom: -8px; }
				
					div.tooltip div.tooltip-content ul li
					{
						line-height: 1.4em;
						float:  none;
					}
    
	div#container div#navigation
	{
		color: #fff;
		clear:  both;
		background: #7d7c7c url(../../images/Nav-BG2.jpg) repeat-x top left;
/*		background: #7d7c7c url(../../images/Nav-BG.png) repeat-x top left;*/

		padding: 35px 0 40px 0;
	}
	
		div#navigation ul { list-style: none; }
		
			div#navigation ul li { display: inline; }
			
				div#navigation ul li a 
				{ 
					color: #eee;
					font-size: 1.7em; 
					line-height: 1.8em;
					font-weight: 100;
					margin: 0 10px;
				}
				
				div#navigation ul li a:hover 
				{ 
					color: #999;
				}
	
	div#container div#footer
	{
		color: #fff;
		background: #7d7c7c;
		clear: both;
		padding-bottom: 15px;
	}
	
		div#footer div.content { width: 450px; }
	
		div#footer img#logo-small
		{
			display: block;
			float: left;
			width: 84px;
			height: 24px;
			border:  0;
			margin-right: 5px;
			vertical-align: bottom;
		}
		
		div#footer p
		{
			font-size: 1em;
			line-height: 1.2em;
		}
		
/*  Left and right classes for floats */
div#main div.left { 
		width:  390px;
		padding-right: 20px; 
		float: left;
		}


.clear {
 clear:both;
}

/*
.right {
	float: right;
	display: inline;
	text-align: right;
}


.twenty {
	width: 22%;
}
.third {
	width: 31%;
}
.thirtyfive{
	width: 35%;
}
.half {
	width: 49%;
}
.twothird {
	width: 55%;
	padding-left:15px;
}
.quarter {
	width: 25%;
}
*/