body {	
	margin: 0; 	padding: 0px;
	font-family: Arial,Verdana;
	font-size: 11px;
	color: #747879;
	line-height: 15px;
	text-align: left;
	background: #eeeded;
}

img { border: none; }

a { text-decoration: none; color: #091D5F;}

input { font-size: 11px; }

h1, h2, h3, h4, p, ul, ol, li, dl, dd, dt, form {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}

div, input {
	padding: 0;
	margin: 0;
}

#SiteCanvas {
	width: 825px;
	text-align: left;
	padding: 0px 15px 0 15px;
	background: white url(../images/frontend_bg.gif) repeat-y right;
}

#SiteHeader {
	position: relative;
	padding: 0 0 4px;
	margin-bottom: 2px;
	width: 100%;	
}

#SiteHeader #Banner {
	width: 100%;
	height: 84px;
	background: white;
}

#SiteHeader #Banner h1 a {
	float: left;
	width: 207px;
	height: 48px;
	overflow: hidden;
	font-size: 17px;
	font-weight: bold;	
	margin: 30px 0px 0px 10px;
	text-decoration: none;
	background: white url(../images/logo.gif) no-repeat;
	color: white;
}

#SiteHeader #Banner h1 a .nonsense {
	display: none;
}

#SiteHeader #Banner #Search {
	float: right;
	text-align: right;
	margin: 35px 0px 0 0;
	font-size: 12px;
	font-weight: normal;
	color: #848889;
	width: 320px;
}

#SiteHeader #Banner #Search p {
	padding-right: 198px;
}

#SiteHeader #Banner #Search div.button {
	float: right;
	margin: 0px 0 0 6px;
	padding-top: 0px;
}

#SiteHeader #Banner #Search div.phoneNumber {
	float: right;
	margin: 2px 0 0 26px;
	padding-top: 0px;
}

#SiteHeader #NavTabs {
	margin-top: 3px;
	background-color: #091D5F;
	height: 26px;
}

#SiteHeader #NavTabs ul {
	padding-left: 12px;
	width: 825px;
	padding-top: 2px;
}

#SiteHeader #NavTabs li {
	float: left;
	margin-right: 12px;
	padding: 4px 4px 0 4px;
	height: 26px;
	font-size: 10px;
}

#SiteHeader #NavTabs li a {
	color: white;
	font-weight: normal;
	text-transform: uppercase;
}

#SiteHeader #NavTabs li.on {
	background-color: white;
}

#SiteHeader #NavTabs li.on a {
	color: #091D5F;
	font-weight: bold;
}

#SiteContent {
	min-height: 300px;
}

#SiteContent #Inner {
	padding: 0;
}

#SiteFooter {
	margin: 20px 0 0px 0 !important;
	padding: 3px 0 20px 0;
	border-top: 2px solid #091D5F;;
	text-align: left;
	font-size: 11px;
	color: #848889;
}

/* === COMMON === */

span.separator {
	margin: 0 10px 0 10px;
}

/* === HOME PAGE === */

div#homeLeftPanel {
	width: 500px;
	border: 1px solid #b4b8b9;
	margin: 0 10px 0 5px;
}

div#homeLeftPanel h2 {
	font-family: georgia;
	margin: 15px 0px 0px 0px;
	padding: 0px 15px 0 15px;
}

div#homeLeftPanel h2 a {
	color: #091D5F;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}

div#homeLeftPanel div.description {
	padding: 15px 15px 0 15px;
}

div#homeRightPanel {
	/*margin-left: 517px;*/
	float: right;
	margin-right: 5px;
}

div#homeRightPanel h2 {
	font-family: georgia;
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 0 10px;

}

div#homeRightPanel h2 a {
	color: #091D5F;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
}

div#homeRightPanel li {
	margin-top: 10px;
	border: 1px solid #b4b8b9;
	width: 300px;
	display: block;
	/*height: 180px;*/
}

div#homeRightPanel div.description {
	padding: 10px;
}

