* {
	margin: 0;
	padding: 0;
	zoom: 100%
}

a:hover, #menu ul li a:hover, #menu ul li.section-title:hover {
     color: #90a6b1;
}

a img { border: none; }

/* from UI demo page */
body{ font: 62.5% "Ariel", sans-serif; margin: 50px;}
body.index{ font: 62.5% "Ariel", sans-serif; margin: 50px; overflow: hidden}
body.gallery{ font: 62.5% "Ariel", sans-serif; margin: 50px; overflow-y: hidden}
body.blog{ font: 62.5% "Ariel", sans-serif; margin: 50px; overflow: hidden}

.demoHeaders { margin-top: 2em;}
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
/* end demo styles */

#gallery ul {
	list-style-type: none; 
	margin: 0;
	padding: 0;
}

#gallery ul li {
	display: inline;
}

#gallery.bottled {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 25px;
}

#gallery.falls {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 25px;
}

#gallery.home{
	margin-left: 200px;
	margin-top: -50px;
	padding-top: 0px;
	padding:0px;
	overflow: hidden;
}

#gallery.kings {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 25px;
}

#gallery.lump {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 25px;
}

#gallery.may2  {
	width: 400px;
	margin-left: 250px;
	margin-top: 25px;
}

#gallery.palace {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 55px;
}

#gallery.patterns {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 25px;
}

#gallery.piles {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 25px;
}
	
#gallery.pc {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 25px;
}

#gallery.rage {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 25px;
}

#gallery.shrine {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 25px;
}

#gallery.subway {
	width: 400px; white-space: nowrap;
	margin-left: 250px;
	margin-top: 25px;
}

#gallery.vid{
	margin-left: 250px; white-space: nowrap;
	margin-top: 25px;
}


iframe.page {
	border: none;
	width: 100%;
	height: 700px;
	margin-left:160px;
	margin-top: -55px;
	padding: 0px;
	overflow-y: scroll
	overflow-x: scroll;
}

iframe.reader {
	border: none;
	width: 85%;
	height: 700px;
	margin-left:200px;
	margin-top: -10px;
	padding: 0px;
	overflow-y: scroll
	overflow-x: scroll;
}

img.nav{padding-bottom: 20px; padding-left: 20px; text-align: center;}
img.home{margin-left: 180px; width:89%; height:auto; padding:0px; margin-top: -50px; float:top; }
img.scroll{padding-right: 100px; height:80%; }
img.title {margin-left: 25px; margin-bottom: 25px; }

it {font-style:italic}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#header {
    font-size: 10px;
    margin-bottom: 40px;
}

.kt {
	border:0;
}

m3 {padding-left: 25px; margin-bottom: 50px;}
m3 a {font-weight: normal; color: black;}
m3 a:link, {color: #6608b5}
m3 a:visited {color: black; text-decoration: none; }
m3 a:hover { color: #6608b5; text-decoration: none;}
m3 a:active {color: #6608b5}

#menu {
    width: 190px;
    overflow: hidden;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
    padding: 45px 20px 20px 20px;
    border-right: black;
    border-right-width: 2px;
    border-right-style: solid;
    z-index: 1;
    
}

#menu ul li {
list-style-type:none;
height: auto;

}

#menu ul li a{
text-decoration:none;
}

p {
    margin: 0;
    overflow: hidden;
    font-size:  13px;
}

p.big {
        font-size: 28px;
        color: #5c5a5a;
        font-style: italic;
}

p.blog {
	margin-top: 10px;
}

p.desc {
	margin-top: 10px;
	margin-left: 250px; 
	width: 70%; 
	float:bottom;
}

p.desc a {font-weight: normal; color: #6608b5; text-decoration: none;}
p.desc a:link, m3 a:visited {color: #6608b5; text-decoration: none; }
p.desc a:hover { color: #6608b5; text-decoration: none;}
p.desc a:active {color: #6608b5}

p.menu {
	margin-left: 10px; 
	width:auto; 
	overflow: hidden; 
}

p.more {
	margin-top: 10px;
	margin-left: 250px; 

}

p.more a {font-weight: normal; color: #6608b5; text-decoration: none;}
p.more a:link, m3 a:visited {color: #6608b5; text-decoration: none; }
p.more a:hover { color: #6608b5; text-decoration: none;}
p.more a:active {color: #6608b5}