/*
*************************************************

ERZ
General Screen Styles

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; }
html { overflow: hidden; height: 100%; }
body { background: #fff url(../images/bodybg1.gif) no-repeat; color: #444; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 100%; overflow: auto; }
input,select,textarea { font-size: 1em; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #444; }
a { color: #E90D12; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
img.icon { vertical-align: middle; }
hr { height: 1px; border: 0; background: #ccc; color: #ccc; margin: 1.5em 0;  }
br.clear { clear: left; }

/*-------------------------------------------    
    Wrap
-------------------------------------------*/
#wrap { height: 100%; overflow: auto; }


/*-------------------------------------------    
	Left
-------------------------------------------*/
#left { width: 207px; z-index: 100; background: #fff; height: 500px; position: absolute; top: 15px; left: 0px; }
#logo { position: absolute; width: 182px; top: 480px; background: #fff; padding: 10px 0 0 15px; }
#logo div { width: 182px; border-top: 2px dotted #E90D12; padding-top: 10px; }

#left li.sel a { color: #444; }
#nav1 { margin: 0 12px 0 15px; }
#nav1 ul { list-style: none; font-style: normal; font-size: .95em; line-height: 1.2em; margin: 0 0 0 0; }

#nav1 a { color: #E90D12; text-decoration: none; }
#nav1 li a.sel,#nav1 li a:hover { color: #111; }

#nav2 { padding: 12px 12px 0 15px; } 
#nav2 ul { list-style: none; font-size: .95em; line-height: 1.2em; margin: 0 0 0 0; padding-left: 1px }

#nav2 a { color: #666; text-decoration: none; }
#nav2 li a.sel,#nav2 li a:hover { color: #111 !important; }

#nav2 .nav3 { list-style: none; font-size: .85em; line-height: 1.2em; padding: 2px 0 15px 15px !important; margin: 0 !important }
#nav2 .nav3 li { margin: 0 0 0 0; }

#nav2 .nav3 a { color: #666 !important; }
#nav2 .nav3 a.sel,#nav2 .nav3 a:hover { color: #111 !important; }

/*-------------------------------------------    
	Stage
-------------------------------------------*/

#text { width: 288px; height: 500px; z-index: 100; background: #fff; position: absolute; top: 15px; left: 207px; }
.textHome { display: none; }
.navmargin { padding-top: 127px; }
#text h2 { font-size: .75em; line-height: 1.3em; margin: 0 0 0 0; font-weight: normal; color: #444; }
#text p { margin: 0 10px 1em 0; font-size: .75em; line-height: 1.3em; color: #444; }

/* hide if using scrollbar at bottom */
#text ul.thumbs { display: none; font-size: .75em; color: #444; line-height: 1.3em; list-style: none; margin: 0 0 .5em 0; }
#text ul.thumbs li { display: inline; margin: 0 .1em 0 0; }

#stage { margin: 15px 0 0 495px; /* margin: 0 0 0 399px; */ width: 1200px; height: auto; overflow: hidden; background: url(../images/imagebg1x.gif) 0 -1px; }
.stageHome { margin: 0 0 0 207px !important; }
.stage-profile { height: 485px !important; }
.nobg { background: #fff !important; }
#scrollbuttons { display: none; position: absolute; z-index: 1000; top: 235px; right: 100px; text-align: left; color: #fff !important; }
#scroll_up,#scroll_down { cursor: pointer; }
#main { }
.letters { font-size: .75em; color: #5a5c5e; margin-left: .5em; }
.small { font-size: .75em; }

#stage .col { float: left; }
#stage .c1 { width: 192px; /* height: 485px; background: #fff url(../images/imagebg1.gif) 0 -1px ; border-right: 10px solid #fff; */ }
#stage .c2 { width: 384px; }
#stage .c3 { width: 576px; }
#stage .c4 { width: 768px; }
#stage .c5 { width: 960px; }
#stage .c6 { width: 1152px; }

#stage .image { margin: 0 0 5px 0; border-right: 10px solid #fff; height: 485px; background: url(../images/imagebg1x.gif) 0 -1px; }
#stage .homeBanner { height: 485px; width: 576px; text-align: center; }
#stage .homeBanner img { margin: 120px auto; }
.pic { padding: .2em 0 .5em 0; background: #fff; max-width: 182px; overflow: hidden; }
.person { height: 108px; }
.person img { height: 85px; }
#stage .c1 .image { width: 182px; height: 485px; overflow: hidden; }
#stage .c2 .image { width: 374px; height: 485px; overflow: hidden; }
#stage .c3 .image { width: 566px; height: 485px; overflow: hidden; }
#stage .c4 .image { width: 758px; height: 485px; overflow: hidden; }
#stage .c5 .image { width: 950px; height: 485px; overflow: hidden; }
#stage .c6 .image { width: 1142px; height: 485px; overflow: hidden; }
#stage .c1 .image img { width: 182px; }
#stage .c2 .image img { width: 374px; }
#stage .c3 .image img { width: 566px; }
#stage .c4 .image img { width: 758px; }
#stage .c5 .image img { width: 950px; }
#stage .c6 .image img { width: 1142px; }

#stage h2 { font-size: .75em; background: #fff; line-height: 1.3em; font-weight: normal; color: #E90D12; }
#stage p { padding: 0 0 1em 0; background: #fff; font-size: .75em; line-height: 1.3em; color: #777; }

#stage .small { font-size: .8em; }

#showcase { }
#slideshow { position: absolute; z-index: 1; top: 15px; left: 207px; width: 1200px; height: 448px; }
#slideshow div { position: absolute; top: 0; left: 0px; }
#slideshow .slide { width: 1200px; height: 488px; overflow: hidden; background: url(../images/imagebg1x.gif); }
#slideshow img { height: 486px; }

/* hide if using scrollbar at bottom */
#scrollP { display: none; color: #888; font-size: 1em !important; }
p#scrollP { color: #888; font-size: 1.25em !important; }
#scrollP li { float: left; list-style: none; margin: 0 10px 0 0; }
#scrollHide { color: #888; }


/*-------------------------------------------    
	Footer
-------------------------------------------*/