body {
	margin: 0;
	padding: 50px 0 0 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	color: #444;
	text-align: center;
	background-color:#CCCCCC
	}
	
html {
height: 100.1%;
}


/*colors*/

.green {
	color: #93c634;
}
.yellow {
	color: #f4db0c;
}
.blue {
	color: #374194;
}
.red {
	color: #ff3300;
}
.aqua {
	color: #34abbe;
}


/*typography*/

a {
	text-decoration: none;
	font-weight: bold;
	color: #575757;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
	
h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	}

h2 {
	font-size: 1.3em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h3 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

p {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	}
	
img {
	border: 0
	}


 /* wrapper */
 
div#wrapper {
	width: 800px ;
	text-align:left;
	margin: 0 auto;
	background-color:#FFFFFF
}


 /* branding */
 
div#branding {
	background-color: #ebebeb;
	padding: 0 0 20px 86px;
	position:relative;
}

div#branding h1 {
	width : 340px;
	height: 100px;
	margin : 0 0 0 50px;
	padding : 0;
	background: url(images/logos/det_logo.png) no-repeat;
	text-indent: -9999px;
}

div#dvdoffer {
	position:absolute;
	width: 150px;
	left: 600px;
	top: -50px;
	z-index:100;
}

div#branding br { clear: both; }

 /* main navigation bar */
 
div#navigation_main {
	background-color: #ebebeb;
	margin: 0;
	padding: 0;
	width: 714px;
}
 
div#navigation_main ul{ 
	list-style-type : none; 
	margin : 0; 
	padding : 0; 
	border: none;
}

div#navigation_main ul a {
	display : block;
	text-decoration : none;
	color: #444;
	width: auto;
	background: #ddd;
	margin: 0;
	font-size:10px;
	padding: 2px 10px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	text-transform: lowercase;
}

div#navigation_main li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
}
div#navigation_main li#nav1 a:link, div#navigation_main li#nav1 a:visited { background: #ddd;}
div#navigation_main li#nav1 a:hover, div#navigation_main li#nav1 a:active { background: #aaa; }
div#navigation_main li#nav2 a:link, div#navigation_main li#nav2 a:visited { background: #34abbe; color:#fff;}
div#navigation_main li#nav2 a:hover, div#navigation_main li#nav2 a:active { background: #aaa; color: #458598;}
div#navigation_main li#nav3 a:link, div#navigation_main li#nav3 a:visited { background: #ff3300; color:#fff;}
div#navigation_main li#nav3 a:hover, div#navigation_main li#nav3 a:active { background: #aaa; color:#ca5c2b;}
div#navigation_main li#nav4 a:link, div#navigation_main li#nav4 a:visited { background: #93c634; color:#fff;}
div#navigation_main li#nav4 a:hover, div#navigation_main li#nav4 a:active { background: #aaa; color:#607520;}
div#navigation_main li#nav5 a:link, div#navigation_main li#nav5 a:visited { background: #374194; color:#fff;}
div#navigation_main li#nav5 a:hover, div#navigation_main li#nav5 a:active { background: #aaa; color:#434378;}
div#navigation_main li#nav6 a:link, div#navigation_main li#nav6 a:visited { background: #edda36; }
div#navigation_main li#nav6 a:hover, div#navigation_main li#nav6 a:active { background: #aaa; color:#F2E66F;}
div#navigation_main li#nav7 a:link, div#navigation_main li#nav7 a:visited { background: #edda36; }
div#navigation_main li#nav7 a:hover, div#navigation_main li#nav7 a:active { background: #aaa; color:#F2E66F;}
div#navigation_main li#nav8 a:link, div#navigation_main li#nav8 a:visited { background: #edda36; }
div#navigation_main li#nav8 a:hover, div#navigation_main li#nav8 a:active { background: #aaa; color:#F2E66F;}
div#navigation_main li#nav9 a:link, div#navigation_main li#nav9 a:visited { background: #93c634; color:#fff;}
div#navigation_main li#nav9 a:hover, div#navigation_main li#nav9 a:active { background: #aaa; color:#607520;}


 /* content */
 
div#content {
	width: 100%; 
	background-color:#FFFFFF;
	overflow:auto;
}

div#content_main {
	width:75%;
	padding: 1em;
	float: right;
}

div#content_subnav {
	width:140px;
	height: 500px;
	float:left;
	background:url(images/subnav_bg_grad.png) repeat-x;
}


 /* sub navigation bar */

#content_subnav ul{
	text-transform: lowercase;
	list-style-type: none;
	text-align: right;
	padding: 0px;
	margin-left: 20px;
	margin-top: 20px;
}

