/*
-----------------------------------------------
Screen Stylesheet for Data Dome

Site: www.datadome.com
Authors:   Daniel Ard   www.InnovativeInSite.com, David Cohen www.equationarts.com

----------------------------------------------- */


/*INCLUDES*/

@import url("navigation.css");
@import url("fatfooter.css");

/*OVERALL*/

body, html {
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;	
	background-color: white;
	color: #161616;
	font-size: 13px;
	width: 100%;
}

ul, h1, h2, h3, h4, h5, h6, input, form, p, dt, dl {
margin:0; padding:0;
list-style:none;
}
.printonly, #printonly {
	display: none;
	visibility: none;
}
ul {
	list-style-type: square;
	padding-left: 20px;
	font-weight: normal;
	font-size: 13px;
	color: #161616;
	line-height: 1.4em;
	padding-top: 10px;
	margin-top: 0px;
}

/*TEXT FORMATTING*/

a img {
	border: none;
	border-bottom: 0px;
	border-width: 0px;
	border-style: none;
	border-color: none;
	text-decoration: none;
}

a {
	color: #d40e0e;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h4 a {
	color: #262626;
	text-decoration: underline;
}

h4 a:hover {
	text-decoration: none;
}

p {
	font-weight: normal;
	font-size: 13px;
	color: #161616;
	line-height: 1.4em;
	padding-top: 10px;
	margin-top: 0px;
}

h1 {
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
	font-size: 19px;
	color: #efefef;
	padding: 0px;
}

h2 {
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #161616;
	padding: 0px;
}	

h3 {
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #d40e0e;
	padding: 0px;
}

h4 {
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #161616;
	padding: 0px;
}

h5 {

}

h6 {

}

input {

	background: #fafafa;
	border: 1px solid #a7a5a5;
	/*border-bottom: 1px solid #d7d5d5;*/
	width: 173px;
	padding: 4px;
		margin: 5px 2px 0 2px;
	color: #2a5d8a;
	font-size: 14px;
	font-weight: bold;
	font-family: Trebuchet MS, sans-serif;
}

input#submit {

	background: #316da1;
	border: 1px solid #a7a5a5;
	/*border-bottom: 1px solid #d7d5d5;*/
	width: 123px;
	padding: 4px;
	margin: 5px 0 0 0;
	color: #f5f5f5;
	font-size: 12px;
	font-weight: bold;
	font-family: Trebuchet MS, sans-serif;
	
}

input.submit, input.btn, input.SUBMIT, input[type="submit"], input[type="SUBMIT"], input#find {

	background: #316da1;
	border: 1px solid #a7a5a5;
	/*border-bottom: 1px solid #d7d5d5;*/
	width: 123px;
	padding: 4px;
	margin: 5px 0 0 0;
	color: #f5f5f5;
	font-size: 12px;
	font-weight: bold;
	font-family: Trebuchet MS, sans-serif;
	
}
input.radio, input.RADIO, input[type="radio"], input[type="RADIO"], input#search {
	margin:1px 3px 0 7px;
	border: none;
	background: none;
	width: auto;
}

input#pico {

	background: #fafafa;
	border: 1px solid #a7a5a5;
	/*border-bottom: 1px solid #d7d5d5;*/
	width: 143px;
	padding: 4px;
	color: #2a5d8a;
	font-size: 14px;
	font-weight: bold;
	font-family: Trebuchet MS, sans-serif;
}

textarea {
	
	background: #fafafa;
	border: 1px solid #a7a5a5;
	/*border-bottom: 1px solid #d7d5d5;*/
	width: 173px;
	padding: 4px;
		margin: 5px 2px 0 2px;
	color: #2a5d8a;
	font-size: 12px;
	font-weight: bold;
	font-family: Trebuchet MS, sans-serif;
	
}

/*POSITIONING*/

#accordion {
/*	border: 1px solid blue;*/
}

.container {
	width: 100%;
}

.fullbg {
	width: 100%;
/*	min-height: 800px;*/
	background: url(../images/fullbg.jpg) repeat-x;
	clear: both;
}

.topdropshadow {
	width: 950px;
/*	min-height: 612px;*/
	margin: 0 auto;
	padding-top: -3px;
	background: url(../images/topdropshadow.jpg) no-repeat;
	clear: both;
	margin-bottom: 45px;
}

