/* CSS Document brodie neill News page */

#copy {
	padding: 0;
	width: 900px;
	height: 405px;
}

h1 {
	padding: 0;
	color:#FF0000
	}

h2 {
	 font-size: 20px;
}



.iconlist
{
list-style: none;
margin: 0;
padding: 0;

}

/***** Product Navigation *****/
#worknavbar {
	height: 30px;
	width: 780px;
	background: none;
	float: left;
	clear: left;
	padding-left: 14px;
	margin: 0;
}

#worknav {
	margin: 0;
	padding: 0;
	height: 90px;
	width: 505px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#worknav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
}

#worknav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
}
	
#nav a:hover {
	background-position: 0 -34px;
}

#nav a:active, #nav a.selected {
	background-position: 0 -68px;
}
	
#worknav a:hover {
	background-position: 0 -30px;
}

#worknav a:active, #worknav a.selected {
	background-position: 0 -30px;
}

#morphine a  {
	width: 32px;
	background: url(../img/products/nav/morphine_01.png) top left no-repeat;
}
#reverb a 
{
	width: 56px;
	background: url(../img/products/nav/reverbLink.jpg) top left no-repeat;
	margin-left:10px;
}
	
#skl a  {
	width: 74px;
	background: url(../img/products/nav/skl_02.png)  top left no-repeat;
}
	
#mo a  {
	width: 43px;
	background: url(../img/products/nav/mo_03.png)  top left no-repeat;
}
#chrome a  {
	width: 37px;
	background: url(../img/products/nav/chrome.jpg)  top left no-repeat;
}
	
#moses a  {
	width: 55px;
	background: url(../img/products/nav/moses_04.png)  top left no-repeat;
}
	
#spun a  {
	width: 31px;
	background: url(../img/products/nav/spun_05.png)  top left no-repeat;
}

#eturn a  {
	width: 66px;
	background: url(../img/products/nav/eturn_06.png)  top left no-repeat;
}

#mlk a  {
	width: 72px;
	background: url(../img/products/nav/ml61k_07.png)  top left no-repeat;
}

#essence a  {
	width: 56px;
	background: url(../img/products/nav/essence_08.png)  top left no-repeat;
}

#mlight a  {
	width: 35px;
	background: url(../img/products/nav/mlight_09.png)  top left no-repeat;
}
#intro a  {
	width: 43px;
	margin-left:8px;
	background: url(../img/products/nav/intro.jpg)  top left no-repeat;
}
#jet a  {
	width: 57px;
	background: url(../img/products/nav/jet.png)  top left no-repeat;
}
#remix a  {
	width: 70px;
	background: url(../img/products/nav/remix.jpg)  top left no-repeat;
}
#pop a  {
	width: 57px;
	background: url(../img/products/nav/pop.jpg)  top left no-repeat;
}
#scuba a  {
	width: 57px;
	background: url(../img/products/nav/scuba.jpg)  top left no-repeat;
	margin-left:10px;
}

/* LIGHTBOX */

#lightbox
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.brodieneill.com/img/products/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:visited { background: url(http://www.brodieneill.com/img/products/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:visited { background: url(http://www.brodieneill.com/img/products/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.galloff{
	display: none;
}


/* PRODUCTS */

/* e-turn */
#eturntxt {
	padding: 55px 0 0 50px;
	width: 400px;
	height: 200px;
	position: absolute;
}

#jettxt, #scubatxt
{
	padding: 55px 0 0 50px;
	width: 236px;
	position: absolute;
}

#eturntxt h1, h2, a:hover{
		color: #F16011;
}
#scubatxt h1 
{
	color:#c20000
}
#scubatxt h2, #morptxt h2, #skltxt h2, #chrometxt h2, #mostxt h2, #spuntxt h2, #eturntxt h2,#ML61Ktxt h2, #jettxt h2,#m-lightstxt h2, #introtxt h2,#remixtxt h2,#poptxt h2
{
	color:#000;
	font-size:18px;
	font-weight:normal;
	margin-bottom:5px;
	float:left;
	width:190px;
	margin-right:110px;
}
#eturntxt h2 
{
	margin-right:100%;
}
#eturnimg {
	background: url(../img/products/lg/e-turn.jpg) no-repeat;
	width: 643px;
	height: 232px;
	float: right;
	margin: 150px 0 0 0px;
}
#jetimg {
	background: url(../img/products/lg/jet.jpg) no-repeat;
	width: 586px;
	height: 289px;
	float: right;
	margin: 109px 0 0 100px;
}

