/*** STRUCTURE & GRAPHICS ***/

body {
	margin: 0;
	text-align: center;
	background: #fbfbfb url("../images/head-bg.gif") top center repeat-x;
}

img {
	display: block;
	border: none;
}

img.float-img {
	float: left;
	margin: 0 20px 10px 0;
}

img.nofloat-img {
	margin-bottom: 21px;
}

.alt-content {
	display: none;
}

.clear {
	clear: both;
}

#page {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#head {
	height: 127px;
}

	#head h1 {
		margin:21px 0 20px 5px;
		float: left;
	}
	
	#head h2 {
		margin: 55px 5px 0 0;
		float: right;
	}

	#nav {
		text-align: center;
		clear: both;
		background: url("../images/nav-bg.gif");
		height: 35px;
	}

		#nav ul {
			margin: 0 5px;
			padding: 0;
		}
	
		#nav ul li {
			display: block;
			float: left;
			width: 134px;
			height: 35px;
			
			background: url("../images/nav-button-mid.gif") 0px 0px no-repeat;
		}
		
		#nav ul li:hover {
			background-position: 0 -105px;
		}
		
		#nav ul li.first {
			background: url("../images/nav-button-first.gif") 0px 0px no-repeat;
			width: 135px;
		}
		
		#nav ul li:hover.first {
			background-position: 0 -105px;
		}
		
		#nav ul li.last {
			background: url("../images/nav-button-last.gif") 0px 0px no-repeat;
			width: 135px;
		}
		
		#nav ul li:hover.last {
			background-position: 0 -105px;
		}
		
		#nav ul li#active {
			background-position: 0 -35px;
		}
		
		#nav ul li#before-active {
			background-position: 0 -70px;
		}
		
		#nav ul li:hover#before-active {
			background-position: 0 -140px;
		}
		
		#nav ul li a {
			display: block;
			margin-top: 11px;
		}
		
	#main ul#nav-secondary {
		margin-left: 0;
		padding-left: 0;
		margin-top: 28.5px;
	}
	
	#main ul#nav-secondary li {
		list-style-type: none;
		list-style-image: none;
		border-top: 1px solid #bfbfbf;
		padding: 4px 0 5px 0;
		margin:0;
		background: url("../images/nav-secondary-bg-off.gif") center right no-repeat;
	}
	
	#main ul#nav-secondary li#current, #main ul#nav-secondary li:hover#current {
		background: url("../images/nav-secondary-bg-on.gif") center right no-repeat;
	}
	
	#main ul#nav-secondary li:hover {
		background: url("../images/nav-secondary-bg-over.gif") center right no-repeat;
	}
	
	#main ul#nav-secondary li.last {
		border-bottom: 1px solid #bfbfbf;
	}
	
#slideshow {
	margin: 0 5px;
	overflow: hidden;
	border-left: 1px solid #9f9f9f;
	border-right: 1px solid #9f9f9f;
	position:relative;
}
	
#slideshow-nav {
	background-color: white;
	margin: 0 5px;
	height: 46px;
	border-left: 1px solid #9f9f9f;
	border-right: 1px solid #9f9f9f;
}
	
	#slideshow-nav ul {
		margin: 0 0 0 81px;
		padding: 13px 0 0 0;
	}
	
	#slideshow-nav ul li {
		display: block;
		background: url("../images/slideshow-nav-div.gif") center right no-repeat;
		padding-right: 27px;
		float: left;
	}
	
	#slideshow-nav ul li.last {
		padding-right: 0;
		background: none;
	}
	
	#slideshow-nav ul li a {
		display: block;
		height: 19px;
	}
	
	#slideshow-nav ul li a#slideshow-nav1 {
		width: 123px; background: url("../images/slideshow-nav-1.gif");
	}
	
	#slideshow-nav ul li a#slideshow-nav2 {
		width: 139px; background: url("../images/slideshow-nav-2.gif");
	}
	
	#slideshow-nav ul li a#slideshow-nav3 {
		width: 123px; background: url("../images/slideshow-nav-3.gif");
	}
	
	#slideshow-nav ul li a#slideshow-nav4 {
		width: 82px; background: url("../images/slideshow-nav-4.gif");
	}
	
	#slideshow-nav ul li a#slideshow-nav5 {
		width: 206px; background: url("../images/slideshow-nav-5.gif");
	}
	
	#slideshow-nav img {
		display: inline;
	}
	
	#feature-links ul {
		margin: 0 5px;
		
		/* for 3 feature links: */
		padding: 0 1px 0 118px;
		background: #d7eaf2 url("../images/feature-3links-bg.gif") no-repeat;
		
		/* for 4 feature links:
			padding: 0 1px 0 0;
			background: #d7eaf2 url("../images/feature-links-bg.gif") no-repeat;
		*/
		
		height: 51px;
		text-align: center;
		
	}
	
	#feature-links ul li {
		display:inline;
		float:left;
		width: 234px;
		height: 51px;
		margin-left: 1px;
	}
	
	#feature-links ul li a {
		display:block;
		padding-top: 15px;
	}
	
	#feature-links ul li.last {
		border-right: none;
		width: 233px;
	}
	
