/* take out the stupid FF link border */

button,
a {
  outline: none;
  -moz-outline-style: none;
}



/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }










/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}




















html
	{
		height: 100%;
	}

	body
	{
		height: 100%;
	}




body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
body {
	background-color: #222225;
	background-image: url(./images/bkg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	text-align:center;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFCC;
}
a:active {
	text-decoration: none;
	color: #FFFFCC;
}





.left {
	float:left;
}

.right {
	float:right;
}
.clear {
	clear:both;
}


div#corners{
	min-height:100%;
	width:100%;
	position:relative;
}

#corner_TL {
	background: url(./images/corners.png) no-repeat left top;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 110px;
	width: 110px;
}
#corner_TR {
	background: url(./images/corners.png) no-repeat right top;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 110px;
	width: 110px;
}
#corner_BL {
	background: url(./images/corners.png) no-repeat left bottom;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 110px;
	width: 110px;
}
#corner_BR {
	background: url(./images/corners.png) no-repeat right bottom;
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 110px;
	width: 110px;
}






div#container {
	width:780px;
	margin:0 auto;
	text-align:left;
}


div#header {
	background:url(images/header.jpg) no-repeat;
	width:780px;
	height:220px;
	position:relative;
}
div#header a.homeBtn {
	display:block;
	width:500px;
	height:150px;
	margin:0 120px;
}



div#header ul {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:158px;
	left:110px;
}

div#header ul li {
	float:left;
	margin:0;
	padding:0;
}
div#header ul li.m_div {
	width:5px;
	height:26px;
	background:url(images/menu/div.gif) no-repeat;
	margin:0 2px;
}

div#header ul li a {
	height:26px;
	text-indent: -6666px;
	background-position:top;
	display:block;
}
div#header ul li a:hover {
	background-position:bottom;
}

div#header ul li a.gallery		{ width:81px;	background-image: url(images/menu/gallery.gif); }
div#header ul li a.about		{ width:81px;	background-image: url(images/menu/about.gif); }
div#header ul li a.artist		{ width:179px;	background-image: url(images/menu/artist.gif); }
div#header ul li a.contact		{ width:97px;	background-image: url(images/menu/contact.gif); }
div#header ul li a.workshop		{ width:100px;	background-image: url(images/menu/lessons.gif); }




div#content div#homepage {
	background:url(images/homepage.jpg) no-repeat;
	width:780px;
	height:340px;
}




div#workshop {
	line-height:2;
	width:720px;
	margin:0 30px;
}


div#workshop h1 {
	text-indent: -9999px;
	background:url(images/focusonyourself.gif) no-repeat;
	width:350px;
	height:116px;
	float:left;
	margin:0;
	padding:0;
}
div#workshop h1.test {
	text-indent: -9999px;
	background:url(images/test.gif) no-repeat center top;
	width:100%;
	height:65px;
	float:none;
	margin:0;
	padding:0;
}


div#workshop div.test {
	margin:0 30px 0 0;
	width:220px;
	line-height:1.5em;
	font-size:12px;
	font-style:italic;
	float:left;
}
div#workshop div.test.last { margin:0; }

/*div#workshop div.test span { font-size:20px; padding:0 5px 0 0; }*/

div#workshop div.test strong { font-style:normal; }


div#workshop img {
	margin-right:10px;
}









div#artist_statement {
	line-height:2;
	margin:0 90px;
	font-size:14px;
}




div#about {
	line-height:2;
	width:700px;
	margin:0 40px;
	font-size:14px;
}


div#contact { text-align:center; }

div#contact a {
	width:609px;
	height:380px;
	display:block;
	margin:0 auto;
	background:url(images/contact.jpg);
}














div#gallery {
	margin:0 52px;
}


div#gallery .thumb {
	width:109px;
	height:109px;
	position:relative;
	float:left;
	margin:10px 30px;
}

div#gallery .thumb .frame {
	background:url(./images/gallery/thumbFrame.png);
	behavior: url(./images/iepngfix.htc);
	width:109px;
	height:109px;
	position:absolute;
	top:0; left:0;
}

div#gallery .thumb img {
	margin:9px 10px 10px 9px;
}


div#gallery .cat {
	clear:both;
	font-size:14px;
	margin:25px 36px 0 34px;
	border-bottom:thin solid #FFFFFF;
	text-transform:uppercase;
}