@charset "UTF-8";
/* CSS Document */

/* PAGE ELEMENT STYLES */

html {
height:100%;
}

body {
background-color:white;
border:0;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Lucida Sans, Lucida Sans Unicode, Lucida Grande, "ＭＳ Ｐゴシック", sans-serif;
margin:0;
padding:0;
text-align:center;
min-height:100%;
height:100%;
}
#outer {
width:1000px;
background-image:url(../images/lifework2.gif);
background-repeat:repeat-y;
margin:0 auto;
padding:0;
height:100%;
min-height:100%;
}
#container {
border:0;
margin:0;
padding:0 0 20px 0;
position:relative;
text-align:left;
width:1000px;
background-image:url(../images/lifework2.gif);
background-repeat:repeat-y;
}
#container2 {
border:0;
margin:0 auto;
padding:0 0 20px 0;
position:relative;
text-align:left;
width:650px;
}
/* logo on most pages */
#logo {
margin: 0 0 0 26px;
padding:33px 0 0 0;
width:722px;
height:47px;
}
/* logo on pop windows */
#logo2 {
margin: 0;
padding:40px 0 0 0;
width:600px;
height:47px;
}
/* logo on products1 pages */
#logo-products1 {
margin: 0 0 0 26px;
padding:10px 0 0 0;
width:722px;
height:47px;
}
/* the flash elements and main images */
.block1 {
width:755px;
margin:11px 0 0 26px;
padding:0;
background-image:url(../images/flashtemp3.gif);
background-repeat:no-repeat;
}

/* the flash elements and main images on products1 page */
.block1-products1 {
background-image:url(../images/flashtemp3.gif);
background-repeat:no-repeat;
margin:3px 0 0 26px;
padding:0;
width:755px;
}
.block1-home {
background-image:url(../images/flashtemp1.gif);
background-repeat:no-repeat;
margin:11px 0 30px 26px;
padding:0;
width:755px;
}
/* thumbnails below block1 on home page */
.block2 {
width:755px;
margin:12px 0 0 26px;
padding:0;
}
/* text and other content */
.block3 {
width:755px;
margin:12px 0 0 26px;
padding:0;
}
/* thumbnails below block3 */
.block4 {
width:755px;
margin-top:12px;
padding:0;
}
.block4 img {
cursor:pointer;cursor:hand;
margin:0 5px;
}
#lifework1 {
position:absolute;
text-align:right;
width:203px;
padding:0;
margin:0;
right:0;
z-index:2;
height:695px;
}

#lifework2 {
position:absolute;
text-align:right;
width:203px;
padding:0;
margin:6px 0 0 0;
right:0;
z-index:2;
height:695px;
}

#lifework1-home {
position:absolute;
text-align:right;
width:200px;
height:800px;
overflow:hidden;
padding:0;
margin:0;
right:3px;
z-index:2;
}

