/* everything is constructed with a single background image */

/* root element for tabs */




/* everything is constructed with a single background image */
/* root element for tabs */ 
#flowtabs {
    /* dimensions */
    width: 100%;
    height: 31px !important;
    margin: 0 !important;
    padding: 0;
    /* IE6 specific branch (prefixed with "_") */
    _margin-bottom: -2px;
}

/* single tab */ 
#flowtabs li {
    float: left;
    margin: 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
}

/* a- tag inside single tab */ 
#flowtabs li a {
    display: block;
    height: 31px;
    width: 189px;
    padding: 0px;
    margin: 0px;
    /* font decoration */
    color: #000;
    font-size: 12px;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
}

/* adjust the background image position on each tab */ 
#flowtabs #t1 {
    background-position: 0 0;
} #flowtabs #t2 {
    background-position: -189px 0;
} #flowtabs #t3 {
    background-position: -378px 0;
} #flowtabs #t4 {
    background-position: -567px 0;
    width: 192px;
}

/* mouseover state */ 
#flowtabs a:hover {
    color: black;
} #flowtabs #t1:hover {
    background-position: 0 -33px;
} #flowtabs #t2:hover {
    background-position: -189px -33px;
} #flowtabs #t3:hover {
    background-position: -378px -33px;
} #flowtabs #t4:hover {
    background-position: -567px -33px;
}

/* currently selected tabs 
 * */ 
 #flowtabs a.current {
    cursor: default;
    color: #fff;
    line-height: 34px;
} #flowtabs #t1.current {
    background-position: 0 -66px;
} #flowtabs #t2.current {
    background-position: -189px -66px;
} #flowtabs #t3.current {
    background-position: -378px -66px;
} #flowtabs #t4.current {
    background-position: -567px -66px;
}

/* panes */ 
#flowpanes {
    width: 350px;
    height: 650px;
    background-position: center;
}

/* single pane */ 
#flowpanes div {
    display: none;
    color: #fff;
    margin: 20px 40px;
    width: 500px;
}

/* some decorations for elements inside single pane */ 
#flowpanes div h2 {
    font-weight: normal;
    color: #666666;
    letter-spacing: 1px;
    margin: 10px 0 0 0;
    font-size: 22px;
    width: 350px;
	text-align:center;
	height:30px;
} 
#flowpanes a {
    color:#3366FF; 
    font-size: 14px;
    width: 960px;
} 
#flowpanes img {
    float:left;
	margin-left:0px;
	margin-top:10px;
} 
#flowpanes p, #flowpanes samp {
    color: black;
    width: 350px;
    margin-top: 250px;
} 
#flowpanes div.narrow {
    padding-right: 0px;
    width: 350px;
} 

/* override the root element to enable scrolling */ 
#flowpanes {
        position: relative;
        overflow: hidden;
        clear: both;
        width: 100%;
		height:470px;
}

/* override single pane */ 
#flowpanes div {
    float: left;
    display: block;
    width: 350px;
    height: 440px;
    cursor: pointer;
    font-size: 14px;
}

/* our additional wrapper element for the items */ 
#flowpanes .items {
    width: 20000em;
    position: absolute;
    clear: both;
    margin: 0;
    padding: 0;
} 
#flowpanes .less, #flowpanes .less a {
    color: #999 !important;
    font-size: 11px;
} 

#l_prev {
    position: absolute;
    top: 30%;
    right: 0pt;
    width: 48px;
    height: 75px;
    z-index: 1500;
} 
#r_next {
    position: absolute;
    top: 30%;
    left: 0pt;
    width: 48px;
    height: 75px;
    z-index: 1500;
}         
    
    
p.more, p.more a {
    font-size: 16px;
    margin: 20px 0;
    letter-spacing: -1px;
}                               






#content {
    background: url(../images/bg-body.png) center top no-repeat;
    width: 100%;
    left: 0px;
    right: 0px;
}