html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th, div {
    margin: 0;
    padding: 0;
    font-weight: normal;
    vertical-align:top;
}
br.clearfix {
    clear:both;
    margin:0px !important;
    padding:0px !important;
    height: 1px;
    font-size: 1px;
    line-height: 1px; 
}

body{
    /* width:1080px; */
    width:800px;
	margin:0 auto 0 auto;
    padding:55px 0px 0px 0px;
    font-family: "Myriad", Tahoma, Arial;
    color:#777777;
	font-size:13px;
    /*	border:1px solid red;*/
}
a { color:#777777; text-decoration:none; }
a:hover { text-decoration:underline; color:#F47920; }

#header {
    margin:0px 0px 5px 0px;
    height:52px;
    /*	border:1px solid red;*/
}
#header #logo{
    float:left;
    width:213px;
}
#header #logo img{
    width:213px;
    height:52px;
    border:0px; 
}

#header #mainmenu{
    float:left;
    width:551px;
    height:22px;
    margin:15px 0px 0px 36px;
    /*	border:1px solid red;*/
}
#header #mainmenu li{
    list-style:none;
    float:left;
	height:22px;
}
#header #mainmenu li a{
    background-image: url("../images/i/main-menu.gif");
    text-indent:-9999px;
    width:137px;
    height:22px;
    display:block;
    float:left;
    outline-style:none;
	overflow:hidden;
	line-height:22px;
}
#header #mainmenu li a.profile{
    background-position: 0px 0px;
    margin:0px 1px 0px 0px;
	height:22px;
}
#header #mainmenu li a.people{
    background-position: -138px 0px;
    margin:0px 1px 0px 0px;
}
#header #mainmenu li a.portfolio{
    background-position: -276px 0px;
    margin:0px 1px 0px 0px;
}
#header #mainmenu li a.contact{
    background-position: -414px 0px;
}
#header #mainmenu li a.profile:hover{
    background-position: 0 -26px;
}
#header #mainmenu li a.people:hover{
    background-position: -138px -26px;
}
#header #mainmenu li a.portfolio:hover{
    background-position: -276px -26px;
}
#header #mainmenu li a.contact:hover{
    background-position: -414px -26px;
}
#header #mainmenu li a.profile.active{
    background-position: 0 -26px;
}
#header #mainmenu li a.people.active{
    background-position: -138px -26px;
}
#header #mainmenu li a.portfolio.active {
    background-position: -276px -26px;
}
#header #mainmenu li a.contact.active{
    background-position: -414px -26px;
}
#content{
    float:left;	
    width:800px;
    /*	border:1px solid blue; */
    position:relative;
}
#slogan{
    margin:0px 0px 0px 20px;
    /*	border:1px solid blue; */
    position:absolute;
	display:none;
}
/*----------------- MAIN ----------------*/
#main #content .left-column{
    float:left;
    width:404px;
    /*	border:1px solid blue;*/
}

#main #content .left-column .fl{
    background: url("../images/i/fl_bg.jpg") 0 0 no-repeat;
    width:200px;
    height:135px;
    float:left;
    margin:0px 1px 1px 0px;
}
#main #content .left-column .fr{
    background: url("../images/i/fr_bg.gif") 0 0 no-repeat;
    width:202px;
    height:135px;
    float:left;
    margin:0px 1px 1px 0px;
}
#main #content .left-column .sl{
    position:relative;	
}
#main #content .left-column .sl a#portfolio_link{
    background: url("../images/i/sl_bg.gif") 0 0 no-repeat;
    width:200px;
    height:138px;
    float:left;
    margin:0px 1px 1px 0px;
}
#main #content .left-column .sl a#portfolio_link:hover{
    background: url("../images/i/sl_bg.gif") 0 -138px no-repeat;
}
#main #content .left-column .sl #portfolio{
    position:absolute;
    top:-85px;
    right:-135px;
    width:380px;
    z-index: 100;
}

#main #content .left-column .sl .portfolio{
    width:364px;
    height:203px;
    background:url("../images/i/popup_bg_blank_left_arrow.png") no-repeat scroll 0 0 transparent;
}

