/*  www.acproducts.net
	index.css
	Written by Michel Senghaas and Richard Garcia
    Copyright(c) 2011-2013 A&C Products
*/
body {
	background-image: url(images/background9.jpg);
	background-size: 100%;
	background-repeat: repeat-y;
	color: #fff;
}
a{ color: #5986BC;}

h1 {	margin: 0px;}
#page {
	background-color: #000000;
	width:	1024px;
	box-shadow: 0px 0px 165px 115px #000;
	
}
#header {
	height: 135px;
	/* background-image: -moz-linear-gradient(center top , #777 0%, #BBB 100%);*/
	background-color: #313131;
	background-image: url(images/Top_Title_Bar.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
}
#HeaderShadow{
	height: 20px;
	background-image:url(images/Top_Title_Bar_Shadow.png);
	background-size:100%;
	height:22px;
}
.subHeadings {
    padding: 1% 1% 1% 1%;
	background: url(images/grillDivDark.png) repeat scroll 0px -3px; /*Leave for IE8!*/
	background: url(images/bolt.png) no-repeat scroll top right,
	            url(images/bolt.png) no-repeat scroll bottom right,
				url(images/bolt.png) no-repeat scroll bottom left,
				url(images/bolt.png) no-repeat scroll top left,
	            url(images/grillDivDark.png) repeat scroll 0px -3px;
	background-size:30px, 30px, 30px, 30px, auto;
	clear:both;
/*	height: calc(33.333333% - 20px);*/
	height:30%;
	min-height:30%;
	margin: 10px 0px 10px 0px;
	color:white;
}

.subHeadings:hover{text-shadow: 0px 0px 5px #ffffff;}

.subHeadingsIcon{
	background-size: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	float: left;
	width: 32%;
	margin: 10px 10px 10px 30px;
	height: 100%;
	min-height:100%;
}
#sub1 .subHeadingsIcon {
	background-image: url(images/th_interiors.jpg);
}
#sub2 .subHeadingsIcon {
	background-image: url(images/th_News.jpg);
}
#sub3 .subHeadingsIcon {
	background-image: url(images/th_repStation.jpg);
}

.subHeadingsText{
	height: 100%;
/*	width: calc(64% - 45px);*/
	width:56%;
	float: left;
	height:100%;
	margin-left: 10px;
}

.Aclogo{
	background-image: url(images/logo3.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	display: block; 
	margin-left: 5%;
	width: 300px; 
	height: 100%;
}

@-webkit-keyframes slogan { 0% { background-image: url(images/Slogan.png);} 
                            45% { background-image: url(images/Slogan.png);} 
							55% { background-image: url(images/Slogan2.png); }
							100% { background-image: url(images/Slogan2.png); }}
@keyframes slogan { 0% { background-image: url(images/Slogan.png);} 
                            45% { background-image: url(images/Slogan.png);} 
							55% { background-image: url(images/Slogan2.png); }
							100% { background-image: url(images/Slogan2.png); }}

@-webkit-keyframes sloganFadeOut { 0% { opacity: 0; } 35% { opacity: 0; } 65% { opacity:1; } 100% {opacity: 1}}
@-webkit-keyframes sloganFadeIn  { 0% { opacity: 1; } 35% { opacity: 1; } 65% { opacity:0; } 100% {opacity: 0}}
@keyframes sloganFadeOut { 0% { opacity: 0; } 35% { opacity: 0; } 65% { opacity:1; } 100% {opacity: 1}}
@keyframes sloganFadeIn  { 0% { opacity: 1; } 35% { opacity: 1; } 65% { opacity:0; } 100% {opacity: 0}}

.sloganFrame{
	float: right;
	display: block; 
	margin-right: 8%;
	width: 500px; 
	height: 100%;
	position: relative;
}

.slogan {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1.0;
}

#slogan1 { 
	background-image: url(images/Slogan.png); 
	animation: sloganFadeOut 40s infinite alternate;
	-webkit-animation: sloganFadeOut 40s infinite alternate;}
#slogan2 { 
	background-image: url(images/Slogan2.png); 
	animation: sloganFadeIn 40s infinite alternate;
	-webkit-animation: sloganFadeIn 40s infinite alternate;}

.leftPane{
  margin: 0% 2% 0% 2%;
  width:56%;
  float:left;
  height:100%;
}

