html {
 /* width: 100%; */
 /* width: auto; */
 /* height: 100%; */
}

body {
 /* height: 100%; */
 /* width: auto; */
 margin: 0px;
 padding: 0px;
 background-color: #FFF;
 background-image: url('/i/background_industries.png');
 background-position: center top;
 background-repeat: repeat-x;
 color: #555;

 /* font-family: arial, helvetica, sans-serif;  /* REPLACED  */
 font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", "Lucida Grande", sans-serif;
 /* font-weight: 400;  /* or 300 */
 font-stretch: normal; 
 font-size: 12px;
} 

p { margin: 12px 0px; padding:0 }

a			{ text-decoration: underline; color: #555; }
a:hover		{ text-decoration: underline; }
a:active	{ text-decoration: underline; }
a:visited	{ text-decoration: underline; color: #777; }

p a				{ color: #116; text-decoration: none; }
p a:hover		{ text-decoration: underline; }
p a:visited		{ color: #116; }

li a			{ color: #116; }
li a:visited	{ color: #116; }

.linklist 				{ margin-top: 5px; }
.linklist li a			{ color: #008; }
.linklist li a:visited	{ color: #008; }

a img {	border: none; }

ul { 
 padding: 0px;
 margin: 0px;
}

h1 {
 color: #555;
 font-weight: lighter;
 font-size: 36px;
 line-height: 20px;
 margin: 10px 0px;
}

hr {
 margin: 0px;
 border: none;
 border-top: 1px solid #BBB;
}

input {
 margin: 5px 0px;
}


/* ---- LAYOUT ---- */ 

.header {
 height: 72px;
}

.main_menu {
 height: 40px;
}

.home_content {
 height: 400px;
}

.industry_title {
 height: 50px;
}

.page_title {
 height: 35px;
}

.rowheight {
 height: 5px;
}

.industry_top {
 height: 280px;
}

.industry_main {

}



/* ---- HEADER ---- */ 

.logo {
 margin-top: 19px;
}

.PEI {
 margin-left: 10px;
}

.banner {
 text-align: right;
 float: right;
}

.slogan {
 margin: 20px 5px 0px 0px;
}


.language_switch {
 padding: 3px 15px 0px 0px;
 font-size: 11px;
}

.language_switch a {
 text-decoration: none;
}

.language_switch a:hover {
 text-decoration: underline;
}






/* ---- MENU ---- */ 

.menudiv {
 position: relative;
 width: 980px;
 z-index: 100;
 /* border: 1px solid purple; */
}

.menudiv ul {
 list-style-type: none;		/* just list-style:  ??  */
 float: left;
 padding: 0px;
 margin: 0px;
 /* border: 1px solid green; */
}

.menudiv ul li {
 float: left;
 min-width: 131px;
 height: 38px;
 /* border: 1px solid blue; */
}

.menudiv ul li:first-child {
 width: 190px;
}

.menudiv ul li ul {
 clear: both;
 margin-top: 6px;
 /* box-shadow: 1px 1px 10px #888; */
}

.menudiv ul li ul li {
 clear: both;
 background: #B6B6B6;
 border: 0px;
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #999;
 width: 100%;
 height: 32px;
}

/* this affects submenu too ... */
.menudiv ul li:nth-child(2) {
 width: 170px;
}
/* submenu fix because of style just above */
.menudiv ul li ul li:nth-child(2) {
 width: 190px;
}

/* this affects submenu too ... */
.menudiv ul li:nth-child(3) {
 width: 220px;
}
/* submenu fix because of style just above */
.menudiv ul li ul li:nth-child(3) {
 width: 190px;
}

.menu_cell {
 background: url('/i/separator.png') no-repeat;
}

.menu_cell a {
 display: block;
 height: 32px;
 color: #555;
 text-decoration: none;
 font-weight: normal; font-size: 15px; line-height: 32px;
 /* border: 1px solid red; */
}

.menu_cell a:hover {
 background: url('/i/highlight.png') no-repeat left top;			/* use gradation and switch to: center top */
 /* text-decoration: underline; */
}

.menu_cell a:visited {
 color: #555;
}

.menudiv ul li:first-child.menu_cell:hover {
 background: url('/i/highlight_arrow.png') no-repeat center top;	/* use gradation and switch to: center top */
}

.submenu_cell a:hover {
 background-image: none;											/* use image? nice sideways gradation? */
 background: #AAA;													/* ... use image? nice sideways gradation?  */ 
}

.selected {
 background: url('/i/menu_selected.png') no-repeat center top;
}

.selected a {
 color: #DDD;
 font-weight: bold;
}

.selected a:visited {
 color: #DDD;
 font-weight: bold;
}


.submenu_cell a {
 color: #555;
 font-weight: normal;
}

.submenu_cell a:visited {
 color: #555;
}

.menu_cap {
 float: left;
 height: 32px;
 width: 2px;
 background: url('/i/separator.png') no-repeat;
}

.blog_link {
 margin: 10px 4px 0 0;
 font-size: 13px;
 padding: 4px 6px;
 border: 1px solid #CCC;
 border-radius: 3px;
 float: right;
}

.blog_link a {
 text-decoration: none;
}

.blog_link a:hover {
 text-decoration: underline;
}



/* ---- SLIDESHOW ---- */ 

#slides {
 position: relative;
 z-index: 99;
 width: 957px;
 height: 263;
 margin-left: 11px;
 margin-top: 16px;
}

.slides_container {
 display:none;
 width: 957px;
 height: 263px;
}

.slides_container img {
    width: 957px;
    height: 263px;
    display: block;
}

#slides .prev {
  margin-right: 5px;
  float:left;
}
#slides .next {
  margin-right: 5px;
  float:left;
}

.pagination {
    margin:10px 0 0;
    float: right;
    list-style: none;
}

.pagination li {
    float: left;
    margin: 0 1px;
}

.pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(/i/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination li.current a, .pagination li.current a:hover { background-position: 0 -13px }
.pagination li a:hover { background-position: 0 -26px }

#slides a:link, #slides a:visited { color: #333 }
#slides a:hover, #slides a:active { color: #9e2020 }




/* ---- HOME ---- */ 

.news {
 margin: 9px 25px 0px 25px;
 font-size: 13px;
}

#ticker {
 height: 40px;
 overflow: hidden;
}

#ticker li {
 height: 40px;
}

.industry_holder {
 height: 305px;
 width: 970px;  /* 775px; */
 border: 1px solid #CCC;
 margin: 0px 3px 10px 3px;
 border-radius: 4px; 
 -webkit-border-radius: 4px; 
 -moz-border-radius: 4px; 
}

.industry_box {
 float: left;
 height: 130px;
 width: 181px;
 margin: 10px 0px 10px 9px;
 border: 1px solid #CCC;
 border-radius: 4px; 
 -webkit-border-radius: 4px; 
 -moz-border-radius: 4px; 
 background: #EEE;
 overflow: hidden;
 text-align: center;
 opacity: 0.7;
}

.industry_box:hover {
 opacity: 1.0;
}

.industry_titlebar {
 width: 100%;
 height: 18px;
 border-bottom: 1px solid #999;
 padding: 9px 0px;
 font-size: 18px;
 background: #DDD;
 color: #333;
}

.ind_transit {
 background: url('/i/transit.png') bottom no-repeat;
}

.ind_dealership {
 background: url('/i/dealerships.png') bottom no-repeat;
}

.ind_privatefleets {
 background: url('/i/privatefleets.png') bottom no-repeat;
}

.ind_mining {
 background: url('/i/mining.png') bottom no-repeat;
}

.ind_transport {
 background: url('/i/transport.png') bottom no-repeat;
}

.ind_publicworks {
 background: url('/i/publicworks.png') bottom no-repeat;
}

.ind_construction {
 background: url('/i/construction.png') bottom no-repeat;
}

.ind_telecom {
 background: url('/i/telecom.png') bottom no-repeat;
}

.ind_utilities {
 background: url('/i/utilities.png') bottom no-repeat;
}

.home_sitemanager {
 float: left;
 height: 130px;
 width: 181px;
 margin: 8px 0px 10px 9px;
 padding: 0px;
 text-align: center;
 text-decoration: underline;
}

.note {
 font-size: 11px;
 margin: 3px;
}



/* ---- PAGES ---- */ 


#icon_sequence {
 position: relative;
 width: 300px;
 float: left;
 margin: 20px 0px 0px 20px;
}

#text_sequence {
 position: relative;
 width: 590px;
 float: right;
 margin: 60px 50px 0px 0px;
 opacity: 0.9;
}

.CA_icon {
 display: none;
 position: absolute;
 top: 0;
 left: 0;
}

.CA_title {
 display: none;
 position: absolute;
 top: 0;
 left: 0;
 font-size: 36px;
 letter-spacing: .1em;
 color: #333;
}

.CA_quote {
 display: none;
 position: absolute;
 top: 50px;
 left: 0;
 font-size: 20px;
 font-style: italic;
 letter-spacing: -.045em;
 color: #777;
}

.industry_photo {
 margin: 11px 0px 0px 11px;
}

.quote_container {
 padding: 20px 10px 0px 15px;
}

.quote {
 font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", "Lucida Grande", sans-serif;
 /* margin: -8px; */ 
 color: #555;
 font-weight: lighter;
 font-size: 21px;
 font-style: italic; 
 line-height: 26px;
 letter-spacing: -.04em;
}

.quotename {
 font-size: 15px; letter-spacing: -.04em;
 display:block;
 margin-top: 5px;
}

.quotecompany {
 font-size: 13px; font-style: italic; letter-spacing: -.04em;
}

.mainbody {
 padding: 0px 19px 10px 14px;
}

.mainbody ul {
 padding: 0px 0px 10px 20px;
}

.left_sidebar {
 padding: 15px 0px 0px 11px;
 background: url('/i/vertical_line_gradation.gif') no-repeat right 10px;
}

.left_sidebar a { text-decoration: none; }
.left_sidebar a:hover { text-decoration: underline; }

.mainbody.left_sidebar {
 padding: 18px 11px 0px 11px;
 background: url('/i/vertical_line_gradation.gif') no-repeat right 20px;
}

.mainbody.left_sidebar li { margin-bottom: 5px; }
.mainbody.left_sidebar li a { text-decoration: none; }
.mainbody.left_sidebar li a:hover { text-decoration: underline; }

.sidepanel {
 width: 212px;
 padding: 15px 15px 0px 15px;
 background-color: #FFF;	/* needs to be a 50% transparent white png image */
 margin-top: 15px;
 border: 1px solid #BBB;
 border-radius: 4px; 
 -webkit-border-radius: 4px; 
 -moz-border-radius: 4px; 
}

.sidepanel ul {
 list-style: disc;
 padding: 10px 5px 10px 15px;
 font-size: 11px;
}

.sidepanel li {
 padding-bottom: 5px;
}

.extended {
 margin-left: -15px;
 width: 242px;
}

.sideheading {
 font-weight: bold;
}

.contact_block {
 width: 215px;
 margin: 13px 15px 30px 15px;
 /* for moving to bottom...  position: absolute; bottom: 0; margin: 10px 15px 30px 15px; */
}

.contact_us {
 margin: 10px 0px 10px 0px;
}

#partners_block {
 width: 215px;
 margin: 13px 15px 30px 15px;
}

.region {
 width: 215px;
 margin: 10px 0px 0px 0px;
 font-weight: bold;
}

.region a			{ color: #555; text-decoration: none; }
.region a:visited	{ color: #555; text-decoration: none; }

.partner_address {
 margin: 10px 0px 0px 15px;
 font-weight: normal;
 display: none;
}



.sidecolumn {
 height: 100%;
 position: relative;
}

.tagline {
 font-size: 15px;
 font-style: italic;
 margin: 20px 0px;
}

.components_header {
 font-size: 18px;
 margin: 11px 20px 9px 202px;
}

.components_header a {
 text-decoration: none;
}

.arrow {
 margin: 0px 5px -1px 10px;
}

.footerbox {
 padding: 20px 50px 0px 0px;
 margin: 3px;
}

.components_row {
 margin: 10px 0px 0px 0px;
 background-image: url('/i/line.png');
 background-repeat: no-repeat;
 background-position: 100% 270px ;
}

.components_table {
 border: none;
 margin: 0px 20px 20px 20px;
}

.component_cell {
 padding: 0px 19px;
}

.celldiv {
 position: relative;
 height: 350px; /* was 333 */
}

.component_pic {
 position: absolute;
 bottom: 0px;
}

h1 .subtitle	{ font-size: 24px; }

.smallertext	{ color: #777; font-weight: normal; font-size: 11px; line-height: 13px; }
.smallgrey		{ color: #777; font-weight: normal; font-size: 11px; vertical-align: middle; }

.footer			{ color: #777; font-weight: normal; font-size: 11px; line-height: 14px; }
.altcolor		{ color: #D70; font-weight: bold; }
.altgrey		{ color: #999; font-style: italic; font-size: 12px; }


.notice			{ color: #D70; font-weight: normal; font-size: 10px; line-height: 12px; margin: 5px 0px;}


.smallsubhead { 
 color: #555;
 font-weight: bold;
 font-size: 12px;
 display: block;
 margin: 12px 0px;
 padding: 0;
}

.headspace {
 padding-top: 20px;
}

.thumb {
 clear: both;
 margin: 0px 10px 0px 10px;
 padding: 4px;
 border: 1px solid #BBB;
}

.caption {
 clear: both;
 margin: 0px 10px 15px 120px;
 font-size: 10px;
}

.floatright {
 float: right;
}

.floatleft {
 float: left;
}

.pushleft {
 margin-right: 250px;
}

.padded {
 padding: 2px 0 10px 20px;
}


/* ---- OVERLAYS ---- */ 

#overlay {
 display: block;
 position: absolute; top: 0; left: 0;		/* position: fixed does not allow sideways scrolling (if ever needed on low-resolution displays) */
 width: 100%;
 z-index: 200;
 background: url('/i/dim.png');
 text-align: left;
}

.modalbox {			/* all 3 popup types use this */
 z-index: 202;
 border: none;
 border-radius: 5px;
 position: absolute;
 left: 50%;
}

#videopanel {
 width: 640px;
 height: 360px;
 background: #111;
 margin-left: -480px;
 padding: 33px;
}

#contactpanel {
 width: 540px;
 background: #DDD;
 margin-left: -320px;
 padding: 20px 10px 20px 50px;
 /* border: 5px solid #EEE; */
}

#contactpanel input, #contactpanel select, #contactpanel textarea {
 width: 250px;
}

#contactpanel select {
 width: 255px;
}

#contactpanel input[type=submit] {
 width: 100px;
 margin-left: 100px;
}

#contactpanel input[type=reset] {
 width: 50px;
 margin-left: 95px;
}

#contactpanel label {
 display: inline-block;
 width: 100px;
 vertical-align: top;
 padding-top: 5px;
}

#picturepanel {
 background: #222;
 padding: 10px;  
 margin-left: -482px;
}

.close { position: absolute; top: -10px; right: -10px; }


/* 
.modaltest {
 z-index: 202;
 border: none;
 border-radius: 5px;
 position: relative;
 min-width: 100px;
 display: inline-block;
 margin: 0 auto;
}
*/


#picturecontents img {
 width: 950px;
}


/* ---- RESPONSIVE SCREENSHOT ENLARGEMENT ---- */ 




@media screen and (min-width:1200px) {

	#picturecontents img {
	 width: 1024px;
	}

}

@media screen and (min-width:1400px) {

	#picturecontents img {
	 width: 1280px;
	}

	#picturepanel {
	 margin-left: -655px;
	}

}

@media screen and (min-width:1600px) {

	#picturecontents img {
	 width: 1450px;

	}
	#picturepanel {
	 margin-left: -735px;
	}
	
}

@media screen and (min-width:1800px) {

	#picturecontents img {
	 width: 1700px;

	}
	#picturepanel {
	 margin-left: -865px;
	}
	
}

@media screen and (min-width:2000px) {

	#picturecontents img {
	 width: 1920px;
	}

	#picturepanel {
	 margin-left: -975px;
	}

}