@charset "UTF-8";
/* CSS Document */

html, body {border:0px; margin:0px; text-align:left; height:100%;overflow:hidden; position:static; font:Georgia, "Times New Roman", Times, serif; color:#666; -webkit-overflow-scrolling: touch;
}


#menu {margin:0px; width:260px; background-color:#FFF; min-height:100%;float:left;z-index: 5;
position: relative; text-align:right; padding-right:20px; padding-top:20px;     box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.20);}
    
#pointer {position:relative; z-index:40; width: 24px; height: 20px; font-size: 18px; font-weight: bold; padding-right:7px; padding-bottom:4px; background-color: #FFF; color: #b9b141; -moz-border-radius: 8px;
border-radius: 8px; top:-192px; left: 266px;}

#panel1, #panel2, #panel4 {width:280px; background-color:#b9b141; min-height:100%;float:left;z-index: 2;
position: relative;box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.20);}

#panel3 {width:650px; background-color:#b9b141; min-height:100%;float:left;z-index: 2;
position: relative;box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.20);}

#panBg {height:100%; width:100%; z-index: 1; position: absolute; left:280px; overflow:hidden; -webkit-overflow-scrolling: touch; }
.panBgHolder {height:100%; width:100%;overflow:hidden; position: static;-webkit-overflow-scrolling: touch;-webkit-transform: translateZ(0px);background-image:url(img/bg_tile_01.jpg);
 }/**/

.leftImg {float:left;}
.rightImg {float:right;}

.menuContent {padding-right:10px;}
.menuNav {margin-top:50px;}
.menuInfo {position: absolute; bottom: 0; padding-right:30px; margin-bottom: 50px; padding-left: 30px;}

.clearFloat {clear:both;}
.closePanel, a.closePanel {float:right; width:10px; color:#FFF; font-size:21px; margin-top:4px; margin-right:3px; }

.contentNav {margin-top:28px; width:230px; float:left; }
.contentBlock {float:left; width:325px; margin-top:28px; margin-left:30px;}

.dottedLine {height:1px; margin-left:30px; background-image:url(img/dot.gif); }
.whiteDottedLine {height:1px; margin-left:0px; background-image:url(img/dot_white.gif); }

h1, h2 {top-margin:0px; margin:0px; padding:0px;font-size:24px; font-style:italic; font-weight:normal; color:#FFFFFF; margin-bottom:10px; margin-left:4px; float:left; }
h2 {font-size:18px;margin-bottom:7px;margin-left:0px;float:none; margin-top:0px;}

p.nav, p.nav2 {font-size:16px; margin-bottom:10px;margin-top:10px; margin-right:8px; }
p.nav2, p.content, p.contentBio {color:#FFF;}
p.infoCopy {font-size:12px;}
p.content {margin-top:10px; font-size:14px;line-height:140%;}
p.contentBio {margin-top:10px; font-size:12px;line-height:130%;}
.phoneNum {color:#b9b141;}

a, a.white {font-style:normal; text-decoration:none; color:#666;}
a.white {color:#ebe598;}
a:hover {};

img.menuImg {margin-right:8px;}
img.content {border:#FFF 10px solid;box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 6px 0px 8px rgba(0, 0, 0, 0.30);}
    
#doodles {position:absolute; left:300px;}    

/*.cover_1 {position:fixed; z-index: 80; left:300px; top:100px; }
.cover_2 {position:fixed; z-index: 90; left:300px; top:20px;}*/
.magHolder {position: absolute; bottom: 0; background-image: url(img/mags.png); width:200px; height:201px;}

.panelContent {margin:20px; margin-top:18px; margin-left:30px;margin-right:30px; width:590px; }
.panelContentNarrow {margin:20px; margin-top:18px; margin-left:30px;margin-right:30px; }
.panelContentBio {margin:16px;margin-top:9px;}

div.speechBubbleTickLeft 
{
	position:absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid #b9b141;
    margin-left: -10px;
    margin-top: 25px;
}

div.speechBubbleTickRight 
{
	position:absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-left:10px solid #b9b141;
    margin-left: 370px;
    margin-top: 25px;
}
div.speechBubbleTickRight 
{
	position:absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-left:10px solid #b9b141;
    margin-left: 370px;
    margin-top: 25px;
}

/* IMAGE POSITIONS */
#shop1, #shoot1, #staff1, #staff4, #staff7 {
	position:absolute; z-index:10; margin-top:0px; margin-left:-400px; 
	-webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
	-webkit-backface-visibility:hidden;
}
#shop2, #shoot2, #staff2, #staff5, #staff8 {
	position:absolute; z-index:11; margin-top:30px; margin-left:-400px; 
	-webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
	-webkit-backface-visibility:hidden;
}
#shoot3, #staff3, #staff6 {
	position:absolute; z-index:12; margin-top:30px; margin-left:-400px; 
	-webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
	-webkit-backface-visibility:hidden;	
}

#staff1 {z-index:16;}
#staff2 {z-index:17;}
#staff3 {z-index:18;}
#staff4 {z-index:19;}
#staff5 {z-index:20;}	
#staff6 {z-index:21;}
#staff7 {z-index:22;}
#staff8 {z-index:23;}