/* @override http://www.jpjahan.com/css/style.css */

/* @override http://www.jpjahan.com/css/style.css */

/* Colours 
blue 2551aa
yellow fcf576
*/
body{font-family:Arial, Helvetica, sans-serif}
h1{color: #666;}
h1, p, li, label{ font-family:Arial, Helvetica, sans-serif;font-size:12px;}
h2{ font-family:Palatino, Palatino Linotype, Arial, Helvetica, sans-serif;font-size:24px;color:#2551aa;}
h3{ font-family:Palatino, Palatino Linotype, Arial, Helvetica, sans-serif;font-size:19px;color:#2551aa;font-weight:bold}
#sideBar h2{font-weight:bold;}
#sideBar a{color:#666666}


body{background:#2551aa;margin:0;}
#wrapper{background:#2551aa;width:910px;min-height:700px;height:auto !important;height:700;margin:0 auto;position:relative;}
#mainContent{background:#ffffff;min-height:20px;height:auto !important; height:20px;margin:50px;margin-bottom:0px;position:relative;}


#footer{border-bottom:1px solid #fff;margin-left:50px;margin-right:50px;position:relative;padding-bottom:5px;}
#footer p{text-transform:uppercase;color:#fff;font-weight:bold;margin-left:30px;margin-top:5px;}
#footer p a{color:#fff;text-decoration:none;}
#footer p a:hover{text-decoration:underline}
#footer .footer-b p {font-size:10px;font-weight:normal;text-transform:none;}
span.label{color:#ffef00;}

.footer-a{float:left;}
.footer-b{float:right;margin-right:20px;}


#sideBar{width:290px;float:left;}
#sideBar h2{margin-left:30px;}
#sideBar div.sideBarInner{padding-left:30px;color:#666666;border-left: 2px dotted #ccc;padding-right:30px;position:relative}
#sideBar div strong{color:#666}
#sideBar p{font-size:11px;}
#sideBar div{font-size:11px;}
#content{width:410px;float:left;padding-left:105px;}

div.hr{padding-top:10px;padding-bottom:10px;}
div.hr hr{border:0;border-top:2px dotted #ccc;}


ul#navigation {position:absolute;right:0px;top:50px; background:  url(../images/line.gif) 0px 18px repeat-x;}
ul#navigation li{display:block;float:left;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
ul#navigation li a{text-decoration:none;height:50px;display:block;color:#2551aa;float:left;width:100%}
ul#navigation li a:hover{color:#000 !important}
ul#navigation li a span.a{display:block;height:18px;padding-right:30px;}
ul#navigation li a span.b{display:block;height:35px;}
#navigation li.selected a span.b{background:url(../images/selected.gif) bottom center no-repeat;font-weight:bold;}
#navigation li a:hover span.b{background:url(../images/selected.gif) bottom center no-repeat; cursor:pointer}

#navigation li.home{width:60px;}
#navigation li.artistIndex{width:95px;}
#navigation li.artistIndex a:hover span.b{background:url(../images/selected.gif) bottom 20px no-repeat; cursor:pointer}
#navigation li.aboutUs{width:80px;}
#navigation li.contactUs{width:90px;}



ul#navigation_collections {position:absolute;right:0px;top:50px; background:  url(../images/line.gif) 0px 18px repeat-x;}
ul#navigation_collections li{display:block;float:left;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
ul#navigation_collections li a{text-decoration:none;height:50px;display:block;color:#2551aa;float:left;width:100%}
ul#navigation_collections li a:hover{color:#000 !important}
ul#navigation_collections li a span.a{display:block;height:18px;padding-right:00px;}
ul#navigation_collections li a span.b{display:block;height:35px;}
#navigation_collections li.selected a span.b{background:url(../images/selected.gif) bottom center no-repeat;font-weight:bold;}
#navigation_collections li a:hover span.b{background:url(../images/selected.gif) bottom center no-repeat; cursor:pointer}

#navigation_collections li a span.a{background:url(../images/tiny_bullet.gif) center right no-repeat;}
#navigation_collections li.contactUs a span.a{background:none;}

#navigation_collections li.home{width:50px;}
#navigation_collections li.artistIndex{width:75px;}
#navigation_collections li.artistIndex a:hover span.b{background:url(../images/selected.gif) bottom 20px no-repeat; cursor:pointer}
#navigation_collections li.collections{width:72px;}
#navigation_collections li.aboutUs{width:60px;}
#navigation_collections li.contactUs{width:70px;}





ul#navigation_exhibitions {position:absolute;right:0px;top:50px; background:  url(../images/line.gif) 0px 18px repeat-x;}
ul#navigation_exhibitions li{display:block;float:left;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
ul#navigation_exhibitions li a{text-decoration:none;height:50px;display:block;color:#2551aa;float:left;width:100%}
ul#navigation_exhibitions li a:hover{color:#000 !important}
ul#navigation_exhibitions li a span.a{display:block;height:18px;padding-right:00px;}
ul#navigation_exhibitions li a span.b{display:block;height:35px;}
#navigation_exhibitions li.selected.home a span.b{background:url(../images/selected.gif) bottom 10px no-repeat;font-weight:bold;}
#navigation_exhibitions li.selected.artistIndex a span.b{background:url(../images/selected.gif) bottom 25px no-repeat;font-weight:bold;}
#navigation_exhibitions li.selected.exhibitions a span.b{background:url(../images/selected.gif) bottom 25px no-repeat;font-weight:bold;}
#navigation_exhibitions li.selected.aboutUs a span.b{background:url(../images/selected.gif) bottom 25px no-repeat;font-weight:bold;}
#navigation_exhibitions li.selected.contactUs a span.b{background:url(../images/selected.gif) bottom 25px no-repeat;font-weight:bold;}

#navigation_exhibitions li a:hover span.b{background:url(../images/selected.gif) bottom center no-repeat; cursor:pointer}

#navigation_exhibitions li a span.a{background:url(../images/tiny_bullet.gif) center right no-repeat;}
#navigation_exhibitions li.contactUs a span.a{background:none;}

#navigation_exhibitions li.home{width:50px;}
#navigation_exhibitions li.home a:hover span.b{background:url(../images/selected.gif) bottom 10px no-repeat; cursor:pointer}
#navigation_exhibitions li.artistIndex{width:75px;}
#navigation_exhibitions li.artistIndex a:hover span.b{background:url(../images/selected.gif) bottom 25px no-repeat; cursor:pointer}
#navigation_exhibitions li.exhibitions{width:72px;}
#navigation_exhibitions li.exhibitions a:hover span.b{background:url(../images/selected.gif) bottom 25px no-repeat; cursor:pointer}

#navigation_exhibitions li.aboutUs{width:60px;}
#navigation_exhibitions li.aboutUs a:hover span.b{background:url(../images/selected.gif) bottom 20px no-repeat; cursor:pointer}
#navigation_exhibitions li.contactUs{width:70px;}
#navigation_exhibitions li.contactUs a:hover span.b{background:url(../images/selected.gif) bottom 25px no-repeat; cursor:pointer}


/*
ul#navigation {position:absolute;right:0px;top:50px;}
ul#navigation li{display:block;float:left;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
ul#navigation li a{text-decoration:none;height:50px;display:block;color:#2551aa;float:left;width:100%}
ul#navigation li a:hover{color:#000 !important}
ul#navigation li a span.a{display:block;height:18px;border-bottom:1px solid #2551aa;padding-right:30px;}
ul#navigation li a span.b{display:block;height:35px;}
#navigation li.selected a span.b{background:url(../images/selected.gif) bottom center no-repeat;font-weight:bold;}
#navigation li a:hover span.b{background:url(../images/selected.gif) bottom center no-repeat; cursor:pointer}

#navigation li.home{width:60px;}
#navigation li.artistIndex{width:90px;}
#navigation li.aboutUs{width:80px;}
#navigation li.contactUs{width:90px;}


*/

#mainContent h1 {position:absolute;left:105px;top:40px; font-size:23px;font-weight:bold;}




#sideBar2{width:260px;float:left;}
#sideBar2 div{margin-left:0px;margin-top:20px;color:#666666}
#sideBar2 p{font-size:11px;padding-bottom:10px;color:#777;}
#sideBar2 h2{font-size:26px;font-weight:bold;color:#2551aa;line-height:33px;margin-bottom:5px;}
#contentHome{width:400px;float:left;padding-left:63px; text-align: right;padding-right: 20px;}
#contentHome img {text-align: right;}
#contentHome a{color:#000;}

#contentArtists{width:450px;float:left;padding-left:60px;}
#contentArtists a{color:#000;}

#contentImages{width:450px;float:left;padding-left:60px;margin-top:15px;}




p.description {font-size:10px;margin-top:0px;text-align:center;width:312px;}
#sideBar2 p.smallprint {font-size:9px;}


#mainContent{border-bottom:1px solid #fcf576;}

#artistIndex{margin-left:10px; min-height:420px}
#artistIndex a{display:block;width:86px;text-decoration:none;color:#2551aa;float:left;margin-right:15px;margin-bottom:15px;margin-top:15px;line-height:16px;}
#artistIndex a.clear{clear:left;}
#artistIndex a.blank {border:1px solid #fff;height:84px;}
#artistIndex a:hover{text-decoration:underline;}
#artistIndex img{border:1px solid #999;}
#artistIndex span{display:block;font-size:13px;text-align:center;}


div#prevNext, div#prevNextImage {clear:both;border-bottom:1px solid #999;width:410px;margin-bottom:10px;text-align:center;position:relative;top:-10px;margin-top:25px;font-family: Arial, Helvetica, sans-serif;}
div#prevNext a, div#prevNextImage a{ text-transform:uppercase;font-size:12px;font-weight:bold;color:#666;text-decoration:none;}
div#prevNext span, div#prevNextImage span{ text-transform:uppercase;font-size:12px;font-weight:bold;color:#dddddd;text-decoration:none;}
div#prevNext a.prev, div#prevNextImage a.prev{background: url(../images/arrows-prev.gif) center left no-repeat;padding-left:14px;position:absolute;left:0px;top:20px;z-index:20;}
div#prevNext span.prev, div#prevNextImage span.prev{background: url(../images/arrows-prev.gif) center left no-repeat;padding-left:14px;position:absolute;left:0px;top:20px;z-index:20;color:#dddddd;}
div#prevNext a.next, div#prevNextImage a.next{background: url(../images/arrows-next.gif) center right no-repeat;padding-right:14px;position:absolute;right:0px;top:20px;z-index:20;}
div#prevNext span.next, div#prevNextImage span.next{background: url(../images/arrows-next.gif) center right no-repeat;padding-right:14px;position:absolute;right:0px;top:20px;z-index:20;color:#dddddd;}
div#prevNext a:hover{text-decoration:underline}
div#prevNextImage{width:383px}
div#prevNextImage #pageNumber{width:383px}
div#prevNext #pageNumber{width:410px;z-index:10}
#pageNumber{color:#666;}


div.help{float:left;width:120px;z-index:10;}
div.help a{display:block;font-size:10px;text-transform:uppercase;background:url(../images/butts-help.gif) 0px 2px no-repeat;padding-left:25px;}
div.help a:hover{background:url(../images/butts-help-over.gif) 0px 2px no-repeat;}


#help_popup{position:relative;z-index:100;display:none;background-color:#fff;width:200px;}
#help_popup div{background-color:#fff;color:#000;border:5px solid #fcf576;position:absolute;top:50px;width:200px;left:00px;padding:10px;}
#help_popup p{padding-top:0px;width:100%;font-size:15px;font-size:12px;font-weight:bold;}
#help_popup span{text-align:right;display:block;position:relative;right:20px;top:0px}
#help_popup a{color:#000}


#image_buttons{float:left;width:100px}



#landscape-content {width:700px; margin: 0 auto;}
#landscape-content h2 {margin: 15px auto 0px auto; text-align: center; font-weight: bold; line-height: 1;}
#landscape-content img {width:640px; margin: 30px 25px 0 25px;}
#landscape-content p {font-size:11px;padding-bottom:10px;color:#777;}

#landscape-content .columns {margin: 10px 25px;margin-bottom: 30px; float: left;}
#landscape-content .columns .one {width: 300px;float: left;}
#landscape-content .columns .two {width: 300px;float: left; margin-left: 50px;}

/* scrollbar - - - - - - - - - - - -  -- - - - - -  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - -  - - - - -  - - -*/

.scroll {
    /*height: 350px;*/
	
    width: 655px; /*692*/
    overflow: auto;
    overflow: hidden;
    position: relative;
    clear: left;
    background: #000;
		
	left:15px;
	
}

.scrollContainer div.panel {
    
	width:655px;
	
}



.scrollButtons {
    position: absolute;
    top: 120px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}


.slider_navigation {list-style-type:none;margin:0;padding:0;color:#000;}
.slider_navigation li {display:block;float:left;margin:0px 5px; border:1px solid #666; padding:2px;}
.slider_navigation td {width:78px; height:78px; text-align:center; vertical-align:middle; margin:0px 6px;}
.slider_navigation a {border:none}
.slider_navigation img {margin:0; padding:5px 5px 0px 5px}
/*
.slider_navigation img{border:1px solid red;}
.slider_navigation img {margin:0px 6px;}
.slider_navigation li.first img {margin-left:0;}
*/
.selected {color:#FF6600;}
.selected img  { border:1px solid #ff6600;}

.profile_column_1 {width:310px;float:left;margin-right:18px;}
.profile_column_2 {width:310px;float:left;}

.profile_column_1 p{margin:0;padding:0;}
.profile_column_2 p{margin:0;padding:0;}

.scroll-pane {
	
	background: transparent;
	float: left;
	padding: 0;
	width:450px;height:50px;
}

.thumb_container{text-align:left; white-space:nowrap;}



#thumb_scrollbar {
/* Typical fixed height and fixed width example */
width: 383px;
height: 99px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0em auto;
padding-bottom: 25px;
margin-bottom:20px;
position:relative;top:-15px;left:-34px;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width:auto;
height: auto;
position: relative;
padding: 1px;
margin-top:10px;
}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}


.vscrollerbase {
	
}



/* And style your scrollbar like you normally do */
.vscrollerbase {
width: 15px;
background: transparent ;
visibility:hidden;
}
.vscrollerbar {
width: 15px;
background: transparent ;
visibility:hidden;
}
.hscrollerbase {
height: 10px;
background: #666 url(../images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 20px;
background: #000 url(../images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
width: 15px;
height: 8px !important;
visibility:hidden;
}
.vscrollerbarend {
width: 15px;
height: 8px;
visibility:hidden;
}
.hscrollerbarbeg {
height: 8px;
width: 15px !important;
}
.hscrollerbarend {
height: 8px;
width: 15px;
}
.scrollerjogbox {
width: 6px;
height: 6px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: transparent;
}
.vscrollerbasebeg {
width: 15px;
height: 8px !important;
visibility:hidden;
}
.vscrollerbaseend {
height: 8px;
width: 15px;
visibility:hidden;
}
.hscrollerbasebeg {
background: url(../images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 20px;
width: 15px !important;
}
.hscrollerbaseend {
height: 20px;
width: 15px;
background: url(../images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(../images/basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */



.scrollButtons {
    position: absolute;
    top: 160px;
    cursor: pointer;
}

/* end scrollbar - - - - - - -  - - - - -  -- - - - - - - - - - - - - - -  -- - - - - - - -  - - - - - - - - -  --  - - - - - -  - - -*/