#main #content .left-column .sl .popup .text{
    width:330px;
    float:left;
    margin-left: 34px;
}
#main #content .left-column .sl .popup .text p{
    width:84px;
    color:white;
    font-size:14px;
    padding:30px 32px 20px 33px;
    line-height:18px;
    float:left;
}
#main #content .left-column .sl .popup .text .preview{
    float:right;
    width:179px;
    border:1px solid white;
    position:relative;
}
#main #content .left-column .sl .portfolio .text a.next{
    position:absolute;
    bottom:0px;
    width:29px;
    height:29px;
    background:url("../images/i/next_button.png") 0px 0 no-repeat;
    margin: 0 0 1px 0px;
    left: 334px; 
    cursor: pointer;
}

#main #content .left-column .sl .portfolio .text a.prev{
    position:absolute;
    bottom:0px;
    width:29px;
    height:29px;
    background:url("../images/i/next_button.png") 0px 0 no-repeat;
    z-index:120;
    margin: 0 0 1px 0px;
    left: 184px;
}

#main #content .left-column .sl .popup .preview img{
    border:0;
}
#main #content .left-column .sr{
    background: url("../images/i/sr_bg.jpg") 0 0 no-repeat;
    width:202px;
    height:138px;
    float:left;
}
#main #content .left-column .tl{
    background: url("../images/i/tl_bg.jpg") 0 0 no-repeat;
    width:200px;
    height:257px;
    float:left;
    margin:0px 1px 1px 0px;
}
#main #content .left-column .tr div{
    position:relative;
}
#main #content .left-column .tr div a.slogan{
    width:202px;
    height:257px;
    float:left;
    margin:0px 1px 1px 0px;
    background: url("../images/i/tr_bg.gif") 0 0 no-repeat;
}
#main #content .left-column .tr div a.slogan:hover{
    background: url("../images/i/tr_bg.gif") 0 -257px no-repeat;
}
#main #content .left-column .tr div .popup{
    width:318px;
    position:absolute;
    top:-140px;
    right:-230px;
    background: url("../images/i/popup_bg_blank.png") 0 0 no-repeat !important;
    height:250px;
}
#main #content .left-column .tr div .popup.bob{
    background: url("../images/i/popup_bg_bob.png") 0 0 no-repeat !important;
    /*	border:1px solid red;*/
    background-color: none !important;
}
#main #content .left-column .tr div .popup.bob .text p{
    float:left;
    width:100px;
    margin:0px 0px 0px 90px;
}
#main #content .left-column .tr div .popup.elithabeth{
    background: url("../images/i/popup_bg_blank.png") 0 0 no-repeat !important;
    /*	border:1px solid red;*/
    background-color: none !important;
}
#main #content .left-column .tr div .popup.elithabeth .text p{
    float:left;
    padding:28px 0px 0 140px;
    width:109px;
    height:179px;
    margin:0;
}
#main #content .left-column .tr div .popup.elithabeth .text p#front_image_0 {
    float:left;
    padding:30px 40px 0 40px;
    width:160px;
    height:179px;
    margin:0; 
}

#main #content .left-column .tr div .popup.elithabeth .text p#front_image_1 {
    background:url(../images/sm_bob-bg.jpg) 0 0;
}
#main #content .left-column .tr div .popup.elithabeth .text p#front_image_2 {
    background:url(../images/sm_eliz-bg.jpg) 0 0;
}
#main #content .left-column .tr div .popup.elithabeth .text p#front_image_3 {
    background:url(../images/sm_barbra-bg.jpg) 0 0; padding:28px 135px 0 5px;
}
#main #content .left-column .tr div .popup.elithabeth .text p#front_image_4 {
    background:url(../images/sm_mark-bg.jpg) 0 0;
}

