@charset "UTF-8";
/* Pacific Art Group Main CSS */

body { 
	font-family: arial, helvetica, sans;
	font-size:62.5%;
	color:#555;
	text-align:center;
	margin-top:0;
}
body * { 
	margin:0; 
	padding:0;
	text-decoration: none;
	border:none;
	color:#444;
}
#container {
	text-align:left; 
	margin-top:20px;
	margin-left:auto;
	margin-right:auto; 
	width:770px;
}

/* -------------- MASTHEAD ------------ */
#masthead {
	background-color: #E9EADE;
	height: 97px;
	width:100%;
	margin-bottom: 16px;
}
#masthead h1 {
	float: left;
	background: transparent url(../images/top-logo.gif) no-repeat top left;
	text-indent: -9000px;
	height: 97px;
	width: 111px;
}
#masthead h2 {
	float: right;
	background: transparent url(../images/top-tagline.gif) no-repeat top right;
	text-indent: -9000px;
	height: 97px;
	width: 342px;
}

/* ---------------- MAIN CONTENT ---------- */
div#content h2{text-indent: -9000px;} /* background image info in img css file */
div#extra{margin:0;padding:0;}
div#footer p{margin:0;}
div#content p{margin:0 0 .5em;font-size:1.3em;line-height:1.3em;color:#6E5C50;}
div#content h3{font-size:1.3em;line-height:1.4em;color:#6E5C50;}
div#content h4{font-size:1.7em;line-height:1.3em;color:#6E5C50;}
div#content blockquote{background: #909859 url(../images/bquote-top.gif) top right no-repeat;margin-top:1.5em;}
div#content blockquote p{color:#E9EADE;padding: 20px 18px 15px;line-height:1.2em;}
#main #content .scroll ul {list-style: url(../images/bullet.gif) outside;margin-bottom: .5em;}
#main #content .scroll li {margin:0 0 .5em 1.3em;font-size:1.2em;line-height:1.3em;color:#6E5C50;}

div#main{margin:0;padding:0;background:#E9EADE;height:358px;overflow:hidden;}
div#wrapper{margin:0;padding:0;float:left;width:100%;}
div#content{margin: 0 150px 0 362px;}
#home div.scroll{height:342px;overflow:auto;}
#what div.scroll{height:216px;overflow:auto;margin-bottom:5px;}
#what2 div.scroll{height:280px;overflow:auto;margin:47px 0 5px 0;}
#how div.scroll{height:230px;overflow:auto;}
#who div.scroll{height:230px;overflow:auto;margin-bottom:5px;}
#who2 div.scroll{height:267px;}
#contact div.scroll{height:280px;overflow:auto;}
#private div.scroll{height:185px;overflow:auto;}
div#navigation{float:left;width:150px;margin-left:-150px}
div#extra{float:left;width:337px;height: 358px;margin-left:-770px;background-color:#6E5C50;}
div#footer{clear:left;width:100%}

.next {text-align:right;}
.next a:link,
.next a:visited {color:#6E5C50;background: transparent url(../images/arrow.gif) center right no-repeat;padding-right: 10px;}
.next a:hover,
.next a:active {color:#7D0E07;background: transparent url(../images/arrow-over.gif) center right no-repeat;padding-right: 10px;}
.prev {text-align:right;}
.prev a:link,
.prev a:visited {color:#6E5C50;background: transparent url(../images/arrow-prev.gif) center left no-repeat;padding-left: 10px;}
.prev a:hover,
.prev a:active {color:#7D0E07;background: transparent url(../images/arrow-prev-over.gif) center left no-repeat;padding-left: 10px;}


/* -------- NAVIGATION ----------- */
#nav {  /* background image info in img css file */
	width: 150px;
	height: 358px;
	margin: 0; padding: 0;
	position: relative;
}
#nav li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
}
#nav a {display: block;text-indent:-9000px;}
#nav1 {left: 85px; top: 0px; width: 65px; height: 358px;}
#nav2 {left: 64px; top: 0px; width: 66px; height: 358px;}
#nav3 {left: 43px; top: 0px; width: 65px; height: 358px;}
#nav4 {left: 22px; top: 0px; width: 65px; height: 358px;}
#nav5 {left: 0px; top: 0px; width: 66px; height: 358px;}
#nav6 {left: 0px; top: 0px; width: 45px; height: 358px;}
#nav1 a {height: 358px;}
#nav2 a {height: 358px;}
#nav3 a {height: 358px;}
#nav4 a {height: 358px;}
#nav5 a {height: 358px;}
#nav6 a {height: 358px;}
/* background image and link hover info in img css file */