/*fix no scrollbar in firefox on short pages*/
html {
min-height: 101%;
}

body {   text-align: center;  margin: 0; padding: 0;  padding-bottom: 5px;  font-family:   Arial, Helvetica, sans-serif; font-size: 14px;  background-color: #333;

background: -webkit-linear-gradient(#121212, #3A3A3A);  For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#121212, #3A3A3A);  /*For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#121212, #3A3A3A);  /*For Firefox 3.6 to 15 */
background: linear-gradient(#121212,#3A3A3A);  /*Standard syntax */


 }

div#container {font-family: Georgia, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif; font-size: 13px;  position: relative; text-align: left; width: 952px; margin: 0 auto 10px auto; border-top: 10px solid #FFF; background-color: #F2F2F2; color: #333;  padding: 0;  line-height: 1.6em;}

div#header { background-color: #FFF;  height: 70px;  background-repeat: no-repeat; background-image: url(images/header1.jpg); background-position: 10px 17px;  }

div#login {position: absolute; top: 3px; right: 12px; text-align: right; padding-right: 1px; font-size: 12px; color: #666;}
div#login a {text-decoration: none; color: #666; font-size: 12px; font-weight: bold; margin-left: 10px;}
div#login a:hover {text-decoration: underline;}

div#smedia {position: absolute; top: 43px; right: 12px; text-align: right; padding-right: 1px;}
div#smedia a {margin-left: 3px;}

img.flrimg {float: right; margin: 0 0 20px 20px;}
img.fllimg {float: right; margin: 0 20px 20px 0;}
img.block {display: block; margin: 0 0 20px 0;}

div#footer {clear: both; text-align: right;  font-size: 10px; padding: 10px 10px 20px 100px; border-top: 1px solid #ccc; position: relative; top: 10px;  }
div#footer, div#footer a {color: #8A8A90;}
div#footer a {text-decoration: none;}
div#footer a:hover {text-decoration: underline;}
	
a {text-decoration: none; color: #666;}
a:hover { text-decoration: underline;}
a img {border-width: 0;}

/*navigation*/
div#nav { position: absolute; top: 20px; right: 10px; width: auto; text-align: right; padding-top: 6px;   height: 29px;  margin-bottom: 23px;}
div#nav  a { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #666; font-weight: normal; text-decoration: none; }
div#nav a:hover, div#nav a.uber, div#nav li.uber a {color: #000; text-decoration: none;  } 


div#nav ul li.hassub#uber, div#nav ul li.hassub:hover {}
div#nav ul li.hidesub ul li {background-image: none;}

div#nav ul li#uber a, div#nav a:hover {color: #759FD1; }
div#nav ul li.hassub ul li:hover a {color: #8A8A90;}

div#nav ul li {list-style-type: none; margin-right: 0; background-image: url(images/navbg1b.jpg); background-position: 0 50%; background-repeat: no-repeat; margin-left: 6px; position: relative; padding: 7px 0 7px 12px; display: inline;}
div#nav ul ul li, div#nav ul li.first { background-image: none;  }
div#nav ul {margin: 0; padding: 0;}
div#nav ul ul {display: none; position: absolute; left: 0; right: 0; top: 23px; text-align: left; width: inherit; z-index: 1000;  }

div#nav ul ul li a {color: #8A8A90;}

div#nav ul li:hover ul ul {display: none; position: absolute; left: 70px; top: 23px; text-align: left; width: 120px; z-index: 2000;}
div#nav ul li:hover ul li:hover ul {display: block; background-image: none;}

div#nav ul li:hover ul ul li#uber a{color: #8A8A90;}


div#nav ul li.hidesub#uber ul {display: none;}
div#nav ul li#uber a { position: relative; }
div#nav ul li#uber ul li a {color: #8A8A90; background-image: none;}
div#nav ul li#uber li#uber2 a, div#nav ul li#uber ul li:hover a {color: #8A8A90;}
div#nav ul li.hassub ul li a {color: #333;}

div#nav ul ul li {display: block;  border-top: 1px solid #666; margin-right: 0; padding: 5px 10px 5px 10px;}
div#nav ul ul li a {font-size: 14px; text-transform: lowercase;  }
div#nav ul li:hover ul {display: block;}
/*
div#nav ul li#uber2 ul {display: block;}
div#nav ul li#uber ul {display: block;}
*/
div#nav ul li:hover a { color: #759FD1;}
div#nav ul li:hover li a { color: #666666;}
div#nav ul li:hover li:hover {background-color: #FFF;}
div#nav ul li#uber.hidesub {background-image: none;}
div#nav ul li#uber2.hidesub ul {display: none;}

div#nav ul li.uber a, div#nav ul li.uber ul li.uber a {color: #759FD1;}
div#nav ul li.uber ul li a {color: #333;}
div#nav ul li.uber ul li a:hover {color: #666666;}
/*end navigation */




h1 { text-align: left; color:  #759FD1; font-size: 23px;  font-weight: normal; margin-top: 0; margin-bottom: 10px; line-height: 1.2em; }
h1.caps {text-transform: none; font-size: 15px; font-weight: normal; letter-spacing: 0;}
h2 { text-align: inherit; color:  #759FD1; font-size: 16px; font-weight: bold; margin-top: 0; margin-bottom: 10px;}
h3 { text-align: left; color: #759FD1; font-size: 16px; font-weight: bold; margin-top: 0; margin-bottom: 8px;}

p {margin-top: 0; margin-bottom: 1em;}
p.review {font-size: 12px; font-style: italic; }

table td {vertical-align: top; text-align: left; padding: 5px 10px 5px 0;}


table.email {margin-left: 150px;}
/*input {height: 21px;}
input, textarea {width: 350px; background-color: #E8EAEE; color: #333; border: 1px solid #666;}*/
textarea {height: 150px;}
input.btn, table.user input.btn { width: auto;}
input.btn:hover {background-color: #666; color: #fff;}

.alert {font-weight: bold; color: #C50F3C; margin-left: 100px;}
.nowrap { white-space: nowrap; }

div#content { padding-left: 0px; border-top: 1px solid #ccc;   padding-top: 20px;

background: linear-gradient(#FFF, #F2F2F2);

}

div.content1 {border-top: 1px solid #999;}
div.content2 {border-top: 5px solid #999;}

/*LAYOUTS*/
div.singlecolnomarg {padding: 0; }
div.singlecol, div.doublecol,  div.triplecol {clear: both; padding-bottom: 8px; margin-bottom: 8px; padding-left: 30px; padding-right: 10px;}
div.doublecolalt {clear: both; padding-bottom: 8px; margin-bottom: 8px; padding-left: 12px; padding-right: 0;}
div.doublecol {}
div.doublecolleft {float: left; width: 570px; padding-left: 0;}
div.doublecolright {float: right; width: 227px; padding-left: 0; margin-right: 0; padding-right: 0;  text-align: left; }
div.doublecolalt div.doublecolleft {float: left; width: 658px; padding-left: 0;  }
div.doublecolalt div.doublecolright {float: right; width: 210px; padding-left: 0; padding-right: 20px; margin-right: 0;   text-align: left;  }

div.triplecol {  }
div.triplecolleft {float: left; width: 310px; }
div.triplecolcentre {float: left; width: 240px; padding-left: 50px; }
div.triplecolright {float: right; width: 204px; margin-right: 0;  padding-left: 20px; padding-right: 30px; border-left: 2px solid #E1E1E1; }

/*GALLERY*/
div#flrcolgall {float: right; width: 300px;}
div.thumbs {float: left; width: 80px; height: 80px; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 2px; text-align: center;}
div.portthumbs {float: left; width: 100px; height: 100px; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 2px; text-align: center;}
div.thumbs a {display: block;}
div.bigpic {width: 600px; text-align: center;}
p.bigimg {padding-left: 30px;}

a.blocklink1 {font-size: 17px; color: #FFF; background-image: url(images/icons/blocklink1.jpg); background-repeat: no-repeat; padding: 3px 0 3px 8px; display: block; background-position: left; margin-bottom: 5px;}

div.clearer {clear: both; font-size: 1px; height: 1px;}

p.homereview {color: #666; font-size: 15px; padding-top: 38px;}

div.homefeat { color: #182E3D; font-size: 14px; font-weight: bold;}
div.homefeat h2 {color: #182E3D; font-size: 16px; font-weight: bold;}
div.homefeat h2 {margin-bottom: 2px;}
div.homefeat p {margin-bottom: 2px;}
div.homefeat img {padding-top: 7px;}
div.homefeat a.blocklink1 {font-weight: normal;}

img#twitimg {float: right;}
p.smedia {margin-bottom: 25px;}
p.impt {font-weight: bold;}

div#divoverlay {position: absolute; top: 239px; right: 5px; text-align: left; z-index: 10000; font-size: 15px; color: #4483B0;}
div#divoverlay a {display: block; margin-top: 4px; background-image: url(images/opaquegrey1.png); background-repeat: no-repeat; width: 217px; height: 46px; padding-left: 10px; color: #4483B0; font-weight: bold; padding-top: 10px; border: 1px solid #1E1E1E;}
div#divoverlay a span {color: #FFF; font-size: 18px;}
div#divoverlay a.single {padding-top: 18px; height: 40px;}
div#divoverlay a:hover { border: 1px solid #4483B0; text-decoration: none;}
form.contact {margin-left: 34px;}
div#search {position: absolute; top: 8px; right: 12px;}
div#search input#searchtext {width: 113px; height: 16px; background-color: #3D6D92; border: 1px solid #3D6D92; color: #86AECC; font-weight: bold; font-size: 12px; background-image: url(images/searchicon.jpg); background-repeat: no-repeat; background-position: 100px 50% ; padding-left: 10px;}

div.dmxNivoSlider {padding-left: 0; margin-bottom: 40px; }

/**/
div.four_col { margin: 0 0 25px 10px;  color:#333; position: relative;}
div.four_col div.homefeature {width: 197px; float: left; margin-right: 41px; background-repeat: no-repeat; background-position:0 -10px; color: #333;  background-color: #9CA3AB;  }
div.four_col div.homefeature#homefeat4 {margin-right: 0;}





input.textfield {border: 1px solid #ccc; font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 180px; padding: 3px 0 3px 3px; font-weight: bold; color: #666;}
input.btnstyle, a.btnstyle {border: 1px solid #ccc; font-size: 14px; font-family: Arial, Helvetica, sans-serif; width: auto; padding: 0px 7px 3px 7px; font-weight: normal; color: #FFF; background-color: #48525E; line-height: 1.1em; text-decoration: none;}
input.btnstyle:hover, a.btnstyle:hover {cursor: pointer; background-color: #333; text-decoration: none;}




div.prodfloat {float: left; margin: 0 40px 40px 0; color: #333; font-weight: normal; font-size: 16px; text-align: center; width: 180px;}
div.prodfloatnomarg {float: left; margin: 0 0 40px 0; color: #333; font-weight: normal; font-size: 16px; text-align: center; width: 180px;}
div.prodfloat img, div.prodfloatnomarg img {height: 180px; width: 180px;}

div.prodfloat a, div.prodfloatnomarg a {text-decoration: none; }
div.prodfloat a:hover, div.prodfloatnomarg a:hover {text-decoration: underline; }

div.albumhead {margin: 20px 20px 20px 20px; background-color: #D9D5D5; border: 6px solid #3D4D61; text-align: center; padding-top: 10px; padding-bottom: 10px; }
div.iframeholder {margin-top: 18px;}

input.updatequ {width: 20px;}
input.smallbutton {width: auto;}

div.basket {background-color: #3D4D61;  border: 3px solid #E7E4E4; color: #FFF; font-size: 11px; margin-left: 30px; padding: 10px; text-align: left; }
div.basket h2 {font-size: 14px; color: #ccc; font-weight: bold;}
div.basket table td {vertical-align: top; line-height: 1.2em;}
div.basket td.bprice {font-weight: bold; }


a.buttons {display: inline-block; padding: 3px 10px 3px 10px}
div.basket a.buttons { border: 1px solid #ccc; text-decoration: none; font-weight: bold; color: #ccc;}
div.basket a.buttons:hover {text-decoration: underline;}

a#baskicon {position: relative; left: -3px; top: 3px;}

div.featurebox1 {text-align: center; padding: 23px 0 10px 23px; border: 6px solid #3D4D61; background-color: #D9D5D5; margin-right: 1px; }

div.artistbox {float: left; width: 207px; text-align: center; margin-right: 26px;}
div.artistbox#lastabox { margin-right: 0;}
div.artistbox a {text-decoration: none; font-size: 18px; font-weight: normal; color: #3D4D61;}
div.artistbox a:hover {text-decoration: underline; }
div.artistbox img {margin-bottom: 7px; }
div.featurebox1#dimmed img {opacity: 0.5;}
div.featurebox1#dimmed img.live, div.featurebox1#dimmed a:hover img {opacity: 1;}

div.aalbums {text-align: right; background-color: #3D4D61;  border: 3px solid #E7E4E4; color: #FFF; padding: 10px;}
div.aalbums h2 {text-align: right; color: #fff;}
div.aalbums a { text-decoration: none; color: #fff;}
div.aalbums a:hover { text-decoration: underline;}
div.aalbums td {vertical-align: middle; text-align: right; }
div.aalbums table {width: 100%;}

h2.sep {margin-top: 20px; padding-top: 5px; border-top: 3px solid #ccc;}

table.cart {margin-left: 70px;}
table.cart td {vertical-align: middle; padding: 2px 20px 2px 0; font-weight: bold;}
td.hidden {visibility: hidden;}
.nowrap {white-space: nowrap;}
input#contbtn, a#continuebtn {font-size: 18px; padding-top: 3px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; display: block; margin-bottom: 5px;  width: 350px; border: 1px solid #ccc; background-color: #48525E; color: #fff; text-decoration: none; font-weight: normal; text-align: center;font-family: Arial, Helvetica, sans-serif; line-height: 1.2em;} 
input#contbtn:hover, a#continuebtn:hover { cursor: pointer;}

table.user input {width: 350px;}
table.user input.auto {width: auto;}

div#login, div#smedia {display: none;}

div.mainlinks {color: #C40F3C; font-size: 16px; letter-spacing: 1px;}
div.mainlinks a {color: #333; background-image: url(images/maintextlinkbg1.jpg),url(images/maintextlinkbg1.jpg); background-position: 0 24px, 100% 24px; padding: 20px 14px 30px 14px; background-repeat: no-repeat; font-size: 15px; text-decoration: none; display: inline-block; width: auto;}
div.mainlinks a:hover {color: #C50F3C;}

div.useractions {padding-top: 100px; font-size: 12px;}
div.useractions#notop {padding-top: 0;}
div.useractions#top {padding-top: 70px;}
div.useractions a {color: #8A8A90; display: inline-block; padding: 20px 40px 5px 0; background-repeat: no-repeat; background-position: 100% 18px;}
div.useractions a:hover {color: #C50F3C;}

div.useractions a.login {background-image: url(images/icons/login.jpg);}
div.useractions a.logout {background-image: url(images/icons/logout.jpg);}
div.useractions a.register {background-image: url(images/icons/register.jpg);}
div.useractions a.newsletter {background-image: url(images/icons/newsletter.jpg);}
div.useractions a.enquiries {background-image: url(images/icons/enquiries.jpg);}
div.useractions a.fa {background-image: url(images/icons/fa.jpg);}


div#overlaytoggle {display: none; position: absolute; width: 900px; height: auto; top: 112px; left: 100px;  background-color: #FFF; z-index: 10000; padding: 60px 40px 50px 60px; text-align: left; color: #8A8A90;}

div#overlaytoggle h2 {font-size: 15px; color: #8A8A90; }

a.accept, a.cancel {width: 450px;  background-position: 6px 4px; background-repeat: no-repeat; color: #333; background-color: #FFF; border: 1px solid #999; border-radius: 15px; display: block; padding: 5px 15px 5px 45px;}
a.accept:hover, a.cancel:hover {text-decoration: none; color: #C50F3C;}
a.accept {background-image: url(images/icons/accept.gif);}
a.cancel {background-image: url(images/icons/cancel.gif);}
a.buttonstyle1 {display: inline-block; padding: 1px 7px 1px 7px; border-radius: 10px; background-color: #C50E3B; color: #FFF; text-decoration: none; font-size: 11px; margin-left: 16px; margin-right: 44px;}
a.buttonstyle1:hover {background-color: #F02F60;}

div#nav2 {height: 26px; background-image: url(images/subnavbg1.jpg); background-repeat: no-repeat; background-position: 0 0 ; padding-left: 85px;}
div#nav2.grborder {border-bottom: 20px solid #8A8A90;}
div#nav2 ul {margin-top: 0; padding-top: 7px; padding-left: 0;}
div#nav2 ul li {list-style-type: none; margin-right: 0 position: relative; padding: 7px 13px 7px 15px; display: inline; background-image: url(images/navbg1.jpg); background-repeat: no-repeat; background-position: 0 9px ; font-weight: bold; }
div#nav2 ul li a {text-decoration: none; color: #231F20;}
div#nav2 ul li#uber a, div#nav2 ul li:hover a {color: #C50E3C;}
div#nav2 ul li.first { background-image: none; padding-left: 0;}

div.topsection {height: 145px; background-image: url(images/subnavbg1.jpg); background-repeat: no-repeat; background-position: 0 0 ; color:#231F20; position: relative; padding-left: 100px; padding-top: 44px; line-height: 1.3em; font-size: 14px; border-bottom: 20px solid #8A8A90;margin-bottom: 40px;}
div.topsection h1 {margin-bottom: 0;}
div#contact1, div#contact2, div#contact3 { position: absolute; top: 44px;}
div#contact1 { left: 224px;}
div#contact2 { left: 491px;}
div#contact3 { left: 870px; padding-top: 5px;}

div#contact3 a {background-color: #C50E3B; color: #FFF; background-image: url(images/icons/logobg.gif); background-position: 0 0; background-repeat: no-repeat; border-radius: 10px; text-align: center;  display: block; padding: 3px 7px 3px 7px; width: 210px; white-space: nowrap;}

div.width1 {width: 600px;}
h1.margbot {margin-bottom: 32px;}
h1.padtop {padding-top: 40px;}
div#mapdiv {padding-left: 120px; 0;}
div#mapdiv iframe {border: 5px solid #918F90;}

/*GALLERIA*/
div.gallcontent div.controlsgallery {  position: absolute; top: 393px; right: 90px; text-align: right; font-size: 12px; width: 100%; z-index: 10;}
div.gallcontent div.controlsgallery a {color: #A91785;}
div.gallcontent div.controlsgallery a#nextbtn {margin-left: 400px;}
div.controlsgallery a.hidden  {visibility:hidden; }
a.ontop {z-index: 30000; position: relative;}
a#backtogalls {position: relative; top: -10px;}

a.galltitle {display: block; height: 30px; color: #A91785; text-align: center; font-size: 13px; padding-top: 5px; text-transform: lowercase; letter-spacing: 0.5px;}
a.galltitle:hover {text-decoration: none;}

a.imgcaptn {display: block; min-height: 38px; color: #FFF; background-color: #666666; text-align: center; font-size: 16px; line-height: 1.2em; padding: 5px 20px 3px 20px;}

div.multigallholder {height: 350px; margin-top: 20px;}
div.gallholder {text-align: center;}
div.gallholder img {margin-left: auto; margin-right: auto;}


div.galleria {min-height: 500px; height: 500px; margin: 0 auto 0 auto; max-width: 900px; background-color: #FFFFFF;}
div.galleria-thumbnails {}
div.gallmanage {float: right; width: 250px; text-align: right; line-height: 1.6em; padding-top: 20px;}
div.gallmanage a { color: #666; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }


div.padleft {padding-left: 103px; padding-top: 40px;}

div.text p {font-size: 12px;}

div.fund {border-left: 1px solid #8A8A90; height: 430px;  font-size: 12px; float:left; width: 203px; padding-right: 18px; padding-left: 25px; margin-top: 20px;}
div.fund#lastfund {border-right: 1px solid #8A8A90;}
div.fund#autoheight {height: auto;float: none;}

p.desc {font-style: italic; color: #D1D3D4; font-size: 11px;}
p.desc2 { color: #879897; font-size: 11px; text-align:center; margin-left: 30px; text-transform: capitalize;}
div.fund p.desc {line-height: 1.2em;}
.desc3 {font-style: italic; color: #D1D3D4; font-size: 13px;}

td.left {width: 214px;}
td.mid {width: 250px;}
td.right {text-align: right; padding-right: 0;}

div#slider1a { border-top: 5px solid #666; padding-top: 9px;}
div.homefeatswap { min-height: 272px; background-repeat:no-repeat; background-position: 0 0; }
/*div.homefeatswap div { position: absolute; top: 450px; left: 0;    padding: 18px 0 18px 0; text-align: justigy; font-size: 15px; } background-image:url(images/opacitywhite1.png);*/
div.homefeatswap div h2 { font-size: 18px; margin-bottom: 9px; text-align: right;}
div.homefeatswap div p {margin-bottom: 7px; }

div.slidertextjh {position: absolute; top: 25px; left: 430px; padding-top: 0; text-align: justify; overflow: visible; height: auto;}
div.slidertextcaption {position: absolute; top: 350px; left: 0px; font-style: italic;}

table.contacttable {border: 1px solid #E1E1E1; padding: 5px; border-radius: 10px; font-weight: bold;}
table.contacttable input, table.contacttable textarea {width: 300px; padding: 7px 7px 7px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #ccc;}
table.contacttable input.num {width: 34px;}
table.contacttable input#sbmtcontact {width: auto; font-weight: bold; cursor: pointer;}
table.contacttable input#sbmtcontact:hover {background-color: #ccc;}
table.contacttable td {padding-right: 20px; font-weight: bold; vertical-align: middle;}

img.code {display: inline-block; padding: 8px 4px 8px 4px; border: 1px solid #ccc; position: relative; top: 11px; margin-right: 10px; }


ul.bxslider {padding: 0; margin: 0;}
div.bx-viewport {border-width: 0;}

ul.tabs {border-bottom: 1px solid #CCC; padding-top: 10px; margin-left: 0; padding-left: 10px; }

.tabs li {list-style:none; display:inline; margin-right: 10px; 


 }
.tabs a { padding:3px 10px; display:inline-block; background-color:#fff; color:#000; text-decoration:none; border: 1px solid #ccc; border-bottom-width: 0; border-top-left-radius: 7px; border-top-right-radius: 7px; font-weight: bold; }
.tabs a.active {  color:#fff; border-color: #FFF;
background: -webkit-linear-gradient(#759FD1, #24569D);  /*For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#759FD1, #24569D);  /*For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#759FD1, #24569D);  /*For Firefox 3.6 to 15 */
background: linear-gradient(#759FD1, #24569D);  /*Standard syntax */}

div#tab1, div#tab2, div#tab3 {padding-left: 40px;}


div#contdiv {position: absolute; right: 10px; top: 70px; width: auto;}

a.btnstyle1 { background-image: url(images/btnbg1.jpg); background-repeat: no-repeat; background-position: 100% 50%; display: inline-block; padding: 2px 28px 2px 0 ; color: #333; font-weight: bold; text-decoration: none; }
a.btnstyle1:hover { opacity: 0.7;}

table.engagements td {border-bottom: 1px solid #ccc;}
table.engagements { border-spacing: 0;}
table.engagements td.composer, table.engagements td.work {border-bottom-color: #FFF; font-weight: bold;}
table.engagements td.work {width: 140px;}
table.engagements td.composer {width: 100px; padding-right: 5px;}

td.lefttd {white-space: nowrap;}