#main #content .left-column .tr div .popup.patricia{
    background: url("../images/i/popup_bg_patricia.png") 0 0 no-repeat !important;
    border:1px solid red;
    background-color: none !important;
}
#main #content .left-column .tr div .popup.patricia .text p{
    float:left;
    width:100px;
    margin:0px 0px 0px 90px;
}
#main #content .left-column .tr div .popup.barbra{
    background: url("../images/i/popup_bg_barbra.png") 0 0 no-repeat !important;
    border:1px solid red;
    background-color: none !important;
}
#main #content .left-column .tr div .popup.barbra .text p{
    float:left;
    width:100px;
    margin:0px 0px 0px 0px;
    border:1px solid red;
    padding:25px 0 35px 15px;
}
#main #content .left-column .tr div .popup.mark{
    background: url("../images/i/popup_bg_mark.png") 0 0 no-repeat !important;
    border:1px solid red;
    background-color: none !important;
}
#main #content .left-column .tr div .popup.mark .text p{
    float:left;
    width:100px;
    margin:0px 0px 0px 90px;
}
#main #content .left-column .tr div .popup .text{
    color:white;
    line-height:18px;
}
#main #content .left-column .tr div .popup .text p{
    float:left;
    width:160px;
    font-size:14px;
    padding:25px 0px 35px 45px
}
#main #content .left-column .tr div .popup .text p a{
    background: url("../images/i/arrow_small.png") right 6px no-repeat;
    color:white;
    padding:0px 10px 0px 0px;
    text-decoration:none;
}
#main #content .left-column .tr div .popup .text .stuff-photos{
    list-style:none;
    float:right;
    width:68px;
    height:207px;
    border-left:1px solid white;
    background:#9DA0A3;
}
#main #content .left-column .tr div .popup .text .stuff-photos a{
    width:68px;
    height:51px;
    text-indent:-9999px;
    display:block;
}
#main #content .left-column .tr div .popup .text .stuff-photos a.bob{
    background: url("../images/i/stuff_small.jpg") 0 0 no-repeat;
    border-bottom:1px solid white;
}
#main #content .left-column .tr div .popup .text .stuff-photos a.elizabeth{
    background: url("../images/i/stuff_small.jpg") 0 -52px no-repeat;
    border-bottom:1px solid white;
}
#main #content .left-column .tr div .popup .text .stuff-photos a.patricia{
    background: url("../images/i/stuff_small.jpg") 0 -104px no-repeat;
    border-bottom:1px solid white;
}
#main #content .left-column .tr div .popup .text .stuff-photos a.babra{
    background: url("../images/i/stuff_small.jpg") 0 -104px no-repeat;
    border-bottom:1px solid white;
}
#main #content .left-column .tr div .popup .text .stuff-photos a.mark{
    background: url("../images/i/stuff_small.jpg") 0 -156px no-repeat;
}
#main #content .left-column .tr div .popup .text .stuff-photos a.bob:hover{
    background: url("../images/i/stuff_small.jpg") -68px 0 no-repeat;
}
#main #content .left-column .tr div .popup .text .stuff-photos a.elizabeth:hover{
    background: url("../images/i/stuff_small.jpg") -68px -52px no-repeat;
}
#main #content .left-column .tr div .popup .text .stuff-photos a.patricia:hover{
    background: url("../images/i/stuff_small.jpg") -68px -104px no-repeat;
}
#main #content .left-column .tr div .popup .text .stuff-photos a.babra:hover{
    background: url("../images/i/stuff_small.jpg") -68px -104px no-repeat;
}
#main #content .left-column .tr div.popup .text .stuff-photos a.mark:hover{
    background: url("../images/i/stuff_small.jpg") -68px -156px no-repeat;
}
#main #content .left-column .tr div .popup .corner{
    width:315px;
    height:38px;
    background:url("../images/i/popup-corner_bottom.png") 30px 0 no-repeat;
}

#main #content .right-column{
    width:396px;
    height:532px;
    float:left;
    background: url("../images/i/main_right_bg.jpg");
}
#main #content .right-column div a.slogan{
    background: url("../images/i/slogan2.png") 0 0 no-repeat;
    width:261px;
    height:31px;
    display:block;
    margin:255px 0px 0px 65px;
    text-decoration:none;
}
#main #content .right-column div a.slogan:hover{
    background: url("../images/i/slogan2.png") 0 -31px no-repeat;
}
#main #content .right-column .popup{
    width:315px;
    position:absolute;
    top:0px;
    right:-210px;
}
#main #content .right-column div .popup .text{
    color:white;
    font-size:14px;
    padding:35px 45px;
    line-height:18px;  
}

#main #content .right-column div .popup .text a { color:white; text-decoration:none; font-style:italic; }

