/* Resets */
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small { line-height: 1em; }

/* Tools */
.left { float: left; }
.right { float: right; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; }
.hide { display: none !important; }

.clearfix:before, .clearfix:after {
	content: ".";    
	display: block;    
	height: 0;    
	overflow: hidden;	
}
.clearfix:after { clear: both; }
.ie .clearfix { zoom: 1; }

/* Fonts */
@font-face {
    font-family: 'ArchitectsDaughter';
    src: url('fonts/ArchitectsDaughter-webfont.eot');
    src: url('fonts/ArchitectsDaughter-webfont.eot?iefix') format('eot'),
         url('fonts/ArchitectsDaughter-webfont.woff') format('woff'),
         url('fonts/ArchitectsDaughter-webfont.ttf') format('truetype'),
         url('fonts/ArchitectsDaughter-webfont.svg#webfontZZdU3Kzy') format('svg');
    font-weight: normal;
    font-style: normal;
}

	 body {
	 	margin: 0;
	 	padding: 0;
	 	background-color: #7f7d80;
	}
	 
	body, div, li, ul {
	 	font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	 
	 a {
		color:#990000;
		font-weight: bold;
		text-decoration: none;
	 }
	 
	 a:hover { color:#880000; text-decoration: underline; }
	 
	h1 {
		margin: 0;
		padding: 0;
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
	}
	
	h2 {
		margin: 0;
		padding: 0 0 1px 0;
		background: url(../images/line.gif) bottom repeat-x;
	}
	 
	 
	h3 {
		font-size: 15px;
		color: #990000;
	}
	
	h4 {
		font-size: 12px;
		color: grey;
		line-height: 17px;
	}
	 p.success{
		color:#832514;
	}

	 #wrapper {
	 	margin: 0 auto;
	 	width: 900px;
	 	border: 1px;
	 }

	 #header1 {
	 	height: 52px;
	 	background-image: url(../images/head_01.jpg);
	 }
	 
	#header2 {
	 	height: 52px;
		background-image: url(../images/head_01.jpg);
	}
	 
	#main1 {
	 	background-color: #fff;
	 	background-image: url(../images/left_col.jpg);
	 	background-repeat: repeat-y;
	 	background-position: left top;
	}

	#main2 {
	 	background-image: url(../images/back_right.jpg);
	 	background-repeat: repeat-y;
	 	background-position: right top;
	}

	 #lc { width: 209px; float: left; }

	 #rc {
	 	width: 622px;
	 	margin-left: 209px;
	 	padding: 12px;
	 	border: 0;
	 	font-family: Arial, Helvetica, sans-serif;
	 	font-size: 12px;
	 	line-height: 22px;

	 }
	 
	 /* RC PROPERTIES */
	 #rc #title1 {
 		background: url(../images/line.gif) bottom repeat-x;
		padding-bottom: 2px;
	 }
	  #rc #title2 {
 		background: url(../images/line.gif) bottom repeat-x;
		padding-bottom: 2px;
		height: 172px;
	 }
	 #rc #title1 .grey-text {
		padding: 15px 0;
	}
	 
	 
	  #rc #titlev {
	  	height: 377px;
		width: 620px;
 		background: url(../images_main_video/video_back_big.jpg) bottom repeat-x;
		padding-bottom: 2px;

	 }
	 
	 
	 /* RC VIDEO PROPERTIES */
	 
	#rc #titlev #copy {
		position: absolute;
	  	height: 300px;
		width: 220px;
		margin-top: 105px;
		margin-left: 22px;
		float: left;
		font-size: 11px;
		line-height: 16px;
	 }
	 
	#rc #titlev #video {
		position: absolute;
	  	height: 288px;
		width: 353px;
		margin-top: 0px;
		margin-left: 248px;
		padding-top: 50px;
	 }
	 
	 #questions {
	float: left;
	width: 300px;
	height:480px;
}
	 #their-answers {
		position:absolute;
	 	background: url('../images_main_video/their_answers_blue2.png') no-repeat scroll top left;
	 	width: 279px;
	 	height: 480px;
		margin-left:315px;
		margin-top:-4px;
		text-indent:-3000px;
	 }




	 #questions p{
		margin-top:2px;
		line-height:1.25;
		margin-left:6px;
	}
	 #questions ul {
	 	 	height: 480px;
	 }
	 
	 
    #questions ul li  {
	list-style: none;
	 margin-left: -15px;
	line-height: 22px;
	margin-bottom:5px;
	width:301px;
	
}
	 
	 
	 #questions ul li a {
	  	font-family: Arial, Helvetica, sans-serif;
	 	font-size: 12px;
		color: #000000;
		text-decoration: none;
		display:block;
	
	 }
	#questions ul li a.two-line {
		line-height:1.25;


	}
	#questions ul li.two-line-active{
		line-height:1.25;
		list-style-image: url(../images_main_video/dot_blank.gif);
		background-color:#e3e6eb;
		width:286px;
		padding-right:15px;
