body {
	background-image: url("/images/background-top.gif");
	background-repeat: repeat-x;
	font-family: arial, sans-serif;
	}

td.topLeft	{
	background-image: url("/images/background-topleft.gif");
	background-repeat: no-repeat;
	}

a.topNavHome	{
	background-image: url("/images/nav-home.gif");
	background-repeat: no-repeat;
	width: 43px;
	height: 16px;
	margin: 14px 30px 0px 10px;
	text-decoration: none;
	padding-right: 43px;
	line-height: 16px;
	}

a.topNavContact	{
	background-image: url("/images/nav-contact.gif");
	background-repeat: no-repeat;
	width: 67px;
	height: 16px;
	margin: 14px 10px 0px 10px;
	text-decoration: none;
	padding-right: 67px;
	line-height: 16px;
	}

a.topNavFaq	{
	background-image: url("/images/nav-faq.gif");
	background-repeat: no-repeat;
	width: 42px;
	height: 16px;
	margin: 14px 10px 0px 10px;
	text-decoration: none;
	padding-right: 42px;
	line-height: 16px;
	}

a.topNavLogin	{
	background-image: url("/images/nav-login.gif");
	background-repeat: no-repeat;
	width: 105px;
	height: 16px;
	margin: 14px 10px 0px 10px;
	text-decoration: none;
	padding-right: 105px;
	line-height: 16px;
	}

a.topNavLogout	{
	background-image: url("/images/nav-logout.gif");
	background-repeat: no-repeat;
	width: 105px;
	height: 16px;
	margin: 14px 10px 0px 10px;
	text-decoration: none;
	padding-right: 105px;
	line-height: 16px;
	}

a.topNavHome:hover	{
	background-image: url("/images/nav-homea.gif");
	text-decoration: none;
	}

a.topNavContact:hover	{
	background-image: url("/images/nav-contacta.gif");
	text-decoration: none;
	}

a.topNavFaq:hover	{
	background-image: url("/images/nav-faqa.gif");
	text-decoration: none;
	}

a.topNavLogin:hover	{
	background-image: url("/images/nav-logina.gif");
	text-decoration: none;
	}

a.topNavLogout:hover	{
	background-image: url("/images/nav-logouta.gif");
	text-decoration: none;
	}

div.nav		{
	width: 100%;
	display: block;
	font-family: arial, sans-serif;
	font-size: 14px;
	padding: 10px 0px 2px 15px;
	border-bottom: 1px solid #F39865;
	}

div.nav a	{
	color: #2B2B2B;
	text-decoration: none;
	font-weight: bold;
	}

div.nav a:hover	{
	color: #ffffff;
	text-decoration: none;
	}

div.navSpacer	{
	background-color: #FF7A2F;
	width: 100%;
	height: 20px;
	display: block;
	}

div.navSpacer2	{
	width: 100%;
	height: 12px;
	display: block;
	font-size: 1px;
	}

div.navBackground	{
	background-color: #FFB68D;
	background-image: url("/images/background-nav.jpg");
	background-repeat: no-repeat;
	/*width: 100%;*/
	width: 174px;
	overflow: hidden;
	height: auto;
	display: block;
	}

div.navFooter	{
	background-image: url("/images/background-navfooter.gif");
	background-repeat: repeat-x;
	width: 100%;
	height: 85px;
	display: block;
	}

	
div.navProductFooter .Logo {
	float: right;
	padding-top: 20px;
	padding-right: 50px;
	}

div.pageFooter	{
	text-align: right;
	font-size: 10px;
	border-top: 1px solid #FF7A2F;
	}

div.pageFooter A	{
	text-decoration: none;
	color: #000000;
	}

td.page	{
	background-image: url("/images/background-pagedetail.gif");
	background-repeat: no-repeat;
	width: 100%;
	}

div.pageContent	{
	font-size: 0.8em;
	padding: 40px 15% 80px 40px;
	}
	
.pageContentHome {
	font-size: 0.8em;
	padding: 40px 40px;
}

.smallText	{
	font-size: 0.8em;
	}

div.line		{
	background-image: url("/images/background-line.gif");
	background-repeat: repeat-x;
	text-align: right;
	padding: 0px 0px 20px 0px;
	}

div.pageContent td, div	{
	font-size: 1em;
	}

div.pageContent h1	{
	font-size: 1.7em;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #FF7A2F;
	}

div.pageContent h2	{
	font-size: 1.5em;
	font-weight: normal;
	margin: 30px 0px 12px 0px;
	}

div.pageContent h3	{
	font-size: 1.2em;
	font-weight: bold;
	margin: 30px 0px 9px 0px;
	}