#scubaimg {
	background: url(../img/products/lg/scubamain.jpg) no-repeat;
	width: 637px;
	height: 282px;
	float:right;
	margin: 80px 0 0 305px;
}

li.eturnqt
{
background-image: url(../img/products/blt/eturn_qt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;

}

li.eturnvw
{
background-image: url(../img/products/blt/eturn_vw.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}
li.jetvw
{
background-image: url(../img/products/blt/jet.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}
li.jetvw a
{
height:24px;
width:107px;
display:block;
}
/* morphine */
#morptxt {
	padding: 55px 0 0 50px;
	width: 300px;
	height: 200px;
	position: absolute;
}

#morptxt h1, h2, a:hover{
		color: #48A5C5;
}

#morpimg {
	background: url(../img/products/lg/morphine.jpg) no-repeat;
	width: 361px;
	height: 410px;
	float: right;
	margin: 0 0 0 100px;
}
#reverbimg {
	background: url(../img/products/lg/reverbBig.jpg) no-repeat;
	width: 568px;
	height: 366px;
	float: right;
	margin: -20px 0 0 0px;
}

li.morpqt
{
background-image: url(../img/products/blt/morp_qt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.morpvw
{
background-image: url(../img/products/blt/morp_vw.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

/* skllounge */

/* skllounge */
#skltxt {
	height:200px;
padding:0 0 0 600px;
position:absolute;
width:300px;
}

#skltxt h1, h2, a:hover{
		color: #C42D46;
}

#sklimg {
	background: url(../img/products/lg/skllounge.jpg) no-repeat;
	width: 675px;
	height: 182px;
	float: right;
	margin: 190px 110px 0 0;
}

li.sklqt
{
background-image: url(../img/products/blt/skl_qt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.sklvw
{
background-image: url(../img/products/blt/skl_vw.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}


/* mo table */
#motxt {
	padding: 55px 0 0 50px;
	width: 300px;
	height: 200px;
	position: absolute;
}

#motxt h1, h2, a:hover{
		color: #71DDDC;
}

#moimg {
	background: url(../img/products/lg/mo-table.jpg) no-repeat;
	width: 441px;
	height: 419px;
	float: right;
	margin: 0 0 0 100px;
}

li.moqt
{
background-image: url(../img/products/blt/mo_qt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.movw
{
background-image: url(../img/products/blt/mo_vw.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

/* moses */
#mostxt {
	padding: 200px 0 0 600px;
	width: 300px;
	height: 200px;
	position: absolute;
}

#mostxt h1, h2, a:hover{
		color: #71DDDC;
}

#mosimg {
	background: url(../img/products/lg/moses.jpg) no-repeat;
	width: 562px;
	height: 279px;
	float: right;
	margin: 70px 300px 0 0;
}
#remiximg {
	background: url(../img/products/lg/remix.jpg) no-repeat;
	width: 551px;
	height: 268px;
	float: right;
	margin: 110px -20px 0 0;
}
#popimg {
	background: url(../img/products/lg/pop.jpg) no-repeat;
	width: 557px;
	height: 238px;
	float: right;
	margin: 110px 0px 0 0;
}
li.mosqt
{
background-image: url(../img/products/blt/moses_qt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.mosvw
{
background-image: url(../img/products/blt/moses_vw.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

/* spun */
#spuntxt {
	padding: 120px 0 0 170px;
	width: 300px;
	height: 200px;
	position: absolute;
}

#spuntxt h1, h2, a:hover{
		color: #919191;
}

#spunimg {
	background: url(../img/products/lg/spun.jpg) no-repeat;
	width: 252px;
	height: 294px;
	float: right;
	margin: 50px 100px 0 0;
	display:inline;
}

li.spunqt
{
background-image: url(../img/products/blt/spun_qt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.spunvw
{
background-image: url(../img/products/blt/spun_vw.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

/* ML61K */
#ML61Ktxt {
	padding: 55px 0 0 50px;
	width: 300px;
	height: 200px;
	position: absolute;
}

#ML61Ktxt h1, h2, a:hover{
		color: #52C9F5;
}

#ML61Kimg {
	background: url(../img/products/lg/ML61K.jpg) no-repeat;
	width: 827px;
	height: 194px;
	float: right;
	margin: 180px 0px 0 0;
}

li.ML61Kqt
{
background-image: url(../img/products/blt/ML61K_qt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.ML61Kvw
{
background-image: url(../img/products/blt/ML61K_vw.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

/* essence */
#essencetxt {
	padding: 55px 0 0 50px;
	width: 250px;
	height: 200px;
	position: absolute;
}

#essencetxt h1, h2, a:hover{
		color: #F6284B;
}

#introtxt {
	padding: 55px 0 0 50px;
	width: 250px;
	height: 200px;
	position: absolute;
}
#remixtxt {
	padding: 55px 0 0 50px;
	width: 310px;
	height: 200px;
	position: absolute;
}
#poptxt {
	padding: 55px 0 0 50px;
	width: 250px;
	height: 200px;
	position: absolute;
}
#poptxt h1, #poptxt h2, a:hover{
		color: #000;
}
#remixtxt h1, #remixtxt h2, a:hover{
		color: #000;
}
#introtxt h1, #introtxt h2, a:hover{
		color: #000;
}

