/* reset */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, b, u, i, form, label, table, tr, th, td{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent}
ul{list-style:none}
a, :focus{outline:0}
img{border:0}
body{color:#888; font-family:Arial,Helvetica,sans-serif; background:#fff}
#wrapper{margin-top:120px}
.gallery #wrapper{height:339px;overflow:hidden}
h1, h2, h3, h4, h5, h6, p{font-weight:normal; margin-bottom:15px}
h1{font-size:23px; letter-spacing:10px; margin-left:30px}
#index h1{padding-top:150px}
h2{font-size:13px; letter-spacing:23px; margin-left:30px}
p{font:11px/1.25 Verdana,Geneva,sans-serif; text-align:justify}
h4{font-weight:bold}
h5,h6{font-size:10px; clear:left}
h6{position:absolute; left:0; bottom:0; margin-left:30px}
ol li{font-size:12px}
ol li img{margin:10px 0; border:1px solid #f1f1f1}
a:link, a:visited{color:#999; text-decoration:none}
a:hover{color:#000}
/*scroller*/
.container{width:100%; height:260px; overflow:hidden; position:absolute; top:200px; left:0; background:#222}
.clients .container{background:#222}
.container .mask{position:relative; left:0; top:0; width:100%; overflow:hidden; height:260px}
ul.roll{position:relative; min-width:100%; width:100%; height:260px; top:0; left:0; margin:0; padding:0}
ul.roll li{float:left; margin:0; padding:0; height:260px}
ul.roll a{white-space:nowrap; padding-right:5px; background:#fff; height:260px; display:block; float:left}
.container ul.roll li img{background:url(i/loader.gif) center center no-repeat #222}
.clients ul#pic li{font-size:12px;width:6000px;margin-top:120px;}
/*thumbnails*/
#thumb{position:absolute; top:200px; left:0; width:100%; background:#111; height:260px; display:none; z-index:9}
.thumb-index{width:900px; margin:21px 0 0 20px;height:220px;overflow:hidden}
.thumb-index img{margin:0 5px 5px 0; width:66px; height:66px}
.pane,.screen,.screen2{position:absolute; top:200px; left:0; z-index:9; width:100%; height:260px; background:#fff}
.pane {width:800px;padding-left:30px}
#home .pane{top:170px}
.menu7 .pane{width:100%; background-color:#222;}
.menu7 .pane p{margin-top:120px;}
.pane p a:link, .pane p a:visited{color:#000; font-weight:bold}
.white_overlay{background:#fff; position:absolute; top:0; left:0; z-index:9500; height:100%;width:100%}
/*menu*/
#menubar{background:#fff; margin:0; padding:0; height:43px; width:100%}
#menubar li{float:left; list-style:none; font:11px Tahoma,Arial}
#menubar li a{display:block; padding:12px 30px; text-decoration:none; font-size:12px; height:14px; white-space:nowrap; text-align:center}
#menubar li a:hover{color:#ccc; background:#444}
.menu1 .menu1, .menu2 .menu2, .menu3 .menu3, .menu4 .menu4, .menu5 .menu5, .clients .menu6, .menu7 .menu7{color:#fff; background:#111}
#menubar li ul{padding:0; position:absolute; visibility:hidden; width:100%; z-index:100; left:0; background:#000; visibility:hidden}
#menubar li ul li{display:inline}
#menubar li ul li a{width:auto; display:inline; color:#ccc; float:left; height:14px}
#menubar li ul li a:hover{background:#444; color:#fff}
#menubar li ul li a.selected{background:#ccc; color:#111}
.on1,.on2{text-indent:-9999px;}
.on1 a,.on2 a{position:absolute;top:165px;right:20px;height:20px;margin:2px 0 0 30px; padding:12px 0 0 0; background:url(i/thumb.gif) 0 -32px no-repeat transparent; width:19px; display:block}
.on2 a{background-position:-19px -32px; display:none}
.on1 a:hover,.on2 a:hover{background-position:0 0; background-color:transparent}
.on2 a:hover{background-position:-19px 0}
/*mailer*/
.mailer{margin-top:13px}
.mailer label, .mailer input, .mailer textarea{font-size:11px;width:240px; float:left; margin:0 0 9px 0; color:#ccc;background:#888;font-family:Arial,Helvetica,sans-serif; }
.mailer label{text-align:left; padding-right:10px; width:50px;background-color:#222}
.mailer input.but{width:100px; height:30px; margin-left:60px; background:#444}
.mailer input, .mailer textarea{border:none; padding:2px}
.mailer input:focus, .mailer textarea:focus{background-color:#000}
.mailer br{clear:both; height:0; overflow:0; font-size:0}
/* lightbox */
div.dark_square .pp_top .pp_left, div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content{background:url(i/dark_square/contentPattern.png) top left repeat}
div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_square p.pp_description{color:#fff}
div.dark_square .pp_content a.pp_expand{background:url(i/dark_square/sprite.png) -31px -26px no-repeat; cursor:pointer}
div.dark_square .pp_content a.pp_expand:hover{background:url(i/dark_square/sprite.png) -31px -47px no-repeat; cursor:pointer}
div.dark_square .pp_content a.pp_contract{background:url(i/dark_square/sprite.png) 0 -26px no-repeat; cursor:pointer}
div.dark_square .pp_content a.pp_contract:hover{background:url(i/dark_square/sprite.png) 0 -47px no-repeat; cursor:pointer}
div.dark_square .pp_content a.pp_close{width:75px; height:22px; background:url(i/dark_square/sprite.png) -1px -1px no-repeat; cursor:pointer}
div.dark_square .pp_nav a.pp_arrow_previous{background:url(i/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px; cursor:default}
div.dark_square .pp_nav a.pp_arrow_next{background:url(i/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px; cursor:default}
div.dark_square .pp_content a.pp_next:hover{background:url(i/dark_square/btnNext.png) center right no-repeat; cursor:pointer}
div.dark_square .pp_content a.pp_previous:hover{background:url(i/dark_square/btnPrevious.png) center left no-repeat; cursor:pointer}
div.light_square .pp_top .pp_left, div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content{background:#000}
div.light_square .pp_content a.pp_expand{background:url(i/light_square/sprite.png) -31px -26px no-repeat; cursor:pointer}
div.light_square .pp_content a.pp_expand:hover{background:url(i/light_square/sprite.png) -31px -47px no-repeat; cursor:pointer}
div.light_square .pp_content a.pp_contract{background:url(i/light_square/sprite.png) 0 -26px no-repeat; cursor:pointer}
div.light_square .pp_content a.pp_contract:hover{background:url(i/light_square/sprite.png) 0 -47px no-repeat; cursor:pointer}
div.light_square .pp_content a.pp_close{width:75px; height:22px; background:url(i/light_square/sprite.png) -1px -1px no-repeat; cursor:pointer}
div.light_square .pp_nav a.pp_arrow_previous{background:url(i/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px; cursor:default}
div.light_square .pp_nav a.pp_arrow_next{background:url(i/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px; cursor:default}
div.light_square .pp_content a.pp_next:hover{background:url(i/light_square/btnNext.png) center right no-repeat; cursor:pointer}
div.light_square .pp_content a.pp_previous:hover{background:url(i/light_square/btnPrevious.png) center left no-repeat; cursor:pointer}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000; position:absolute; top:0; left:0; z-index:9500; width:100%}
div.pp_pic_holder{position:absolute; z-index:10000; width:100px}
div.pp_pic_holder .pp_top{position:relative; height:20px}
* html div.pp_pic_holder .pp_top{padding:0 20px}
div.pp_pic_holder .pp_top .pp_left{position:absolute; left:0; width:20px; height:20px}
div.pp_pic_holder .pp_top .pp_middle{position:absolute; left:20px; right:20px; height:20px}
* html div.pp_pic_holder .pp_top .pp_middle{position:static; left:0}
div.pp_pic_holder .pp_top .pp_right{position:absolute; top:0; left:auto; right:0; width:20px; height:20px}
div.pp_pic_holder .pp_content{position:relative; text-align:left; width:100%; height:40px}
div.pp_pic_holder .pp_content .pp_details{display:none; margin:10px 15px 2px 20px}
div.pp_pic_holder .pp_content .pp_details p.pp_description{display:none; float:left; margin:0; color:#999; font-size:12px}
div.pp_pic_holder .pp_nav{margin:0; padding:0; width:100%}
div.pp_pic_holder .pp_nav_inner{text-align:center; margin:5px auto; width:90px}
div.pp_pic_holder .pp_nav p{float:left; margin:0 3px}
div.pp_pic_holder .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_nav a.pp_arrow_next{float:left; display:block; width:14px; height:15px; overflow:hidden; text-indent:-10000px; margin:2px auto}
div.pp_pic_holder .pp_content div.pp_hoverContainer{position:absolute; z-index:2000; top:0; left:0; width:100%}
div.pp_pic_holder .pp_content a.pp_next{display:block; float:right; text-indent:-10000px; width:49%; height:100%; background:url(i/light_rounded/btnNext.png) 10000px 10000px no-repeat}
div.pp_pic_holder .pp_content a.pp_previous{display:block; float:left; text-indent:-10000px; width:49%; height:100%; background:url(i/light_rounded/btnNext.png) 10000px 10000px no-repeat}
div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract{position:absolute; z-index:20000; top:10px; right:30px; cursor:pointer; display:none; text-indent:-10000px; width:20px; height:20px}
div.pp_pic_holder .pp_content a.pp_close{float:right; display:block; text-indent:-10000px}
div.pp_pic_holder .pp_bottom{position:relative; height:20px}
* html div.pp_pic_holder .pp_bottom{padding:0 20px}
div.pp_pic_holder .pp_bottom .pp_left{position:absolute; left:0; width:20px; height:20px}
div.pp_pic_holder .pp_bottom .pp_middle{position:absolute; left:20px; right:20px; height:20px}
* html div.pp_pic_holder .pp_bottom .pp_middle{position:static; left:0}
div.pp_pic_holder .pp_bottom .pp_right{position:absolute; top:0; left:auto; right:0; width:20px; height:20px}
div.pp_pic_holder .pp_loaderIcon{display:none; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; width:24px; height:24px;background: url(i/dark_square/loader.gif) center center no-repeat}
div.pp_pic_holder #pp_full_res{display:block; margin:0 auto; width:100%; text-align:center}
div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed{visibility:hidden}
div.ppt{display:none; position:absolute; top:0; left:0; z-index:9999; color:#fff; font-size:17px}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */
a.hoverMenu{
	background:#ccc !important;
}