/*---------------------------------- 
version: 1.1
author: jane benson
email: jane@mainjane.com
website: http://www.mainjane.com/
----------------------------------*/

/*Color palette
dk green: 41473f
orange: cd793b
dk red: 8e2800
bright orange: ffb03b
cream: fff0a5
*/

* { /*zero-out the default margin and padding on all elements*/
	margin: 0;
	padding: 0;
}

* :focus { outline: 0; }

body {
	background: #cd793b; 
	font-family: "Myriad Pro", Eurostile, Geneva, sans-serif;
	color: #fff0a5;
	font-size: 62.5%; /*set the font size to 10px default of 16px * 62.5 = 10px*/
}

h2 {
	font-family: "Lucida Handwriting", "Times New Roman", serif;
	color: #e48336;
	font-size: 1.5em; 
	line-height: 1.3em;
	letter-spacing: .2em;
}

p {
	color: #fff0a5;
	font-size: 1.5em; 
	letter-spacing:.1em;
	line-height: 1.5; 
	margin: 10px 20px 0px 20px;
	height: 1%; /*WIN IE needs help seeing as a block area */
}

p.left {
	color: #fff0a5;
	float:left;
	font-size: 1.5em; 
	line-height: 1.5;
	display:inline; 
	margin: 0px 0px 0px 20px;
	height: 1%; /*WIN IE needs help seeing as a block area */
}

div#wrapper {
	width: 900px; /*set the width of the wrapper - must set width to center the div*/
	margin: 0 auto; /*center the div*/
	background: url(images/bg-wrapper2.gif) repeat-y;
}

div#wrapper div#header {
	height: 150px;
	background-color: #fff0a5;
	position: relative; 
}

div#wrapper div#header h1 {
	width: 900px;
	height: 150px;
	text-indent: -1000em;
	position: absolute;
	top: 0px;
	left: 0px;
}

div#wrapper div#header h1#contact-h1 {
	background: url(images/head-6.jpg) repeat-y left top;
}

div#wrapper div#header h1#home-h1 {
	background: url(images/head-2.jpg) repeat-y left top;
}

div#wrapper div#header h1#port-h1 {
	background: url(images/head-1.jpg) repeat-y right top;
}

div#wrapper div#header h1#web-h1 {
	background: url(images/head-9.jpg) repeat-y left top;
}

div#wrapper div#header h1#thank-h1 {
	background: url(images/head-4.jpg) repeat-y left top;
}

div#wrapper div#header h1#photos-h1 {
	background: url(images/head-7.jpg) repeat-y left top;
}

div#wrapper div#header h1#graphics-h1 {
	background: url(images/head-5.jpg) repeat-y left top;
}

div#wrapper div#header h1#request-h1 {
	background: url(images/head-8.jpg) repeat-y left top;
}

div#wrapper div#header h1#miss-h1 {
	background: url(images/head-10.jpg) repeat-y left top;
}

div#wrapper div#header h1#art-h1 {
	background: url(images/head-3.jpg) repeat-y left top;
}

/*----------logo------------*/

div#wrapper div#header span img{
	height: 150px;
	width: 344px;
	margin: 0;
	padding: 0;
	position:absolute;
	top:0px;
	left: 0px;
	z-index: 89;
}

/*----------/logo------------*/

/*-------/Navigation--------*/

/*div#wrapper div#navigation {
	height: 3.6em;
	line-height: 3.6em;
	background-color: #8e2800;
}

div#wrapper div#navigation ul {
	list-style: none;
	font-size: 1.9em;
	background-color: #8e2800;
}

div#navigation ul li {
	display:inline-block;
	float: left;
}

div#navigation ul li a { 
	float: left;
	color: #fff0a5;
	padding: 0 1em;
}

div#navigation ul li a:link,
div#navigation ul li a:visited {
	text-decoration: none;	
}

div#navigation ul li a:hover {
	color: #fff0a5;
	background-color: #41473f;
	display: block;
}

div#navigation ul li a:active {
	color: #fff0a5;
	background-color: #41473f;
}
*/
/*---/Navigation---*/
/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: "Myriad Pro", Eurostile, Geneva, sans-serif;
	font-size: 1.6em;
	letter-spacing:.1em;
	cursor: default;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1em;
	letter-spacing:.1em;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 172px;
	float: left;
}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .9em;
	z-index: 1020;
	cursor: default;
	width: 172px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 172px;
}
/* Submenus should appear slightly overlapping to the right (95%) and at the same level (0) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #fff0a5;
}

/* Menu items are a red block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #8e2800;
	padding: 0.5em 1.3em;
	color: #fff0a5;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a green background and cream text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #41473f;
	color: #fff0a5;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a green background and cream text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #41473f;
	color: #fff0a5;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

/*******************************************************************************

 End Navigation

 *******************************************************************************/