/* primary global navigation */
#navbar1 {
position:absolute;
height:134px;
width:195px;
padding:1px 0 0 0;
margin:95px 0 0 8px;
right:0;
z-index:20;
background-color:white;
}
#navbar1-products1 {
position:absolute;
height:134px;
width:195px;
padding:1px 0 0 0;
margin:7px 0 0 8px;
right:0;
z-index:20;
background-color:white;
}
.NAV1 {
padding:0;
font-size:12px;
margin-top:5px;
margin-bottom:5px;
color:#DA5918;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

.NAV1 a:link, .NAV1 a:visited, .NAV1 a:active {
color:#DA5918;
letter-spacing:1px;
text-decoration:none;
}

.NAV1 a:hover {
color:black;
letter-spacing:1px;
text-decoration:none;
}

.NAV1-current {
padding:0;
font-size:12px;
margin-top:4px;
margin-bottom:4px;
color:black;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

.NAV1-current a:link, .NAV1-current a:visited, .NAV1-current a:active {
color:black;
letter-spacing:1px;
text-decoration:none;
}

.NAV1-current a:hover {
color:black;
letter-spacing:1px;
text-decoration:none;
}
/* secondary navigation i.e. subnavigation */
#navbar2 {
	padding:0 0 0 26px;
	margin:12px 0 0 0;
	background-color:white;
	width: 475px;
}

.NAV2 {
margin:0;
font-size:12px;
padding-right:20px;
color:#8B8178;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

.NAV2 a:link, .NAV2 a:visited, .NAV2 a:active {
color:#8B8178;
letter-spacing:1px;
text-decoration:none;
}

.NAV2 a:hover {
color:#DA5918;
letter-spacing:1px;
text-decoration:none;
}

.NAV2-current {
margin:0;
font-size:12px;
padding-right:20px;
color:#DA5918;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

.NAV2-current a:link, .NAV2-current a:visited, .NAV2-current a:active {
color:#DA5918;
letter-spacing:1px;
text-decoration:none;
}

.NAV2-current a:hover {
color:#DA5918;
letter-spacing:1px;
text-decoration:none;
}

/* focal image on home page */
.content1-2 {
float:right;
margin:0;
padding:10px 110px 0 0;
}

/* content on home and products pages */
.content1 {
color:#8B8178;
font-size:0.70em;
line-height:140%;
margin:0;
padding:0 0 10px 0;
width:350px;
}

.content1 a:link, .content1 a:visited, .content1 a:active {
color:#8B8178;
}

.content1 a:hover {
color:#DA5918;
}

/* content on pop windows and such */
.content2 {
color:#8B8178;
font-size:0.70em;
line-height:140%;
margin:0;
padding:10px;
width:630px;
}

.content2 a:link, .content2 a:visited, .content2 a:active {
color:#8B8178;
}

.content2 a:hover {
color:#DA5918;
}

/* content on other pages */
.content3 {
color:#8B8178;
font-size:0.70em;
line-height:140%;
margin:0;
padding:0;
width:700px;
text-align:left;
}

.content3 a:link, .content3 a:visited, .content3 a:active {
color:#8B8178;
}

.content3 a:hover {
color:#DA5918;
}

/* nested content block */

.content4 {
color:#8B8178;
margin:10px 0 30px 0;
padding:0;
width:500px;
text-align:left;
}

/* position for unordered lists */

.content1 ul, .content2 ul, .content3 ul {
margin:12px 0 0 12px;
padding:0;
list-style-position:outside;
}

/* big image on products1.php */
.mainimage {
position:absolute;
margin:0 0 0 350px;
padding:0;
border:0;
width:370px;
}

/* big image on products2.php */
.mainimage2 {
position:absolute;
margin:0 0 0 380px;
padding:0;
border:0;
width:370px;
}
.mainthumbs {
text-align:center;
padding:0;
margin:3px auto;
width:340px;
}
/* 'learn more about the designer' on products1.php */
.link1 {
	margin:8px 0 0 0;
	padding:0;
	color:#DA5918;
}

.link1 a:link, .link1 a:visited, .link1 a:active {
color:#DA5918;
text-decoration:none;
}

.link1 a:hover {
color:#DA5918;
text-decoration:underline;
}

/* brown link used on various content pages */
.link2 {
margin:0;
padding:0 0 2px 0;
color:#60351D;
text-decoration:underline;
}

.link2 a:link, .link2 a:visited, .link2 a:active {
color:#60351D;
text-decoration:underline;
}

.link2 a:hover {
color:#DA5918;
text-decoration:underline;
}

/* product title and link to product details on products2.php */
.producttitle {
width:370px;
text-align:right;
margin:0;
padding:0;
}

.producttitle a:link, .producttitle a:visited, .producttitle a:active {
font-size:0.7em;
color:#8B8178;
text-decoration:underline;
margin:6px;
}

.producttitle a:hover {
color:#DA5918;
text-decoration:underline;
margin-right:6px
}
/* product title below thumbnails on products2.php */

.producttitle2 {
color:#8B8178;
padding:0;
text-align:center;
font-size:.65em;
line-height:115%;
width:65px;
}

.producttitle3 {
color:#8B8178;
padding:0 12px;
text-align:center;
font-size:.65em;
line-height:115%;
width:100px;
}

#footer {
padding-bottom:10px;
padding-left:26px;			
position: relative;  /* Needed for Safari */
width:974px;
margin:0 auto;
text-align:left;
}
	
#footer p {
color:#8B8178;
padding-bottom: 0;
margin:0;
font-size:.65em;
text-align:left;
font-weight:normal;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#8B8178;
text-decoration:none;
}

#footer a:hover {
color:#DA5918;
text-decoration:none;
text-decoration:underline;
}

