/* 
  CSS: Dangerous Digital
  URL: http://www.dangerousdigital.com
  Description: Web site styles for Dangerous Digital.
*/


/* GLOBAL DEFINITIONS */
/* --------------------------------------------------------------------------------------------------*/
* {margin:0; padding:0}
body {background-color:#d9e0e2}
body {text-align:center} /* horizontal centering for IE Win quirks */
html, body {height:100%; min-height:500px; font-family:Arial, Helvetica, sans-serif}
div, img, p, span, object {padding:0; margin:0}
form, img, table {border:0}
form {padding:0; margin:0; vertical-align:top}
.align_center {margin:0 auto; text-align:center}
.txt_bold {font-weight:bold}
.dis_nil {display:none;}


/* PRINT */
/* --------------------------------------------------------------------------------------------------*/
#print {display:none}


/* HEADER, FOOTER */
/* --------------------------------------------------------------------------------------------------*/
#footer {width:100%; padding:0; margin:0; position:relative; left:0; text-align:left; background-image:url(../../images/dangerousdigital-placeholder/dd_logos.png); background-position:left; background-repeat:repeat-x; vertical-align:bottom; background-position:left top} /* Needed for Safari */
#footer .dd_logos {width:100%; text-align:left; vertical-align:bottom; white-space:nowrap}


/* CONTAINERS */
/* --------------------------------------------------------------------------------------------------*/
#bg_split01 {width:100%; height:50%; position:fixed; top:0; left:0; background-color:#9dbdc9; z-index:1}
#bg_split02 {width:100%; position:absolute; top:0; left:0; z-index:2; background-image:url(../../images/dangerousdigital-placeholder/dd_bg_fade.jpg); background-position:center; background-repeat:repeat-x}
#center_distance {width:1px; height:50%; margin-bottom:-256px; float:left} /* half of container's height */
#center_container {width:100%; height:516px; min-width:798px; position:relative; margin:0 auto; text-align:center; clear:left} /* puts container in front of distance */
#content_holder {width:50%; vertical-align:top; padding:0 0 0 20px; margin:0; text-align:left}
#img_container {background:url(../../images/dangerousdigital-placeholder/dd_placeholder.jpg) no-repeat center}
#logo_container {width:100%; height:47px; text-align:right; padding-bottom:20px}
#main_container {width:798px; margin:0 auto}

/* FORM */
.errmsg {padding:0; margin:14px 0 8px 0; background-color:#c34700; font-size:12px; color:#ffffff}
.form_error {color:#e0e8eb; font-weight:bold}
form .btn {font-family:Arial, Helvetica, sans-serif; color:#e0e8eb; background-color:#444444; width:40px; border:0; font-size:11px; font-weight:bold; cursor:pointer; cursor:hand; padding:1px 4px 1px 4px; margin:4px 0 0 0}
form .container_fld {text-align:left; vertical-align:middle}
form .container_fld_txt {height:18px; text-align:left; vertical-align:middle; width:90px; min-width:90px}
form .container_fld_txt_tall {height:50px; text-align:left; vertical-align:middle; width:90px; min-width:90px}
form input {width:124px; padding:0 4px 0 4px; margin:0; font-size:11px; color:#000000; border:0; background-color:#e0e8eb}
form p {font-size:11px; color:#444444; font-style:italic; line-height:18px}
form p.textbox {font-size:11px; color:#444444; font-style:italic; line-height:50px}
form .req_star {font-size:16px; line-height:normal}
form textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; width:264px; height:50px; padding:0 4px 0 4px; margin:4px 0 0 0; border:0; background-color:#e0e8eb; overflow:auto; vertical-align:top}
#name_field {visibility:hidden; display:none}


/* CONTENT */
/* --------------------------------------------------------------------------------------------------*/
#content_holder .confirmation {font-size:12px; color:#ffffff; text-align:center; padding:16px 0 16px 0; margin:20px 0 20px 0; line-height:normal; background-color:#c34700}
#content_holder .confirmation h2 {font-size:26px; color:#e0e8eb}
#content_holder h1 {font-size:33px; color:#ffffff; font-weight:normal; padding:0 0 16px 0; margin:0}
#content_holder h2 {font-size:24px; font-weight:normal; padding:0 0 6px 0; margin:0}
#content_holder .mission {margin:0 0 5px 0}
#content_holder .questions {font-size:12px; color:#444444; text-align:left; line-height:normal; padding:14px 0 0 0; margin:0}
#content_holder .questions a, #content_holder .questions a:link, #content_holder .questions a:active,#content_holder .questions a:visited {color:#444444; background-color:transparent; border-color:#163343; border-width:0 0 1px 0; border-style:dotted; text-decoration:none}
#content_holder .questions a:hover {color:#cb4900; background-color:transparent; border-color:#cb4900; border-width:0 0 1px 0; border-style:dotted; text-decoration:none}
#content_holder span.mission_a {font-size:14px; color:#ffffff; padding:2px 4px 2px 4px; line-height:normal; background-color:#111111}
#content_holder span.mission_b {font-size:14px; color:#ffffff; padding:2px 4px 2px 4px; line-height:normal; background-color:#111111}
#content_holder span.mission_c {font-size:14px; color:#ffffff; padding:2px 4px 2px 4px; line-height:normal; background-color:#111111}
#content_holder span.mission_d {font-size:14px; color:#ffffff; padding:2px 4px 2px 4px; line-height:normal; background-color:#111111}
#content_holder .txt_sm {font-size:11px}
#content_holder .txt_lg {font-size:20px}


/* PAGE ELEMENTS */
/* --------------------------------------------------------------------------------------------------*/
.clr_blue {color:#173444}
.clr_grey {color:#444444}
.clr_orange {color:#cb4900}