html {background: #EFEFDF; }

#doc { border: 0px solid #3C3C3C; background: #3C3C3C; }
#doc h2 { color: #FF9C3A; margin-top: 10px; }
#doc h3 { margin-top: 10px; }

#hd { border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid white; background: #4098BA; }
#hd h1 { color: #FFFFFF; font:normal 32px Arial, Helvetica, sans-serif; margin: 50px 0 60px 0; }

#subnav {
	background-color:#A5D048;
	position:relative;
	margin:0 auto;
	padding: 10px;
	font:bold 11px/16px Arial, Helvetica, sans-serif;
}

#subnav ul {
	padding: 0px;
	margin: 0px auto;
	display: inline;
}

#subnav ul li {
	margin: 0px; padding: 2px;
	list-style: none;
	display: inline;
}


#subnav li a {
	margin: 0px; padding: 5px 10px 5px 10px;
	border: 1px solid white;
	color:#344A04;
	text-decoration: none;
}

#subnav li a:hover {
	background-color:#6A8534;
	color:#fff;
}

#bd { clear: both; border-left: 1px solid black; border-right: 1px solid black; background: #FFFFFF; font:normal 16px Arial, Helvetica, sans-serif; }
#content {padding: 10px; }
#content h1 {margin: 20px 0 10px 0; }
#content h2 {margin: 20px 0 10px 0; }
#content ul { font-size: 20px; }

#blurbs {border-top: 1px solid black; padding: 5px; background: #B9B99D; color: #F7F7EA; }
#ft {border-top: 1px solid black; padding: 5px; color: #FFFFFF;}
#ft a {color: #FF9C3A; font:normal 16px Arial, Helvetica, sans-serif;}
#nav {display: block; padding: 10px 0 10px 0; }

img.logo { float: left; }
img.flag { float: right; padding: 40px 40px 0 0; } 

img.landing-body {float: right; margin-right: 300px;}

h1 { font:normal 28px Arial, Helvetica, sans-serif; }
h2 { font:normal 22px Arial, Helvetica, sans-serif; }
h3 { font:normal 18px Arial, Helvetica, sans-serif; }
p {margin: 10px 0 10px 0; }
ul {padding: 10px 0 10px 0; }
ul li { list-style: disc outside; margin-left: 40px;}
ol li { list-style: decimal outside; margin: 10px 0 0 40px;}

#fieldMapping {border-collapse: collapse; width: 400px; margin-top: 10px;}
#fieldMapping th {border: 1px solid #3C3C3C; padding: 5px; text-align: left; font-weight: bold;}
#fieldMapping td {border: 1px solid #3C3C3C; padding: 5px;}

#leadBreakdown {border-collapse: collapse; width: 600px; margin-top: 10px;}
#leadBreakdown th {border: 1px solid #3C3C3C; padding: 5px; text-align: left; font-weight: bold;}
#leadBreakdown td {border: 1px solid #3C3C3C; padding: 5px;}


.call-to-action { display: block; font-size: 22px; padding-bottom: 20px; }
.call-to-action a { color:  #5C87A9; }

p.warning {font-style: italic; }
p.testimonial {font-style: italic; }
span.attrib {display: block; color: #BC6A05; }
#previewAction {width: 200px; margin: 25px 10px 10px 0px; padding: 5px; color: #3C3C3C; font-size: 14px;}
.occulto {display: none; }
.scrcap {border: 1px solid black; display: block; margin: 10px;}

#custom-list {float: left; background:url(../images/magnify.png) 0 0 no-repeat; background-color:#FFF0E6; border: 1px solid black; width: 325px; height: 200px; margin: 10px 10px 10px 0px; padding: 10px; }
#custom-list h2 {margin: 0 0 0 40px;}
#custom-list ul {font-size: 14px;}

#static-list {float: left; background:url(../images/broadcast.png) 0 0 no-repeat; background-color:#FFF0E6; border: 1px solid black; width: 325px; height: 200px; margin: 10px 0px 10px 10px; padding: 10px; }
#static-list h2 {margin: 0 0 0 40px;}
#static-list ul {font-size: 14px;}
strong {font-weight: bold; }

#meebo {float: right; margin-right: 50px;}