form {
margin: 0;
font-size: 1em;
}

input {
padding:0 3px;
color:black;
background-color: #FFF;
border:1px solid #CCC;
height:auto;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Lucida Sans, Lucida Sans Unicode, Lucida Grande, "ＭＳ Ｐゴシック", sans-serif;

}

textarea {
color:black;
padding:0 3px;
background-color: #FFF;
border:1px solid #CCC;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Lucida Sans, Lucida Sans Unicode, Lucida Grande, "ＭＳ Ｐゴシック", sans-serif;
}

select {
color:black;
}

.button {
background-image:url(../images/bg_button.jpg);
border:1px solid #D55C19;
color:black;
cursor:hand;cursor:pointer;
display:block;
font-size:0.85em;
font-weight:normal;
height:auto;
letter-spacing:0.1em;
margin:0;
padding:1px;
text-align:center;
text-transform:uppercase;
text-decoration:none;
width:80px;
}

.button2 {
background-image:url(../images/bg_button.jpg);
border:1px solid #D55C19;
color:black;
cursor:hand;cursor:pointer;
display:block;
font-size:0.85em;
font-weight:normal;
height:auto;
letter-spacing:0.1em;
margin:0;
padding:1px;
text-align:center;
text-transform:uppercase;
text-decoration:none;
width:150px;
}

.button3 {
background-image:url(../images/bg_button.jpg);
border:1px solid #D55C19;
color:black;
cursor:hand;cursor:pointer;
display:block;
font-size:0.75em;
font-weight:normal;
letter-spacing:0.08em;
margin:0;
padding:2px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
vertical-align:middle;
width:160px;
}

.button_small {
background-image:url(../images/bg_button.jpg);
border:1px solid #D55C19;
color:black;
cursor:hand;cursor:pointer;
display:block;
font-family:Arial, sans-serif;
font-size:0.75em;
font-weight:normal;
height:auto;
letter-spacing:.08em;
margin:0 26px 0 18px;
padding:2px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:auto;
}

.button_small2 {
background-image:url(../images/bg_button.jpg);
border:1px solid #D55C19;
color:black;
cursor:hand;cursor:pointer;
display:block;
font-family:Arial, sans-serif;
font-size:0.75em;
font-weight:normal;
height:10px;
letter-spacing:.08em;
margin:0;
padding:2px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:80px;
}

.button_small3 {
background-image:url(../images/bg_button.jpg);
border:1px solid #D55C19;
color:black;
cursor:hand;cursor:pointer;
display:block;
font-family:Arial, sans-serif;
font-size:0.75em;
font-weight:normal;
height:9px;
letter-spacing:.08em;
margin:0;
padding:1px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:50px;
}

.buttonarea {
padding:0;
color:black;
text-align:center;
}

.buttonarea a:link, .buttonarea a:visited, .buttonarea a:hover {
padding:0;
color:black;
text-align:center;
}