#what ul {
	margin-top: 10px;
}

#content_subnav  li {
	margin-bottom: 10px;
	font-size: 0.9em;
}

#content_subnav  a {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #fff;
	border-bottom-color: #9A9CA6;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eee;
	display: block;
	min-height: 30px;
	font-weight: normal;
	background-image: url(images/Button-Gradient-BG.png);
	background-repeat: repeat-x;
	padding: 0 5px 0 0;
}

#content_subnav  a:hover {
	color: #666;
	border-top-color: #9A9CA6;
	border-bottom-color: #eee;
	border-left-color: #9A9CA6;
	margin: 1px;
	text-decoration: none;
}

#who {
	background-image: url(images/subnav_red.png);
	height: 400px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: right top;
}

#what {
	background-image: url(images/subnav_blue.png);
	height: 400px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: right top;
}

#how {
	background-image: url(images/subnav_green.png);
	height: 400px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: right top;
}

#learn {
	background-image: url(images/subnav_purple.png);
	height: 400px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: right top;
}

#blank {
	background-image: url(images/subnav_gray.png);
	height: 400px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: right top;
}

#yellow {
	background-image: url(images/subnav_yellow.png);
	height: 400px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: right top;
}



 /* showlogos */

div#showlogos {
	border-right: thin #000000;
	width:180px;
	float:right;
	margin: 0 0 0 20px;
}

div#showlogos ul {
list-style-type : none;
padding: 0;
margin: 0 
}

div#showlogos li a {
	padding: 0;
	display : block;
	height : 80px;
	text-indent : -9999px;
	text-decoration : none;
}

li#yd {background : url(images/logos/yellowdress.png) no-repeat; }
li#rc {background : url(images/logos/remotecontrol.png) no-repeat; }
li#gc {background : url(images/logos/girlchat.png) no-repeat; }
li#drt {background : url(images/logos/dointherightthing.png) no-repeat; }
li#as {background : url(images/logos/allstarz.png) no-repeat; }
li#tw {background : url(images/logos/trainingworkshop.png) no-repeat; }
li#psr {background : url(images/logos/purchase.png) no-repeat; }
li#su {background : url(images/stepupblue.jpg) no-repeat; }

li#yd-icon {
	background : url(images/logos/yellowdress-icon.png) no-repeat 4px 4px;	
	text-indent: 30px; 
}
li#rc-icon {
	background : url(images/logos/remotecontrol-icon.png) no-repeat 4px 4px;
	text-indent: 30px; 
}
li#gc-icon {
	background : url(images/logos/girlchat-icon.png) no-repeat 4px 4px;
	text-indent: 30px; 
}
li#drt-icon {
	background : url(images/logos/dointherightthing-icon.png) no-repeat 4px 4px;
	text-indent: 30px;
}
li#as-icon {
	background : url(images/logos/allstarz-icon.png) no-repeat 4px 4px; 
}
li#su-icon {
	background : url(images/stepupblue.jpg) no-repeat 4px 4px;
}


 /* pullquotes, slideshows, video */

div#pullquote {
margin:10px;
padding: 5px;
border-right: thin #000000;
width:190px;
float:right;
background-color: #EAEAEA;
border: 1px solid #D5D5D5;
position: relative;
}

div#pullquote img{
padding: 10px;
}

div#pullquote_show{
margin:10px;
padding: 5px;
border-right: thin #000000;
width:240px;
float:right;
background-color: #EAEAEA;
border: 1px solid #D5D5D5;
position: relative;
}

div#pullquote_show img{
padding: 10px;
}

#slideshow {
	background-color: #EAEAEA;
	border: 1px solid #D5D5D5;
	padding: 5px;
	width: 300px;
	margin-bottom: 20px;
	float: right;
	margin-left: 20px;
	margin-top: 30px;
}

#videoclip {
background-color: #EAEAEA;
border: 1px solid #D5D5D5;
padding: 5px;
width: 320px;
margin: 0 0 20px 20px;
float: right;
}


 /* classes */

.actors {
	margin: 5px;
	float: left;
	width: 170px;
	border: thin solid #666;
	padding: 5px;
	text-align: center;
	overflow: hidden;
}
.floatright {
	float: right;
}

.download {
	background-color: #CCCCCC;
	padding: 10px;
	border-top: thin solid #000000;
	width: 400px;
	margin-bottom: 20px;
}

#homepage_logos img {
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.press {
	background-image: url(images/newspaper.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#pullquote h2 {
	background-repeat: repeat-x;
	height: 30px;
	padding-bottom: 2em;
}