@font-face {
	font-family: "Dirty Headline";
	src: url('Dirty_Headline.ttf');	
}
@font-face {
    font-family: "News Gothic";
    src: url(NewsGot-Bol.otf);
    font-weight:900;
}
@font-face {
    font-family: "News Gothic";
    src: url(NewsGot-Dem.otf);
    font-weight: 700;
}
@font-face {
    font-family: "News Gothic";
    src: url(NewsGot-Med.otf);
    font-weight: 600;
}
@font-face {
    font-family: "News Gothic";
    src: url(NewsGot-Reg.otf);
    font-weight: 500;
}
@font-face {
    font-family: "News Gothic";
    src: url(NewsGot-Lig.otf);
    font-weight: 400;
}

body { height:100%; width:100%; margin:0;padding:0;  }
#wrapper { width:100%; height:100%; position:absolute; top:0; left:0;  }
.overflow-hidden { overflow: hidden;  }
.overflow-x-hidden { overflow-x: hidden;  }

#mask 	{ width:300%; height:100%; position: relative; }
.item 	{ width:33.3%; height:100%; float:left;  }
.clear 	{ clear:both; }
h1 		{ color: #fff; }
a img { border: 0; }
a:visited { text-decoration:  none; }
a { text-decoration:  none; }
a { outline: none; }
p { margin: 0; padding: 0; }

.header {  position: fixed; width: 100%; height: 33px; top: 0; background-color: #c45503; font-family: "Dirty Headline", sans;   font-size: 18px; color: #fff; 
  z-index: 8;}
.header .header-content-left { float: left; width: 148px; position: relative; top: 4px; z-index: 30; left: 10px; }
.header .header-content { float: right; width: 248px; position: relative; top: 4px; z-index: 30; }
.header .header-content a { color: #fff; text-decoration: none; position: relative; top: 2px; }
.header .header-content img { position: relative; top: -3px; }



#contact { position: fixed; width: 560px; height: 200px; top: 33px; right: 0px; z-index: 30; background-color: #ccc; 
		font-family: "Dirty Headline", sans; padding-top: 10px; padding-left: 10px;  background: url("/img/contactbg.png") repeat-x; display: none; }
#contact .float { float: left; margin-right: 10px; }
#contact input.textfield { width: 220px; margin-top: 5px; border: 1px solid #999; }
#contact input.btn { float: right; background-color:  #c14c00;;  color: #fff; font-family: "Dirty Headline"; font-size: 12px; padding: 2px 8px;  }
#contact textarea {  width: 250px; height: 80px; margin-top: 5px; border: 1px solid #999;}
#contact .emailrow {  }
#contact .left { text-align: right; }
#contact .left div { margin-bottom: 7px; }
#contact .mid { margin-left: 10px; }
#contact .right { margin-left: 10px; }
#contact .right .addy { margin-bottom: 2px; }
#contact .right .top { font-size: 22px; }
#contact .right .info { color: #c14c00; }
#contact .right .tele { margin-top: 15px; }

.control-wrap { margin: auto; z-index: 20;  width: 100%; height: 200px; display: block; position: fixed; top: 49%; margin-top: -100px;  }
.control-wrap .left-control, .control-wrap .right-control { z-index: 11; }
.control-wrap .page-control { position: relative; top: -33px; }
.control-wrap .lr-control { position: relative; display: block; float: left; width: 220px; height: 150px; position: relative;   top: 38px; 
			color: #fff; font-family: "Dirty Headline", sans; font-size: 18px; }
.control-wrap a.lr-control { text-decoration: none;  }			
.control-wrap .right-control  { float: right;  }
.control-wrap a.lr-control span { display: block;  position: relative; top: 43px; }
.control-wrap a.left-control span { left: 4px;  }
.control-wrap a.right-control span { left: 59px;  }
.control-wrap .lr-control .hoverarrow { display: block;  width: 35px; position: relative;   }
.control-wrap .left-control .hoverarrow {   left: 20px; float: left;}
.control-wrap .right-control .hoverarrow { right: 20px;  float: right;}
.control-wrap  .home-control { width: 250px; display: block;   margin: auto; position: relative; }
.control-wrap  .home-control img { width: 250px; }

.blackedge { position: fixed; width: 180px; height: 98%; top: 33px; z-index: 5;  display: none; }
.leftblack { background: url("/img/dark_grad_left.png") repeat-y ; }
.rightblack { right: 0px; background: url("/img/dark_grad_right.png") repeat-y;  }


.item .content-wrap { margin: auto; z-index: 11; width: 990px; height: 400px; display: block; position: relative; top: 230px;   }
.content-wrap .left-tabs { float: left; }
.content-wrap .right-tabs { float: right; }
.tab-wrap a { background-color: #dc5b24; background-color:rgb(220, 91, 36); background-color:rgba(220, 91, 36, 0.65); text-align: right;  display: block; margin-bottom: 10px;  
			color: #fff; min-width: 128px;  height: 33px; text-decoration: none; padding: 0 3px;  
			font-family: "Dirty Headline"; font-weight: normal; font-size: 26px;  letter-spacing: 1px; text-transform: uppercase;}
.tab-wrap a:hover { background-color:rgb(220, 191, 186); background-color:rgba(220, 191, 186, 0.65);  }			
.tab-wrap .tab img { position: relative;  }
.tab-wrap .tabShown { background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.75);   }
.tab-wrap .tabShown img { }
.tab-wrap a.tabShown:hover {background-color:rgb(0, 0, 0);  background-color:rgba(0, 0, 0, 0.75); }
.tab-wrap .tab .imgsizeWide { height: 20px;  }
.tab-wrap .tab .imgsizeTall { width: 30px;  margin: auto; vertical-align: middle;   }
.tabSel { background-color: #dc5b24; background-color:rgba(220, 91, 36, 0.65); margin: 0px 20px; display: block; 
			color: #fff; padding: 10px 5px 2px 5px; width: 33px;  height: 308px;  
			font-family: "Dirty Headline";  font-weight: 700; font-size: 36px; font-family: "Dirty Headline";  position: relative; 
			text-transform: lowercase;}
.tabSel img { width: 32px; }			
.tabSelLeft { float: left; display: none; }
.tabSelRight { float: right; display: none; }
.tabSel .seltext { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
					position: absolute; top: 0px; left: -10px; width: 200px; height: 30px; text-align: center;}

.content-wrap .content { float: left; background-color:#fff; background-color: rgba(100, 100, 100, .5);  width: 722px; height: 300px; position: relative; 
						color: #fff; font-size: 18px;  display: none;  padding: 10px;}
.content-wrap .left-slide-contents { float: left; }
.content-wrap .right-slide-contents { float: right;  }
.content-wrap .content .contentpane {  position: relative; }
.content-wrap .content .leftcontent { float: left; height: 280px; width: 313px; border-right: 7px solid #111;  font-size: 14px; line-height: 18px;  padding: 10px; }
.content-wrap .content .leftcontent .contitle { color: #fff; font-family: "Dirty Headline"; font-size: 20px; margin-bottom: 8px; }
.content-wrap .content .leftcontent .consubtitle { color: #b8612c; font-family: "Dirty Headline"; font-size: 16px; margin-bottom: 8px; font-style: oblique;}
.content-wrap .content .leftcontent .concon { color: #fff; font-family: "News Gothic"; font-weight: 600;  font-size: 15px; margin-bottom: 8px; font-weight:  bold; line-height: 18px; }
.content-wrap .content .midcontent { float: left; height: 200px; width: 100px; border-right: 7px solid #111;  }
.content-wrap .content .rightcontent { float: left; width: 100px; top: 40px; left: 20px;  }
.content-wrap .content .rightcontent img { width: 350px; position: relative; top: -10px; }
.content-wrap .content .rightcontent iframe { width: 350px; height: 280px; position: relative; top: -30px; }


.aboutsection {  position: fixed; width: 923px; height: 363px; top: 230px; left: 50%; margin-left: -480px;  background-color: rgba(100, 100, 100, .5); z-index: 40; padding: 10px;  }
.aboutsection span { rgba: none; }
.aboutsection .abouthead .teamtitletop img { width: 724px; height: 32px;  }
.aboutsection .abouthead .teamtitlebtm { padding-left: 635px; margin-top: 10px;  }
.aboutsection .abouthead .teamtitlebtm img { width: 89px; height: 32px;  }
.aboutsection .abouthead .titlecon { float: right; width: 179px; height: 27px; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.68); color: #000; font-family: "Dirty Headline"; font-size: 16px;  text-align: right; padding-right: 20px; padding-top: 5px;   }
.aboutsection .abouthead .titlecon p { padding: 0; margin: 0; }
.aboutsection .abouthead .titlecon a { color: #000;  text-decoration: none; }

#mainaboutsection { display: none; }
#mainaboutsection .aboutitem { width: 301px; height: 176px; float: left; position: relative;  background-color:#fff; background-color: rgba(100, 100, 100, .5);  margin: 0 10px 10px 0;  cursor: pointer; display: block; }
#mainaboutsection .aboutitem p { padding: 0; margin: 0; }
#mainaboutsection .last { margin-right: 0; }
#mainaboutsection .cellbg { width: 291px; height: 167px; position: absolute; top: 5px; left: 5px; z-index: 41;  }
#mainaboutsection .overlay { width: 291px; height: 167px;  position: absolute; top: 5px; left: 5px; z-index: 41;  background-color: rgba(0, 0, 0, .7);  display: none; }
#mainaboutsection .selected .overlay { display: block; } 
#mainaboutsection .titlebar { z-index: 42; position: relative; top: 8px; }
#mainaboutsection .titlebar .titlehalf { width: 56px; height: 21px; background-color:#fff; background-color:rgba(255, 255, 255, 0.68); }
#mainaboutsection .titlebar div { float: left; }
#mainaboutsection .titlebar .titlesechalf { width: 204px; height: 21px; background-color:#fff; background-color:rgba(255, 255, 255, 0.68); font-family: "Dirty Headline"; font-size: 16px; color: #000; text-align: right;padding-right: 10px;  }

.browsedetails {  display: none; }
.browsedetails p { margin: 0; padding: 0; }
.browsedetails  .teamcon  { height: 282px; width: 40px;   background-color: rgb(25, 25, 25); background-color: rgba(25, 25, 25, 0.68); position: absolute;  display: block; z-index: 50; }
.browsedetails  .teamcon img { position: relative; top: 112px; left: 6px;}
.browsedetails  .leftcon { top: 101px; left: 0; }
.browsedetails  .rightcon { top: 101px; right: 0; }
.browsedetails .teamcontentwrap { overflow: hidden; minimum-width: 923px; height: 259px; margin-top: 10px;}
.browsedetails .teamcontent { width: 11px; height: 259px; position: relative; left: 0px; padding-left: 30px; margin-right: 30px; }
.browsedetails .teamcontent .teambox { width: 159px; height: 217px;  float: left; margin-right: 10px;  cursor: pointer; }
.browsedetails .teamcontent .last { margin-right: 0;   }
.browsedetails .teamcontent .teambox .headshot { width: 149px; height: 207px; padding:5px;  background-color: #fff;  }
.browsedetails .teamcontent .teambox .headshot img { width: 149px; height: 207px;   }
.browsedetails .teamcontent .teambox .caption div { width: 149px; margin: auto;  text-align: center; color: #fff; font-family: "News Gothic"; font-weight: 400;  text-transform: uppercase; font-size: 14px; }
.browsedetails .teamcontent .teambox .caption .captop { font-weight: 600; margin-top: 5px; font-size: 16px;}

.aboutdetail { display: none; }
.aboutdetail  .teammember .teamhead { position: relative; top: -75px; }
.aboutdetail  .teammember .teamhead img { float: left; width: 63px; height: 102px; }
.aboutdetail  .teammember .teamhead .right { float: left; color: #fff; font-family: "News Gothic"; font-weight: 600; position: relative; top: 55px; margin-left: 15px; font-size: 16px;   text-transform:  uppercase;}
.aboutdetail  .teammember .teamhead .right .subtitle { font-weight: 400;  font-size: 14px; }
.aboutdetail  .teammember .teambody { color: #fff; font-family: sans-serif; position: relative; top: -48px; line-height: 20px; width: 100%; height: 225px; overflow: auto;}
.aboutdetail  .teammember .teambody a { color: #fff;  font-family: sans-serif; }
.aboutdetail  .teammember .teambody .tbody { float: left; margin-right: 20px; }
.aboutdetail  .teammember .teambody .headshot { width: 149px; height: 207px; padding:5px;  background-color: #fff;  float: left; }
.aboutdetail  .teammember .teambody .headshot img { width: 149px; height: 207px;    }
.aboutdetail  .teammember .teambody .bodyleft { width: 350px;  font-family: "News Gothic"; font-weight: 600; letter-spacing: 1px;}
.aboutdetail  .teammember .teambody .bodyright {width: 350px;  margin-right: 0; font-family: "News Gothic"; font-weight: 600; letter-spacing: 1px; }

.aboutmaincontent { background-color: rgba(100, 100, 100, .5);  display: none;  }
.aboutmaincontent  .image { float: left; margin-right: 20px; }
.aboutmaincontent  .image img {width: 333px; height: 348px; }
.aboutmaincontent .abouttext { float: left; width: 570px; }
.aboutmaincontent .abouttext p { margin: 0; padding: 0; }
.aboutmaincontent .abouttext .head  {  background-color: #ac4c05; font-family: "News Gothic"; font-weight: 700;  text-transform: uppercase; font-size: 26px; padding: 5px ; width: 552px; height: 30px; }
.aboutmaincontent .abouttext .head .conleft { float: left; position: relative; top: 5px; }
.aboutmaincontent .abouttext .head .conright { float: right; position: relative; top: 5px;  }
.aboutmaincontent .abouttext .head .conright a { text-decoration: none; color: #fff; font-family: "News Gothic"; font-weight: 700;  text-transform: uppercase; font-size: 26px;}
.aboutmaincontent .abouttext .head p {  padding: 0; margin: 0;  }
.aboutmaincontent .abouttext .subhead  { text-transform: uppercase; font-size: 20px; color: #ac4c05; font-family: "News Gothic"; margin-top: 10px; font-weight: 500;}
.aboutmaincontent .abouttext .conie  { color: #fff; margin-top: 10px; font-family: "News Gothic"; font-weight: 600;
									letter-spacing: 1px; width: 100%; height: 300px; overflow: auto;}
.aboutmaincontent .abouttext .conie h4 { margin: 0; padding: 0; }
.aboutmaincontent #aboutmainsectionconie { width: 100%; height: 260px; }


.footer {  position: fixed; width: 336px; left: 50%; margin-left: -168px; bottom: 0; z-index: 60; color: #fff; font-family: "Dirty Headline"; font-size: 16px; bottom: 20px; text-align: center; }
.footer a {  color: #fff; text-decoration: none;  }



.afile { margin: 20px; float: left; }
.afile img { height: 200px;}

.pane2 { height: 5000px; width: 500px; background-color: #ccc; margin: auto; z-index: 500;  }
.abg { width: 100%; height: 100%;   dispaly: none; }
.dabg {  position: fixed; top: 0; left: 0; display: block; z-index: -99; }



/*---------------------------*/
/* ---- MEDIA QUERIES ------ */
/*---------------------------*/
@media (max-width: 900px) {
	
  #home .content-wrap .page-control { display: inline;    }
  #home .content-wrap .page-control img { width: 200px; }
  
}