div#wrapper div#main-content {
	width: 680px;
	background-color: #41473f;
	float: left;
}

a{
	color:#ffb03b;
	text-decoration:none;
}	

a:link
{
	color:#ffb03b;
	text-decoration:none;
}	

a:hover,
a:focus {
	color: #fff0a5;
	text-decoration: none;
}


div#wrapper div#main-content h2 {
	margin: 10px 20px 5px 20px;
	padding: 0;
	font-size: 2.1em;
	line-height: 25px;
	text-indent: 35px;
	text-align:center;
	letter-spacing: 0.1em;
	height: 25px;
    color: #ffb03b;
	font-weight: normal;
}

div#wrapper div#main-content h3 {
	margin: 10px 0 0px 20px;
	padding: 0;
	letter-spacing: 0.1em;
	font-family: "Lucida Handwriting", "Times New Roman", serif;
	color:#ffb03b;
	font-weight: normal; 
	text-align: left; 
	font-size: 1.6em;
	display: inline;
	float:left; 
}

div#wrapper div#main-content h3 a:link,
div#wrapper div#main-content h3 a:visited {
	color: #8e2800;
	text-decoration: none;	
}

div#wrapper div#main-content h3 a:hover,
div#wrapper div#main-content h3 a:focus {
	color: #fff0a5;
	background-color: #8e2800;
	text-decoration: none;	
}

div#wrapper div#main-content p.album-list a:link,
div#wrapper div#main-content p.album-list a:visited {
	color: #fff0a5;
	text-decoration: none;
	padding: 0px;
	height: 1%; /*WIN IE needs help seeing as a block area*/ 
}

div#wrapper div#main-content p.album-list a:hover,
div#wrapper div#main-content p.album-list a:focus {
	color: #ffb03b;
	text-decoration: none;
}

div#wrapper div#main-content p.album-list {
	color:#fff0a5;
	display:inline;
	height:1%;
	float: right;
}

div#wrapper div#main-content p.album-list span {
	font-size: 1em;
	width: 640px;
	color: #fff0a5;
	display:inline;
	float:right;
}

div#wrapper div#main-content p.album-list br {
	clear: right;
}

.listFeat {
	float:left; 
	font-size:1.5em; 
	letter-spacing:.1em;
	margin:5px 20px 5px 33px;
}

div#wrapper div#main-content p a:link,
div#wrapper div#main-content p a:visited {
	color: #ffb03b;
	text-decoration: underline;
}

div#wrapper div#main-content p a:hover,
div#wrapper div#main-content p a:focus { 
	color: #ffb03b;
	background-color: #41473f;
	text-decoration: none;
}

div#wrapper div#main-content p img {
	margin: 0 20px 3px 0px;
	border: 1px solid #fff0a5;
	padding: 2px;
	background-color: #8e2800;
	display:inline;
	float: left;
}
	
div#wrapper div#main-content img.right {
	float: right;
	margin: 0 0 3px 3px;
	border: 1px solid #ffb03b;
	padding: 3px;
	background-color: #fff0a5;
}

/*-------gallery image handling--------*/

body#graph-page div.image,
body#photo-page div.image,
body#port-page li.image {
  	margin: 10px 20px;
  	height: 182px;
  	width: 182px;
	display:inline;
  	float: left;
  	text-align: center;
	list-style-type:none;
	font-size:1.8em;
}	

body#graph-page div.first-image,
body#photo-page div.first-image,
body#port-page li.first-image
{
  	margin: 10px 20px 10px 28px;
  	height: 182px;
  	width: 182px;
	display:inline;
  	float: left;
  	text-align: center;
	list-style-type:none;
	font-size:1.8em;
}	

