@charset "utf-8"; 
			
			/* --------- userfiles / cluster_80 ---------- */


			
			/* --------- userfiles / cluster_79 ---------- */

#news-outer .list_adder_container{ position:absolute; margin-left:350px; margin-top:250px; z-index:200; }

			
			/* --------- userfiles / cluster_75 ---------- */


			
			/* --------- reset ---------- */

 
			
			/* CSS Document */

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
 
			
			/* HTML5 display-role reset for older browsers */

 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
 body { line-height: 1; }
 ol, ul { list-style: none; }
 blockquote, q { quotes: none; }
 blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
 table { border-collapse: collapse; border-spacing: 0; }
 
			
			/* --------- global ---------- */

html, body { height: 100%; }
 body{ margin: 0px; padding: 0px; font-family:Tahoma, Geneva, sans-serif; background:url(http://www.frogsrecords.co.uk/resources/img/bg-main.jpg) repeat-y center; background-color: #94370F; }
 img{ border: none; }
 .clear{ clear: both; }
 a.more{ width: 90px; height: 50px; display:block; text-indent:-10000px; overflow:hidden; float: right; background:url(http://www.frogsrecords.co.uk/resources/img/more.png) no-repeat top center; }
 .send-button{ width: 90px; height: 50px; display:block; text-indent:-10000px; overflow:hidden; float: left; border: none; background:url(http://www.frogsrecords.co.uk/resources/img/send.png) no-repeat top center; }
 #container{ width: 968px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; position:relative; }
 .home-button{ width: 122px; height: 80px; position:absolute; top: 110px; left: 0px; z-index:10; }
 a.home{ width: 122px; height: 80px; display:block; text-indent:-10000px; overflow:hidden; background:url(http://www.frogsrecords.co.uk/resources/img/home-button.png) no-repeat top center; }
 .header-two{ width: 375px; height: 136px; position:absolute; top: 100px; right: 0px; }
 .header-two h2 span, .header-three h3 span, .header-three-hi h3 span{ display: none; }
 .header-two h2#htwo-music{ width: 375px; height: 136px; background:url(http://www.frogsrecords.co.uk/resources/img/h2-music.png) no-repeat top left; }
 .header-two h2#htwo-artists{ width: 375px; height: 136px; background:url(http://www.frogsrecords.co.uk/resources/img/h2-artists.png) no-repeat top left; }
 .header-two h2#htwo-video{ width: 375px; height: 136px; background:url(http://www.frogsrecords.co.uk/resources/img/h2-video.png) no-repeat top left; }
 .header-two h2#htwo-about{ width: 375px; height: 136px; background:url(http://www.frogsrecords.co.uk/resources/img/h2-about.png) no-repeat top left; }
 .header-two h2#htwo-news{ width: 375px; height: 136px; background:url(http://www.frogsrecords.co.uk/resources/img/h2-news.png) no-repeat top left; }
 .header-two h2#htwo-contact{ width: 375px; height: 136px; background:url(http://www.frogsrecords.co.uk/resources/img/h2-contact.png) no-repeat top left; }
 .header-three{ width: 365px; height: 96px; position:absolute; top: 200px; left: 67px; }
 .header-three-hi{ width: 365px; height: 120px; position:absolute; top: 160px; left: 67px; }
 .header-three h3#hthree-music{ width: 365px; height: 96px; background:url(http://www.frogsrecords.co.uk/resources/img/h3-music.png) no-repeat top left; }
 .header-three h3#hthree-artists{ width: 365px; height: 96px; background:url(http://www.frogsrecords.co.uk/resources/img/h3-artists.png) no-repeat top left; }
 .header-three h3#hthree-video{ width: 365px; height: 96px; background:url(http://www.frogsrecords.co.uk/resources/img/h3-video.png) no-repeat top left; }
 .header-three-hi h3#hthree-about{ width: 365px; height: 96px; background:url(http://www.frogsrecords.co.uk/resources/img/h3-about.png) no-repeat top left; }
 .header-three-hi h3#hthree-news{ width: 365px; height: 96px; background:url(http://www.frogsrecords.co.uk/resources/img/h3-news.png) no-repeat top left; }
 .carousel-artists-outer{ width: 850px; min-height: 200px; position:absolute; top: 320px; left: 67px; }
 
			
			/** new artist layout **/

 #artists-layout{ width: 840px; min-height: 400px; }
 #artists-layout .artist-img{ width: 72px; height:72px; padding: 10px 14px 18px 14px; margin-right: 5px; float: left; background:url(../images/artist-pic-holder-small.png) no-repeat top center; }
 #artists-layout .artist-img img{ width: 72px; height:72px; }
 
			
			/** new artist layout **/

 .carousel{ overflow:hidden; }
 #carousel-music{ width: 690px; height: 200px; padding: 0px 80px 0px 80px; position:relative; background:url(http://www.frogsrecords.co.uk/resources/img/carousel.png) no-repeat top center; }
 #carousel-music .carousel_im_inner{ width: 210px; height: 150px; padding: 25px 0px 25px 0px; margin-right: 20px; float: left; }
 #carousel-artists{ width: 730px; height: 200px; padding: 0px 60px 0px 60px; position:relative; overflow:hidden; }
 .carousel-artists-outer .next{ background: url("http://www.frogsrecords.co.uk/resources/img/arrow-right.png") no-repeat scroll center top transparent; height: 60px; margin-left: 695px; position: absolute; top: 70px; width: 60px; }
 .carousel-artists-outer .prev{ background: url("http://www.frogsrecords.co.uk/resources/img/arrow-left.png") no-repeat scroll center top transparent; height: 60px; left: 15px; position: absolute; top: 70px; width: 60px; }
 #carousel-artists .carousel_im_inner{ width: 140px; height:143px; padding: 20px 47px 37px 47px; float: left; background:url(http://www.frogsrecords.co.uk/resources/img/artist-pic-holder.png) no-repeat top center; }
 #carousel-artists span.descr{ display:none; }
 #carousel-artists .carousel_im_inner img{ width: 140px; height:143px; }
 #carousel-video{ width: 730px; height: 200px; padding: 0px 60px 0px 60px; position:relative; }
 #carousel-video .carousel_im_inner{ width: 243px; height:287px; padding: 70px 10px; margin-right: 0px; float: left; background:url(http://www.frogsrecords.co.uk/resources/img/vid-pic-holder2.png) no-repeat top center; }
 #carousel-video .carousel_im_inner img{ width: 200px; height:150px; }
 .carousel_im{ float:left; width:243px; }
 .panel-holder{ width: 560px; position:absolute; top: 290px; left: 55px; }
 .panel-holder-news{ width: 560px; position:relative; margin-top: 290px; margin-left: 55px; }
 .panel-top{ width: 560px; height: 38px; background:url(http://www.frogsrecords.co.uk/resources/img/info-panel-top.png) no-repeat top center; }
 .panel-mid{ width: 470px; min-height: 320px; padding: 0px 40px 20px 50px; background:url(http://www.frogsrecords.co.uk/resources/img/info-panel-mid.png) repeat-y; }
 .panel-mid p{ font-size: .9em; padding:8px 0px 8px 0px; line-height: 1.2em; }
 .panel-mid a:link, .panel-mid a:visited{ color: #BA53B9; text-decoration:underline; font-weight: bold; }
 .panel-mid a:hover{ color: #8EB32A; text-decoration:none; }
 .panel-mid h4{ color: #BA53B9; font-weight: bold; font-size: 1.3em; padding: 0px 0px 8px 0px; }
 .panel-bottom{ width: 560px; height: 30px; background:url(http://www.frogsrecords.co.uk/resources/img/info-panel-bottom.png) no-repeat top center; }
 .panel-bottom .pagin{ width: 500px; margin-left: 50px; font-size: .8em; }
 .main-photo{ width: 230px; height:195px; padding: 29px 25px 56px 25px; position:absolute; top: 280px; right: 55px; background:url(http://www.frogsrecords.co.uk/resources/img/photo-bg.png) no-repeat top center; }
 .main-photo img{ width: 230px; height:195px; }
 #archives{ width: 205px; height:195px; padding: 85px 40px 46px 40px; position:absolute; top: 270px; right: 34px; background:url(http://www.frogsrecords.co.uk/resources/img/archives.png) no-repeat top center; }
 #archives ul { list-style: none; width: 200px }
 #archives ul a:link, #archives ul a:visited { color: #D4BB0F; text-decoration: none; font-size: 1em; font-weight: bold; padding: 0px 0px 8px 0px; display: block; }
 #archives ul a:hover { color: #fff; }
 #contact-crew{ width: 335px; height:314px; position:absolute; top: 260px; right: 34px; }
 #contact-form{ width: 290px; height:270px; padding: 50px 40px 50px 40px; position:absolute; top: 250px; left: 95px; background:url(http://www.frogsrecords.co.uk/resources/img/contact-form.png) no-repeat top center; }
 #contact-form .error{ clear:both; font-weight:bold; color:#f00; margin-bottom:10px; display:block; }
 #contact-form .success{ clear:both; font-weight:bold; color:#0f0; margin-bottom:10px; display:block; }
 #contact-form .inputbox { border: 1px solid #000; color: #000; height: 30px; margin-top: 3px; padding: 3px; width: 276px; font-size: 1em; }
 #contact-form .textbox { border: 1px solid #000; color: #000; height: 60px; margin-top: 3px; padding: 3px; width: 276px; font-size: 1em; }
 
			
			/** home **/

 #home{ width: 968px; min-height:1239px; position:relative; background:url(http://www.frogsrecords.co.uk/resources/img/bg-home.gif) no-repeat top center; }
 #brassomatic{ width: 858px; height: 546px; position:absolute; top: 37px; left: 0px; }
 #balloon-man{ width: 80px; height: 135px; position:absolute; top: 26px; left: 170px; }
 #frog-logo{ width: 200px; height:170px; position:absolute; top: 26px; right: 14px; }
 #saucer{ width: 130px; height:130px; position:absolute; top: 320px; right: 65px; }
 #strapline{ width: 500px; height:150px; position:absolute; top: 405px; right: 60px; }
 
			
			/** music **/

 #music{ width: 968px; min-height:1239px; position:relative; background:url(http://www.frogsrecords.co.uk/resources/img/bg-music.gif) no-repeat top center; }
 .frog-logo-small{ width: 190px; height: 100px; position:absolute; top: 590px; right: 23px; }
 
			
			/** artists **/

 #artists{ width: 968px; min-height:1239px; position:relative; background:url(http://www.frogsrecords.co.uk/resources/img/bg-artists.gif) no-repeat top center; }
 
			
			/** video **/

 #video{ width: 968px; min-height:1239px; position:relative; background:url(http://www.frogsrecords.co.uk/resources/img/bg-video.gif) no-repeat top center; }
 
			
			/** about **/

 #about{ width: 968px; min-height:1239px; position:relative; background:url(http://www.frogsrecords.co.uk/resources/img/bg-about.gif) no-repeat top center; }
 
			
			/** news **/

 #news{ width: 968px; min-height:1239px; position:relative; background:url(http://www.frogsrecords.co.uk/resources/img/bg-news.gif) no-repeat top center; }
 .news-pagin{ width: 545px; height:60px; float: left; margin-left: 75px; clear: both; 
			
			/*position:absolute; bottom: 20px; left: 20px;*/

 }
 #news-outer{ width: 968px; min-height: 630px; position: relative; z-index:0; }
 #list_24{ width: 968px; min-height: 640px; position: relative; float: left; }
 
			
			/** contact **/

 #contact{ width: 968px; min-height:750px; position:relative; background:url(http://www.frogsrecords.co.uk/resources/img/bg-contact.png) no-repeat top center; }
 #award{ width: 100px; height: 80px; position:absolute; top: 10px; left: 0px; z-index:99999; }
 
			
			/** general **/

 .push { height: 100px; position:relative; clear:both; z-index:1000; }
 #footer{ height:100px; text-align: left; z-index:2000; position:relative; }
 #footer-inner{ width: 928px; height:70px; padding-top: 30px; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: .8em; margin: 0px auto; }
 #footer-inner a:link, #footer-inner a:visited{ color: #B853BA; text-decoration:underline; }
 #footer-inner a:hover{ text-decoration:none; }
 
			
			/* --------- topnav ---------- */

#topnav{ width: 944px; height: 114px; position:absolute; top: 581px; left:13px; z-index: 50; background:url(http://www.frogsrecords.co.uk/resources/img/topnav.png) no-repeat top center; }
 #menu{ width: 750px; height: 32px; float: left; margin: 32px 20px 0px 60px; }
 #social{ width: 100px; height: 50px; float: right; margin: 27px 10px 0px 0px }
 #social img{ float: left; }
 #topnav #menu ul { margin:0px; padding:0px; list-style:none; clear:both; }
 #topnav #menu li{ overflow:hidden; text-indent:-9999px; display:inline; float:left; }
 #topnav #menu li a{ background:url('http://www.frogsrecords.co.uk/resources/img/menusprite.png') no-repeat; width:100%; height:100%; display:block; }
 #topnav #menu li.music {width: 115px; height: 30px;}
 #topnav #menu li.music a{background-position: 0 0;}
 #topnav #menu li.music a:hover{ background-position: -165px 0;}
 #topnav #menu li.artists{width: 145px; height: 30px}
 #topnav #menu li.artists a{background-position: -330px 0; }
 #topnav #menu li.artists a:hover{background-position: -525px 0;}
 #topnav #menu li.video{width: 110px; height: 30px;}
 #topnav #menu li.video a{background-position: -720px 0;}
 #topnav #menu li.video a:hover{background-position: -880px 0;}
 #topnav #menu li.about{width: 117px; height: 30px;}
 #topnav #menu li.about a{background-position: -1040px 0;}
 #topnav #menu li.about a:hover{background-position: -1207px 0;}
 #topnav #menu li.news{width: 109px; height: 30px;}
 #topnav #menu li.news a{background-position: -1374px 0;}
 #topnav #menu li.news a:hover{background-position: -1533px 0;}
 #topnav #menu li.contact{width: 150px; height: 30px;}
 #topnav #menu li.contact a{background-position: -1692px 0; }
 #topnav #menu li.contact a:hover{background-position: -1892px 0;}
 
			
			/* --------- lightbox ---------- */


			
			/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */

 #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
 #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
 #jquery-lightbox a img { border: none; }
 #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; min-height: 250px; min-width:800px; margin: 0 auto; }
 #lightbox-container-image { padding: 10px; float:left; background-color: #fff; }
 #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
 #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
 #lightbox-container-image-box > #lightbox-nav { left: 0; }
 #lightbox-nav a { outline: none;}
 #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
 #lightbox-nav-btnPrev { left: 0; float: left; }
 #lightbox-nav-btnNext { right: 0; float: right; }
 #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; min-width:780px; }
 #lightbox-container-image-data { padding: 0 10px; color: #666; }
 #lightbox-container-image-data #lightbox-image-details { 
			
			/*width: 70%; */

 float: left; text-align: left; }
 #lightbox-image-details-caption { font-weight: bold; }
 #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
 #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
 #lightbox-secNav{ clear:both; margin-top:30px; }
 #lightbox-image-details h4{ font-size:15px; }
 #lightbox-mywrapper{ width:800px; margin:auto; border: 10px solid #BD57C7; }
 #lightbox-mywrapper h4{ font-size: 1.3em; padding: 5px; color:#BD57C7; font-weight: bold; }
 #lightbox-mywrapper p{ font-size: 1em; padding: 5px; color:#666; }
 #lightbox-mywrapper a:link, #lightbox-mywrapper a:visited{ color: #BA53B9; text-decoration:underline; font-weight: bold; }
 #lightbox-mywrapper a:hover{ color: #8EB32A; text-decoration:none; }
 #lightbox-container-image-box span{ line-height:1.3em; padding:10px; }

			
			/* --------- userfiles / cluster_78 ---------- */


			
			/* --------- userfiles / cluster_77 ---------- */


			
			/* --------- userfiles / cluster_76 ---------- */


			
			/* --------- categoryNav ---------- */

 ul.collapsable, ul.collapsable ul { list-style-type:none; margin: 0; padding: 0; width: 220px; }
 ul.collapsable a { display: block; text-decoration: none; }
 ul.collapsable li { margin-top: 1px; }
 ul.collapsable li a { color: #379100; padding: 10px 0px 5px 5px; font-size: 1em; text-transform:uppercase; font-weight: bold; background:url(http://www.frogsrecords.co.uk/resources/img/leftnav-main-bg.png) no-repeat top left; }
 ul.collapsable li.activecat a { }
 ul.collapsable li a:hover { color: #666; }
 ul.collapsable li ul li a, ul.collapsable li.activecat ul li a{ background: #fff; color: #666; padding-left: 10px; border-top: 1px solid #ccc; font-size: .8em; padding: 5px 0px 5px 10px; font-weight: normal; text-transform:capitalize; }
 ul.collapsable li ul li.activecat a { color: #379100; }
 ul.collapsable li ul li a:hover { color: #379100; background: #eee; }