/*
Authors:

Tim Ferman | TimFerman@gmail.com

Date: May 2007

*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
.cleaner { clear:both; }

a:active, a:focus { outline: none; outline-style:none}


body { background:#737373 /*url(../../images/bgtry.png)*/}
.bg {  background: url(../../images/bgfade.gif) #737373 repeat-x; height:1066px; }
.stageContain { width:816px; overflow:hidden; border:0px solid #FFCC00; text-align:left;}
.leftFade { float:left; width:5px; border:0px solid #006699; margin-top: -33px;}
.rightFade { float:right; width:11px; border:0px solid #006699; margin-top: -33px;}

.mainBody  { border:0px solid red; }

.paperStage { float:left; border:0px solid red; width:800px; height:780px; margin:0; padding:50px 0 0 0;background:#E8E3D8 url(../../images/paperbg.gif) repeat; text-align:center; margin-left:auto; margin-right:auto; margin-top: -33px;}

.paperStageShort { float:left; border:0px solid red; width:800px; height:580px; margin:0; padding:50px 0 0 0;background:#E8E3D8 url(../../images/paperbg.gif) repeat; text-align:center; margin-left:auto; margin-right:auto; margin-top: -33px;}


/* :::::::::::::::::::::::::::::::  Thumbnails stage   ::::::::::::::::::::::::::::::::::::::: */
  .thumbsContain { border:0px solid red; overflow:auto; margin-left:100px;}
 
  .thumbsInner { width:542px; height:86px; border:0px solid #003366; padding:14px 0 0 28px; margin:0; background:url(../../images/thumbsbg.gif);  float:left; position:relative }
  
/*  .thumbsInner   { width:577px; height:100px; position: relative; z-index:0; float:left; padding:24px 0 0 28px; margin:-10px -7px 0px -11px; background:url(../../images/stageborder.png) no-repeat; border:0px solid #003366;}*/

/* .thumbsInner   { width:600px; height:119px; position: relative; z-index:0; float:left; padding:24px 0 0 28px; margin:-10px -7px 0px -11px; background:url(../../images/stageborder.png) no-repeat; border:1px solid #003366;}*/
  
  .thumbsL       {  width:14px;  height:102px; float:left;  margin:0 0 0 0; border:0px solid red;     }
  .thumbsR       {  width:14px;  height:102px; float:left;  margin:0 0 0 0; border:0px solid red;     }

  /* ::::::::::::::::: main image ::::::::::::::::::::::*/
  /*.pageHead {position:relative; top:0; left:0; float:left; width:756px; border:1px solid #FFCC00; clear:both}*/
  .pageHead {position:relative; top:0; left:0; width:756px; height: 50px; border:0px solid #FFCC00; clear:both;}
  .title {float:left; padding-left:20px;}
  .albumTypeNav { float:right; position:relative; top:10px; }
  .albumTypeNav img{  }
  /* ::::::::::::::::: main image ::::::::::::::::::::::*/
   /* new styles */
  .focusStage       { position:relative; top:0; left:0; width:790px; height:603px; border:0px solid #FFCC00; z-index:0; text-align:left; }
  .focusStageShort  { position:relative; top:0; left:0; width:790px; height:453px; border:0px solid #FFCC00; z-index:0; text-align:left; }
  
  #currentImg { margin:0px; border:3px solid #CCCCCC }
  
   .focusStageShort p   { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:20px; text-align:left; color:#000000; padding:3px 15px 3px 15px;}
 
 .focusStageShort p a         { color:#401807; text-decoration:none;}
 .focusStageShort p a:hover   { color:#791810; text-decoration:none;}

 
  .focusStage p     { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; line-height:19px; text-align:justify; color:#000000; padding:3px 15px 3px 15px;}
  
  .focusStage2      { position:relative; top:20px; left:0; width:790px; height:603px; border:0px solid #FFCC00; z-index:0; text-align:center; }  
  .focusContain     { position:relative; top:0; left:0; border:0px solid #FFCC00; overflow:auto}
  
  .cap          { margin:0 -2px -2px 0 }
  ul.links            { list-style:none; font-family:Georgia, "Times New Roman", Times, serif; text-transform:capitalize; color:#401807;}
  ul.links li         { margin:8px 0 5px 0; }
  ul.links li a       { text-decoration:none; margin:5px 0 5px 0; color:#401807; }
  ul.links li a:hover { text-decoration:none; color:#791810; }
  
  
  .shopPhoto        { float:left; background:url(../../images/BlackHeart-Tattoo-Crew3.jpg) no-repeat 32px 54px; border:0px solid red; width:510px; height:440px; margin: 0 -15px -15px 0;  }
  .rightCol         { float:left; width:280px; border:0px solid red; margin:0px;}
  
  
  .focusStage2      { position:relative; top:20px; left:0; width:790px; height:603px; border:0px solid #FFCC00; z-index:0; text-align:center; }  
  .focusContain     { position:relative; top:0; left:0; border:0px solid #FFCC00; overflow:auto}
  
  .lehi a          { width:196px; height:324px; position:relative;  border:0px solid #FFCC00; top:35px; left:60px; float:left; }
  
  .sylvia a        { width:206px; height:309px; position:relative;  border:0px solid #FFCC00; top:-10px; left:130px; float:left; }

  .rassier a       { width:216px; height:334px; position:relative;  border:0px solid #FFCC00; top:50px; right:20px; float:right; }
 
  .rodin a         { width:192px; height:271px; position:relative;  border:0px solid #FFCC00; top:100px/*20px*/; left:20px; float:left; }
  
  .puente a        { width:236px; height:223px; position:relative;  border:0px solid #FFCC00; top:20px; left:80px; float:left;  }
  
  .miller a        { width:173px; height:285px; position:relative;  border:0px solid #FFCC00; top:100px; left:150px; float:left;  }
   
  
  
  .focusPicBG    { position:relative; top:0; left:0; width:585px; height:603px; background:url(../../images/stageBG.gif); border:0px solid #FFCC00; z-index:0; margin-left: auto; margin-right: auto;}
  #focusIMG      { position: relative; top:60px; border:0px solid #FFCC00; height:428px; z-index:10; overflow:hidden }
  #focusIMG img  { border:4px solid #2F0312; margin-top:10px; margin-bottom: 50px;}
  .arrows        { display:block; margin:70px 0 0 0; border:0px solid #FFCC00;}
  
  .arrows img    {margin-left: 15px; margin-right: 15px;}
   
  .arrows a img 	        { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				              -moz-opacity: 1;
				        }
  .arrows a:hover img	{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
				         -moz-opacity: .5;
				         }
   
  /*carousel css*/
	#mycarousel 			{ display: none; float: left; margin: 0; padding: 0 ; border:0px solid #FFCC00; position:relative; }
	.carouselInner			{ float: left; width: 477px; margin: 0; padding: 0;}
	ul, ol 					{  margin: 0; padding: 0; }
	.jcarousel-list li 		{ width: 51px; margin-right: 10px; }
	.jcarousel-list li.land 		{ width: 104px; margin-right: 10px; }
	.jcarousel-list li.port 		{ width: 40px; margin-right: 10px; }
	.jcarousel-list li a 	{ display:block;  }
	
	/*The button-elements are added statically in the HTML document to illustrate how to cutomize the prev/next controls.*/
	.jcarousel-next 			{ /*position: absolute; top: 0; right: 5px;*/ float: left; cursor: pointer; padding:20px 0 0 5px; } /*right arrow*/
	.jcarousel-next-disabled 	{ cursor: default; }
	.jcarousel-prev 			{ /*position: absolute; top: 0; left: 5px;*/ float: left; cursor: pointer; padding: 20px 15px 0 0 } /*left arrow*/
	.jcarousel-prev-disabled 	{ cursor: default; }

    img.pad	a	{ margin: 0 12px 0 0; 
	              filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				  -moz-opacity: 1;
				 }
	
	a img.pad:hover { border-left:1px solid #982436;
	                  border-right:1px solid #982436;
					  border-bottom:2px solid #982436;
					  border-top:2px solid #982436;
					  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
					  -moz-opacity: .5;
					  }
/* :::::::::::::::::::::::::::::::  Top Nav & Drop Downs   ::::::::::::::::::::::::::::::::::::::: */
.topNav { width:808px; margin:0px 0 0px 0; height:34px; background: #400B07; position:relative; left:1px; }

.topNavShadow { width:809px; height:8px; margin:0px 0 0px 0; z-index:5; position:relative; top:1px; left:0px; border:solid 1px green;}

.topFade { border:0px solid #FFCC00; width:809px; height:7px; margin:0px 0 0px 0; z-index:6; position:relative; top:14px; left:0px;}

.logo  { float:left; height:65px; width:369px; margin:30px 0 -55px -20px; padding: 0px; z-index:10; position:relative; border:0px solid red}


.heart { float:left; height:152px; width:131px; margin:0px 0 -55px 0; padding: 0px; z-index:10; position:relative; border:0px solid red}
/* start main nav */
	
	#mainnav {width:807px; position: relative; text-align:right; top:8px; left:1px; height:38px; clear: both; margin:0 0px 0px 0; padding:0; background:#401807; border:0px solid #FFCC00; background-image: url(../../images/testbg2.png); }
	ul#menu { float:right; margin: -1px 20px 0 0;}
	#mainnav img {float:left;}	
	#mainnav img.nofloat {float:none;}
	
	 * html .navitem   {float: left; height: 1%; }

  #mainnav div
  {
  }
  
  /* top nave items */
  li.menu
  {
    width:auto;
    float: right;
    
    position: relative;
    top: -28px;
	right:20px;
    border: solid 0px green;
  }
  
  li.item_one a:hover
  {
    background-image: url(/images/our-shop_on.gif);
  }
  
  .menu ul
  {

    position: absolute;
    top: 37px;
    left: -640px;
    width: 850px;
    
    border: 0px solid red;
  }
  
  .menu ul li
  {
    height: 37px;
    float: right;
    color: #fff;
    padding-top: 10px;
	border:0px solid #CCCCCC;
    
  }
  
  .menu ul li a
  {
    cursor: pointer;
    z-index: 10;
  }

  div.thumbLoad
  {
    line-height: 80px;
    color: #fff;
    font-weight: bold;
  }
  
  .missingPhoto
  {
    color: #fff;
    font-weight: bold;
    font-size: 110%;
  }
  
  .navHolder
  {
    border: solid 0px green;
    margin: 0;
    /*margin-bottom: -33px;*/
    height: 37px;
  }
  
  .imageDescription
  {
    color: #333;
    width: 500px;
  }
  
  .bottom { color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px }