body#graph-page div.first-image a img,
body#photo-page div.first-image a img,
body#port-page li.first-image a img {
  margin: 0;
  padding: 0;
  display: inline;
  width: 180px;
  height:180px;
  border-color:#ffb03b;
}

body#graph-page div.image a img,
body#photo-page div.image a img,
body#port-page li.image a img {
  margin: 0;
  padding: 0;
  display: inline;
  width: 180px;
  height:180px;
  border-color:#ffb03b;
}

body#graph-page .image img a:hover,
body#photo-page .image img a:hover,
body#port-page .image img a:hover {
  margin: 0;
  padding: 1px;
  border:#fff0a5;
  width: 180px;
  height:180px;
}

body#graph-page .desc,
body#photo-page .desc,
body#port-page .desc {
	color:#8e2800;
	font-family: Trebuchet, sans-serif;
	font-size: 130%;
  	text-align: center;
  	width: 180px;
}

div#wrapper div#main-content div.subGallInd
{
  	margin: 15px 12px 20px 24px;
  	height: 265px;
	display:inline;
  	width: 182px;
  	float: left;
  	text-align: center;
}

div#wrapper div#main-content div.subGallInd img {
	display:inline;
	width: 180px;
	background-color: #fff0a5;
	border: 1px solid #fff0a5;
}

div#wrapper div#main-content div.subGallInd p {
	margin:0;
	width:180px;
	text-align:center;
	display:inline;
}

div#wrapper div#main-content div.subGallInd h3.desc {
	display:inline;
	margin:0;
	padding:5px 0 0 0;
	color:#ffb03b;
	font-size: 1.3em;
	line-height:1.3em;
	height: 50px;
  	text-align: center;
	background-color: #41473f;
}

/*-------------/gallery image handling---------*/

div#wrapper div#main-content fieldset#form { 
	margin: 10px 0px 10px 20px;
	width:640px;
}

div#wrapper div#main-content .label { 
	width:620px;
}

div#wrapper div#main-content form.label textarea#msg {
	margin-bottom:10px;
}

div#wrapper div#main-content span.center{
	text-align:center;
}

div#wrapper div#main-content div.buyOMat {
	vertical-align:middle;
	margin:0;
	padding:0;
}

div#wrapper div#main-content div.mat {
	margin:0px 0px 0px 40px;
	border-style:solid;
	border-width:1px;
	border-color:#c99e57;
	background-color:#c99e57;
	width:515px;
	line-height:1%;
}

div#wrapper div#main-content div.buyOMat span.center img.buyImg{
	background-color:#41473f;
	vertical-align:middle;
	padding:3px;
	border-style:solid;
	border-width:30px;
	border-color:#fff0a5;
	margin: 10px 10px 10px 40px;
}

div#wrapper div#main-content p.pages { 
	clear: both;
	text-align:right;
	margin:5px;
}

div#wrapper div#main-content p.pages a{ 
	padding: 0 5px;
}


/*---request-form---*/
fieldset.form { 
	margin: 10px 20px 10px 20px;
}

legend.legend {
	color:#fff0a5;
	font-size:1.4em;
}

fieldset.form h4{ 
	margin: 5px 20px;
	width:600px;
	letter-spacing: 0.1em;
	font-family: "Lucida Handwriting", "Times New Roman", serif;
	color:#ffb03b;
	font-weight: normal; 
	font-size: 1.4em;
}

fieldset.form p{ 
	margin: 5px 20px;
	width:600px;
	font-size:1.5em;
	letter-spacing:.1em;
}

fieldset.form p input[type=text]{ 
	line-height: 1.5; 
	margin: 0px;
	width:300px;
	height: 1.5em; /*WIN IE needs help seeing as a block area */
}

fieldset.form p textarea.com{ 
	margin: 0px;
	width:500px;
}

fieldset.form p.btn input{ 
	line-height: 1.3em; 
	margin: 0px;
	width:160px;
	font-size:1em;
	height: 1.6em; /*WIN IE needs help seeing as a block area */
}