;
		
	}
	#questions ul li.two-line {
		line-height:1.25;
		list-style-image: url(../images_main_video/dot_blank.gif);

	}
	 #questions ul li a:hover {
		color: #990000;
	 } 
	 
	 #questions ul li:hover {
  /*	list-style-image: url(../images_main_video/dot.gif);   */
	 }



	.vid-divider{
		margin-top:-15px
	}
	li.vid-link-active{
		width:301px;
		background-color:#e3e6eb;
	}
	li.vid-link-active span{
		position:absolute;
		margin-left:-20px;
		display:block;
		background: url('../images_main_video/blue_dot.gif') no-repeat scroll top left;
		width: 20px;
		height: 22px;
		background-color:#e3e6eb;
	}
	li.two-line-active span{
		position:absolute;
		margin-left:-20px;
		display:block;
		background: url('../images_main_video/blue_dot.gif') no-repeat scroll top left;
		width: 20px;
		height: 30px;
		background-color:#e3e6eb;
		
	}
	#questions ul li.vid-link-active a:hover, #questions ul li.two-line-active a:hover{
		list-style-image:none;
	}
	 a.video-name{
		text-decoration:underline;
		color:#000;
	}
	 a.video-name:hover{
		text-decoration:none;
	}
	 #answers {
		position:relative;
		z-index:501;
		float: right;
		height: 420px;
		width: 270px;
		margin-top: 45px;
		overflow: auto;
		/* border: 1px solid black; */
	 }
	 
	 .answers_block_image {
		float: left;
		width: 93px;
		height: 68px;
		overflow: hidden;
		padding-left: 12px;
		/* border: 1px solid red; */
	 }

	 .answers_block_image img {
		margin-top: -16px;
		margin-left: -16px;
		}
	 


	.answers_block_copy {
		
		float: right;
		width: 145px;
	  	font-family: Arial, Helvetica, sans-serif;
	 	font-size: 11px;
	 	line-height: 16px;
		color: #000000;
		height: 108px;
		/* border: 1px solid green;		*/	
	 }
	 .answer_block_top{
		line-height:1;
		margin-bottom:5px;
		font-size:11px;
	}
	
	 #bios {
	  	background: url('../images_main_video/crumpled_paper.jpg') no-repeat scroll top left;
	  	width: 600px;
	  	height: 233px;
	  }
	 .bios {
	 width: 200px;
	 float: left;	
	 }
	 
	 
	 
	 .bios_image {
	 width: 70px;
	 float: left;
	 }
	 .bios_image img{
		border:none;
	}
	 .bios_copy {
	 width: 120px;
	 float: right;
  	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 }
	 
	.bios_copy p{
		margin:0px;
		padding:0px;
		padding-top:7px;
		padding-right:10px;
		line-height:1;
	}


	 
	 
	 #qlist {
	 	list-style-type: none;
		padding: 0;
		margin: 0;
	 }
	 
	 #qlist li {
	 	padding: 10px 20px 10px 10px;
	 }
	 
	 #qlist .q1 {
	 	width: 150px;
		float:left;
		font-size: 16px;
		color: #3366CC;
		font-weight: bold;

	 }
	 
	 #qlist .q2 {
		background: url(../images/line.gif) left repeat-y;
		margin-left: 160px;
		padding-left: 20px;
	 }
	 
	 #rc-right {
		float: right;
		background: url(../images/line.gif) left repeat-y;
		padding: 20px 10px;
		margin: 0 0 20px 10px;
	 }
	 
	 #rc-left {
		float: left;
		padding: 10px 0 0 0;
		margin: 0 0 20px 10px;
	 }
	 
	 #rc-right strong {
	 	color: #666666;
	}
	 
	 .story {
	 	width: 250px;
	}
	
	.Rlist {
		width: 175px;
	}
	
	.Llist {
		width: 125px;
	}
	
	.Llist ul, .Rlist ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		line-height: 14px;	
	}
	
	.Llist ul li, .Rlist ul li {
		padding: 5px 0;
	}
	
	.Llist ul .ro_arrow {
		display: inline;
		float:left;
		clear: left;
		width: 20px;
	}
	
	.Llist-imgs {
		width: 225px;
	}
	 
	 #content {
	 	padding: 5px 15px;
	}
	 #content0 {
	 	padding: 0 0 0 0;
	}
	.lineleft {
		background: url(../images/line.gif) left repeat-y;
		margin-left:150px;
	}
	
	.lineleft4imgs {
		background: url(../images/line.gif) left repeat-y;
		margin-left:235px;
	}
	
	.event {
		background: url(../images/line.gif) bottom repeat-x;
		margin: 0 0 15px 0;
		padding: 0 0 15px 0
	}
	
	.toplink {
		width: 100%;
		text-align: right;
		font-weight: normal;
		text-decoration: underline;
		display: block;
	}
	
	.guides {
		padding-top: 12px;
		font-size: 11px;
		line-height: 13px;
	}
	
	.guides > a {
		font-weight: normal;
		color: #111;
		text-decoration: underline;
	}
	
	.guides .detail {
		color: #999999;	
	}
	



