
/* general settings */
.hide {
    display : none;
}
a {
    color:#185282;
    text-decoration:none;
    border:none;
}

/* page holder */

#wrapper:after,
#header:after,
.nav-holder:after,
#nav:after,
#main:after,
.bar:after,
.shadow:after {
    content:"";
    display:block;
    clear:both;
    height:0;
}
.secondary .shadow {
    width:100%;
    background:url(images/bg-shadow-secondary.gif) repeat-y;
}
.shadow {
    width:100%;
    background:url(images/bg-shadow.gif) repeat-y;
}
.shadow1 {
    width:100%;
    background:url(images/bg-shadow1.gif) repeat-y;
}

.photo {
    position:absolute;
    top:0;
    left:23px;
    overflow:hidden;
}
.photo img {vertical-align:top;}
/* navigation holderr */
.nav-holder {
    width:100%;
    padding:6px 0 5px 0;
}
#nav {
    float:right;
    margin:0;
    padding:0 30px 0 0;
    list-style:none;
}
#nav li {
    float:left;
    line-height:33px;
    font-weight:bold;
    padding:0 17px;
    text-transform:uppercase;
    color : white;
}
#nav li a {
    float:left;
    color:#fff;
}
#nav li div {
    display:none;
    width:157px;
    position:absolute;
    top:33px;
    left:17px;
}
#nav li:hover, #nav li.hover {position:relative;}
#nav li.active a, #nav li:hover a, #nav li.hover a {/* color:#0e5694 */ color:#BDAE76}
#nav li:hover div, #nav li.hover div {display:block;}
#nav li ul {
    width:100%;
    overflow:hidden;
    margin:0;
    padding:0 0 10px 0;
    list-style:none;
    background:url(images/bg-sub-nav.png);
}
#nav li li {
    padding:0;
    line-height:15px;
    text-transform:none;
    font-weight:normal;
}
#nav li li a {
    color:#fff !important;
    width:137px;
    position:relative;
    padding:7px 10px 2px 10px;
}
#nav li li a:hover {/* color:#0e5694 */ color:#BDAE76 !important;}


.tabs {
    height:1%;
    overflow:hidden;
    padding:4px 4px 3px 3px;
}
.tabs > ul {
    height:1%;
    overflow:hidden;
    margin:0;
    padding:0;
    list-style:none;
    /* border:1px solid #c8c8c8; */
    padding:3px 4px 4px 4px;
}
.tabs > ul > li {
    width:100%;
    overflow:hidden;
    height : 265px;
}
.tabs > ul li img {vertical-align:top; text-align:center;}

.tabs li[content=videos] p {
    text-align : center;
}

/* video-holder */
.video-holder {
    float:left; 
    width:330px;
}
.video-holder:after {
    content:"";
    display:block;
    clear:both;
    height:0;
}
.video-nav {
    width:320px;
    margin-left:7px;
    overflow:hidden;
    background:url(images/bullet2.gif) repeat-x;
}
.video-nav ul {
    position:relative;
    width:100%;
    overflow:hidden;
    margin:0;
    padding:0;
	margin-left:15px;
    list-style:none;
}
.video-nav li {
    float:left;
    line-height:29px;
    margin-left:10px;
    text-transform:uppercase;
    font:bold 12px/25px  Tahoma, Arial, Verdana, sans-serif;
}
.video-nav li a {
    float:left;
    color:#303030;
}
.video-nav li a span {
    float:left;
    position:relative;
    padding:5px 20px 0 12px;
}
.video-nav li.active a,
.video-nav li a:hover {
    background:url(images/bullet-on-l.gif) no-repeat;
    text-decoration : none;
}
.video-nav li.active a span,
.video-nav li a:hover span {
    background:url(images/bullet-on-r.gif) no-repeat 100% 0;
}

/* start slideshow styles */
.controls {
    text-align : center;
}
.slideshow {
    margin : 0;
    padding : 0;
}
.slideshow .slides {
    height : 200px;
}
.slideshow .slides > div {
    position : absolute;
    vertical-align : top;
    top : 38px;
}
.slideshow .slides > div img {
    width: 320px;
    height: 200px;
/*  margin-top:159px;*/
}
.slideshow .navigation {
    background-image : url(images/photo_player_bg.gif);
    height : 40px;
    color : black;
    padding : 5px 3px;
    vertical-align : middle;
}
.slideshow .navigation .thumbnails a {
    border : 1px solid grey;
    float : left;
    margin-right : 4px;
}
.slideshow .navigation a.selected {
    border : 1px solid gold;
}
.slideshow .navigation .thumbnails img {
    height : 40px;
    width : 54px;
}
.slideshow .navigation .controls img {
    position : relative;
    top : 10px;
    padding : 1px;
}
.slideshow .controls {
}

.caption {
    position:absolute;
    left:0;
    bottom:0;
    width:260px;
    font-family:Arial,Helvetica,Verdana;
}
* html .caption {bottom:-1px;}
.caption div {
    width:100%;
    overflow:hidden;
    line-height:33px;
    background:url(images/bg-items.png) repeat-x;
}
.caption p {
    margin : 0;
    padding : 2px 6px;
    line-height : 1.3em;
    color : white;
    font-size : 11px;
}