#main {
	margin: 23px 5px 0 5px;
}

	#main #left {
		float: left;
		width: 460px;
	}
	
	#main #left-narrow {
		float: left;
		width: 320px;
	}
	
	#main #right {
		width: 460px;
		float: right;
	}
	
	#main #right-wide {
		width: 580px;
		float: right;
	}
	
	#main ul {
		padding-left: 10px;
		margin-left: 7px;
		margin-top: 0;
		list-style-position: outside;
		list-style-image: url(../images/bullet-blue.gif);
	}
	
	#main ul.with-title {
		margin-top: 4.75px;
	}
	
	#main ul.nobullets {
		list-style-image: none;
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
	}
	
#foot {
	border-top: 1px solid #bfbfbf;
	margin: 34px 5px 90px 5px;
}

	#foot p {
		float: left;
	}

	#foot ul {
		float:right;
	}

	#foot ul li {
		display: inline;
	}
	
/*** TEXT FORMATTING ***/

body {
	font-size: 62.5%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}

strong, em, b, i {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}

#head h2 {
	font-weight: normal;
	color: #fff;
	font-size: 1.8em;
	text-shadow: #132634 0 -1px 1px;
	line-height: 21px;
	padding-bottom: 7px;
}

#nav a:link, #nav a:visited {
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	color: #daf3ff;
	font-size: 1.3em;
	line-height: 13px;
	text-decoration: none;
	text-shadow: #152a39 0 -1px 1px;
}

#nav a:hover, #nav a:active {
	color: #fff;
	text-decoration: underline;
}

#nav li#active a:link, #nav li#active a:visited, #nav li#active a:hover, #nav li#active a:active {
	color: #fff;
	text-shadow: #375968 0 -1px 1px;
}

#main ul#nav-secondary a:link, #main ul#nav-secondary a:visited {
	color: #0095ca;
}

#main ul#nav-secondary li#current a:link, #main ul#nav-secondary li#current a:visited {
	color: #1d3c53;
}

#feature-links a:link, #feature-links a:visited {
	font-size: 1.8em;
	line-height: 18px;
	color: #1d3c53;
	text-decoration:none;
}

#feature-links a:hover, #feature-links a:active {
	text-decoration: underline;
	background: url("../images/feature-links-hover-bg.gif") repeat-x;
}

#main h3 {
	font-weight: bold;
	font-size: 1.6em;
	color: #1d3c53;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	line-height: 21px;
	margin-bottom: 21px;
	margin-top: 21px;
}

#main h4 {
	font-weight: normal;
	font-size: 1.6em;
	color:#005ca0;
	margin-bottom: 9.5px;
}

#main h5 {
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 1.3em;
	line-height: 21px;
	color:#1d3c53;
	margin-bottom: 0;
	margin-top: 0;
}

#main p {
	font-size: 1.3em;
	line-height: 21px;
	margin-bottom: 21px;
	margin-top: 0;
	/***TESTING***/
	font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
}