div#homeRightPanel li.top { margin-top: 0px; }

div#homeRightPanel li.top h2 a { color: #671787;}
div#homeRightPanel li.middle h2 a { color: #0a4398; }
div#homeRightPanel li.bottom h2 a { color: #007475; }

/*=== SEARCH === */

h1.searchTitle {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #b4b8b9;
	color: #091D5F;
	font-weight: bold;
	font-size: 15px;
	text-align: left;	
}

p.results {
	text-align: left;
	margin: 10px 0 10px 0;
}

ul.searchResults {
	padding-left: 15px;	
	width: 90%;
}

ul.searchResults li {
	border-top: 1px solid #b4b8b9;
	padding-top: 7px;
}

ul.searchResults li {
	margin-bottom: 7px;
}

ul.searchResults li span.title {
	font-size: 12px;
}

ul.searchResults li p.link {
	padding-left: 15px;
}

ul.searchResults li p.link a {
	color: #747879;
	font-style: italic;
}

ul.searchResults li span.category {
	float: right;
}

/*=== PRODUCT GUIDE LINES === */

div#productGuideLinesNav {
	text-align: center;
	border-bottom: 1px solid #b4b8b9;
	padding-bottom: 3px;
}

div#productGuideLinesNav a {
	font-size: 10px;
	color: #747879;
	font-weight: normal;
	text-transform: uppercase;
}

div#productGuideLinesNav a.on {
	color: #091D5F;
}

div.productGuideLinesContentsWrapper {
	margin-top: 10px;
	border: 1px solid #b4b8b9;
	padding: 15px;
}

div.productGuideLinesContents {
	background: white url(../images/portfolio_bg.jpg) repeat-y 140px;
	min-height: 350px;
	margin-top: -10px;
}

div.productGuideLinesContents div.contents {
	float: left;
	width: 110px;
	margin-right: 10px;
}

div.productGuideLinesContents div.contents li {
	margin-bottom: 3px;
}

div.productGuideLinesContents div.contents li a {
	font-size: 10px;
	color: #747879;
	font-weight: normal;
	text-transform: uppercase;
}

div.productGuideLinesContents div.contents li a.on {
	color: #091D5F;
}

div.productGuideLinesContents div.content {
	margin-left: 170px;
	/*padding: 0 0 0 40px;*/
}

div.productGuideLinesContents div.content h2 {
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 0 0px;
	color: #091D5F;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
}

div.productGuideLinesContents div.content div.body {
	margin: 10px 0 10px 0;
	padding-bottom: 10px;
}

div.productGuideLinesContents div.content div.documents {
	border-top: 1px solid #b4b8b9;
	margin-top: 10px;
}

div.productGuideLinesContents div.content div.documents h3 {
	margin-top: 15px;
	color: #0a4398;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
}

div.productGuideLinesContents div.content div.documents ul {
	margin: 12px 0 10px 0;
	padding-bottom: 10px;
}

div.productGuideLinesContents div.content div.documents ul li {
	margin-bottom: 15px;
}

div.productGuideLinesContents div.content div.documents ul li a {
	color: #747879;
}

div.productGuideLinesContents div.content div.documents p {
	font-size: 11px;
	font-style: italic;
}

div.leadTimes {
	margin-top: 10px;
	padding: 15px;
	border: 1px solid #b4b8b9;
	min-height: 350px;
}

div.leadTimes div.body {
}

div.leadTimes div.body h1 {
	font-size: 14px;
	color: #747879;
	margin-bottom: 8px;
}


/*=== PORTFOLIO === */

div#categoryNav {
	text-align: center;
	border-bottom: 1px solid #b4b8b9;
	padding-bottom: 3px;
}

div#categoryNav a {
	font-size: 10px;
	color: #747879;
	font-weight: normal;
	text-transform: uppercase;
}

div#categoryNav a.on {
	color: #091D5F;
}

