/* Reset */
*{margin:0; padding:0;}
body
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	line-height: 1.80em;
	color: #fff;
	background: #000 url(../images/bg.gif) top center repeat-y;
}
p,li{font-size: 1.2em;}
table{border-collapse: collapse; border: 0; border-spacing: 0;}
td{vertical-align: top;}
input,select,textarea{font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif;}
img{border: 0;}
a{color: #fff; text-decoration: none;}
a:hover{text-decoration: underline;}

h1{font-size: 1.6em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}

.floatLeft{float: left !important;}
.floatRight{float: right !important;}
.alignCenter
{
	margin: 0 auto; 
	width: 950px;
}

/* Top Backgrounds */
.bgHome
{
	float: left;
	width: 100%;
	min-width: 965px;
	background: url(../images/bg-home.jpg) top center no-repeat;
}
.bgSub
{
	float: left;
	width: 100%;
	background: url(../images/bg-sub.jpg) top center no-repeat;
}

/* Header */
.header
{
	float: left;
	width: 958px;
	height: 234px;
}
#home .header
{
	height: 101px;
}
#home .header img.headerTitle
{
	float: right;
	padding: 10px 119px 0px 0px;
}
.header h1, .header h2
{
	float: left; 
	padding: 10px 0px 0px 28px;
}
.header h1 a, .header h2 a
{
	float: left;
	width: 200px;
	height: 72px;
	background: url(../images/logo.png) top left no-repeat;
}
.header h1 span, .header h2 span{display: none;}
.header ul.nav
{
	float: left; 
	list-style-type: none;
	width: 699px;
	height: 50px;
	padding: 0px 0px 0px 31px;
}
.header ul.nav li
{
	float: left;
	position: relative;
	display: block;
}
.header ul.nav li a span{display: none}
.header ul.nav li a{height: 50px;}

ul.nav li.btnHome{background: url(../images/nav/btn-home-on.gif) top left no-repeat;}
ul.nav li.btnHome a{float: left; width: 90px;}
ul.nav li.btnHome a{background: url(../images/nav/btn-home-off.gif) top left no-repeat;}
ul.nav li.btnHome a:hover{background: url(../images/nav/btn-home-on.gif) top left no-repeat;}
ul.nav li.btnHome a.on{background: url(../images/nav/btn-home-on.gif) top left no-repeat;}

ul.nav li.btnAboutUs{background: url(../images/nav/btn-aboutus-on.gif) top left no-repeat;}
ul.nav li.btnAboutUs a{float: left; width: 96px;}
ul.nav li.btnAboutUs a{background: url(../images/nav/btn-aboutus-off.gif) top left no-repeat;}
ul.nav li.btnAboutUs a:hover{background: url(../images/nav/btn-aboutus-on.gif) top left no-repeat;}
ul.nav li.btnAboutUs a.on{background: url(../images/nav/btn-aboutus-on.gif) top left no-repeat;}

ul.nav li.btnOurProduct{background: url(../images/nav/btn-ourproduct-on.gif) top left no-repeat;}
ul.nav li.btnOurProduct a{float: left; width: 118px;}
ul.nav li.btnOurProduct a{background: url(../images/nav/btn-ourproduct-off.gif) top left no-repeat;}
ul.nav li.btnOurProduct a:hover{background: url(../images/nav/btn-ourproduct-on.gif) top left no-repeat;}
ul.nav li.btnOurProduct a.on{background: url(../images/nav/btn-ourproduct-on.gif) top left no-repeat;}

ul.nav li.btnPointOfDifference{background: url(../images/nav/btn-pointofdifference-on.gif) top left no-repeat;}
ul.nav li.btnPointOfDifference a{float: left; width: 151px;}
ul.nav li.btnPointOfDifference a{background: url(../images/nav/btn-pointofdifference-off.gif) top left no-repeat;}
ul.nav li.btnPointOfDifference a:hover{background: url(../images/nav/btn-pointofdifference-on.gif) top left no-repeat;}
ul.nav li.btnPointOfDifference a.on{background: url(../images/nav/btn-pointofdifference-on.gif) top left no-repeat;}

ul.nav li.btnPartnerWithUs{background: url(../images/nav/btn-partnerwithus-on.gif) top left no-repeat;}
ul.nav li.btnPartnerWithUs a{float: left; width: 135px;}
ul.nav li.btnPartnerWithUs a{background: url(../images/nav/btn-partnerwithus-off.gif) top left no-repeat;}
ul.nav li.btnPartnerWithUs a:hover{background: url(../images/nav/btn-partnerwithus-on.gif) top left no-repeat;}
ul.nav li.btnPartnerWithUs a.on{background: url(../images/nav/btn-partnerwithus-on.gif) top left no-repeat;}

ul.nav li.btnContactUs{background: url(../images/nav/btn-contactus-on.gif) top left no-repeat;}
ul.nav li.btnContactUs a{float: left; width: 109px;}
ul.nav li.btnContactUs a{background: url(../images/nav/btn-contactus-off.gif) top left no-repeat;}
ul.nav li.btnContactUs a:hover{background: url(../images/nav/btn-contactus-on.gif) top left no-repeat;}
ul.nav li.btnContactUs a.on{background: url(../images/nav/btn-contactus-on.gif) top left no-repeat;}


/* Flash and Images */
#homeFlash
{
	float: left;
	height: 256px;
	width: 950px;	
	outline: 0px;
}
#homeFlash object
{
	outline: 0px;
}

#aboutUs .headerImage
{
	float: right;
	padding: 0px 0px 0px 0px;
}
#ourProduct .headerImage
{
	float: right;	
	padding: 8px 98px 0px 0px;
}
#pointOfDifference .headerImage
{
	float: right;	
	padding: 20px 28px 0px 0px;
}
#partnerWithUs .headerImage
{
	float: right;	
	padding: 7px 74px 0px 0px;
}
#contactUs .headerImage
{
	float: right;
	padding: 11px 26px 0px 0px;
}
.headerImage img
{
	float: left;
}
h1.headerTitle
{	
	float: left;
	clear: left;
	margin: 73px 0px 0px 22px;
	padding: 0;
}
#aboutUs h1.headerTitle a
{
	float: left;
	width: 129px;
	height: 52px;
	background: url(../images/ttl-aboutus.gif) top left no-repeat;
}
#ourProduct h1.headerTitle a
{
	float: left;
	width: 170px;
	height: 54px;
	background: url(../images/ttl-ourproduct.gif) top left no-repeat;
}
#pointOfDifference h1.headerTitle a
{
	float: left;
	width: 267px;
	height: 53px;
	background: url(../images/ttl-pointofdifference.gif) top left no-repeat;
}
#partnerWithUs h1.headerTitle a
{
	float: left;
	width: 222px;
	height: 52px;
	background: url(../images/ttl-partnerwithus.gif) top left no-repeat;
}
#contactUs h1.headerTitle a
{
	float: left;
	width: 154px;
	height: 54px;
	background: url(../images/ttl-contactus.gif) top left no-repeat;
}

/* Content boxes */
.box
{
	float: left;
	margin: 24px 0px 0px 0px;
}
.leftBox
{
	margin: 24px 17px 0px 0px;
}
.box .top
{
	float: left;
}
.box .btm
{
	float: left;
}
.box .content
{
	float: left;
	min-height: 395px;		
	background: url(../images/box-bg.png) top left repeat;		
}
		

/* small box */
#box309
{
	width: 309px;
}
#box309 .top
{
	background: url(../images/box-sml-top.png) top center no-repeat;
	padding: 9px 0px 0px 0px;
}
#box309 .btm
{
	background: url(../images/box-sml-btm.png) bottom center no-repeat;
	padding: 0px 0px 9px 0px;
}
#box309 .content
{
	width: 261px;
	padding: 7px 25px 7px 23px;
}

/* large box */
#box624
{
	width: 624px;
}
#box624 .top
{
	background: url(../images/box-lrg-top.png) top center no-repeat;
	padding: 9px 0px 0px 0px;
}
#box624 .btm
{
	background: url(../images/box-lrg-btm.png) bottom center no-repeat;
	padding: 0px 0px 9px 0px;
}
#box624 .content
{
	width: 584px;
	padding: 7px 20px 7px 20px;
}

/* Home */
#home h2.theTitanVision
{
	text-align: center;
}
#home div.contactUsHome
{
	padding: 47px 0px 0px 0px;
}
#home .box .content h2, #home .box .content h3
{
	padding: 8px 0px 7px 0px;
}
#home div.quotes p
{
	font-size: 1.6em;
}
#home .box div.quotes
{
	margin: 10px 0px 0px -10px;	
	position: relative;
}

/* quotes */
.box div.quotes
{
	background: url(../images/quotes-right.gif) bottom right no-repeat;
	width: 282px;
	margin: 30px 0px 0px -10px;
}
.box div.quotes p
{	
	padding: 0px 18px 0px 25px; 
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	font-style: italic;
	background: url(../images/quotes-left.gif) top left no-repeat;
}
.box p.quoteBy
{
	font-size: 1.4em;
	line-height: 1.4em;
	color: #fd7f27;
	text-align: center;
	font-style: italic;
	padding: 0px 18px 10px 25px;
}

.box div.partnerWithUsQuote
{
	margin: 72px 0px 0px -10px;
}

/* Content formatting */
.box h3
{
	padding: 0px 0px 8px 0px;
}
.box h4
{
	padding: 28px 0px 7px 0px;
}
p.callToActionBtn
{
	padding: 20px 0px 0px 0px;
}
p.contentImage
{
	float: right;	
	padding: 8px 0px 5px 15px;
}
.box ul
{
	display: block;
	margin: 38px 0px 0px 0px;
	list-style-type: none;
}
.box ul.lessMargin
{
	margin: 0px 0px 0px 0px;
}
.box ul li
{
	padding: 0px 0px 20px 15px;
	background: url(../images/li.gif) top left no-repeat;
}
.box ul li.last
{
	padding: 0px 0px 0px 15px;
}
p.matthew
{
	text-align: center;
	padding: 23px 0px 0px 0px;
}
p.matthewTxt
{
	text-align: center;
	padding: 12px 0px 0px 0px;
}
div.employees
{
	float: left;
	padding: 0px 24px 0px 0px;
}
div.employees img
{
	display: block;
	padding: 0px 0px 10px 0px;
}
span.highlight
{
	font-weight: bold;
	color: #ff6600;
}

/* contact form */
#contactForm fieldset
{
	border: none;
	display: inline;
	margin: -8px 0px 0px 0px;
}		
#contactForm legend{display:none;}	
#contactForm label
{
	display: block; 
	padding: 8px 0px 6px 0px;
}	
#contactForm label.first
{
	display: block; 
	padding: 0px 0px 6px 0px;
}
#contactForm label.last
{
	display: block; 
	padding: 0px 0px 6px 0px;
}
#contactForm input
{		
	width: 365px;
	padding: 3px;
	border: 1px solid #585758;		
	background: #464546;
	color: #fff;
}		
#contactForm textarea
{
	height: 85px;
	width: 575px;
	overflow: auto;
	padding: 3px;
	border: 1px solid #585758;		
	background: #464546;	
	color: #fff;
}	
#contactForm input.submit
{
	float: right;
	width: 69px;	
	height: 27px;
	border: 0px;	
	margin: 14px 0px 0px 0px;
	padding: 0px;
}
#contactForm p.required
{
	float: left;
	font-size: 1.0em;
	padding: 11px 0px 0px 0px;
}
#contactForm span.required
{
	color: #f46a09;
	font-size: 0.83em;
}

/* Footer */
.footer
{
	float: left;	
	width: 100%;
	margin: 18px 0px 0px 0px;	
	padding: 5px 0px 7px 0px;
	background: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.footerCenter
{
	width: 950px;
	margin: 0 auto;
}
.footer a
{
	color: #878686;
}
.footer p
{
	font-size: 1.1em;
	color: #878686;
}
p.footerLeft
{
	display: block;
	float: left;
	width: 600px;
}
p.footerRight
{	
	display: block;
	float: right;
	text-align: right;
	width: 180px;
}