.buttonarea a:active {
background-image:url(../images/bg_button2.jpg);
color:black;text-decoration:none;border: 1px solid  #90D0CC;
}
/* slogans rendered in charade */
h1 {
color:black;
font-size:28px;
font-weight:normal;
margin:0;
padding:0;
height:38px;
}
/* page title - product title rendered in gotham */
h2  {
padding:0;
font-size:12px;
margin-top:5px;
margin-bottom:4px;
color:#DA5918;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
font-weight:normal;
height:20px;
}
/* product title on products2.php rendered in gotham */
h3 {
padding:0;
font-size:12px;
margin:0;
color:#DA5918;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
font-weight:normal;
height:16px;
}
/* page title in admin area */
h4 {
font-size:1.35em;
font-weight:normal;
line-height:130%;
margin:0 0 20px 0;
padding:0;
}

h4 b {
color:#DA5918;
padding-bottom:1px;
font-weight:normal;
}

/* orange title case within content areas rendered in gotham */
h5  {
padding:0;
font-size:12px;
margin:0;
color:#DA5918;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
font-weight:normal;
}
/* gray title case within content areas rendered in gotham */
h6  {
padding:0;
font-size:12px;
margin:0;
color:#8B8178;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
font-weight:normal;
}

.listitem {
margin:30px 0 0 0;
padding:0;
}

.listitem2 {
margin:10px 0 0 0;
padding:0;
}

.listitem3 {
margin:10px 0;
padding:10px;
border: 1px solid #EFEFEF;
}

/* padding in nested tables on downloads.php */
.listitem td td {
padding-right:12px;
}

.indent1 {
position:absolute;
margin:0 0 0 350px;
}

.indent2 {
position:absolute;
margin:0 0 0 240px;
}

.tablespace {
padding-left:50px;
}

.floatleft {
float:left;
}

.floatright {
float:right;
}

.noborder {
border:none;
}

.bold {
font-weight:bold;
}

.black {
color:black;
}

.black a:link, .black a:visited, .black a:active {
color:black;
text-decoration:underline;
}

.black a:hover {
color:#DA5918;
text-decoration:underline;
}

.small {
font-size:.8em;
}

/* ADMIN STYLES */

#admin_background {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Lucida Sans, Lucida Sans Unicode, Lucida Grande, "ＭＳ Ｐゴシック", sans-serif;
background-color: #EFF4F3;
border:0;
text-align:center;
font-size:.8em;
color:black;
margin:0;
padding:0 0 20px 0;
}


#admin_container {
width:785px;
text-align:left;
position:relative;
background-image:url(../admin/images/admin_container.jpg);
background-repeat:repeat-y;
color:black;
margin:0 auto;
padding:0;
}

#admin_header {
width:785px;
height:97px;
border:0;
background-image:url(../admin/images/admin_header.jpg);
background-repeat:no-repeat;
text-align:left;
margin:0;
padding:0;
}

#admin_navbar {
background-color:transparent;
width:183px;
text-align:left;
margin:0;
padding:16px;
}

.admin_nav {
font-size:1em;
font-weight:normal;
letter-spacing:1px;
line-height:180%;
}
.admin_nav a:link, .admin_nav a:visited, .admin_nav a:active {
color:black;
text-decoration:none;
}
.admin_nav a:hover {
color:#D55C19;
text-decoration:none;
}
.admin_managetabs {
font-size:1em;
color:#D55C19;
}

#admin_whitepullout {
width:215px;
background-image:url(../admin/images/whitepullout_3.gif);
background-repeat:repeat-y;
margin:0;
padding:0;
}

#admin_homecontent {
width:745px;
background-color:transparent;
margin:0;
padding:20px;
}

#admin_maincontent {
width:500px;
text-align:left;
background-color:transparent;
margin:0;
padding:20px 0 0 10px;
}

#admin_maincontent a:link,#admin_maincontent a:visited ,#admin_maincontent a:active {
color:black;
text-decoration:none;
}

#admin_maincontent input,#admin_maincontent textarea,#admin_maincontent select {
font-size:1em;
}

#admin_header span {
display:none;
}