div.portfolioImageGallery {
	float: left;
	margin-top: 10px;
	/*border-top: 1px solid #b4b8b9;
	border-left: 1px solid #b4b8b9;	
	width: 498px;*/
}

div.portfolioImageGallery table, div.portfolioImageGallery table td {
	border-collapse: collapse;
	border: 1px solid #b4b8b9;	
}

div.portfolioImageGallery table td { 
	padding: 0px;
	margin: 0px;
}

div.portfolioImageGallery table td a {
	display: block;
	background: #fff;
	padding: 0px;
	margin: 0px;	
	border: 1px solid #fff;
}

div.portfolioImageGallery table td a img {
	margin: 10px;
}

div.portfolioImageGallery table td a:hover {
	border-color: #091D5F;
}


div.portfolioImageGallery li {
	float: left;
	width: 82px;
	height: 82px;
	border-right: 1px solid #b4b8b9;
	border-bottom: 1px solid #b4b8b9;
}

div.portfolioImageGallery li img {
	margin: 11px 0 0 11px;
}

div.portfolioContent {
	float: left;
	margin: 10px 0 0 15px;
	border: 1px solid #b4b8b9;
	height: 498px;
	width: 300px;
}

div.portfolioContent h2 {
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 0 10px;
	color: #091D5F;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
}

div.portfolioContent div.description {
	padding: 10px;
}

div.portofolioProductsWrapper {
	margin-top: 10px;
	border: 1px solid #b4b8b9;
	padding: 15px;
}

div.portofolioProducts {
	background: white url(../images/portfolio_bg.jpg) repeat-y 165px;
}

div.portofolioProducts div.subCategories {
	float: left;
	width: 110px;
	margin-right: 10px;
}

div.portofolioProducts div.subCategories li {
	margin-bottom: 6px;
}

div.portofolioProducts div.subCategories li a {
	font-size: 10px;
	color: #747879;
	font-weight: normal;
	text-transform: uppercase;
}

div.portofolioProducts div.subCategories li a.on {
	color: #091D5F;
}

div.portofolioProducts div.images {
	float: left;
	padding: 0 0 0 40px;
	margin-left: 43px;
	width: 590px;
}

div.portofolioProducts div.images li {
	float: left;
	margin: 0 20px 20px 0;
	text-align: center;
	width: 126px;
	height: 185px;
}

div.portofolioProducts div.images li img {
	margin-bottom: 5px;
}

div.portfolioProductWrapper {
	margin-top: 10px;
}

div.portfolioProductWrapper div.image {
	border: 1px solid #b4b8b9;
	text-align: center;
	padding-top: 40px;
	margin-right: 335px;
}

div.portfolioProductWrapper div.image img {

}

div.portfolioProductWrapper div.informations {
	float: right;
	width: 290px;
	border: 1px solid #b4b8b9;
	padding: 15px;
}

div.portfolioProductWrapper div.informations h2 {
	color: #0a4398;
	font-size: 15px;
	font-weight: bold;
}

div.portfolioProductWrapper div.informations div.description {
	margin: 10px 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #b4b8b9;
}

div.portfolioProductWrapper div.informations h3 {
	color: #0a4398;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
}

div.portfolioProductWrapper div.informations ul.productViews {
	margin: 12px 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #b4b8b9;	
	min-height: 100px;
}

div.portfolioProductWrapper div.informations ul.productViews li {
	float: left;
	margin-right: 5px;
}

div.portfolioProductWrapper div.informations ul.productSpecs {
	margin: 12px 0 10px 0;
	padding-bottom: 10px;
	min-height: 100px;
}

div.portfolioProductWrapper div.informations ul.productSpecs li {
	margin-bottom: 15px;
}

div.portfolioProductWrapper div.informations ul.productSpecs li a {
	color: #747879;
}

div.portfolioProductWrapper div.informations ul.productSpecs li.noResults {
	font-size: 11px;
	font-style: italic;
}

/*=== CAPABILITIES === */