.newsletter {
	width:400px;
	margin:0;
	font-size:12px;
	}

.newsletter h1{
	float:left;
	font-size:28px;
	margin-left:-1px;
	margin-top:-3px;
	padding-top:4px;
	padding-bottom:5px;
	color:#E09A3A;
	letter-spacing: -1px;
	}
	
.newsletter h2{
	font-size:16px;
	padding:5px 0px 5px 10px;
	}
	
.newsletter p{
	padding:5px 5px 5px 10px;
	line-height:14px;
	}
	
.newsletter select{
	margin:5px 0px 5px 10px;
	background-color:#fff;
	font-size:10px;
	width:119px;
	color:#000;
	}
	
.newsletter input{
	margin:5px 0px 5px 10px;
	width:119px;
	background-color:#fff;
	color:#000;
	font-size:10px;
	}

	#home-flash {
		padding-bottom: 1px;
		margin-bottom: 1px;
		background: url(../images/line.gif) bottom repeat-x;
	}

	#home-content {
		clear: right;
	}
	
	#home-ready {
		width: 183px;
		padding: 20px 17px 20px 0;
		background: url(../images/line.gif) right repeat-y ;
		float: left;	
	}
	
	#home-welcome {
		float: left;
		width: 227px;
		height: 213px;
		padding: 17px 10px;
		line-height: 16px;
		background: url(../images/line.gif) right repeat-y ;
	}
	
	.welcome-header {
		font-weight: bold;
		color: #990000;
	}
	
	#home-right {
		width: 175px;
		padding: 0;
		float: left;
		padding-top:1px;
	}
	
	#findhelp {
		background: url(../images/line.gif) bottom repeat-x ;
		padding-bottom:1px;
		margin-bottom: 1px;
	}
	
	#ringtone {
		background: url(../images/line.gif) top repeat-x ;
		padding: 10px 0 0 10px;
	}
	
	#ringtone a {
		width: 175px;
		display: block;
	}
	
	#ringtone a img {
	 margin: 0 0 0 38px;
	 padding: 2px 0 0 0;
	}
	
	#ringtone p {
		margin: 0;
		line-height: 16px;
	
	}
	
	#partners {
		clear: right;
		border-top: 1px solid #CCC ;
		border-bottom: 1px solid #CCC ;
		margin: 0;
	}

	#partners-header {
		background-color: #952308;
		color: #FFF;
		padding: 3px 10px;
		margin-right: 10px;
	}
	
	#partners-info {
		color: #CC9900;
		font-weight: bold;
		position:relative;
		margin-left:185px;
		top:-20px;

	}



