/* CSS Document */

/* TAGs */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 150%;
	font-weight: normal;
	color: #003399;
}

h1 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: normal;
	font-style: italic;
	line-height: 150%;
	color: #003399;
}

h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	line-height: 150%;
	color: #FF9900;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	line-height: 150%;
	color: #003399;
}

ul {
	/* margin: 0px;
	padding: 0px; */
}

li {
	/* margin: 0px;
	padding: 5px; */
}

hr {
	border-top: 1px solid #003399;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

hr.dashed {
	border-top: 1px dashed #003399;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	border: 1px solid #cccccc;
	padding: 20px;
}

legend {
	color: #003399;
	font-weight: bold;
}

label {
	color: #666666;
}

input, select {
	margin: 3px 0px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* LINKs */

a {
	color: #003399;
	text-decoration: underline;
}

a:hover {
	color: #FF9900;
	text-decoration: none;
}

#headerLinks a {
	color: #666F8F;
	text-decoration: none;
}

#headerLinks a:hover {
	color: #666F8F;
	text-decoration: underline;
}

#copyright a {
	color: #666F8F;
	text-decoration: none;
}

#copyright a:hover {
	color: #666F8F;
	text-decoration: underline;
}

#coast a {
	color: #666F8F;
	text-decoration: none;
}

#coast a:hover {
	color: #666F8F;
	text-decoration: underline;
}

#nav a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#nav a:hover {
	color: #FF9900;
	text-decoration: underline;
	font-weight: bold;
}

#homeNav a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#homeNav a:hover {
	color: #FF9900;
	text-decoration: underline;
	font-weight: bold;
}

a.breadcrumbs {
	text-decoration: none;
	padding: 0px 3px;
}

a:hover.breadcrumbs {
	text-decoration: underline;
	padding: 0px 3px;
}

a.orange {
	text-decoration: underline;
	padding: 0px;
	color: #FF9900;
}

a:hover.orange {
	text-decoration: none;
	padding: 0px;
	color: #003399;
}

/* IDs */

/* navigation -------- */

#nav ul {
	margin: 0px;
	padding: 0px;
}

#nav li {
	list-style: none;
	margin: 0px 0px 0px 15px;
	padding: 3px 2px 3px 15px;
	border-bottom: 1px dashed #FFFFFF;
	color: #FFFFFF;
}

#nav2 ul {
	margin: 0px;
	padding: 0px;
	border-top: 0px dashed #FFFFFF;
}

#nav2 li {
	margin: 0px;
	padding: 3px 0px 0px 0px;
	border-bottom: 0px solid #000000;
}

#nav2 a {
	font-weight:normal;
}

#nav2 a:hover {
	color: #FF9900;
	text-decoration: underline;
	font-weight: normal;
}

#nav3 ul {
	margin: 0px;
	padding: 0px;
	border-top: 0px solid #000000;
}

#nav3 li {
	margin: 0px 0px 0px 10px;
	padding: 3px 0px 0px 0px;
	border-bottom: 0px solid red;
}

#nav3 a {
	font-weight:normal;
	color: #FF9900;
}

#nav3 a:hover {
	color: #FF9900;
	text-decoration: underline;
	font-weight: normal;
}

#homeNav ul {
	margin: 0px;
	padding: 0px;
}

#homeNav li {
	list-style: none;
	margin: 0px;
	padding: 3px 2px 3px 15px;
	border-bottom: 1px dashed #FFFFFF;
	color: #FFFFFF;
}

/* modules -------- */

ul.moduleUL {
	border-top: 1px solid #003399;
	margin: 0px;
	padding: 0px;
}

li.moduleLI, li.moduleLiSwitch {
	border-bottom: 1px dashed #003399;
	padding: 8px 0px;
	list-style-type: none;
	float: inherit;
}

li.moduleLiSwitch {
	font-weight: bold;
}

a.moduleLink {
	font-weight: bold;
	text-decoration: none;
}

a.moduleLink:hover {
	text-decoration: underline;
}

