/*##################################
  # Designed by Mary Fisher Design #
  #                                #
  # www.maryfisherdesign.com       #
  # (c) 2008 Copyright             #
  ##################################*/

/* LAYOUT */


body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000000;
	background-image: url(../images/subtopbg.gif);
	background-color: #F1F0E9;
	background-repeat: repeat-x;
	background-position: left top;
}

#topback {
	background-image: url(../images/subtop.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}

#wrap {
	width: 845px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

	
}
#wrap #header {
	height: 123px;
}


#logo {
	position:absolute;
	left:0px;
	top:20px;
	width:439px;
	height:101px;
	z-index:20;
}

#flash {
	position:absolute;
	left:306px;
	top:0px;
	width:559px;
	height:230px;
	z-index:20;
}




/*home page overrideeeess*/

body#homepage 
{
	background-image: url(../images/bgcontainer.jpg);

}

body#homepage #topback {
	background-image: url(../images/back1.jpg);
}

body#homepage #wrap #header {
	height: 231px;
}

body#homepage #logo {
	position:absolute;
	left:0px;
	top:67px;
	width:299px;
	height:97px;
	z-index:20;
}






#content {
	background-repeat: no-repeat;
	background-position: center top;
	width: 783px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/back2.jpg);
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 50px;
	padding-left: 50px;
}
#content #left {
	width: 520px;
	float: left;
}


body#shop #left {

	width: 780px;



}

body#shop #content  {

	height: 350px;

}

#content #left h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: bold;
}
#content #right {
	width: 190px;
	margin-left: 555px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
	padding-left: 30px;
}
#content #right h3 {
	border-top-width: 4px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #C30000;
	border-bottom-color: #520100;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#content #left p {
	margin-bottom: 10px;
	line-height: 1.8em;
}
#address {
	
	margin-top: 20px;
	padding: 10px;
	background-image: url(../images/addressback.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #D3CFBE;
}
#addresstext {
	width: 845px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.7em;
	font-size: 95%;
}
.notice {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
}
.bookavailable {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #C9C5B0;
	padding-bottom: 2px;
}
#scmibook {
	float: left;
	margin-right: 10px;
}
#mary {
	color: #333333;
	margin-top: 10px;
	font-size: 90%;
}
#mary a {
	color: #333333;
}
#mary a:hover {
	color: #990000;
	background-color: #D3CFBE;
}

/* HEADERS */

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #990000;
	margin-bottom: 15px;

}

h2 {
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 110%!important;
	line-height: 20px;
	
}


h3 {

}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	
}

h5 {
	
}

h6 {
	
}








/* LINKS */

a {
	margin: 0px;
	padding: 0px;
	color: #CC0000;
}

	


a:hover
{
	color: #FFFFFF;
	background-color: #990000;
	text-decoration: none;
	
}




/* NAV */
#nav {
	line-height: 1;
	z-index: 9998;
	height: 54px;
	width: 845px;

}

#nav a {
	background: url(../images/nav.gif) no-repeat 0 0;
	display: block;
	height: 54px;
	text-indent: -999em;
	overflow: hidden;
}



#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
	/*--- Default ---*/
	#butt1 a { background-position: 0 0; width: 76px; }
	#butt2 a { background-position: -76px 0; width: 190px; }
	#butt3 a { background-position: -266px 0; width: 141px; }
	#butt4 a { background-position: -407px 0; width: 91px; }
	#butt5 a { background-position: -498px 0; width: 103px; }
	#butt6 a { background-position: -601px 0; width: 127px; }
	#butt7 a { background-position: -728px 0; width: 117px; }

	/*--- Hovering ---*/
	#butt1 a:hover { background-position: 0 -108px; width: 76px; }
	#butt2 a:hover { background-position: -76px -108px; width: 190px; }
	#butt3 a:hover { background-position: -266px -108px; width: 141px; }
	#butt4 a:hover { background-position: -407px -108px; width: 91px; }
	#butt5 a:hover { background-position: -498px -108px; width: 103px; }
	#butt6 a:hover { background-position: -601px -108px; width: 127px; }
	#butt7 a:hover { background-position: -728px -108px; width: 117px; }
	
	
	/*--- Active state with body tag / doesn't work with dropmenu ---*/	
	body#homepage #butt1 a { background-position: 0 -54px; width: 76px;  }
	body#model #butt2 a { background-position: -76px -54px; width: 190px; }
	body#bookpage #butt3 a { background-position: -266px -54px; width: 141px; }
	body#training #butt4 a { background-position: -407px -54px; width: 91px; }
	body#services #butt5 a { background-position: -498px -54px; width: 103px; }
	body#authors #butt6 a { background-position: -601px -54px; width: 127px; }
	body#contact #butt7 a { background-position: -728px -54px; width: 117px; }
	
	body#shop #butt3 a { background-position: -266px -54px; width: 141px; }


	/*--- Active state ---
	#nav li.active a { background-position: 0 -110px; }*/

/*LOGIN NAV */