/* POST-IT ROLLVERS */


div#post-its {}
div#post-its a { }
div#post-its a:hover {
	color: #411; 
	background: none;
	}

div#post-its a span {
	display: none;
	}
div#post-its a:hover span {
	display: block;
	float:left;
	z-index:100;
	width:550px;
	color:#000;
	font-weight:100;
	line-height:1.25;
	margin-top:10px;
}






	
/* MENU */
	 #menu {
	 	width: 163px;
	 	padding-left: 46px;
	 	position: relative;
	 	z-index: 10;
	 }
	 
	 #headlinks {
	 	padding-right: 48px;
		padding-top: 9px;
	 	color: #fff;
	 	font-size: 12px;
	 	font-family: Arial, Helvetica, sans-serif;
	 	font-size: 12px;
	 	line-height: 22px;
	 	text-align: right;
	 }
	 
	 a.headlinks {
	 	color: #ffffff;
		text-decoration: none;
	 }
	 
	 a.headlinks:visited {
	 	color: #ffffff;
		text-decoration: none;
	 }
	 
	 a.headlinks:hover {
		text-decoration: underline;
	 }
	 
	 .Rlist a:hover { text-decoration: underline; }
	 
/* FOOTER */
	 #footer {
	 	padding: 30px 57px 0 0;
	 	text-align: right;
		background-image: url(../images/bottom.jpg);
		background-position:top;
		background-repeat: no-repeat;
	 }
	 #footer a {
	 	color: #ffffff;
		text-decoration: none;
	 }
	 #footer a:visited {
	 	color: #ffffff;
		text-decoration: none;
	 }
	 #footer a:hover {
		text-decoration: underline;
	 }
	 
	#hiddenlogo {
		display: none;
	}
	#scrollBox 
	{
	    width: 450px;
	    height: 19px;
	    position:  absolute;
	    overflow: hidden;
	}

	#bigbox
	{
	    width: 15000px;
	}

	.block
	{
	    width: 450px;
	    float: left;
	    height: 19px;
	    margin-right: 10px;
	}
       .secondnav {
        margin-left: 1px;  
        }
        .secondnav2 {
        margin-left: 12px;
        }
        .secondnavhd {
       color: #880000;
       font-size: 12px;
       font-family: Arial, Helvetica, sans-serif;
       font-weight: bold;
       margin-bottom: 44px;
        }

/* Homepage */
#slides { margin: 0 0 10px; overflow: hidden; height: 263px; position: relative; }
#slides img { border: 0; display: block; }
#slides .pagination { margin: 0; padding: 0; position: absolute; bottom: 15px; right: 200px; z-index: 100; }
#slides .pagination li { display: inline; }
#slides .pagination li a {
	background: #fff; display: inline-block; margin-right: 3px; text-indent: -999em; width: 10px; height: 10px; z-index: 100;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.75);
}
#slides .pagination li.current a { background: #ef8200; }

