/*  
Originally created by Juxtaprose, (c) copyright 2009
http://juxtaprose.com/
*/

body {
	background: #525253; 
	color: #000;
	margin: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 80%;
	text-align: center;	
}

html {
	overflow-y: scroll;
}

/* centering and framing */
#wrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	width: 980px;
	background: #fff;
	border-top: 5px solid #373737;
	text-align: left;	
}

/* masthead */
#masthead {
	position: relative;
	width: 100%;
	height: 154px;
	background-image: url("images/mastgrade.jpg");
	background-repeat: no-repeat;
	background-position: 459px 0px;	
	text-align: center;		
}

#masthead h1 {
	position: absolute;
	top: 25px;
	left: 45px;
	margin: 0;
	padding: 0;
}

#masthead h1 a span {
	display: none;
}

/* primary navigation (nav1) */
#nav1 {
	position: absolute;
	top: 122px;
	left: 676px;
	width: 303px;
	height: 32px; 
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fcecad;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;	
}

#nav1 li {
	float: left;
	display: inline; /* for ie6 only */	
}

#nav1 a {
	display: block;
	width: 94px;
	height: 23px;
	padding-top: 9px;
	color: #000;
	font-size: 1.05em;
	text-decoration: none;
	text-transform: uppercase;
}

#nav1 a:hover {
	text-decoration: underline;
}

.home #nav1_home, .about #nav1_about, .support #nav1_support,
.purchase #nav1_purchase, .contact #nav1_contact {
	color: #067981;
}

/* filmstrip navigation (nav2) */
#filmstrip {
	width: 100%;
	height: 168px;
	background: #1f1f1f;
	background-image: url("images/our-films.gif");
	background-repeat: no-repeat;
	background-position: 1px 1px;		
	border-top: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;	
	text-align: center;		
}

#nav2 {
	position: relative;
	width: 953px;
	height: 168px;	
	margin: 0 0 0 33px;
	padding: 0;	
	list-style: none;
}

#nav2 li {
	float: left;
	width: 92px;
	height: 145px;
	margin: 1px 13px;
}

#nav2 a {
	display: block;
	width: 92px;
	height: 145px;
	color: #fff;
	font-size: 0.78em;
	line-height: 1.4em;
	text-decoration: none;
	text-transform: uppercase;	
}

#nav2 a img {
	display: block;
	width: 84px;
	height: 100px;
	margin: 17px 0 4px 0;
	border: 4px solid #fff;
}

#nav2 a:hover, .all #nav2_all, .closets #nav2_closets, .colores #nav2_colores, .lesbian #nav2_lesbian, .no #nav2_no, .out #nav2_out, .radical #nav2_radical, .straight #nav2_straight, .training #nav2_training, .unlearning #nav2_unlearning {
	color: #edd46e;
}

#nav2 a:hover img, .all #nav2_all img, .closets #nav2_closets img, .colores #nav2_colores img, .lesbian #nav2_lesbian img, .no #nav2_no img, .out #nav2_out img, .radical #nav2_radical img, .straight #nav2_straight img, .training #nav2_training img, .unlearning #nav2_unlearning img {
	border-color: #edd46e;
}

/* main content text and inline elements */
#main {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto; /* ie6-only */
    min-height: 400px;
    width: 550px;
    padding-left: 20px;
    text-align: left;
}

.home #main {
    min-height: 750px;  /* ie6-only */
}

.closets #main {
	min-height: 710px;
	height: 710px;  /* ie6-only */	
}

.contact #main {
	min-height: 510px;
	height: 510px;  /* ie6-only */	
}

.colores #main {
	min-height: 1480px;
	height: 1480px;  /* ie6-only */	
}

.lesbian #main {
	min-height: 720px;
	height: 720px;  /* ie6-only */	
}

/*.no #main {
	min-height: 1800px;
	height: 1800px; / * ie6-only * /	
}*/	

.out #main {
    min-height: 1380px;  /* ie6-only */
}

.longpg #main {
    min-height: 1580px;  /* ie6-only */
}

.medpg #main {
	min-height: 1080px;
	height: 1080px;  /* ie6-only */	
}

html>body #main {
}

#main h2, #main h3 {	
	color: #077078;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0;	
	font-weight: normal;	
}

#main h2 {
	font-size: 1.6em;
	text-transform: uppercase;
}

#main h3 {	
	font-size: 1.5em;
}

#main h4 {
	font-size: 1.3em;
	font-weight: normal;
}

#main p, #main ul, #main ol {
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.5em;
}

#main a {
	color: #522675;
}

#main a:hover {
	background: #522675;
	color: #fff;
}	

#main .action {
	text-transform: uppercase;
}


/* convenience classes */

.notopmar {
	margin-top: 0px;
	padding-top: 0px;
}

.nobottommar {
	margin-bottom: 0px;
}

.extratopmar {
	margin-top: 40px;
}

.caption {
	text-align: right;
	font-size: .9em;
	color: #a7a7a7;
}

.selector {
	font-size: .8em !important;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}

.reference {
	font-size: 0.95em !important;
}

.reference li {
	margin-bottom: 0.35em;
}

.smallish {
	font-size: 0.8em !important;
}

/* sidebar structural elements */
#sidebar {
    position: absolute;
    top: 40px;
    left: 679px;
    width: 225px;
    height: 3px;
}