#main #content .right-column div .popup .text a.arrow-w{
    background: url("../images/i/arrow.gif") 0 0 no-repeat;
    display:inline-block;
    width:7px;
    height:14px;
    margin:0px 0px 0px 5px;	
}
#main #content .right-column div .main_slogan{
    width:314px;
    height:252px;
    background:url("../images/i/popup_bg_blank_big.png") 0 0 no-repeat;
}

#main #slogan {
    right:-230px;
    top:270px;
    position:absolute;
    width:202px;
    height:13px;
    background: url("../images/i/slogan1.gif") 0 0 no-repeat;	
}
/*----------------- PEOPLE ----------------*/
#people #content .left-column{
    float:left;
    width:280px;
    margin:50px 0px 0px 70px;
    position:relative;
}
#people #content .left-column .stuff-list{
    list-style:none;
}
#people #content .left-column .stuff-list li{
    height:87px;
    /*	border:1px solid red; */
    margin:0px 0px 30px 0px;
    position:relative;
}
#people #content .left-column .stuff-popups .popup{
    position:absolute;
    width:629px;
    height:358px;
    z-index:9;
}
#people #content .left-column .stuff-popups .popup .corner{
    float:left;
    width:100px;
}
#people #content .left-column .stuff-popups .popup .description h3{
    color:#F47920;
    font-size:13px;
    font-weight:bold;
	padding-bottom:5px;
}
#people #content .left-column .stuff-popups .popup .description p{
    font-size:12px;
	line-height:14px;
	color:#666;
}
#people #content .left-column .stuff-list li a{
    padding:0px 0px 0px 50px;
    text-decoration:none;
}
#people #content .left-column .stuff-list li a p{
    color:#F47920;
    font-size:14px;
    float:left;
    width:165px;
    margin:0px 0px 0px 15px;
}
#people #content .left-column .stuff-list li a:hover p{
    color:#5C5C5C;	
}
#people #content .left-column .stuff-list a div{
    width:78px;
    height:87px;
    float:left;
}
#people #content .left-column .stuff-popups .bob {
    background:url("../images/i/bob.jpg") right top no-repeat;
    top:-40px;
    right:-440px;
}
#people #content .left-column .stuff-popups .bob .corner{
    background:url("../images/i/bob_corner.jpg") 0px 0px no-repeat;
    width:79px;
    height:84px;
    margin:40px 0px 0px 0px;	
}
#people #content .left-column .stuff-popups .bob .description{
    width:250px;
    float:right;
    padding:10px 10px 0px 23px;
}
#people #content .left-column .stuff-popups .elitabeth {
    background:url("../images/i/elitabeth.jpg") right top no-repeat;
    top:-10px;
    right:-440px;
}
#people #content .left-column .stuff-popups .elitabeth .corner{
    background:url("../images/i/elitabeth_corner.jpg") 0px 0px no-repeat;
    width:79px;
    height:84px;
    margin:130px 0px 0px 0px;	
}
#people #content .left-column .stuff-popups .elitabeth .description{
    width:250px;
    float:left;
    padding:10px 20px 0;
}
#people #content .left-column .stuff-popups .patricia {
    background:url("../images/i/patricia.jpg") right top no-repeat;
    top:-100px;
    right:-440px;
}
#people #content .left-column .stuff-popups .patricia .popup .corner{
    background:url("../images/i/patricia_corner.jpg") 0px 0px no-repeat;
    width:79px;
    height:84px;
    margin:100px 0px 0px 0px;	
}
#people #content .left-column .stuff-popups .patricia .description{
    width:250px;
    float:right;
    padding:10xp 20px 0;
}
#people #content .left-column .stuff-popups .barbra {
    background:url("../images/i/barbra.jpg") right top no-repeat;
    bottom:50px;
    right:-440px;
}
#people #content .left-column .stuff-popups .barbra .corner{
    background:url("../images/i/barbra_corner.jpg") 0px 0px no-repeat;
    width:79px;
    height:84px;
    margin:170px 0px 0px 0px;	
}
#people #content .left-column .stuff-popups .barbra .description{
    width:230px;
    float:left;
    padding:10px 20px 0;
}
#people #content .left-column .stuff-popups .mark{
    background:url("../images/i/mark.jpg") right top no-repeat;
    bottom:-20px;
    right:-440px;
}
#people #content .left-column .stuff-popups .mark .corner{
    background:url("../images/i/mark_corner.jpg") 0px 0px no-repeat;
    width:79px;
    height:84px;
    margin:220px 0px 0px 0px;	
}
#people #content .left-column .stuff-popups .mark .description{
    width:230px;
    float:left;
    padding:10px 20px 0;
}
#people #content .left-column .stuff-list li.bob a div{
    background:url("../images/i/stuff_medium.jpg") 0px 0px no-repeat;	
}
#people #content .left-column .stuff-list li.elitabeth a div{
    background:url("../images/i/stuff_medium.jpg") 0px -87px no-repeat;	
}
#people #content .left-column .stuff-list li.patricia a div{
    background:url("../images/i/stuff_medium.jpg") 0px -174px no-repeat;	
}
#people #content .left-column .stuff-list li.barbra a div{
    background:url("../images/i/stuff_medium.jpg") 0px -261px no-repeat;	
}
#people #content .left-column .stuff-list li.mark a div{
    background:url("../images/i/stuff_medium.jpg") 0px -348px no-repeat;	
}
#people #content .left-column .stuff-list li.bob a:hover div{
    background:url("../images/i/stuff_medium.jpg") -78px 0px no-repeat;	
}
#people #content .left-column .stuff-list li.elitabeth a:hover div{
    background:url("../images/i/stuff_medium.jpg") -78px -87px no-repeat;	
}
#people #content .left-column .stuff-list li.patricia a:hover div{
    background:url("../images/i/stuff_medium.jpg") -78px -174px no-repeat;	
}
#people #content .left-column .stuff-list li.barbra a:hover div{
    background:url("../images/i/stuff_medium.jpg") -78px -261px no-repeat;	
}
#people #content .left-column .stuff-list li.mark a:hover div{
    background:url("../images/i/stuff_medium.jpg") -78px -348px no-repeat;	
}
#people #content .right-column{
    float:left;
    width:425px;
    margin:55px 0px 0px 20px;
}

