body {
	/*background-color: #b9aaa0;*/
        background-color: #A9A9A9;
	font-size: 12px;
	line-height:19px;
	font-family: "Myriad Pro", Helvetica, Arial, Verdana;
	color:#191718;
	padding:0px;
	margin: 0px;
}

.menuitem {
   letter-spacing: 0px;
   font-size: 10px;
}


/* ---------- links -------------- */
a {color: #b58d13;text-decoration: none;}
a:visited {color:#b58d13;}
a:hover {color: #b58d13;text-decoration: underline;}
a:active { 
  color:#b58d13;
  outline: none;
}


/* ---------- For new image navigation -------------- */
#imagepane-arrows  a, #imagepane-arrows  a:visited, #imagepane-arrows a:hover,#imagepane-arrows  a:active{
color:#191718;text-decoration: none;
}


:focus {
-moz-outline-style: none;
}

/* ---------- text -------------- */
h1 {
font-size: 12px;
letter-spacing: .07em;
text-transform:uppercase;
color: #c7c8ca;
padding:0px;
text-indent: -9999px;
margin: 0px;
}

h2 {
font-size:10px;
font-weight: normal;
padding: 0px 12px;
margin:0;
}

label {
font-size:10px;
}

p, pre{
padding: 0px 12px 14px 12px;
margin:0px;
}

/*
div.caption{
	font-size:10px;
	display: inline;
	vertical-align:0px;
	text-align:right;
    float:right;
	padding-top:1px;
	width:inherit;
	background-color:#ffffff;
	padding-right: inherit;
}
*/

/* ---------- images -------------- */
img {border:0;padding:0;margin:0;}
img.download {vertical-align:middle;}
.img-bot {margin-bottom: 0px; display: block; height:450px; width:729px;}


/* ----------container to center the layout-------------- */
#horizon        
	{
	text-align: center;
	position: absolute;
	top: 10%;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	/*min-width: 500px; */
	}

#container {
	text-align: left;
	/*width: 1172px;*/
        width: 1222px;  
	height: 499px;
	margin: 0px auto;
	/*background: url(./pics/background.gif) no-repeat;*/
}

/* ----------banner for logo-------------- */
#banner {
text-align: left;
height: 32px;
padding: 0px;
margin: 0px;
background-color:white;
}

#marialogo_div {
float: left;
height: 450px;
width: 40px;
margin-left: 20px;
}
#marialogo_img {
position: relative;
width: 20px;
top: 302px;
left: 15px;
}


/* -------------- panes ------------- */
#holder-textpane {
float:right;
width: 264px;
height:450px;
margin: 0;
padding: 0;
background-color:white;
}
#textpane {
 height:450px;
 overflow: hidden;
}
#contactinfo {
 margin-top: 300px;
 padding: 10px 10px 0px 10px;
 line-height: 28px;
}
#red {
 color: red;
}
#email {
 padding-top:4px;
}
#holder-navpane {
 float: right;
 width: 164px;
 height:450px;
 margin-right: 5px;
 padding: 0;
 background-color:white;
/*display:none;*/
}
#main_menu{
height:450px;
overflow:hidden;
}
#pra {
float: left;
width: 10px;
height:450px;
margin: 0;
padding: 0;
background-color:white;
}
#about {
text-align: justify;
font-size:11px;
}


/* -------------- image pane - variables from indexhibits ------------- */
div#content { 
height:450px;
width: 436px;
padding: 0px;
margin-left: 55px;
z-index:1;
}
#gallery {
height:450px;
width:500px;
padding-left:0px;
margin: 0px;
border:0px;
}
#worksgal {
height:450px;
width:500px;
padding-left:0px;
margin: 0px;
border:0px;
}


/* -------------- arrows ------------- */
#imagepane-arrows {
	text-align: right;
	/*height: 16px;*/
	margin-left:0px;
	/*padding-top:1px;*/
	z-index:100;
	position: absolute;
}
#textpane-arrows {
	text-align: right;
	height: 16px;
	margin:0px;
	background: url(pics/textpane-overflow.gif) no-repeat;
	width: 258px;
	padding-right:0px;
	display:none;
}
#navpane-arrows {
	text-align: right;
	height: 16px;
	background: url(pics/navpane-overflow.gif) no-repeat;
	width: 150px;
	display:none;
	margin:0;
	padding:0;
}


/* --------------jquery scrollbar------------- */
.gray-bar .jScrollPaneTrack {
	background: #fff;
}
.gray-bar .jScrollPaneDrag {
	background: #adafb2;
}
.gray-bar .scroll-pane {
	background: #fff;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
color: #adafb2;
font-size: 8px;
margin-top: 3px;
padding: 0;
text-align: right;
background-color:white; 
}

#footer p{
	margin: 0;
	padding: 0;
	text-indent: 0;
}

/* -----------jquery accordion navigation --------------------------- */
#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#fff;
	width:164px;
}
#navigation a.head {
	cursor:pointer;
	background:#fff url(pics/arrow-right.gif) no-repeat scroll 8px 4px;
	color:#000;
	display:block;
	margin:0px;
	padding:0px;
	text-indent:18px;
	text-decoration: none;
        letter-spacing: 1px;
}
#navigation a.head:hover {
	color:#000;
}
#navigation a.selected {
	background-image: url(pics/arrow-down.gif);
}
#navigation a.current {
/*	background-color:#b9aaa0;*/
        background-color:#a9a9a9;

}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:10px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000;
	display:block;
	text-indent:10px;
	text-decoration: none;
	text-indent:28px;
}
#navigation li li a:hover, #navigation li a:hover  {
/*	background-color:#b9aaa0;*/
        background-color:#a9a9a9;
	color:#000;
}


@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}