.boximg {
	text-align: center;
	padding: 20px 0;
	margin-bottom: 0;
}

.boxgray { background: #ddd; }

.boxred { background: #b7312b; }

.boxorange { background: #e5af40; }

.box1, .box2, .box3, .boximg { margin-bottom: 25px; }

.box1 { background: #e2e2e2; }

.box2 { background: #fdf7de; }

.box3 { background: #2b8c93;
		color: #fff;
}

.boxcontent { margin: 10px 10px 10px 20px; }

.box1 .boxtop div {
   background: url("images/box1_tl.png") no-repeat top left;
}
.box1 .boxtop {
   background: url("images/box1_tr.png") no-repeat top right;
}
.box1 .boxbottom div {
   background: url("images/box1_bl.png") no-repeat bottom left;
}
.box1 .boxbottom {
   background: url("images/box1_br.png") no-repeat bottom right;
}

.box2 .boxtop div {
   background: url("images/box2_tl.png") no-repeat top left;
}
.box2 .boxtop {
   background: url("images/box2_tr.png") no-repeat top right;
}
.box2 .boxbottom div {
   background: url("images/box2_bl.png") no-repeat bottom left;
}
.box2 .boxbottom {
   background: url("images/box2_br.png") no-repeat bottom right;
}

.box3 .boxtop div {
   background: url("images/box3_tl.png") no-repeat top left;
}
.box3 .boxtop {
   background: url("images/box3_tr.png") no-repeat top right;
}
.box3 .boxbottom div {
   background: url("images/box3_bl.png") no-repeat bottom left;
}
.box3 .boxbottom {
   background: url("images/box3_br.png") no-repeat bottom right;
}

.boxtop div, .boxtop, .boxbottom div, .boxbottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

/* sidebar text and inline elements */
#sidebar h3 {
	margin: 0;	
	font-size: 1.5em;
}

#sidebar a.white {
	color: #fff;
}

#sidebar a.whitelrg {
	color: #fff;
	font-size: 1.2em;
}

#sidebar h2 {
	color: #077078;
	margin-top: 5px;
	margin-bottom: 10px;
}

#sidebar h3.gold {
	color: #d6b432;
}

#sidebar h3.lightturq {
	color: #d1e4e7;
}

#sidebar h3 img {
	float: right;
	margin-left: 20px;
}

#sidebar h4 {
	color: #077078;
	font-size: 1.3em;
	font-weight: normal;
}

#sidebar p {
	margin-top: 5px;
	font-size: 0.95em;
	line-height: 1.6em;
}

.stillquotes {
	font-family: times new roman;
	margin-top: 40px;
	margin-left: 10px;
	margin-bottom: 30px;
}

.home .stillquotes {
	height: 230px;
}

.stillquotes blockquote {
	font-size: 1.8em;
	line-height: 2em;
	margin: 0;
	padding: 0;
	color: #6ca8b0;
}

.stillquotes a {
	color: #6ca8b0;
}

.stillquotes a:hover {
	color: #fff;
	background: #6ca8b0;
}

.home .quotation {
	height: 280px;
}

.quotation blockquote {
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: normal;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0
	padding: 0;
	color: #6ca8b0;
}

.quobyline {
	margin: 0 10px 0 0;
	color: #6ca8b0;	
	font-size: 0.6em;
	line-height: 1.3em;
	text-align: right;		
}

.quotation a {
	color: #6ca8b0;
}

.quotation a:hover {
	color: #fff;
	background: #6ca8b0;
}

.action {
	text-transform: uppercase;
}

/* rotation quotes */
.quotation blockquote {
	display: none;
}

.quotation blockquote.default {
	display: inline;
}

p.ext {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.box1 .ext {
	background-image: url("images/ext-link-gray.gif");
}

.box2 .ext {
	background-image: url("images/ext-link-yellow.gif");
}

/* purchase page */
.videocover {
	float: left;
	padding-bottom: 35px;
	margin-right: 40px;
}

.clr {
	clear: both;
	padding-top: 25px;
	border-top: 1px dotted #3C3C3C;
}

#twocol h3 {
	margin-top: 0px;
}

#twocol .colone {
	float: left;
}

#twocol .coltwo {
	float: left;
	margin-left: 50px;
}

.paylogo {
	clear: both;
	text-align: center !important;
}

.moreinfo {
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 0.85em !important;
}

.callout {
	border: 2px dotted #6da8b0;
	background: #d7e7ea;
	padding: 0 10px 10px 10px;
}

/* footer */
#footer {	
	width: 100%;
	height: 19px;
	margin-top: 30px;
	padding-top: 6px;
	background: #1f1f1f;
	color: #fff;
	font-size: 0.85em;	
	text-align: left;
}


#footer p {
	float: left;
	display: inline; /* for ie6 only */		
	width: 182px;
	margin-top: 0px;
	margin-left: 30px;
}

#footer div {
	float: left;
	display: inline; /* for ie6 only */	
	width: 512px;
}

#footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer li {
	display: block;
	float: left;
	margin-left: 3px;	
}

#footer a {
	color: #fff;
	text-decoration: none;	
}

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

#footer p a {
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
}

/* Footer: Juxtaprose link */
#footer p.juxta {
	float: left;
	display: inline; /* for ie6 only */	
	width: 200px;
	text-align: right;
}

#footer p.juxta a {
	color: #999;
}

#footer p.juxta span {
	font-style: italic;
}