/*------------------------------------------------ LAYOUT START ----------------------------------------------------*/
#banner { overflow:hidden; z-index:1; position:relative; width:100%; height:265px; background:url(../Images/Template/BackgroundBanner.jpg) #2d2d2d center top no-repeat; border-top:1px solid #565656; border-bottom:1px solid #565656; }
#banner .inner { width:970px; top:-30px;  margin:0 auto; height:100%; position:relative; margin:0 auto 0 auto; z-index:1; } 
#banner .inner div { position:absolute; overflow:hidden; display:none;  }

#banner .inner #headlineText { padding:15px; bottom:0; position:absolute; width:100%; background:url(../Images/Banner/Arrows.png) no-repeat top right; }
#banner .inner #headlineText h1 { margin:0; padding:0; }
#banner .inner #headlineText p { margin:1em 0 1em 0; width:450px;}
#banner .inner #headlineText a { color:#FFF; font-weight:bold; }

/*Main Block*/
#banner .inner #mainBlock01 { left:0px; width:484px; height:267px; background-position:-315px -1px;} 
#banner .inner #mainBlock02 { left:485px; top:60px; width:484px; height:267px; background-position:-800px -60px;} 
#banner .inner #mainBlock03 { left:39px; top:268px; width:445px; height:59px; background-position:-355px -270px ;} 
#banner .inner #mainBlock04 { left:485px; top:0px; width:445px; height:59px; background-position:-800px -1px ;} 

/*Left Block*/
#banner .inner #leftBlock01 { left:-31px; top:16px; width:30px; height:23px; background-position:-284px -15px;}
#banner .inner #leftBlock02 { left:-102px; top:40px; width:101px; height:80px; background-position:-213px -40px ; }
#banner .inner #leftBlock03 { left:-130px; top:99px; width:27px; height:21px; background-position:-185px -99px ; }
#banner .inner #leftBlock04 { left:-184px; top:121px; width:183px; height:146px; background-position:-131px -121px ;}
#banner .inner #leftBlock05 { left:-43px; top:268px; width:81px; height:30px; background-position:-272px -268px ;}
#banner .inner #leftBlock06 { left:0px; top:299px; width:38px; height:28px; background-position:-315px -298px ;}

/*Right Block*/
#banner .inner #rightBlock01 { right:-30px; top:288px; width:30px; height:23px; background-position:-1285px -288px; }
#banner .inner #rightBlock02 { right:-101px; top:207px; width:101px; height:80px; background-position:-1285px -207px;}
#banner .inner #rightBlock03 { right:-129px; top:207px; width:27px; height:21px; background-position:-1388px -207px;}
#banner .inner #rightBlock04 { right:-183px; top:60px; width:183px; height:146px; background-position:-1287px -60px; }
#banner .inner #rightBlock05 { right:-42px; top:29px; width:81px; height:30px; background-position:-1246px -29px; }
#banner .inner #rightBlock06 { right:1px; top:0px; width:38px; height:28px; background-position:-1246px -1px;}


/*Banner images for each section*/

.home .inner div { background:url(../Images/Banner/BannerPicsHome.jpg) no-repeat #262626; }
.before .inner div { background:url(../Images/Banner/BannerPicsBefore.jpg) no-repeat #262626; }
.how .inner div { background:url(../Images/Banner/BannerPicsHow.jpg) no-repeat #262626; }
.beyond .inner div { background:url(../Images/Banner/BannerPicsBeyond.jpg) no-repeat #262626; }
.quality .inner div { background:url(../Images/Banner/BannerPicsQuality.jpg) no-repeat #262626; }
.about .inner div { background:url(../Images/Banner/BannerPicsAbout.jpg) no-repeat #262626; }
.portfolio .inner div { background:url(../Images/Banner/BannerPicsPortfolio.jpg) no-repeat #262626; }
.contact .inner div { background:url(../Images/Banner/BannerPicsContact.jpg) no-repeat #262626; }