.slides_container { width: 622px; height: 263px; }
.slides_container .slide { border: 5px solid #f58e01; width: 612px; height: 253px; display: block; }
.slides_container .main-slide { float: left; overflow: hidden; position: relative; width: 424px; height: 253px; }
.slides_container .main-slide .caption { background: rgb(0,0,0); background: rgba(0,0,0,0.5); color: #fff; position: absolute; bottom: -100px; left: 0; width: 424px; }
.slides_container .main-slide .caption p { font: bold 18px/1em "Helvetica", Arial, sans-serif; margin: 0; padding: 10px; text-transform: uppercase; text-shadow: 1px 1px 3px #000; width: 75%; }

#statements {
	background: #414041; border: 5px solid #f58e01; color: #fff; position: relative; margin: 0 0 10px; height: 100px;
	-webkit-box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.4);	
}
#statements q { background: url(../images/quote-left.png) no-repeat 5px 5px; display: block; font: normal 16px/1.5em 'ArchitectsDaughter', sans-serif; padding: 12px 0 12px 20px; }
#statements q .user { color: #f58e01; }
#statements q cite { font: normal 11px/1em Arial, sans-serif; font-style: italic; }
#statements .overflow { float: left; overflow: hidden; position: relative; width: 450px; height: 100px; }
#statements .overflow .panel { position: absolute; top: 0; left: 0; width: 450px; }
#statements .overflow .statement-form { left: 450px; padding: 10px 0 0 10px; }
#statements .overflow .statement-form ul { list-style: none; margin: 0; padding: 0; }
#statements .overflow .statement-form li { float: left; margin: 0 3% 5px 0; width: 30%; }
#statements .overflow .statement-form li.double { width: 64%; margin-right: 2%; }
#statements .overflow .statement-form label { display: block; font-size: 11px; line-height: 1em; margin: 0; padding: 0 0 3px; }
#statements .overflow .statement-form input { width: 97%; }

#statements .btn-statement,
#statements .btn-submit { display: block; position: absolute; right: 20px; top: 20px; width: 120px; height: 60px; text-indent: -999em; }
#statements .btn-statement { background: url(../images/btn-statement.jpg) no-repeat top center; }
#statements .btn-submit { background: url(../images/btn-submit.jpg) no-repeat top center; }
#statements .btn-cancel { color: #ef8200; display: block; position: absolute; right: 55px; bottom: 0; }

#blog { background: #ffefdc; border: 2px solid #f58e01; float: left; position: relative; width: 400px; }
#blog img { display: block; }
#blog h3 { color: #ef8200; font-size: 12px; margin: 0; padding: 0; text-transform: uppercase; }
#blog h3 span { color: #7c3f00; }
#blog h3 a { color: #ef8200; }
#blog p { font-size: 11px; line-height: 1.25em; margin: 0 0 5px; padding: 0; }
#blog p.subtitle { font-style: italic; }
#blog .read_more { display: none; }
#blog .link-blog { background: #f58e01; color: #fff; font-weight: normal; display: block; line-height: 20px; padding: 0 10px; position: absolute; bottom: -20px; right: -2px; }
#blog ul { list-style: none; margin: 0; padding: 0 15px; }


#callouts { float: right; width: 204px; }
#callouts img { border: 0; display: block; }
#callouts ul { list-style: none; margin: 0; padding: 0; }
#callouts li { border: 2px solid #f58e01; margin: 0 0 10px; }

/* PSA Page */
.psa { float: left; margin-left: 0 !important; }
.psa h1 { border-bottom: 1px double #ccc; color: #ccc; font: bold 46px/1 Helvetica, Arial, sans-serif; letter-spacing: -2px; margin: 0 0 20px; }
.psa h2 { background: none; font-size: 18px; font-weight: normal; margin: 0 0 20px; text-transform: uppercase; }
.psa h3 { color: #000; font-size: 14px; margin: 10px 0 5px; }
.psa p { line-height: 1em; margin: 0; }
.psa p.subtitle { font-size: 11px; margin: 0 0 20px; }
.psa ul { list-style: none; margin: 0; padding: 0; height: auto; }
.psa li { float: left; margin: 0 0 20px; width: 33% }
.psa-section {  }
.psa-icon { float: left; margin-right: 10px; }

/* IE */
.oldie .slides_container .main-slide .caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); zoom: 1; }
.ie7 #slides .pagination li { display: inline; zoom: 1; }
.ie7 #slides .pagination li a { display: block; }