.topdropshadowabout {
	width: 950px;
/*	min-height: 612px;*/
	margin: 0 auto;
	padding-top: -3px;
	background: url(../images/topdropshadow.jpg) no-repeat;
	clear: both;
}

.setwidth {
	width: 900px;
	margin: 0 auto;
}

.nav {
	width: 900px;
	height: 40px;
	font-family: Trebuchet MS, sans-serif;
	background: #45494f;
	text-align: center;
}

.header {
	width: 900px;
	height: 230px;
	background: url(../images/headerbg-dark2.jpg) repeat-x;
	margin-top: -75px;
}
.headerhome {
	width: 900px;
	height: 510px;
	background: url(../images/headerbg-dark2.jpg) repeat;
	margin-top: -75px;
}
.headerhomeopen {
	height: 660px;
}
.headerhomeclose {
	height: 510px;
}

.headercontent {
	width: 900px;
	height: 220px;
	background: url(../images/headerbg-dark2.jpg) repeat-x;
	margin-top: -75px;
}

table.logoflash {
	height: 220px;
	border-spacing: 20px;
	margin: 0 auto;
}

td.logo {
	width: 350px;
}

td.flash {
	width: 550px;
	text-align: center;
}

#flashContent {
	margin-top: 40px;
}

.form {
	width: 900px;
	height: 250px;
	margin-top: -32px;
}

.tabs {
	border: none; 
	width: 900px; 
	height: 224px;
	background: #d5dae0; /*url(../images/formbg.jpg) repeat-x;*/
}

.tabcontent {
	padding-top: 10px;
	width: 770px;
	margin: 0 auto;
}

td.leftcol {
	width: 515px;
	padding-left: 60px;
	padding-top: 20px;
	vertical-align: top;
}

td.divider {
	vertical-align: top; 
	padding-top: 20px;
}

td.rightcol{
	width: 255px;
	font-size: 8px;
	padding-left: 10px;
	padding-top: 10px;
	vertical-align: top;
}

td.rightcol p{ 
	font-size: 12px;
}


.midcurve {
	height: 90px;
	margin-top: -40px;
}
.midcurvehome {
	height: 65px;
	margin-top: -40px;
	overflow: hidden;
}
.sub {
	width: 900px;
	background: white;
}

table.subpage {
	width: 800px;
	border-spacing: 25px;
	border: none;
	margin: 0 auto;
	padding-top: 25px;
}
table.subpagehome {
	width: 800px;
	border-spacing: 25px;
	border: none;
	margin: 0 auto;
	padding-top: 0px;
}

table.subpagecontent {
	width: 800px;
	border-spacing: 30px 5px;
	border: none;
	margin: 0 auto;
	padding-top: 0px;
}

table.subpage td {
	width: 240px;
}

.subpage td {
	vertical-align: top;
}
.subpagehome td {
	vertical-align: top;
}

.click {
	font-family: lucida sans;
	font-size: 14px;
	font-weight: normal;
	float: right;
	font-style: italic;
}

td.narrow {
	width: 200px;
	vertical-align: top;
}

blockquote.report {
	border-top: 1px solid #d7d5d5; 
	border-bottom: 1px solid #d7d5d5; 
	border-left: none;
	padding-left: 20px;
	padding-top: 25px;
	background: #eaeaea;
}

blockquote.blue {
	font-style: italic;
	font-size: 13px;
	color: #3f75a3;
	border-left: #45494f 3px solid;
	border-bottom: #45494f 3px solid;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 40px;
	margin-right: 160px;
	margin-top: 40px;
}

blockquote.grey {
	font-style: italic;
	font-size: 13px;
	text-align: right;
	color: #262626;
	border-right: #3f75a3 3px solid;
	border-top: #3f75a3 3px solid;
	padding-right: 10px;
	padding-top: 10px;
	margin-left: 160px;
	margin-right: 40px;
	margin-top: 40px;
}

td.servside {
	border-top: 1px solid #d7d5d5; 
	border-bottom: 1px solid #d7d5d5; 
	border-left: none;
	vertical-align: top;
	padding-left: 20px;
	padding-top: 25px;
	background: #eaeaea;
	
}

.servside h4 {
	color: #666666;
}