.rightPane{
  width:38%;
  /*background-color:#555555;*/
  background: url(images/grillDivDark.png) repeat scroll 0px -3px; /*Leave for IE8!*/
	background: url(images/bolt.png) no-repeat scroll top right,
	            url(images/bolt.png) no-repeat scroll bottom right,
				url(images/bolt.png) no-repeat scroll bottom left,
				url(images/bolt.png) no-repeat scroll top left,
				url(images/bolt.png) no-repeat scroll center left,
				url(images/bolt.png) no-repeat scroll center right,
	            url(images/grillDivDark.png) repeat scroll 0px -3px;
	background-size:30px, 30px, 30px, 30px, 30px, 30px, auto;
  float:left;
/*  height: calc(100% - 5px);*/
  height:99.5%;
  margin: 10px 2% 0% 0%;
  
}

.rightPic 
{
  width:90%;
  height:40%;
  display:block;
  margin: 30px auto 0 auto;
  clear:both;
  background-position: center center;
  background-color: #000000;
  background-image: url(images/faabanner.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.rightText {
  width:80%;
  height:60%;
  color: #ffffff;
  display:block;
  margin:0 auto 0 auto;
   clear:both;
}
.rightText:hover { text-shadow: 0px 0px 5px; }
.panes {
  background:#000000;
  height:660px;
  margin-top: 10px;
}	
.intro {
	background: #555555;
	background-image: url(images/introBar.png);
	background-repeat: none;	
	background-size: 100% 100%;
	/*background-image: -moz-linear-gradient(center top , #777 0%, #BBB 100%);*/
	height: 120px;
	width: calc(96% - 20px);
	margin: 0px 2% 0px 2%;
	padding: 10px;
}
#introWelcome{
	float: left;
	/*border-right: 5px solid #ffffff; */
	height: 98%;
	width: 39%;
	padding: 10px 0px 0px 50px;

}

#introText{
	height: 100%;
/*	width: calc(55% - 60px);*/
	width:50%;
	float: left;
	padding-left: 50px;
	display:none;
}

#introBanner{
	height: 100%;
/*	width: calc(55% - 60px);*/
	width:50%;
	float: left;
	padding-left: 50px;
	background-image:url(images/banner2014.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

#footer
{
	clear: both;
	margin: 30px 0px 5px 0px;
	overflow:auto;
	height:24px;
	line-height:24px;
}
.footerIcon
{
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  height:100%;
  width:3%;
  float:right;
  cursor:pointer;
}

#twitterIcon { background-image:url(images/twitter.png); }

#facebookIcon { background-image:url(images/facebook.png); }

#copyRight
{
	float: left;
	margin-left:12px;
	height:100%
}
#address
{
	float:left;
	margin-left:46px;
	height:100%
}
#phoneNo
{
	float:right;
	margin-right:18px;
	height:100%
}

.menubar
{
  width: 100%;
  height:40px;
  position:relative;
}

.menuCol
{
  float:left;
  height:40px;
  overflow:hidden;
  position:absolute;
  z-index:100;
}

.menuCol:hover { overflow-y: visible; height:auto;}
.menuItem
{
  width:100%;
  height:40px;
  line-height:40px;
  text-align:center;
  color:#fff;
  background-color: rgba(42, 38, 34, 0.7); /*#2a2622;*/
  margin-left: 2px;
  cursor:pointer;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

/*#MenuItem1 {	 margin-left: 0px; width: 20%; background-color: #ab9a72; color:#000000;}
#MenuItem2 { background-color: #f7dfa5; color:#786c50}
#MenuItem3 { background-color: #c59f48; }
#MenuItem4 { background-color: #f8c95b; }
#MenuItem5 { background-color: #786c50; }
*/
.menuItem:hover {  background-color:#222 !important;}

#content { clear: both; }

hr.fadeRight
 {
    background-image: -moz-linear-gradient(left, #fff, #fff, transparent);
    background-image: -webkit-linear-gradient(left, #fff, #fff, transparent);
    border: 0 none;
    clear: both;
    height: 3px;
}

hr.fadeCenter
 {
    background-image: -moz-linear-gradient(left, transparent, #fff, transparent);
    background-image: -webkit-linear-gradient(left, transparent, #fff, transparent);
    border: 0 none;
    clear: both;
    height: 3px;
}

.mainVideo
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top:-270px;
}

.vr
{ 
	height: 100%;
	width: 3px;
	float: left;
	background-image: url(images/vr.png);
	background-size: 100% 100%;
	
}
.socialMedia:hover {text-shadow: 0px 0px 5px #ffffff;}

.galleryImage {min-height:435px;}