﻿

/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{margin:0;padding:0;}

fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top;
	top: 0px;

}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }

/* Global Classes
=====================================================================*/
.distext { display: none; }
.clearboth { clear:both; }
.clearleft { clear: left; }
.clearright { clear:right; }
.standardmargin { margin:20px; text-align:center; }

/* Global Elements
=====================================================================*/

html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
body 
{
	background-position: 50% 0;
	background: url('/Images/CarbonFiber20x20.png') repeat scroll 50% 0;
	background-color: #000000;
	text-align: center;
	line-height: 1.6em;
	color: #66CCFF;
}
hr
{
	height: 3px;
	background-color: #ffffff;
	border-style:none;
	text-align: center;

}

/* Library
=====================================================================*/

.l { float: left; width: 49%; }
.r { float: right; width:49%; }
.r:after { display: block; content: ''; clear: both; height: 0; visibility: hidden; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; float: none; }
.clear-right { clear: right; float: none; }
.hide {	display:none; }
.clear-both { clear: left; float: none; }
.inline { display: inline; }
.block { display: block; }
.noborder { border: 0px none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.visible { display: block; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.border5 { border: solid 10px #241405; }
.border10 { border: solid 10px #241405; }
.border20 { border: solid 20px #241405; }
.font36 { font-size:36px;}
.font24 { font-size:24px;}
.font18 { font-size:18px;}

div.hidden, a.hidden
{
	display: none;
	margin: 0;
}

/* Typographic Elements
=====================================================================*/

h2, h4, h6, body {
	font-family: "Times New Roman";
}

blockquote, em, h1, h3, h5, i, .feedBy  {
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Navigation 2.0
-------------------------------------------------------------- */
#nav  
{
	line-height: 1;
	z-index: 9998;
	background-image: url('/Images/MenuBar.png');
    background-repeat: no-repeat;
	height: 50px;
	width: 960px;
}
    
 #nav a {
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}

#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
		#nav ul.org-nav a {
				background: transparent url('/Images/MenuBar.png') no-repeat scroll 0 0;
				height: 50px;
			}

			#nav ul.org-nav #nav-home a {
				background-position: 0px 0px;
				width: 140px;
			}
			#nav ul.org-nav #nav-home a:hover {
				background-position: 0px -50px;
			}
			#nav ul.org-nav #nav-buildsheet a {
				background-position: -140px 0px;
				width: 170px;
			}
			#nav ul.org-nav #nav-buildsheet a:hover {
				background-position: -140px -50px;
			}
			#nav ul.org-nav #nav-ftirides a {
				background-position: -310px 0px;
				width: 160px;
			}
			#nav ul.org-nav #nav-ftirides a:hover {
				background-position: -310px -50px;
			}
			#nav ul.org-nav #nav-askfti a {
				background-position: -470px 0px;
				width: 160px;
			}
			#nav ul.org-nav #nav-askfti a:hover {
				background-position: -470px -50px;
			}
			#nav ul.org-nav #nav-about a {
				background-position: -630px 0px;
				width: 170px;
			}
			#nav ul.org-nav #nav-about a:hover {
				background-position: -630px -50px;
			}
			#nav ul.org-nav #nav-contact a {
				background-position: -800px 0px;
				width: 160px;
			}
			#nav ul.org-nav #nav-contact a:hover {
				background-position: -800px -50px;
			}			





/* Masterpage Headers
=====================================================================*/

h1 {
	font: italic normal bold 1.9em/normal Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
}

h2 {
	font-size: .8em;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}

.l h2 { } /* Left column specific */

.r h2 { letter-spacing:1px; padding: 0px 7px; margin-bottom: 10px; } /* Right column specific */

h3 {
	font-size: 1.7em;
	line-height: 1.1em;
	color: #ffffff;
}

h4 {
	font-size: medium;
	text-transform: uppercase;
	color: #CC0000;
	letter-spacing: 1px;
	font-weight: bold;
}

h5 {
	font-size: 1.5em;
	line-height: 1.2em;
}

h6 {
	font-size:.88em;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}


/* Global Links
=====================================================================*/