div.capabilities {
	margin-top: 20px;
	border-top: 1px solid #b4b8b9;
}

div.capabilities table {
	position: relative;
	top: 0px;
	left: -10px;
	margin-top: 0px;
	width: 836px;
	border: none;
	border-collapse: separate;
}

div.capabilities td {
	vertical-align: top;
	padding: 10px;
	border: 1px solid #b4b8b9;	
	width: 50%;
}

div.capabilities td h1 {
	color: #0a4398;
	font-size: 15px;
	font-weight: bold;
	font-family: georgia;
}

div.capabilities td div.body {
	margin-top: 10px;
	font-size: 11px;
}

/*== AWARDS === */

div#yearNav {
	text-align: center;
	border-bottom: 1px solid #b4b8b9;
	padding-bottom: 3px;
}

div#yearNav a {
	font-size: 10px;
	color: #747879;
	font-weight: normal;
	text-transform: uppercase;
}

div#yearNav a.on {
	color: #091D5F;
}

div.awardWrapper {
	margin-top: 10px;
}

div.awardWrapper div.informationsWrapper {
	margin-left: 520px;
	border: 1px solid #b4b8b9;
	min-height: 400px;
}

div.awardWrapper div.informationsWrapper div.informations {
	padding: 15px;
	min-height: 400px;
}

div.awardWrapper div.informationsWrapper div.informations h1 {
	color: #747879;
	font-size: 13px;
	font-weight: bold;
}

div.awardWrapper div.informationsWrapper div.informations h2 {
	color: #747879;
	font-size: 11px;
	font-weight: normal;
}

div.awardWrapper div.informationsWrapper div.informations div.body {
	margin-top: 10px;
}

div.awardWrapper div.leftPanelWrapper {
	float: left;
	padding: 15px 20px 15px 20px;
	border: 1px solid #b4b8b9;
	width: 465px;
}

div.awardWrapper div.leftPanelWrapper div.leftPanel {
	background: white url(../images/portfolio_bg.jpg) repeat-y 120px;
	min-height: 400px;
}

div.awardWrapper div.leftPanelWrapper div.leftPanel div.clients {
	float: left;
	width: 120px;
	margin-right: 25px;
}

div.awardWrapper div.leftPanelWrapper div.leftPanel div.clients li {
	margin-bottom: 3px;
}

div.awardWrapper div.leftPanelWrapper div.leftPanel div.clients li a {
	font-size: 10px;
	color: #747879;
	font-weight: normal;
	text-transform: uppercase;
}

div.awardWrapper div.leftPanelWrapper div.leftPanel div.clients li a.on {
	color: #091D5F;
}

div.awardWrapper div.leftPanelWrapper div.leftPanel div.image {
	float : right;
	padding: 0 0 0 0px;
}

/* === ABOUT US === */

div.aboutUs {
	margin-top: 15px;
	padding: 15px;
	border: 1px solid #b4b8b9;
	min-height: 350px;
}

div.aboutUs div.image {
	float: right;
}

div.aboutUs div.body {
	margin-right: 300px;
}

div.aboutUs div.body h1 {
	font-size: 14px;
	color: #747879;
	margin-bottom: 8px;
}

/* === CASE STUDIES === */

div#caseStudyNav {
	text-align: center;
	border-bottom: 1px solid #b4b8b9;
	padding-bottom: 3px;
}

div#caseStudyNav a {
	font-size: 10px;
	color: #747879;
	font-weight: normal;
	text-transform: uppercase;
}

div#caseStudyNav a.on {
	color: #091D5F;
}

div.caseStudyWrapper {
	margin-top: 10px;
}

div.caseStudyWrapper div.image {
	float: right;
	padding: 15px;
	border: 1px solid #b4b8b9;
}

div.caseStudyWrapper div.informations {
	border: 1px solid #b4b8b9;
	margin-right: 442px;
	padding: 15px 15px 0 15px;
}

div.caseStudyWrapper div.informations h1 {
	font-size: 12px;
	color: #747879;
	font-weight: normal;
	margin-bottom: 15px;
}