/*---/request-form---*/

/*---quotes---*/
div#main-content ul.checklist{
	margin:	0 0 0 60px;
}

div#main-content ul.checklist li {
	font-size:1.8em;
	letter-spacing:.1em;
	line-height:1.8em;
	font-weight:lighter;
	list-style-image: url(images/check.gif);
	list-style-type:disc;	
}

div#main-content ul.checklist li span.smallText {
	font-size:.9em;
}

/*---/quotes---*/

/*---contact---*/

ul#error li {
	font-size:1.4em;
	color:#ffb03b;
	margin-left:40px;
}

ul#unList {
	margin: 10px 20px 0px 35px;
}

li.unListItem {
	font-size: 1.4em; 
	line-height: 1.4; 
}

/*---contact---*/

/*---------sidebar-galleries------*/

div#wrapper div#side-bar {
	float: right;
	display: inline;
	width: 210px;
	height: 500px;
}

div#wrapper div#side-bar h2 { 
	background: url(images/h2-galler-nav-2.gif) no-repeat center; 
	height: 50px;
	float: right;
	width: 160px;
	margin-right: 25px;
	display:inline;
}

div#wrapper div#side-bar ul {
	list-style-type: none;
	font-size: 1.4em;	
	width: 160px;
	margin-left:25px;
}

div#wrapper div#side-bar ul li.gall {
	text-align: center;
	letter-spacing: .2em;
	width: 110px;
	margin-left: 25px;
}

div#wrapper div#side-bar ul li img{
	padding: 2px;
	width: 104px;
	background-color: #fff0a5;
	border: none;
	margin-top:10px;
}

div#wrapper div#side-bar ul li a:link,
div#wrapper div#side-bar ul li a:visited {
	line-height: 1.2em;
	height: 1%; /*KLUDGE forces IE to see whole block area as a link */
/*	border-bottom: 1px solid #cd793b;
*/	border-top: 1px solid #fff0a5;
	text-decoration: none;
	color: #fff0a5;	
}

div#wrapper div#side-bar ul li a:hover {
	line-height: 1.2em;
	height: 1%; /*KLUDGE forces IE to see whole block area as a link */
/*	border-bottom: 1px solid #ffb03b;
*/	border-top: 1px solid #ffb03b;
	text-decoration: none;
	color: #ffb03b;	
}


/*---------/sidebar-galleries------*/

/*-------footer nav-----------*/	

div#wrapper div#footer {
	background:#CD793B url(images/footer2.gif) no-repeat scroll left top;
	clear:both;
	height:2.4em;
	line-height:2.4em;
	margin:0pt;
	padding:35px 5px 0px;
}

div#footer p span#copyright {
	background:transparent url(images/orn-sm.gif) no-repeat scroll left center;
	display:inline-block;
	float:left;
	height:25px;
	letter-spacing:0.2em;
	line-height:25px;
	text-indent:15px;
	width:400px;
	margin-left:-10px;
}

div#footer p span#copyright a:link,
div#footer p span#copyright a:visited {
	width: 400px;
	line-height: 25px;
	text-indent: 15px;
	letter-spacing: 0.2em;
	height: 25px;
}

div#footer p span#css,
div#footer p span#rss,
div#footer p span#xhtml {
	float: right;
	background: url(images/orn-sm.gif) no-repeat left center;
	line-height: 25px;
	text-indent: 15px;
	width: 100px;
	letter-spacing: 0.2em;
	height: 25px;
}


div#footer p a { 
	color: #8e2800;
	padding: 0 1.1em;
}

div#footer p a:link,
div#footer p a:visited {
	text-decoration: none;
}

div#footer p a:hover,
div#footer p a:focus {
	color: #fff0a5;
}

div#footer p a:active {
	color: #fff0a5;
}

.clear {
	clear:both;
}

/*-------/footer nav-----------*/	

#home-page div#navigation ul li#home a,
#port-page div#navigation ul li#portfolio a,
#cont-page div#navigation ul li#contact a {
	color: #ffb03b;
	cursor: default;
}

body#scharf div#wrapper div#main-content table {
	border-collapse: collapse;
	height:308px;
	width:462px;
	border:0;
	float:left;
}