div.navLevel2		{
	width: 100%;
	display: block;
	font-family: arial, sans-serif;
	font-size: 13px;
	padding: 4px 0px 2px 16px;
	}

div.navLevel2 a	{
	color: #2B2B2B;
	text-decoration: none;
	font-weight: bold;
	}

div.navLevel2 a:hover	{
	color: #ffffff;
	text-decoration: none;
	}


div.navLevel3		{
	width: 100%;
	display: block;
	font-family: arial, sans-serif;
	font-size: 13px;
	padding: 4px 0px 2px 30px;
	}

div.navLevel3 a	{
	color: #2B2B2B;
	text-decoration: none;
	font-weight: bold;
	}

div.navLevel3 a:hover	{
	color: #ffffff;
	text-decoration: none;
	}

div.downloadsHead	{
			border-left: 1px solid #6C6C6C;
			border-top: 1px solid #6C6C6C;
			border-right: 1px solid #6C6C6C;
			font-size: 12px;
			font-weight: bold;
			color: #6C6C6C;
			width: 200px;
			display: block;
			padding: 2px 2px 2px 5px;
			}

div.downloadsBox h2	{
			margin-top: 10px;
			}
			
div.downloadsBoxleft h2	{
			font-weight: bold;
			font-size: 1.2em;
			color: #6C6C6C;
			}

div.downloadsBoxright h2	{
			font-weight: bold;
			font-size: 1.2em;
			color: #6C6C6C;
			}

div.downloadsBox	{
			border: 1px solid #6C6C6C;
			font-size: 1.0em;
			font-weight: normal;
			width: 95%;
			float: left;
			background-color: #E9E9E9;
			display: block;
			padding: 0px 15px 20px 15px;
			}

.quoteTable	{
			/*width: 80%;*/
			color: #000;
			font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			/*text-align: left;*/
}

div.cuttingQuote	{
			width: 700px;
			display: block;
			color: #a6a6a6;
			font: 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			text-align: right;
			}

.quoteMark_L	{
			width: 60px;
			height: 50px;
			float: left;
			display: block;
			background-image: url("/images/cuttings/cuttingQuoteLeft.gif");
			background-repeat: no-repeat;
			}
			
div.quoteText	{
			display: block;
			width: 550px;
			float: left;
			padding-top: 30px;
			padding-right: 40px;
			/*padding-right: 50px;*/
			color: #000;
			font: bold 1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			text-align: left;
			background-image: url("/images/cuttings/cuttingQuoteRight.gif");
			background-repeat: no-repeat;
			background-position: bottom right;
}

/*.quoteMark_R	{
			padding-top: 40px;
			margin-top: 30px;
			width: 55px;
			height: 50px;
			float: left;
			display: block;
			background-image: url("/images/cuttings/cuttingQuoteRight.gif");
			background-repeat: no-repeat;
			background-position: bottom right;
			}*/