#main p em, #main p i {
	/***TESTING***/
	font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
}

#main li {
	font-size: 1.3em;
	line-height: 21px;
	margin-bottom: 7px;
	/***TESTING***/
	font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", sans-serif;
}

#main ul.nested {
	list-style-type: none;
	list-style-image: none;
	margin-top: 4.75px;
}

#main ul.nested ul li {
	font-size: 1em;
	font-style: normal;
}

#main ul.nested li {
	font-style: italic;
}

#main li p {
	font-size: 1em;
}

#main li h5 {
	font-size: 1em;
}

#main p.lead {
	font-size: 1.6em;
	line-height: 25px;
	/***TESTING***/
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}

#main .customers img {
	margin: 40px auto 20px auto;
}

#main a:link {
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	color: #f35a1a;
	text-decoration: none;
}

#main a:visited {
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	color: #b02900;
	text-decoration: none;
}

#main a:hover, #main a:active {
	color: #b02900;
	text-decoration: underline;
}

#foot p, #foot ul {
	font-size: 1.3em;
	color: #3a4146;
	line-height: 13px;
	margin-top: 17px;
}

#foot a:link, #foot a:visited {
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	color: #f35a1a;
	text-decoration: none;
}

#foot a:active, #foot a:hover {
	color: #b02900;
	text-decoration: underline;
}


/*** FORM ***/

#form {
	background-color: #ebebeb;
	padding: 15px 20px 10px 20px;
}

#form div {
	width: 50%;
	float: left;
	margin-bottom: 5px;
}

#form div.clear {
	width: 100%;
	clear: both;
	float: none;
	padding-top: 5px;
}

#form input {
	margin-top: 3px;
}

#form select {
	margin-top: 3px;
}

#form h4 {
	margin-top: 9.5px;
}


/*** TABLE ***/

table{
	font-size: 1.1em;
}

table td {
	padding-right: 20px;
}

div.specs table {
	font-size: 1.1em;
	border-collapse: collapse;
}

div.specs table.specs img {
	margin: 0 auto;
}

div.specs table th {
	background-color: #649db1;
	color: #fff;
}

div.specs table th.main {
	background-color: #446f8b;
}

div.specs table tr {
	background-color: #fff;
}

div.specs table tr.even {
	background-color: #ebebeb;
}

div.specs table td, table th {
	padding: 5px 5px 5px 10px;
	text-align: center;
}

div.specs table td.first, table th.first {
	text-align: left;
}

div.specs col#col-features {
	width:40%;
}

div.specs col#col-prof, div.specs col#col-eng,div.specs col#col-asset, div.specs col#col-docu {
	width:15%;
}

/*** SIDEBAR ***/

#tina-sidebar {
	background-color: #fff;
	border: 1px solid #bfbfbf;
	margin-top: 42px;
}

#tina-sidebar h4 {
	float:left;
	margin: 18px;
	display: inline;
}

#tina-sidebar p {
	margin: 18px 12px 18px 0;
	line-height: 18px;
	color: #585858;
}

#mini-feature-links {
	clear: both;
}

#mini-feature-links ul {
		margin: 0;
		padding: 0;
		background: #d7eaf2 url("../images/feature-links-mini-bg.gif") no-repeat;
		
		height: 40px;
		text-align: center;
	}
	
	#mini-feature-links ul li {
		display:inline;
		float:left;
		width: 105px;
		height: 33px;
		margin-right: 1px;
	}
	
	#mini-feature-links ul li a {
		display:block;
		padding-top: 12px;
		padding-bottom: 6px;
	}
	
	#mini-feature-links ul li.last {
		border-right: none;
		width: 106px;
		margin-right: 0;
	}
	
	#mini-feature-links a:link, #mini-feature-links a:visited {
	font-size: 1.1em;
	line-height: 16px;
	color: #1d3c53;
	text-decoration:none;
	font-weight: normal;
}

#mini-feature-links a:hover, #mini-feature-links a:active {
	text-decoration: underline;
	background: url("../images/feature-links-hover-bg.gif") repeat-x;
	color: #1d3c53;
}