table.samples {
	width: 800px;
	padding-top: none;
	margin-top: none;
	border-spacing: 20px;
}

/*FOOTER*/

.footerbg {
	width: 100%;
	height: 169px;
	background: url(../images/footerbg.jpg) repeat-x;
	margin-top: -45px;
	clear: both;
	position: relative;
  
}

.bottomdropshadow {
	width: 950px;
	height: 169px;
	margin: 0 auto;
	background: url(../images/bottomdropshadow.jpg) no-repeat;
}

.annotation {
	font-size:9px;
}

.footer {
	width: 900px;
	height: 169px;
	background: #45494f url(../images/bottomcurve.png) no-repeat;
	font-size:10px;
	color: #bdbdbd;
	padding-top: 0px;
	margin: 0 auto;
}

.footer a {
	text-decoration: underline;
	color: #bdbdbd;
}

.footer a:hover {
	text-decoration: none;
}

.left {
	float: left;
	padding-top: 144px;
	padding-left: 25px;
}

.right {
	float: right;
	padding-top: 144px;
	padding-right: 65px;
}
.central {
	text-align: center;
}
td.rightcol a:hover{
	/* padding-left:1px; */
}
.taba{
	width: 237px;
	 height: 48px;
	  text-align: center;

margin: 0;
padding: 0;
	background: url(../images/readbuttonbg.png) no-repeat;
}
.taba a{
	 padding: 0.5em;
	 margin: 0;
		 color: #cccfe0;
		 display:  block;
	 font-size: 1.8em;
	 text-decoration:none;
	 }
.taba a:hover{
	color: #fff;
	text-decoration: none;
}
.bluetext {
	color: #013076;
	padding-bottom: .3em;
}
.stoggler{
color: #44494f;
background-color: #e3e1e2;
border-bottom: 1px solid #376893;
padding: 4px;
padding-top: 5px;
margin-top: 1em;
margin-bottom: 0em;
}
.thisishidden {
	display: none;
	visibility: hidden;
}
#slidedescription{
	width:240px;
	height:400px;
	float: left;
	border: 0px solid #376893;
	padding-right: 3em;
}
#slidecontainer{
	width: 450px;
	float: left;
	border: 0px solid #376893;
	margin-bottom: 50px;
}
#logomid {
	z-index: 10;
	margin-left: 190px;
	margin-top: 22px;
	position: absolute;
}
.rightfloat {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}
.leftfloat {
	float: left;
	margin-left: 0;
	margin-right: 20px;
}
.testimonialbox {
	width: 260px;
	background: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.testimonialtop {
	width: 260px;
	height: 61px;
	background: url(../images/testimonial-bg-top.png) no-repeat;
	padding: 0;
	margin: 0;
	display: block;
}
.testimonialmiddle {
	width: 220px;
	background: url(../images/testimonial-bg-middle.png) repeat-y;
	padding: 0 20px;
	margin: 0;
}
.testimonialmiddle p {
	font-size: 89%;
}
.testimonialmiddle h3 {
	font-size: 98%;
}

.testimonialbottom {
	width: 260px;
	height: 51px;
	padding: 0;
	margin: 0;
	display: block;
	background: url(../images/testimonial-bg-bottom.png) no-repeat;
}
.bigboldquote {
	font-weight: bold;
	font-size: 200%;
	color: gray;
	vertical-align: sub;
}
.rightanchor {
	text-align: right;
	
}
.rightanchor a{
	text-align: right;
	color: #d40e0e;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.rightanchor a:hover{
	font-style: italic;
}
.successsidebar {
	float: right;
	margin: 15px 0 15px 20px;
	padding: 20px 10px;
	border: 1px solid #2b4d6d;
	background: #eee;
	color: #2b4d6d;

	width:  140px;
}
.salespics {
	width:800px;
	margin: 15px auto 1px auto;
	padding: 1px 9px 1px 1px;
	text-align: center;
}
.salespics img {
	margin: 30px 10px 10px 10px;
	border: none;
}
.centerbold {
	text-align: center;
	font-weight: bold;
	font-size: 115%;
	margin: 16px auto 10px auto;
	padding: 2px;
	color: #2b4d6d;
}
.redhead {
	color: #2b4d6d;
	font-weight: bold;
	font-size: 130%;
}