.quoteClient	{
			/*margin-top: 10px;*/
			/*width: 650px;*/
			text-align: right;
			color: #979797;
			font: 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
			
.downloadContainer	{
			clear: both;
}

div.downloadsBoxleft	{
			font-size: 1.0em;
			font-weight: normal;
			/*width: 50%;*/
			background-color: #E9E9E9;
			display: block;
			padding: 0px 10px 20px 0px;
			float: left;
			}

div.downloadsBoxright	{
			font-size: 1.0em;
			font-weight: normal;
			/*width: 50%;*/
			background-color: #E9E9E9;
			display: block;
			padding: 0px 10px 20px 0px;
			margin-left: 250px;
			}
			
div.downloadsBoxright ul	{
			text-decoration: none;
			list-style-type: none;
			line-height: 28px;
			margin: 0px;
			padding: 0px;
			}
			
div.downloadsBoxleft ul	{
			text-decoration: none;
			list-style-type: none;
			line-height: 28px;
			margin: 0px;
			padding: 0px;
			}

div.downloadsBoxleft li	{
			padding-right: 40px;
			}

a			{
			color: #FB5200;
			text-decoration: none;
			}

a:hover			{
			color: #0000FF;
			text-decoration: underline;
			}

div.horizontalLine	{
			border-bottom: 1px solid #E9E9E9;
			clear: both;
			margin: 10px 0px 15px 0px;
			}


ul.archive		{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 20px;
			}

div.event		{
			display: block;
			float: left;
			clear: left;
			font-size: 1em;
			width: 30em;
			padding: 0px 0px 0px 14px;
			margin: 0px 0px 30px 0px;
			}

div.event .date		{
			display: block;
			background-image: url("/images/events/spotlight-sm.gif");
			background-repeat: no-repeat;
			font-size: 0.9em;
			font-weight: bold;
			background-color: #EAEAEA;
			width: 17em;
			padding: 3px 0px 3px 19px;
			margin: 0px 0px 0px -14px;
			color: #717171;
			}

div.event h1		{
			display: block;
			font-weight: bold;
			border-top: 1px solid #FF7A2F;
			border-bottom: none;
			font-size: 1.2em;
			margin: 0px 0px 0px -14px;
			padding: 5px 0px 3px 10px;
			}

.formTable {
	background-color: transparent;
	padding: 0px 10px 5px 0px;
	vertical-align: middle;
	font-size: 1em;
}

.formTable form {
	background-color: transparent;
}

.formTable input {
	border: 1px solid #ff7a2f;
}

.formTable textarea {
	border: 1px solid #ff7a2f;
}

.redText {
			color: #ff0000;
			}
			
.formHeader {
	font-size: 90%;
	color: #ff7a2f;
	margin-top: 15px;
	display: block;
	font-weight: bold;
}

.asterix {
	color: #000000;
}

.textColor {
	color: #ff7a2f;
	font-size: 1.2em;
}

.boxRight {
	border: 1px solid #ff7a2f;
	background-color: #ffb78e;
	float: right;
	width: 185px;
	padding: 10px;
	font-size: 1em;
}

div.boxRight h3 {
	margin: 0px;
}

/*
job-application-form
*/
.regForm {
	padding: 0;
	margin: 0;
}

.regForm li {
	list-style: none;
	background-image: none;
	padding: 3px 0px 5px 0px;
	border-top: 1px solid #C0C0C0;
}

.regForm li.opt {
	border-top: 0;
	display: none;
}

.elementItem {
	padding: 0;
	display: block;
	clear: left;
	border-style: none;
}

.elementItemGroup {
	padding: 0;
	margin: 0;
	display: block;
	border-top: 2px solid #C0C0C0;
}

li.elementItemEnd {
	padding: 0;
	display: block;
	clear: left;
	border-style: none;
}

.elementGroup {
	padding: 0;
}

.elementGroup ul {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0;
}

.elementGroup li {
	margin: 0;
	margin-left: 0px;
	margin-top: 2px;
	margin-right: 5px;
	padding: 2px 2px 2px 0px;
	border-style: none;
	min-width: 255px;
}

.elementGroupEnd {
	border-style: none;
	margin: 0;
	padding: 0;
	height: 1px;
}

.regForm ol {
	margin: 0px 20px;
	padding: 0px;
}

.regForm p {
	font-size: 1.2em;
}

.regForm .error {
	color: #ff0000;
	font-weight: bold;
}

.regForm .required {
	color: #ff0000;
}

.regForm label.element {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 5px 2px 0px;
	margin: 0px;
}
 
.regForm div.element {
	padding: 1px 0px 0px 0px;
}

#regFormHeader {
	font-weight: bold;
	border-style: none;
	font-size: 20px;
	padding: 0px;
	margin: 0px 0px 8px 0px;
}

#regFormSubHeader {
	font-weight: bold;
	border-style: none;
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 2px 0px;
}

#homeContent {
	width: 90%;
	float: left;
}

#commentsBox {
	width: 75%;
	margin: 0px 0px 20px 0px;
	border: 1px solid #ff7a2f;
	background-color: #ffb78e;
	float: left;
}

div#commentsHeader {
	margin: 0px;
	width: 100%;
	height: 10%;
	background-color: #FF7A2F;
}

div#commentsHeader h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 12px 0px 0px 10px;
}

#comments {
	padding: 0px 10px;
}

.quotes {
	font-style: normal;
	text-align: left;
	color: #000;
	font-size: 1em;
}

.clientQuotes {
	text-align: right;
	color: #fff;
	font-size: 0.9em;
}

#addComment {
	background-color: #454545;
	color: #fff;
	padding: 10px 10px 5px 10px;
}

#addComment a {
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding: 0px 0px 4px 24px;
	background-image: url("/images/comment/addComment.jpg");
	background-repeat: no-repeat;
}

#addComment p {
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	margin: 0px;
}

.joinCompass {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 8px 5px 8px 12px;
	border: 1px solid #ff7a2f;
	background-color: #ffb78e;
}

.joinCompass a {
	color: #000;
}

div.addons {
	padding-bottom: 15px;
	border-bottom: 1px solid;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.addons h2 {
	padding-top: 3px;
	margin: 5px 0px 3px 0px;
	color: #FB5200;
	font-size: 1.3em;
	font-weight: bold;
}