#chrometxt {
	padding: 55px 0 0 50px;
	width: 250px;
	height: 200px;
	position: absolute;
}

#chrometxt h1, h2, a:hover{
		color: #a8a8a8;
}

#essenceimg {
	background: url(../img/products/lg/essence.jpg) no-repeat;
	width: 547px;
	height: 317px;
	float: right;
	margin: 50px 30px 0 0;
}

#introimg {
	background: url(../img/products/lg/intro.jpg) no-repeat;
	width: 472px;
	height: 420px;
	float: right;
	margin: 0 20px 0px 0;
}

#chromeimg {
	background: url(../img/products/lg/chrome.jpg) no-repeat;
	width: 414px;
	height: 356px;
	float: right;
	margin: 14px 0px 0px 0;
}

li.essenceqt
{
background-image: url(../img/products/blt/essence_qt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.essencevw
{
background-image: url(../img/products/blt/essence_vw.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.chromeqt
{
background-image: url(../img/products/blt/chrome.gif);
background-repeat: no-repeat;
background-position: 0 -25px;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.chromevw, li.morpvw, li.sklvw, li.mosvw, li.spunvw, li.eturnvw, li.morpvw, li.jetvw, li.introvw, li.remixvw, li.popvw, li.scuba
{
	background-repeat: no-repeat;
	background-position: 0 -0px;
	padding: 0px 0 0px 25px;
	margin: .4em 0;	
	overflow: hidden;
	height:25px;
	width:109px;
	margin-left:-5px;
}
li.chromevw
{
	background-image: url(../img/products/blt/view-gallery-chrome.jpg);
}
li.morpvw
{
	background-image: url(../img/products/blt/view-gallery-morphie.jpg);
}
li.sklvw
{
	background-image: url(../img/products/blt/view-gallery-skl.jpg);
}
li.scuba 
{
	background-image: url(../img/products/blt/scuba_bg.jpg);
}
li.mosvw
{
	background-image: url(../img/products/blt/view-gallery-moses.jpg);
}
li.spunvw
{
	background-image: url(../img/products/blt/view-gallery-spun.jpg);
}
li.eturnvw
{
	background-image: url(../img/products/blt/view-gallery-eturn.jpg);
}
li.jetvw
{
	background-image: url(../img/products/blt/view-gallery-jet.jpg);
}
li.introvw
{
	background-image: url(../img/products/blt/view-gallery-intro.jpg);
}
li.remixvw
{
	background-image: url(../img/products/blt/view-gallery-remix.jpg);
}
li.popvw
{
	background-image: url(../img/products/blt/view-gallery-pop.jpg);
}
li.chromevw:hover, li.morpvw:hover, li.sklvw:hover, li.mosvw:hover,li.scuba:hover, li.spunvw:hover, li.eturnvw:hover, li.morpvw:hover, li.jetvw:hover, li.introvw:hover, li.remixvw:hover, li.popvw:hover
{
	background-position: 0 -25px;
}
li.chromevw a, li.morpvw a, li.sklvw a, li.mosvw a, li.spunvw a, li.eturnvw a,li.scuba a, li.morpvw a, li.jetvw a, li.introvw a, li.remixvw a, li.popvw a
{
	display:block;
	height:25px;
	width:109px;
	text-indent:-5000px;
	line-height:25px;
	
	padding: 25px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:25px; /* for IE5/Win only */
}
/* m-lights */
#m-lightstxt {
	padding: 55px 0 0 50px;
	width: 250px;
	height: 200px;
	position: absolute;
}

#m-lightstxt h1, h2, a:hover{
		color: #00619C;
}

#m-lightsimg {
	background: url(../img/products/lg/m-lights.jpg) no-repeat;
	width: 474px;
	height: 367px;
	float: right;
	margin: 10px 30px 0 0;
}

li.m-lightsqt
{
background-image: url(../img/products/blt/m-lights_qt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}

li.m-lightsvw
{
background-image: url(../img/products/blt/m-lights_vw.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 25px;
margin: .4em 0;
}