* { margin: 0; padding: 0; }
html, body { height: 100%; color: #c4c4c4; font: 11px/1.4 Georgia, Serif; }
html { background: url(../images/texture1.jpg); }
body { background: url(../images/bg3.jpg) top center no-repeat; height: 100%; width: 100%; }
header, section, footer, links, menu, aside, nav, article, figure { display: block; }             

.inside { width: 760px; padding: 0 20px; margin: 0 auto; position: relative; }


.inside2 { width: 760px; padding: 0 50px; margin: 0 auto; position: relative; z-index:60; color: #211f1e;}


.inside3 { width: 760px; padding: 0 50px; margin: 0 auto; position: relative; z-index:40; color: #211f1e;}

a { outline: 0; text-decoration: none; color: white; }
a img { border: 0; }
p { margin: 0 0 10px 0; background-color: #222;  padding: 8px; }
h1, h2, h3, h4, h5 { margin: 0 0 10px 0; }
h2 { color: #211f1e; text-transform: uppercase; font-size: 15px; text-shadow: 0 1px #736d69; letter-spacing: 1px; }
h3 { color: white; font-size: 24px; }

header, footer, links, menu { width: 100%; }
header { background: url(../images/header-bgOrange.png) position: relative; top: 70px; height: 150px; }
footer { background: url(../images/footer-bgWood.png) repeat-x; height: 78px; }

.wrap { height: 390px; }

header h1, header h2 { margin: 0; }
header h1 a, header h2 a { z-index: 40; }
header h1 a { display: block; width: 600px; height: 56px; position: absolute; left: 20px; top: 33px; background: url(../images/logo2.png) no-repeat; text-indent: -9999px; }

header menu { height: 150px; position: relative; left: 50px; top: 70px; }

header h2 a { display: block; width: 259px; height: 128px; position: absolute; right: 0; top: -2px; background: url(../images/newalbum2.png) no-repeat; text-indent: -9999px; }


header h3 a { display: block; width: 169px; height: 114px; position: absolute; left: 400px; top: -22px; background: url(../images/book_ad.png) no-repeat; text-indent: -9999px; z-index:60;}


header { z-index:60; }
header nav { padding: 70px 0 0 0; z-index:60; }
header nav ul { list-style: none; text-align: center; }
header nav ul li { display: inline;}
header nav ul li a { color: #c4c4c4; margin: 0 14px; text-transform: uppercase; font-size: 13px; letter-spacing: 1px;}
header nav ul li a.current { border-top: 1px solid #c4c4c4; }
header nav ul li a:hover { color: white;}
header nav ul li a img { vertical-align: middle; position: relative; top: -2px; }


.inside2 nav { padding: 70px 0 0 0; z-index:60; }
.inside2 nav ul { list-style: none; text-align: center; }
.inside2 nav ul li { display: inline;}
.inside2 nav ul li a { color: #c4c4c4; margin: 0 10px; text-transform: uppercase; font-size: 15px; letter-spacing: 1px;}
.inside2 nav ul li a.current { border-top: 1px solid #c4c4c4; }
.inside2 nav ul li a:hover { color: white;}
.inside2 nav ul li a img { vertical-align: middle; position: relative; top: -2px; }



#bio, #about, #blog{ display: none; overflow: auto; position: absolute; top: 0px; left: 20px; width: 425px; height: 100%; }


#shows { display: block; overflow: auto; position: absolute; top: 0px; left: 35%; width: 60%; height: 100%; padding: 0 20px; margin: 0 auto;  }





#contact { display: none; overflow: auto; position: absolute; top: 0px; left: 20px; width: 68%; height: 100%;uppercase; font-size: 15px; color:#FFF  }

#contact p { color: #c4c4c4;}

#photos { display: none; overflow: auto; position: absolute; top: 0px; left: 20px; width: 90%; height: 100%;  z-index: 55; }

#store { display: none; overflow: auto; position: absolute; top: 0px; left: 200px; width: 100%; height: 100%; z-index: 55; }

#drawing { display: none; overflow: auto; position: absolute; top: 0px; left: 60px; width: 425px; height: 100%; }

#sketches { display: none; overflow: auto; position: absolute; top: 0px; left: 60px; width: 425px; height: 100%; }

#starwars { display: none; overflow: auto; position: absolute; top: 0px; left: 60px; width: 425px; height: 100%; }

#kids { display: none; overflow: auto; position: absolute; top: 0px; left: 60px; width: 425px; height: 100%; }

#canvas { display: none; overflow: auto; position: absolute; top: 0px; left: 60px; width: 425px; height: 100%; }

#mosaic { display: none; overflow: auto; position: absolute; top: 0px; left: 60px; width: 425px; height: 100%; }

#commissioned { display: none; overflow: auto; position: absolute; top: 0px; left: 60px; width: 425px; height: 100%; }


#upcoming {
	position: absolute;
	left: -20px;
	top: 12px;
	width: 314px;
	z-index: 30;
	height: 467px;
}
#upcoming p{ background: #222; }
#upcoming ul { list-style: none; }
#upcoming ul li { margin: 0 0 3px 0; background: #222; background: rgba(0,0,0,0.5); padding: 5px; position: relative; }
#upcoming ul li .date { display: block; color: white; font-weight: bold; }
#upcoming ul li .time { display: none; }
#upcoming ul li .city { position: absolute; top: 5px; right: 5px; }


#bookad { position: absolute; left: 20px; top: 70px; width: 210px; z-index: 30; }
#bookad p{ background: #222; }
#bookad ul { list-style: none; }
#bookad ul li { margin: 0 0 3px 0; background: #222; background: rgba(0,0,0,0.5); padding: 5px; position: relative; }





#gallery1 {
	position: absolute;
	left: 500px;
	top: -700px;
	width: 310px;
	height: 510px;
	z-index: 45;
}
#gallery1 ul{ list-style: none; }
#gallery1 ul li{ margin: 0 0 3px 0; }
#gallery1 ul li a{ color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.5); background-image: url(images/play.png); background-position: 5px center; background-repeat: no-repeat; }
#gallery1 ul li a:hover{ background-color: #555; background-color: rgba(0,0,0,0.7); }




#sample {
	position: absolute;
	left: 541px;
	top: 70px;
	width: 120px;
	z-index: 30;
}
#sample ul, #pdfs ul { list-style: none; }
#sample ul li, #pdfs ul li{ margin: 0 0 3px 0; }
#sample ul li a, #pdfs ul li a { color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.5); background-image: url(images/play.png); background-position: 5px center; background-repeat: no-repeat; }
#sample ul li a:hover, #pdfs ul li a:hover{ background-color: #555; background-color: rgba(0,0,0,0.7); }
.sm2_paused { background-image: url(images/pause.png) !important; background-repeat: no-repeat; }
.sm2_playing { background-color: #333 !important; background-color: rgba(0,0,0,0.9) !important; }


#sample1 { display: none; overflow: auto; 
	position: absolute;
	left: -500px;
	top: 70px;
	width: 500px;
	z-index: 45;
}
#sample1 ul{ list-style: none; }
#sample1 ul li{ margin: 0 0 3px 0; }
#sample1 ul li a{ color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.5); background-image: url(images/play.png); background-position: 5px center; background-repeat: no-repeat; }
#sample1 ul li a:hover{ background-color: #555; background-color: rgba(0,0,0,0.7); }


#blog { left:50px; width: 250px;
    top: 3px;
    z-index: 45; }
	
#blog p{background-color: #222;}	
#blog ul li a { background-image: url(/images/icon_pdf.png); }
#blog ul{ list-style: none; }
#blog ul li{ margin: 0 0 3px 0; }
#blog ul li a{ color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.5); background-image: url(images/play.png); background-position: 5px center; background-repeat: no-repeat; }
#blog ul li a:hover{ background-color: #555; background-color: rgba(0,0,0,0.7); }



#sample3 { display: none; overflow: auto; 
	position: absolute;
	left: 50px;
	top: 70px;
	width: 150px;
	z-index: 45;
}
#sample3 ul{ list-style: none; }
#sample3 ul li{ margin: 0 0 3px 0; }
#sample3 ul li a{ color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.5); background-image: url(images/play.png); background-position: 5px center; background-repeat: no-repeat; }
#sample3 ul li a:hover{ background-color: #555; background-color: rgba(0,0,0,0.7); }



#sample4 { display: none; overflow: auto; 
	position: absolute;
	left: 1000px;
	top: 70px;
	width: 120px;
	z-index: 45;
}
#sample4 ul{ list-style: none; }
#sample4 ul li{ margin: 0 0 3px 0; }
#sample4 ul li a{ color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.5); background-image: url(images/play.png); background-position: 5px center; background-repeat: no-repeat; }
#sample4 ul li a:hover{ background-color: #555; background-color: rgba(0,0,0,0.7); }



#sample5 { display: none; overflow: auto; position: absolute; top: 0px; left: 500px; width: 320px; z-index: 45;}
#sample5 ul{ list-style: none; }
#sample5 ul li{ margin: 0 0 3px 0; }
#sample5 ul li a{ color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.5); background-image: url(images/play.png); background-position: 5px center; background-repeat: no-repeat; }
#sample5 ul li a:hover{ background-color: #555; background-color: rgba(0,0,0,0.7); }





#sample6 { display: none; overflow: auto; position: absolute; top: 0px; left: 500px; width: 314px; z-index: 45;}
#sample6 ul{ list-style: none; }
#sample6 ul li{ margin: 0 0 3px 0; }
#sample6 ul li a{ color: white; -moz-border-radius: 8px; -webkit-border-radius: 5px; display: block; padding: 3px 3px 3px 25px; height: 16px; vertical-align: middle; margin: 0 6px 0 0; background-color: #222; background-color: rgba(0,0,0,0.5); background-image: url(images/play.png); background-position: 5px center; background-repeat: no-repeat; }
#sample6 ul li a:hover{ background-color: #555; background-color: rgba(0,0,0,0.7); }





#sample7 { display: none; overflow: auto; position: absolute; top: 0px; left: 20px; width: 90%; height: 100%;  z-index: 150; }




#pdfs { left:500px; width: 125px; }
#pdfs ul li a { background-image: url(/images/icon_pdf.png); }


#bio p, #about p { text-shadow: 0 1px rgba(0,0,0,0.7); font-size: 14px; }

#about { }
#about ul { padding: 0 0 80px 0; list-style: none; }
#about ul li { margin: 0 0 3px 0; }
#about ul li a {  -webkit-transition: all 0.2s linear; }
#about ul li a:hover { padding-left: 10px; }
#about ul li a:hover span { color: #d05353; }
#about h2 { text-align: left; }

#contact { overflow: hidden; }
#contacttop { overflow: hidden; }


#photomenu { left:1000px; width: 125px; }
#photomenu ul li a { background-image: url(/images/icon_pdf.png); }
#photomenu { top: -500px; left: 1000px; }
#photomenu a { opacity: 0.75; }
#photomenu a img { border: 0; float: left; margin: 0 5px 5px 0; }
#photomenu a:hover { opacity: 1; }



#mcgarry { position: absolute; bottom: 35px; left: 110px; z-index: 0; }
footer { z-index: 20; }
footer nav { padding: 30px 0 0 0; }
footer nav ul { list-style: none; text-align: center; }
footer nav ul li { display: inline; }
footer nav ul li a { color: #c4c4c4; margin: 0 14px; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }
footer nav ul li a.current { border-bottom: 1px solid #c4c4c4; }
footer nav ul li a:hover { color: white; }
footer nav ul li a img { vertical-align: middle; position: relative; top: -2px; }
footer ad{ z-index: 60; }



links { z-index: 60; }
links nav { padding: 30px 0 0 0; }
links nav ul { list-style: none; text-align: center; }
links nav ul li { display: inline; }
links nav ul li a {color: #211f1e; margin: 0 14px; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }
links nav ul li a.current { border-bottom: 1px solid #c4c4c4; }
links nav ul li a:hover { color: white; }
links nav ul li a img { vertical-align: middle; position: relative; top: -2px; }



menu {margin:auto; z-index: 50; }
menu nav { padding: 30px 0 0 0; }
menu z {display: block; width: 600px; height: 54px; position: absolute; left: 50px; top: 1px;}
menu nav ul { list-style: none; text-align: center; }
menu nav ul li { display: inline; }
menu nav ul li a { color: #c4c4c4; margin:auto; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }
menu nav ul li a.current { border-bottom: 1px solid #c4c4c4; }
menu nav ul li a:hover { color: white; }
menu nav ul li a img { vertical-align: margin:auto; position: relative; top: -2px; }



#copywrite { position: absolute; bottom: 10%; padding: 0 50px; margin: 0 auto; position: relative;color: #000; z-index:65; }
copywrite { display:block; margin:color: #000; auto z-index: 65;  padding: 40px 0 0 0; }
copywrite ul { list-style: color: #000; none; text-align: center; }
copywrite ul li { display: inline;color: #000;margin: 0; }
copywrite ul li a { color: #000; margin: 0 14px; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; }
copywrite ul li a.current { border-bottom: 5px solid #000;color: #000; }
copywrite ul li a:hover { color: #000; }
copywrite ul li a img { vertical-align: middle; position: relative; top: 20px; color: #000; }

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding-right: 15px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/* LIGHTBOX*/

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

#lightbox a img{ border: none; }

#lightbox a { color: 000000; }
#lightbox a:visited {  color: #000000; }
#lightbox a:hover {  color: #257867; }
#lightbox a:active {  color: #000000; }

#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(lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#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;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
    
    
    /* Main menu settings */
#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   width:100%;
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:90%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:120px;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:1em;
   line-height:1em;
   background:#ddd;
   text-decoration:none;
   color:#444;
   font-weight:bold;
   border-bottom:1px solid #000;
}
#centeredmenu ul li.active a {
   color:#fff;
   background:#000;
}
#centeredmenu ul li a:hover {
   background:#36f; /* Top menu items background colour */
   color:#fff;
   border-bottom:1px solid #03f;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#36f; /* Top menu items background colour */
   color:#fff;
   border-bottom:1px solid #03f;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:-8em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.8em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#eee;
   color:#444;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#36f; /* Sub menu items background colour */
   color:#fff;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}
    
    .transparent {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	




.tablescroll
{ font: 12px normal Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; background-color:#fff; }

.tablescroll td, 
.tablescroll_wrapper,
.tablescroll_head,
.tablescroll_foot
{ border:1px solid #ccc; }

.tablescroll td
{ padding:3px 5px; }

.tablescroll_wrapper
{ border-left:0; }

.tablescroll_head
{ font-size:11px; font-weight:bold; background-color:#eee; border-left:0; border-top:0; margin-bottom:3px; }

.tablescroll thead td
{ border-right:0; border-bottom:0; }

.tablescroll tbody td
{ border-right:0; border-bottom:0; }

.tablescroll tbody tr.first td
{ border-top:0; }

.tablescroll_foot
{ font-weight:bold; background-color:#eee; border-left:0; border-top:0; margin-top:3px; }

.tablescroll tfoot td
{ border-right:0; border-bottom:0; }






div#rb-redbubble-art ul li a.rb-thumbnail img
  {
    width: 135px;
    height: 135px;
    padding: 2px;
    border: 1px solid #ccc;
  }
div#rb-redbubble-art ul li a
  {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
  }

div#rb-redbubble-clothing ul li a.rb-thumbnail img
  {
   width: 135px;
    height: 135px;
    padding: 2px;
    border: 1px solid #ccc;
  }
div#rb-redbubble-clothing ul li a
  {
     display: block;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
  }
  
  

div#rb-redbubble-laptop ul li a.rb-thumbnail img
  {
   width: 135px;
    height: 135px;
    padding: 2px;
    border: 1px solid #ccc;
  }
div#rb-redbubble-laptop ul li a
  {
     display: block;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
  }
  
  

div#rb-redbubble-iDevice ul li a.rb-thumbnail img
  {
   width: 135px;
    height: 135px;
    padding: 2px;
    border: 1px solid #ccc;
  }
div#rb-redbubble-iDevice ul li a
  {
     display: block;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
  }
  
  .clouds {
    width:300px;
    height:300px;
    margin:10px;
    border:2px solid #ccc;
    background:#3e83c8 url(images/bg_clouds.png) repeat-x 0 bottom;
}