.moduleSpacer {
	padding: 0px 5px;
}

/* home news preview -------- */

#homeNews h2, #NewsPreview h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: normal;
	font-style: normal;
	color: #003399;
	line-height: 100%;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dashed #666F8F;
}

#homeNews p, #NewsPreview p {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	color: #666F8F;
}

a.homeNews {
	color: #666F8F;
	font-weight: bold;
	text-decoration: none;
}

a.homeNews:hover {
	text-decoration: underline;
}

a.more {
	color: #FF9900;
	text-decoration: none;
}

a.more:hover {
	color: #FF9900;
	text-decoration: underline;
}

/* case studies module -------- */

#clientFilter {
	border-top: 1px solid #003399;
	border-bottom: 1px dashed #003399;
	padding: 5px 0px;
	margin-bottom: 0px;
}

#clientFilter form {
	margin: 8px 0px;
}

#clientGroup {
	float: left;
	display: block;
	width: 100%;
	border-bottom: 1px dashed #003399;
}

#clientLogo {
	float: left;
	display: block;
	width: 90px;
	vertical-align: middle;
}

#clientDetail {
	float: left;
	display: block;
	padding: 10px 0px 0px 0px;
}

#homeCasestudy h2, #CaseStudyPreview h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: normal;
	font-style: normal;
	color: #003399;
	line-height: 100%;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dashed #666F8F;
}

#homeCasestudy h3, #CaseStudyPreview h3 {
	color: #FF9900;
	font-size: 125%;
	margin: 5px 0px 10px 0px;
}

#homeCasestudy p, #CaseStudyPreview p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #666F8F;
}

#homeCasestudy a, #CaseStudyPreview a {
	color: #666F8F;
	text-decoration: none;
}


#homeCasestudy a:hover, #CaseStudyPreview a:hover {
	color: #FF9900;
	text-decoration: underline;
}

.csSummary {
	font-weight: bold;
}	

/* secure pages link -------- */

#secure h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: normal;
	font-style: normal;
	color: #003399;
	line-height: 100%;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dashed #666F8F;
}

#secure ul {
	margin: 0px;
	padding: 0px;
}

#secure li {
	list-style-type: none;
	border-bottom: 1px dashed #90A9DC;
	padding: 2px 0px;
}

#homeNews p, #NewsPreview p {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	color: #666F8F;
}

#secure a {
	color: #666F8F;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 0px 0px 5px;
}

#secure a:hover {
	text-decoration: underline;
}

/* others -------- */

#sitemap ul {
	/* padding: 0px 15px; */
}

#sitemap li {
	list-style-type:normal;
	list-style-position: inside;
	padding: 2px 0px;
}

.breadcrumbOn {
	padding: 0px 3px;
}

.sideZoneBase {
	margin-bottom: 15px;
}

/* form -------- */

.conform label {
	width: 150px;
	display: block;
	float: left;
	color: #666666;
}

#errorbox {
	color: red;
}

#chosen_files label {
	font-weight: bold;
}

.contact label {
	width: 225px;
	display: block;
	float: left;
	color: #666666;
}

.contact input {
	font-size: 12px;
	padding: 3px;
}

.trial label {
	width: 225px;
	display: block;
	float: left;
	color: #666666;
}

.trial input {
	font-size: 12px;
	padding: 3px;
}

.submit {
	margin: 15px 0px 0px 0px;
}

.error_msg {
	color: red;
}

/* others -------- */

.moduleTable {
	width: 100%;
	border-top: 1px solid #003399;
}

.moduleTable td {
	border-bottom: 1px dashed #003399;
	padding: 15px 0px;
}

td.moduleItem2 {
	padding: 10px 0px;
}

#homeBox3 h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: normal;
	font-style: normal;
	color: #003399;
	line-height: 100%;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dashed #666F8F;
}

#homeBox3 {
	color: #666F8F;
}

.productList {
	float:left;
	margin-right:50px;
	text-align:center;
}