div.caseStudyWrapper div.informations h2 {
	font-size: 11px;
	color: #747879;
	font-weight: normal;
}

div.caseStudyWrapper div.informations div.body {
	margin: 10px 0 10px 0;
}

/* === FAQS & TIPS === */

div#faqsTipsNav {
	text-align: center;
	border-bottom: 1px solid #b4b8b9;
	padding-bottom: 3px;
	margin-right: 15px;
}

div#faqsTipsNav a {
	font-size: 10px;
	color: #747879;
	font-weight: normal;
	text-transform: uppercase;
}

div#faqsTipsNav a.on {
	color: #091D5F;
}

div.capabilities {
	margin-top: 20px;
	border-top: 1px solid #b4b8b9;
}

div.faqsTips table {
	position: relative;
	top: 0px;
	left: -10px;
	margin-top: 0px;
	width: 836px;
	border: none;
	border-collapse: separate;
}

div.faqsTips td {
	vertical-align: top;
	padding: 10px;
	border: 1px solid #b4b8b9;	
	width: 50%;
}

div.faqsTips td h1 {
	/*
	color: #0a4398;
	font-size: 19px;
	font-weight: normal;
	text-transform: capitalize;	*/
	
	color: #0a4398;
	font-size: 15px;
	font-weight: bold;	
	font-family: georgia;
}

div.faqsTips td div.body {
	margin-top: 10px;
	font-size: 11px;
}

/* === CONTACT US === */

div.contactUs {
	margin-top: 10px;
}

div.contactUs div.form {
	float: right;
	padding: 15px;
	border: 1px solid #b4b8b9;
	width: 300px;
}

div.contactUs div.form dl {
	margin-bottom: 5px;
}

div.contactUs div.form div.actions {
	margin: 10px 10px 0 0;
	text-align: right;
	text-transform: uppercase;	
	font-weight: bold;
	color: #091D5F;
}

div.contactUs div.form div.actions input {
	position: relative;
	top: 4px;
	left: 5px;
}

div.contactUs div.content {
	padding: 15px 15px 0 15px;
	border: 1px solid #b4b8b9;
	margin-right: 345px;
}

div.contactUs div.content div.body {
	padding-bottom: 15px;
}

div.contactUs div.content div.body h1 {
	font-size: 14px;
	color: #747879;
	margin-bottom: 8px;
}

/* === FORM / FLASH === */

.inlineError {
	margin: 0 0 20px 0;
	color: #f00;
	background-color: #fcc;
	border: 1px solid #c00;
	padding: 5px 5px 5px 30px;
	background: #fcc url(../images/admin/icons/warning.gif) no-repeat 5px center;
	clear: both;
}

.inlineError h2 {
	display: none;
}

#Flash div {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 30px;
	background: #fcc url(../images/admin/icons/exclamation.gif) no-repeat 5px center;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	clear: both;
	margin: 0px 0 20px 0;
}

#Flash div.message {
	background: #def url(../images/admin/icons/info.gif) no-repeat 5px center;
	border-color: #ccc;
}

/* === NAVIGATION SYSTEM (multipage, back, ...etc )=== */

div.navigation {
	margin-top: 10px;
	border: 1px solid #b4b8b9;
	padding: 20px;
	font-weight: bold;
}

div.back {
	float: right;
}

div.back a {
	color: #091D5F;
}

div.navigation div.right {
	float: right;
}

div.navigation div.right a {
	color: #091D5F;;
}

div.navigation div.left {
	color: #515658;
}

div.navigation div.left a {
	color: #747879;
}

/*=== LINKS === */

a.document {
	background: url(../images/text_doctype.jpeg) no-repeat right center;
	padding: 9px 38px 9px 0px;
	margin-right: 8px;
}

a.pdf { background-image: url(../images/pdf_doctype.jpeg); }
a.word { background-image: url(../images/word_doctype.jpeg); }