a {
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited,
a:active
{
	background: transparent;
	color: #ffffff;
	text-decoration: none;
	
}

a:hover
{
	background: transparent;
	color: #ffffff;	
	text-decoration: none;
}

#topborder
{
	height: 30px;
	background-color: #000000;
}

#logoarea
{
	margin: 0 auto 0 auto;
	height: 150px;
	width: 960px;
	text-align: left;
	background-image: url('../Images/FTILogoSmall.png');
	background-repeat: no-repeat;
}
#leftlogo
{
	
	width: 720px;
	float:left;
}
#rightside
{
	margin: 0 0 0 720px;
	height: 597px;
	width: 239px;
	background-image: url('../Images/FTIConstruction.png');
}
#constructionbox
{
	height: 350px
}
#contactbox
{
	text-align:center;
}

/*---------------------------------
Silverlight
-------------------------------------*/
    #silverlightControlHost {
	    height: 100%;
	    width: 960px;
	    text-align:center;
    }
    


#maingrid
{
	margin: 0 auto 0 auto;
	text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
	width: 960px; /* Total width */
	background: transparent;
}

    
#topofgrid
{
	height: 15px;
	background: url('../Images/MainContentTop.png') no-repeat scroll 50% 0;
	width: 960px;
	margin-top: 10px;
}

#centerofgrid
{
	background: url('../Images/MainContentCenter.png') scroll 50% 0;
	background-repeat: repeat-y;
	overflow: auto;
	clear:both;


}

#bottomofgrid
{
	height: 15px;
	background: url('../Images/MainContentBottom.png') no-repeat scroll 50% 0;
	width: 960px;
}


#leftcontent
{
	width: 174px;
	float: left;
	background: transparent;
	margin-left: 6px;
}

#centercontent
{
	background: transparent;
	float: left;
	margin-left: 8px;
	width: 580px;
}

#rightcontent
{
	background: transparent;
	width: 178px;
	float: left;
	margin-left: 10px;
	text-align:center;
}

.moduler
{
	width:168px;
	height:auto;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px;

}
.modulel
{
	width:168px;
	height:auto;
	padding-top:10px;
	padding-right:10px;
	margin-top:10px;
}
.menumodule
{
		width:168px;
	height:120px;
	padding-top:10px;
	padding-right:10px;
	margin-top:10px;
}

#torqueConverterMain
{
	margin:10px;
	text-align:center;
}
#torqueConverterMain label
{
	font-weight:bold;
	color: #CC0000;
}

#torqueConverterMain p
{
	margin-left: 10px;
	margin-right: 10px;
}

/*
-------------------------------------------------------------
EVENT ITEMS
-------------------------------------------------------------
*/
#eventitems
{
    margin:10px;
}
#eventlists
{
	margin:10px;
}
#eventitem
{
	margin:10px;
}


/*
-------------------------------------------------------------
NEWS ITEMS
-------------------------------------------------------------
*/
#newsitems
{
	margin: 10px;
}

#newsheader
{
	margin-left: -3px;
	margin-bottom: 10px;
}


/*
-------------------------------------------------------------
LINKS
-------------------------------------------------------------
*/
#weblinks
{
	text-align:center;
	width: 600px;
}

/*
---------------------------------------------------------------
Ask FTI
--------------------------------------------------------------
*/
#askfti
{
	margin:10px;
}
/*
------------------------------------------------------------
ContactUs
---------------------------------------------------------------
*/
#contactus
{
	text-align:left;
	width: 580px;
	margin: 10px;
}

/*
------------------------------------------------------------
Build SHeet
---------------------------------------------------------------
*/
#buildsheet
{
	text-align:left;
	width: 580px;
	margin: 10px;
}

#joinform
{
	text-align:center;
	margin:10px;
	width:300px;
}


/*
-------------------------------------------------------------- 
FOOTER
-------------------------------------------------------------- 
*/

.footer {
	vertical-align: bottom;
	height: 125px;
	clear: both;
	background: url('../Images/FTIFooter.png') no-repeat scroll 50% 0;
	position: relative;
	margin-top: 10px;
	line-height: normal;
} 


.footer a { display: inline; white-space: nowrap; color: #ffffff; }

.footer a:Hover
{
	display: inline; white-space: nowrap; color: #ffffff;
}

.footer ul {
   	margin: 0 auto;
   	text-align: left;
   	width: 85%;
}
.footer ul li{
	display: inline;
	padding: 0.5em;
}
.footer hr 
{
	margin-right: 13px;
}

#FtiRides
{
	padding:10px;
}


