* {font-family: Calibri, Arial, helvetica, sans-serif; font-size:12pt; color:#040707;}
body,h1,h2,h3,h4,h5,div,ul,li,a,img,p,strong,span,input {height:auto; margin:0; padding:0; border:none; background:none;}

body {background:url(../images/Linenbg1.jpg) repeat;}
input[type=button]:hover {cursor:pointer;}

h1 {display:block; font-size:200%; padding:5px; margin:0; color:#BC1D18;}
h2 {display:block; font-size:200%; padding:5px; margin:0 auto; color:#BC1D18;}
h3 {display:block; font-size:166%; padding:10px 5px 0 5px; margin:0; color:#BC1D18;}
h4 {display:block; font-size:133%; padding:5px 0 10px 0px; margin:0; color:#BC1D18; text-align:center;}
strong {font-weight:bold;}

p {text-align:left; padding:0; margin:0 5px 10px 30px;}
.Centered {text-align:center; padding:0; margin:5px;}
.CenteredNarrow {display:block; width:56%; text-align:center; padding:0; margin:1% auto 1% auto;}

a {color:#BC1D18; text-decoration:underline;}
a:visited { color:#BC1D18; text-decoration:underline;}
a:hover { color:#BC1D18; text-decoration:none; cursor:pointer;}

.Wrapper {width:100%;}
.Header {width:100%; background:#040707 url(../images/Headerbg.jpg) repeat-x; background-size:auto 100%; position:relative; border-bottom:solid 1pt #040707;}
.LogoLink {display:block; width:20%; max-width:310px; margin:0 0 5% 10%; padding:1% 0% 1% 0%;}
.HeaderLeft {float:left; width:38%; padding:1%; text-align:center; background-color:#00FFFF}
.HeaderRight {float:left; width:34%; padding:1%; text-align:center;}

.MainMenu {width:70%; position:absolute; bottom:0; right:0;}
.MainMenu a {float:left; display:inline-block; width:16.364%; padding:1% 0 1% 0; margin:0 0.3% 0 0; text-align:center; text-decoration:none; background:#FFFFE8; 
										border:none; border-radius:10pt 10pt 0 0;}
.MainMenu a:hover {background:#BC1D18; color:#FFFFE8;}

.ImgLogo {width:100%;}
.ImgInlineRight {float:right; width:35%;}
.ImgInlineLeft {width:10%; position:absolute; left:20%; top:10%;}
.ImgBlock {display:block; width:80%; margin:5% auto;}
.ImgPlaceHolder {width:100%; height:auto; visibility:hidden;}

.MainPictureWrapper {height:auto; min-height:220px; width:950px; margin:0; padding:0 20px 0 0; text-align:center;}
.InfoMainWrapper {height:auto; min-height:300px; width:950px; margin:20px 0 0 0; padding:0;}
.InfoCenter {width:94%; padding:2% 3% 1% 3%; text-align:center; clear:both; position:relative;}
.InfoLeft {width:50%; padding:1% 5% 3% 5%; float:left; text-align:center; position:relative;}
.InfoRight {width:30%; padding:1% 5% 3% 5%; float:left; text-align:center; position:relative;}
.ListNormal {list-style:none; padding:0 0 0 10pt; margin:0 0 12pt 40%;  text-align:left;}
.ListNormal li {background:url(../images/list_marker.gif) no-repeat left 7px; padding-left:12px; line-height:18px;}
.ListNormalLeft {list-style:none; padding:0 0 0 10pt; margin:0 0 12pt 5%;  text-align:left;}
.ListNormalLeft li {background:url(../images/list_marker.gif) no-repeat left 7px; padding-left:12px; line-height:18px;}
.ListNormal35 {list-style:none; padding:0 0 0 10pt; margin:0 0 12pt 35%;  text-align:left;}
.ListNormal35 li {background:url(../images/list_marker.gif) no-repeat left 7px; padding-left:12px; line-height:18px;}

.ClearAll100 {width:100%; height:0; clear:both;}

.slider {width:90%; max-width:1200px; margin:0 auto; position:relative;}

.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
}
.slide1 {
	background: url(../images/screen2_website_5.jpg)no-repeat center;
	background-size:cover;
	animation:fade1 30s infinite;
	-webkit-animation:fade1 30s infinite;
} 
.slide2 {
	background: url(../images/screen1_profit_5.jpg)no-repeat center;
	background-size:cover;
	animation:fade2 30s infinite;
	-webkit-animation:fade2 30s infinite;
}
.slide3 {
	background: url(../images/screen3_rental_5.jpg)no-repeat center;
	background-size:cover;
	animation:fade3 30s infinite;
	-webkit-animation:fade3 30s infinite;
}
.slide4 {
	background: url(../images/screen4_franchise_5.jpg)no-repeat center;
	background-size:cover;
	animation:fade4 30s infinite;
	-webkit-animation:fade4 30s infinite;
}
.slide5 {
	background: url(../images/screen5_fleet_5.jpg)no-repeat center;
	background-size:cover;
	animation:fade5 30s infinite;
	-webkit-animation:fade5 30s infinite;
}

@keyframes fade1
{
  0%   {opacity:1}
  20% { opacity: 0}
  40% { opacity: 0}
  60% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  20% { opacity: 1}
  40% { opacity: 0}
  60% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  20% { opacity: 0}
  40% { opacity: 1}
  60% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 0}
}

@keyframes fade4
{
  0%   {opacity:0}
  20% { opacity: 0}
  40% { opacity: 0}
  60% { opacity: 1}
  80% { opacity: 0}
  100% { opacity: 0}
}

@keyframes fade5
{
  0%   {opacity:0}
  20% { opacity: 0}
  40% { opacity: 0}
  60% { opacity: 0}
  80% { opacity: 1}
  100% { opacity: 0}
}

/* footer */
#FooterWrapper {width:100%; /*height:80px;*/ text-align:center; margin:0 0 30px 0;}
#Footer {width:100%; /*height:80px;*/ padding:10px 0 10px 0; text-align:center;}
#Footer a, a:visited {display:inline-block; padding:0 3px 0 3px; margin:6px; width:130px; height:30px;}
#Footer a:hover {cursor:pointer; text-decoration:underline;}
#Footer a:active {text-decoration:underline;}


@media only screen and (min-width : 100px) {
.LogoLink {display:block; width:35%; margin:0 auto 6% auto; padding:1% 0% 1% 0%;}
.MainMenu {width:100%; position:absolute; bottom:0; right:0;}
.MainMenu a {float:left; display:inline-block; width:16.364%; padding:1% 0 1% 0; margin:0 0.3% 0 0; text-align:center; text-decoration:none; background:#FFFFE8; 
										border:none; border-radius:10pt 10pt 0 0; font-size:8pt;}
.InfoCenter {width:94%; padding:2% 3% 1% 3%; text-align:center; clear:both;}
.InfoLeft {float:none; width:90%; padding:1% 5% 3% 5%; text-align:center;}
.InfoRight {float:none; width:90%; padding:1% 5% 3% 5%; text-align:center;}
.CenteredNarrow {display:block; width:80%; text-align:center; padding:0; margin:1% auto 1% auto;}

.ImgInlineRight {float:right; width:45%;}
.ListNormal35 {list-style:none; padding:0 0 0 10pt; margin:0 0 12pt 10%;  text-align:left;}
}



@media only screen and (min-width : 900px) {
.LogoLink {display:block; width:25%; max-width:310px; margin:0 auto 4% auto; padding:1% 0% 1% 0%;}
.MainMenu {width:100%; position:absolute; bottom:0; right:0;}
.MainMenu a {float:left; display:inline-block; width:16.364%; padding:1% 0 1% 0; margin:0 0.3% 0 0; text-align:center; text-decoration:none; background:#FFFFE8; 
										border:none; border-radius:10pt 10pt 0 0; font-size:12pt;}
.InfoCenter {width:94%; padding:2% 3% 1% 3%; text-align:center; clear:both;}
.InfoLeft {float:none; width:90%; padding:1% 5% 3% 5%; text-align:center;}
.InfoRight {float:none; width:90%; padding:1% 5% 3% 5%; text-align:center;}
.CenteredNarrow {display:block; width:80%; text-align:center; padding:0; margin:1% auto 1% auto;}
.ImgInlineRight {float:right; width:35%;}
.ListNormal35 {list-style:none; padding:0 0 0 10pt; margin:0 0 12pt 20%;  text-align:left;}

}

@media only screen and (min-width : 1200px) {
.LogoLink {display:block; width:20%; max-width:310px; margin:0 0 0 10%; padding:1% 0% 1% 0%;}
.MainMenu {width:70%; position:absolute; bottom:0; right:0;}
.MainMenu a {float:left; display:inline-block; width:16.364%; padding:1% 0 1% 0; margin:0 0.3% 0 0; text-align:center; text-decoration:none; background:#FFFFE8; 
										border:none; border-radius:10pt 10pt 0 0; font-size:12pt;}
.InfoCenter {width:94%; padding:2% 3% 1% 3%; text-align:center; clear:both;}
.InfoLeft {width:50%; padding:1% 5% 3% 5%; float:left; text-align:center;}
.InfoRight {width:30%; padding:1% 5% 3% 5%; float:left; text-align:center;}
.CenteredNarrow {display:block; width:56%; text-align:center; padding:0; margin:1% auto 1% auto;}

.ImgInlineRight {float:right; width:35%;}
.ListNormal35 {list-style:none; padding:0 0 0 10pt; margin:0 0 12pt 35%;  text-align:left;}

}

@media only screen and (min-width : 1600px) {
* {font-size:18pt;}
.MainMenu a {float:left; display:inline-block; width:16.364%; padding:1% 0 1% 0; margin:0 0.3% 0 0; text-align:center; text-decoration:none; background:#FFFFE8; 
										border:none; border-radius:10pt 10pt 0 0; font-size:18pt;}
}

@media only screen and (min-width : 2000px) {
* {font-size:24pt;}
.MainMenu a {float:left; display:inline-block; width:16.364%; padding:1% 0 1% 0; margin:0 0.3% 0 0; text-align:center; text-decoration:none; background:#FFFFE8; 
										border:none; border-radius:10pt 10pt 0 0; font-size:24pt;}
}


/* greeen is A1CC3A orange is FAA21E background light grey is F2F2F2 near black is 040707 */
/* light beige: FFFFE8, old-> FFFFF8, FFFFEC */
/* rusty red is BC1D18 RGB: 188 29 24*/