#people #content .right-column blockquote .quoute-start{
    background: url("../images/i/quote1.gif") 0 0 no-repeat;
    width:17px;
    height:12px;
    display:inline-block;
    margin:0px;
}
#people #content .right-column blockquote .quoute-end{
    background: url("../images/i/quote2.gif") 0 0 no-repeat;
    width:17px;
    height:12px;
    display:inline-block;
    margin:0px 0px 0px 2px;
}
#people #slogan {
    right:-290px;
    top:180px;
    position:absolute;
    width:251px;
    height:31px;
    background: url("../images/i/slogan2.png") 0 0 no-repeat;
}
/*----------------- PROFILE ----------------*/
#profile #slogan {
    right:-230px;
    top:190px;
    position:absolute;
    width:202px;
    height:13px;
    background: url("../images/i/slogan1.gif") 0 0 no-repeat;	
}
/*#profile #content.impressions .left-column{
    background: url("../images/i/profile_left_bg1.jpg") 0 0 no-repeat;
	background-attachment:fixed;
}*/
body.prof2 { position:relative;
}
body.prof2 .bg_page { position: fixed; top:182px; 
	width:325px;
	height:320px;
	background-image:url(../images/i/profile_left_bg1.jpg);
	background-repeat:no-repeat;
}
#profile #content.philosophy .left-column{
    background: url("../images/i/profile_left_bg2.jpg") 0 0 no-repeat;		
}
#profile #content .left-column{
    width:325px;
    height:320px;
    float:left;
    margin:70px 0px 0px 0px;
}
#profile #content .right-column{
    float:left;
    width:430px;
    margin:0px 0px 0px 45px;
}
#content .right-column blockquote{
    font-size:17px;	
    line-height:24px;
    margin:0px 0px 10px 0px;
}
#content .right-column .author{
    font-size:13px;
    font-style:italic;
    color:#969595;
}
#content .right-column blockquote .quoute-start{
    background: url("../images/i/quote1.gif") 0 0 no-repeat;
    width:17px;
    height:12px;
    display:inline-block;
    margin:0px;
}
#content .right-column blockquote .quoute-end{
    background: url("../images/i/quote2.gif") 0 0 no-repeat;
    width:17px;
    height:12px;
    display:inline-block;
    margin:0px 0px 0px 2px;
}
#content .right-column h2{
    color:#f47920;
    font-size:17px;
    margin:20px 0px 0px 0px;
}
#profile #content.philosophy .right-column span{
    color:#f47920;
    font-size:16px;
    margin:20px 0px 0px 0px;
    display:inline;
}
#content.philosophy .right-column div p{
    font-size:13px;
    margin:0px 0px 20px 0px;
    line-height:18px;
}
#content.philosophy .right-column p.intro{
    font-size:16px;
	line-height:21px;
    margin:0px 0px 20px 0px;
}
#profile #content.philosophy .right-column h1{
    color:#f47920;
    font-size:24px;
    font-family: Georgia;
    margin:0px 0px 10px 0px;
}
#content .right-column p{
    font-size:13px;
	line-height:18px;
    margin:0px 0px 16px 0px;
}
#profile #content .secondary-menu{
    color:#8d8e8f;
    font-size:14px;
    margin:15px 0px 30px 0px;
}
#profile #content .secondary-menu a{
    color:#8d8e8f;
    margin:0px 5px 0px 5px;
    text-decoration:none;
}
#profile #content .secondary-menu a.active{
    color:#f47920;
}
/*----------------- PORTFOLIO ----------------*/
#portfolio #slogan {
    width:251px;
    height:31px;
    right:-280px;
    top:180px;
    background: url("../images/i/slogan2.png") 0 0 no-repeat;
    /*	border:1px solid red;*/
}
#portfolio .album{
    position:relative;
    width:800px;
    height:337px;
    margin:30px 0px 0px 0px;
}
#portfolio .album .previous{
    width:400px;
    height:337px;
    display:block;
    position:absolute;
    left:0;
    cursor: pointer;
}
#portfolio .album .next{
    width:400px;
    height:337px;
    display:block;
    position:absolute;
    right:0px;
    cursor: pointer;
}
#portfolio .album a.previous:hover div{
    width:50px;
    height:50px;
    position:absolute;
    top:140px;
    left:0px;
    background: url("../images/i/next_previous_button.png") 0 0 no-repeat;

}
#portfolio .album a.next:hover div{
    width:50px;
    height:50px;
    position:absolute;
    top:130px;
    right:0px;
    background: url("../images/i/next_previous_button.png") 100% 0 no-repeat;
}
/*#portfolio .pagination {
text-align:right;
margin:5px 0px 0px 0px;
}
#portfolio .pagination li{
list-style:none;
display:inline;
}
#portfolio .pagination li a{
color:white;
font-size:11px;
text-decoration:none;
background: url("../images/i/pagination_bg.gif") 0 0 no-repeat;
width:11px;
height:14px;
display:inline-block;
padding:0px 2px 0px 0px;
margin:0px 1px 0px 0px;
text-align:center;
} */
#portfolio .pagination li a.active{
    background: url("../images/i/pagination_bg_active.gif") 0 0 no-repeat;	
}