#loginnav {
	position:absolute;
	left:550px;
	top:0px;
	width:250px;
	height:20px;
	z-index:30;
	background-color: #330000;
	padding-top: 10px;
	padding-left: 5px;
	
}

body#homepage #loginnav {
	position:absolute;
	left:0px;
	top:0px;
	width:250px;
	height:20px;
	z-index:30;
	background-color: #330000;
	padding-top: 10px;
	padding-left: 5px;
	
}



#loginnav a {
	height: 30px;
	overflow: hidden;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 85%;
	padding-top: 3px;
	padding-bottom: 3px;
	
}



#loginnav li {
	float: left;
	position: relative;
}
* html #loginnav li * { position: relative; }
#loginnav li, #loginnav ul { margin: 0; padding: 0; }
	
	/*--- Default ---*/
	#spanish a {
	background-position: 0px 3px;
	background-image: url(../images/spain-flag.gif);
	padding-left: 20px;
	padding-right: 10px;
	background-repeat: no-repeat;
	margin-left: 5px;
}
	#english a {
	background-position: 0px 3px;
	background-image: url(../images/english-flag.gif);
	padding-left: 20px;
	padding-right: 10px;
	background-repeat: no-repeat;
	margin-left: 5px;
	
}
	#chinese a {
	background-position: 0px 3px;
	background-image: url(../images/china-message.gif);
	background-repeat: no-repeat;
	padding-left: 55px;
	padding-right: 5px;
	
}
	#login a {
	background-position: 0px 3px;
	background-image: url(../images/lock.gif);
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-left: 20px;
}


#loginnav a:hover {
	background-color:#330000;
	color: #CC6600;
	text-decoration: underline;


}

#chinese a:hover {
	text-decoration: none;
	
	
}




/* SUBNAV */

#submenu {
	height: 32px;
	
	}

#submenu li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#submenu a:link, #submenu a:visited {
	float: left;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	padding-right: 15px;
	padding-top: 4px;
	padding-left: 15px;
	font-weight: bold;
	padding-bottom: 15px;
	}

#submenu a:link.active, #submenu a:visited.active, #submenu a:hover {
	background-color: #F1F1E8;
	text-decoration: underline;
	}
	

#submenu li.subactive a {
	background-image: url(../images/submenu-on.gif);
	background-position: center top;
	background-color: #F1F1E8;
	background-repeat: no-repeat;
	text-decoration: none;
}

/* SUBNAV */

#submenu2lines {
	height: 64px;
	
	}

#submenu2lines li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#submenu2lines a:link, #submenu2lines a:visited {
	float: left;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	padding-right: 15px;
	padding-top: 4px;
	padding-left: 15px;
	font-weight: bold;
	padding-bottom: 15px;
	}

#submenu2lines a:link.active, #submenu2lines a:visited.active, #submenu2lines a:hover {
	background-color: #F1F1E8;
	text-decoration: underline;
	}
	

#submenu2lines li.subactive a {
	background-image: url(../images/submenu-on-large.gif);
	background-position: center bottom;
	background-color: #F1F1E8;
	background-repeat: no-repeat;
	text-decoration: none;
}


/* form */
#request label
{
	width: 5.5em;
	float: left;
	text-align: right;
	margin-right: 0.5em
	display: block;
	margin-right: 10px;
}
#request p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#request  #submit 
{
	margin-left: 80px;
	padding: 2px;
} 
#request input
{
	color: #000000;
	border: 1px solid #666666;
}


#request fieldset
{
	margin-top: 30px;
	background-color: #D3CFBE;
	padding: 10px;
}

#request legend
{
	padding: 2px 6px;
	color: #CC0000;
	font-weight: bold;
}
#request textarea {
	color: #000000;
	border: 1px solid #F1C876;
}
#request #info {
	text-align: right;
	margin-right: 0.5em
	display: block;
	margin-left: 50px;
	margin-right: 10px;

}






.imageright {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}
.image {
	border: 1px solid #666666;
	margin-bottom: 10px;
}
#content #right li {
	list-style-type: decimal;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 5px;
	margin-left: 20px;
}
#content #right a {
	color: #000000;
}
#content #right a:hover {
	color: #CC0000;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
}
.testimonial {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-style: italic;
	color: #990000;
	line-height: 18px;
}
.testimonialsign {
	margin-top: 5px;
	text-align: right;
	font-size: 85%;
}
.strikethru {
	text-decoration: line-through;
}
.redcopy {
	color: #CC0000;
}
.authorname {
	font-weight: bold;
	color: #CC0000;
}
.quote {
	color: #333333;
	float: right;
	width: 200px;
	border-top-width: 4px;
	border-bottom-width: 2px;
	border-top-style: double;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 22px!important;
	font-style: italic;
}
.lefth3 {
	border-top-width: 4px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #C30000;
	border-bottom-color: #520100;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#tableright {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.booktitle {
	margin-bottom: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
	padding-top: 5px;
	padding-left: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	font-weight: bold;
	line-height: 18px!important;
}

