/* Base Typography
================================== */

body 
{
	height: 100%;
	font-family: Arial , Georgia;
	color: #cdcdcd;
	background-color: #232323;
}

/* Useful
================================== */


h1, h2, h3 ,h4 
{
	color: #FF7600;
}


/* Common structural elements
================================== */

form, html 
{
	height: 100%;	
}

#content-wrapper 
{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin-bottom: -92px;
}

#branding-holder
{
	height: 90px;
	background-color: #424242;
}

#branding 
{
	width: 890px;
	height: 75px;
	padding-top: 15px;
	margin: 0 auto;
}

#banner 
{
	float: left;
	width: 470px;
	height: 60px;	
}

#navigation-holder
{
	height: 221px;
	padding-top: 4px;
	background: #4b0400 url(../Images/home-background.jpg) no-repeat center top;
}

#navigation 
{
	border-top: 1px solid #ff7600;
	height: 40px;
}

.content 
{
	z-index: 1;
	width: 901px;
	margin: 68px auto 83px;
	background: url(../Images/home-pages/content-bg.gif) no-repeat left top;
}

.inner-content 
{
	min-height: 384px;
	width: 824px;
	position: relative;
	padding: 20px 28px 20px 38px;	
	background: url(../Images/home-pages/content-bg-bot.gif) no-repeat left bottom;
	z-index: 1;
	overflow: hidden;
}

#flash 
{
	float: right;
	width: 380px;
	height: 297px;
}

#push 
{
	height: 92px;
}

#background 
{
	position: absolute;
	top: -160px;
	left: 0px;
	height: 160px;
	width: 100%;
	margin: 0 auto;
	z-index: -1;
	background: url(../Images/home-pages/word-cloud.gif) no-repeat center bottom;
}

#footer-holder
{
	position: relative;
	height: 70px;
	padding-top: 20px;
	background-color: #424242;
}

#footer 
{	
	margin: 0 auto;
	width: 880px;
	padding-right: 10px;
	height: 38px;
	padding-top: 12px;	
	border-top: 1px solid #4f4f4f;
	border-bottom: 1px solid #4f4f4f;
}

/* Branding Styles
================================== */

.text-size 
{
	float: right;	
	width: 170px;
	margin-top: 25px;
}

.text-size span{
    float:left;
    padding-right:5px;
    line-height: 20px;
    color: #c0c0c0;
}

.text-size a{
    display:block;
    float:left;
	width:23px;
	height:23px;
	margin:0 5px 0 0;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
}

a.text-size-large{
	background:transparent url(../Images/home-pages/text-resize-icon.jpg) no-repeat -55px 0;
}

a.text-size-large:hover{
	background:transparent url(../Images/home-pages/text-resize-icon.jpg) no-repeat -55px -23px;
}

a.text-size-medium{
	background:transparent url(../Images/home-pages/text-resize-icon.jpg) no-repeat -27px 0;
}

a.text-size-medium:hover{
	background:transparent url(../Images/home-pages/text-resize-icon.jpg) no-repeat -27px -23px;
}

a.text-size-small{
	background:transparent url(../Images/home-pages/text-resize-icon.jpg) no-repeat 0 0;
}

a.text-size-small:hover{
	background:transparent url(../Images/home-pages/text-resize-icon.jpg) no-repeat 0 -23px;
}
/* highlighted state */
a.text-size-small.text-selected{
	background:transparent url(../Images/home-pages/text-resize-icon.jpg) no-repeat 0 -23px;
}
a.text-size-medium.text-selected{
	background:transparent url(../Images/home-pages/text-resize-icon.jpg) no-repeat -27px -23px;
}
a.text-size-large.text-selected{
	background:transparent url(../Images/home-pages/text-resize-icon.jpg) no-repeat -55px -23x;
}

/* Navigation Styles
================================== */

#navigation ul
{
	overflow: auto;
	width: 890px;
	margin: 0 auto;
	background: url(../Images/home-pages/nav-border.gif) no-repeat left top;
}

#navigation li 
{
	float: left;	
	background: url(../Images/home-pages/nav-border.gif) no-repeat right top;
}

#navigation li a
{
	display: block;
	width: 104px;
	height: 26px;
	padding-top: 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
}

#navigation li.selected a,
#navigation li a:hover
{
	background: #ff7600 url(../Images/home-pages/nav-tab.gif) no-repeat left bottom;
}

/* Home content Styles
================================== */

.home-content 
{
	padding-top: 24px;
	width: 824px;
}

.home-content h1
{
	float: left;
	width: 408px;
	height: 90px;
	font-size: 1em;
	margin-bottom: 20px;
	position: relative;
}

.home-content h1 span
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 408px;
	height: 90px;
	background: #ff7600 url(../Images/home-pages/home-h1.gif) no-repeat left bottom;
}

.home-content p.standfirst 
{
	font-size: 2.2em;
	color: #ff7600;	
	clear: left;
	width: 424px;
}

.home-content p 
{
	width: 408px;
	margin: 0.2em 0 0.5em;
	font-size: 1.2em;
}

.home-content p.standout-content 
{
	width: 424px;
}

.content a.button 
{
	display: block;
	width: 142px;
	height: 37px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	float: left;
	margin: 20px 10px 0 0;
	background: url(../Images/home-pages/button-bg.gif) no-repeat left bottom;
}

/* Content Styles
================================== */

.content h1 
{
	
}

.content p 
{
	font-size: 1.2em;
	margin: 0.2em 0 0.5em;
}

.content ul
{
	margin-bottom: 10px;
}

.content li 
{
	font-size: 1.2em;
	list-style-type: disc;
	list-style-position: inside;
}

.content p,
.content li
{
	width: 700px;	
	line-height: 1.3em;
}

.content a 
{
	color: #FF7600;
}

.content a:hover
{
	text-decoration: none;
}

/* Footer Styles
================================== */

#footer ul
{
	float: left;
}

#footer li
{
	float: left;
	margin-right: 5px;
	border-right: 1px solid #fff;
}

#footer li.last
{
	border-right: 0px;
}

#footer li a
{
	padding-right: 5px;
	color: #fff;
	text-decoration: none;
}

#footer li a:hover
{
	text-decoration: underline;
}

#footer span 
{
	display: block;
	width: 300px;	
	color: #fff;
	line-height: 1.8em;
}	

#footer #other-products
{
	position: relative;
	display: block;
	width: 174px;
	height: 30px;
	float: right;
}

#footer #other-products div
{
	display: none;
	position: absolute;
	left: 1px;
	top: -112px;
	height: 92px;
	width: 152px;
	padding: 10px;
	background: #FF7600;
	z-index: 1;
}

#footer a.button
{
	display: block;
	width: 174px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	float: right;
	background: url(../Images/home-pages/footer-button-bg.gif) no-repeat left top;
}

#footer #other-products div li
{
	border-right: none;
	width: 150px;
	line-height: 1.6em;
}

#footer #other-products div li
{
	font-size: 20pxem;
}