#portfolio .right-column {
    float:right;
    width:300px;
    margin:20px 20px 0px 0px;
}
#portfolio .right-column h2{	
    color:#7da108;
    font-size:12px;
    margin:0px 0px 15px 0px;
}
#portfolio .right-column p{
    float:left;
    width:120px;
    font-size:11px;
    margin:0px 20px 0px 0px;
    /*	border:1px solid red; */
}

/*----------------- CONTACT ----------------*/
#contact h2{
    font-size:16px;
    color:#ff7900;
}
#contact #content .left-column {
    background:url("../images/i/contact_left_bg.gif") 0px 0 no-repeat;
    width:403px;
    height:532px;
    float:left;
}
#contact #content .right-column{
    float:left;
    width:300px;
    margin:20px 0px 0px 30px;
}
#contact #content .right-column p a{
    color:#ff7900;	
}
#contact #content .right-column dl{
    font-size:13px;	
}
#contact #content .right-column dd{
    margin:0px 0px 20px 0px;	
}
#contact #content .right-column dd a{
    color:#727272;
    text-decoration:none;	
}
#contact #content .right-column dd a:hover{ text-decoration:underline; }

#contact #slogan {
    right:-230px;
    top:270px;
    position:absolute;
    width:202px;
    height:13px;
    background: url("../images/i/slogan1.gif") 0 0 no-repeat;	
}

