/* All associated graphics copyright 2007, Paul Vincent Farrell, endlessness.org */

/* IMPORTANT */

/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

/* layout */

body { background: #ffffff; padding: 0; margin: 0; border: none; font-size: 11px; line-height: 133%; font-family: Helvetica, Arial, Verdana, sans-serif; text-align: center; }

#thecontainer { position: relative; width: 750px; background: #ffffff; padding: 0 0; border: 0px double #7d6340; margin: auto; voice-family: "\"}\""; voice-family:inherit; z-index: 2;}
html>body #thecontainer { width: 750px;} 

#footer { display: block; position: fixed; left: 0px; bottom: 5px; padding: 2px 3px; border: solid #444444; border-width: 1px 1px 1px 0px; background: #ffffff;}
* html #footer {position:absolute;}  /* EXTRA */

#credit { display: block; position: fixed; right: 0px; bottom: 5px; padding: 2px 3px; border: solid #444444; border-width: 1px 0px 1px 1px; background: #ffffff;}
* html #credit {position:absolute;}  /* EXTRA */

/* general page layout */

#headarea { position: absolute; top: 5px; left: 0px; width: 800px; height: 50px; background: #ffffff;}

.hlinet { position: absolute; top: 55px; left: 0px; vertical-align: middle; border: solid #aa6666; border-width: 1px 0px 0px 0px; padding: 0;}

.hlineb { position: absolute; top: 430px; left: 0px; vertical-align: middle; border: solid #aa6666; border-width: 0px 0px 1px 0px; padding: 0;}

#pagecontent { position: absolute; top: 60px; left: 0px; width: 750px; background: #ffffff;}

#frontcontent { position: absolute; top: 56px; left: 0px; width: 750px; background: #ffffff;}

#pagecol1full { position: absolute; top: 0px; left: 0px; width: 365px;}
#pagecol2full { position: absolute; top: 0px; left: 385px; width: 365px;}


#striparea { position: absolute; top: 0px; left: 10px; width: 400px; height: 365px;}

.strip { float:left; width: 21px; height: 365px;}
.striphead { float:left; width: 16px; height: 365px;}

#textarea { position: absolute; top: 0px; left: 420px; width: 330px; height: 365px;}

/* image page layout */

#imgheadarea { position: absolute; top: 5px; left: 0px; width: 800px; height: 40px; background: #ffffff;}

.imghlinet { position: absolute; top: 40px; left: 0px; vertical-align: middle; border: solid #aa6666; border-width: 1px 0px 0px 0px; padding: 0;}
.imghlineb { position: absolute; top: 570px; left: 0px; vertical-align: middle; border: solid #aa6666; border-width: 0px 0px 1px 0px; padding: 0;}

#imgcontent { position: absolute; top: 55px; left: 0px; background: #ffffff;}

#imgstriparea { position: absolute; top: 55px; left: 0px; width: 2000px; height: 500px;}

.imgstrip { float:left; height: 500px;}


/* link elements */

a { text-decoration: none; border: 0px;}

a img { text-decoration: none; border: 0px;}

a:link { font-weight: 600; color: #aa8888; border: 0px; text-decoration: none}
a:visited { font-weight: 600; color: #dbb9b7; text-decoration: none}
a:hover { font-weight: 600; color: #bb6666; text-decoration: none}

h1 { text-align: center; padding: 0 0 0 0; margin: 0;}

/* text */

.contentnormal { font-weight: 400; font-size: 11px; color: #5f727e; line-height: 140%; letter-spacing: 0px; font-family: trebuchet, verdana, arial, helvetica, sans-serif; text-transform: uppercase; padding:0px 0px 0px 0px; text-align: left;}

.contentimgtext { font-weight: 400; font-size: 11px; color: #5f727e; line-height: 140%; letter-spacing: 0px; font-family: trebuchet, verdana, arial, helvetica, sans-serif; text-transform: uppercase; padding:0px 0px 0px 0px; text-align: left;}

.contentnormal a { font-weight: 600; color: #806050; border: 0px; text-decoration: none;}
.contentnormal a:visited { font-weight: 600; color: #806050; text-decoration: none;}
.contentnormal a:hover, a:visited:hover { font-weight: 600; color: #bb6666; text-decoration: none;}

.contentimgtext a { font-weight: 400; font-size: 9px; color: #806050; border: 0px; text-decoration: none;}
.contentimgtext a:visited { font-weight: 400; color: #806050; text-decoration: none;}
.contentimgtext a:hover, a:visited:hover { font-weight: 400; color: #bb6666; text-decoration: none;}

.inlinelink a { color: #886666; border: 0px; text-decoration: none;}
.inlinelink a:visited { color: #886666; text-decoration: none;}
.inlinelink a:hover, a:visited:hover { font-weight: 600; color: #884444; text-decoration: none;}

.footertext { color: #6688aa; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; text-decoration: none; line-height: 97%;}
.credittext { color: #666666; font-size: 9px; font-family: Helvetica, Arial, Verdana, sans-serif; font-style: normal; font-weight: normal; text-transform: uppercase; text-decoration: none; line-height: 97%; }

.credittext a {  color: #667799; text-transform: uppercase; text-decoration: none; }
.credittext a:hover { color: #999999; text-decoration: none; }

.logotext { font-size: 11px; font-weight: bold; color: #999999; }

.text9 { font-size: 9px;  line-height: 140%;}
.text10 { font-size: 10px;  line-height: 140%;}
.text11 { font-size: 11px;  line-height: 140%;}
.text12 { font-size: 12px;  line-height: 140%;}
.text13 { font-size: 13px;  line-height: 140%;}
.text15 { font-size: 15px;  line-height: 140%;}
.text20 { font-size: 20px;  line-height: 140%;}
.uppertext { text-transform: uppercase; }

.boldit { font-weight: bold; }
.tabit { padding:0px 0px 0px 40px; }
.clearit { clear: both; }

.righttext { float: right; text-align: right; display: inline; /*fixes IE float bug*/ }