.tooltip {
    display:none;
}

/* PORTFOLIO SCROLL*/

.scrollable {
    position:relative;
    overflow:hidden;
    width: 179;
    height:203px;
}

.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:179px;
    border:1px solid white;
    height:201px;  
}

div.items div a img {
    border: 0px;
}

.portfolio_scrollable {
    position:relative;
    overflow:hidden;
    width: 800;
    height:337px;
}

.portfolio_scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.portfolio_scrollable .items div {
    float:left;
    width:800px;
    margin-left: -1px;
    border:1px solid white;
    height:337px;  
}


.navi {
    float: right;
    width:auto;
    height:15px;
}


/* items inside navigator */
.navi a {
    width:10px;
    height:10px;
    float:left;
    margin:3px;
    background: url("../images/i/pagination_bg.gif") 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.navi a:hover {
    background: url("../images/i/pagination_bg_active.gif") 0 0 no-repeat;    
}

/* active state (current page state) */
.navi a.active {
    background: url("../images/i/pagination_bg_active.gif") 0 0 no-repeat;       
}

a.disabled {
    visibility:hidden !important;        
} 

a.perehod {
    visibility:visible !important;        
} 


/* vertical company menu scroll */  
#portfolio .left-column {
    float:left;
    width:352px;
    /*    border:1px solid blue;*/

    position:relative;
    margin:40px 0px 0px 0px;
}
#portfolio .left-column div{
    font-size:11px;
    float:left;
    width:90px;
}
#portfolio .right-column .description p { line-height:16px; }
#portfolio .left-column .clients-list{
    padding:0px 0px 3px 10px;
    display:inline-block;
    height:180px;
    width:200px;
    float:left;
    overflow:hidden;
}
#portfolio .left-column .close-button{
    background: url("../images/i/close_button.gif") 0 0 no-repeat;
    width:14px;
    height:14px;
    display:inline-block;
    position:absolute;
    bottom:0px;
    left:60px;
}
#portfolio .left-column .clients-list li{
    list-style:none;
    line-height:15px;
}
#portfolio .left-column .clients-list li a{
    font-size:11px;
    text-decoration:none;
    color:#8d8e8f;
}
#portfolio .left-column .clients-list li a.active{
    color:#f47920;
}
div#client-list-container {
    height: 202px; 
    width: 250px !important; 
    padding: 10px 0 10px 0; 
    border-left: 1px solid #8D8E8F; 
} 
/* #client-menu{
    cursor: pointer;
}
.client-list-invisible {
    display: none;
}
.client-list-visible {
    display: block; 
} */ 
div.hoverscroll {
    position:relative;   
}

div.hoverscroll div.listcontainer {
    overflow:hidden;
    height: 204px!important;
}

div.hoverscroll ul.list {
    list-style:none;
    margin:0;
    padding:0;
}

div.hoverscroll ul.list li.item {
    display:block;
    padding:0;
}

div.hoverscroll div.arrow {
    position:absolute;
    float:none;
    background-color:#ccc;
    background-position:center;
    background-repeat:no-repeat;
}

div.hoverscroll div.arrow.top,
div.hoverscroll div.arrow.bottom {
    left:0px;
    width:100%;
    height:5px;
}
div.hoverscroll div.arrow.top {
    top:-10px;
    left: 10px;
    background: url("../images/i/up_button.gif") 0 0 no-repeat; 

}
div.hoverscroll div.arrow.bottom {
    bottom:-12px;
    left: 10px;   
    background: url("../images/i/down_button.gif") 0 0 no-repeat;  
}

/* vertical company menu scroll */

.sitemap-list .zero-level,
.sitemap-list .first-level { padding:0 0 5px 7px; }
.sitemap-list .second-level { padding-left:20px; display:list-item; list-style-position:inside; list-style-type:disc; padding-bottom:2px; }

.footer { background:url(../images/i/slogan1.gif) 0 14px no-repeat;
	color:#BCBEC0; font-size:11px; font-weight:normal; padding:36px 0 10px; clear:both; }
.footer a { color:#BCBEC0; display:inline-block; margin:0 15px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; }
.footer a.first { border:0; margin-left:0; }
.clr { clear:both; font-size:0; line-height:0; }

.noprint { display:none; }