/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100% arial,helvetica,clean,sans-serif;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

.clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;}
.clear {display:block;overflow:hidden;}
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hidetext {display:block;text-indent:-9999px;outline:0;}
.text-indent {text-indent:-32697px;}
.align-left {float:left;padding:0 15px 5px 0;}
.right {float:right;margin:0 0 15px 1em;}

/* =elements ***************************** */
a:link		{color: #b19706; }
a:active	{color: #b19706;}
a:visited	{color: #b19706; }
a:hover		{color: #b19706;  text-decoration: none;}

.topnav {width: 860px; padding: 0px 0px 5px 0px; margin:0; list-style:none; height:20px; background: #17355d; position:relative; z-index:500; font-family:arial, arial, sans-serif; color: #fff;}
.topnav li.top {display:block; float:left;}
.topnav li a.top_link {display:block; float:left; height: 25px; line-height: 12px; color:#fff; text-decoration:none; font-size: 100%; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}
.topnav li a.top_link span {float:left; display:block; padding: 5px 14px 5px 5px; height: 10px;background: url(../../images/divider.jpg) no-repeat right top;}
.topnav li a.top_link:hover {color:#0d2341; background: #fff url(../../images/menu-bg-on.jpg) repeat-x bottom right; line-height: 12px;}
.topnav li a.top_link:hover span {background: #fff url(../../images/menu-bg-on.jpg) repeat-x bottom right;}

.topnav li:hover > a.top_link {color:#000; background: #fff url(../../images/menu-bg-on.jpg) repeat-x bottom right; line-height: 12px;}
.topnav li:hover > a.top_link span {background: #fff url(../../images/menu-bg-on.jpg) repeat-x bottom right;}


.topnav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.topnav a:hover {visibility:visible; position:relative; z-index:200;}
.topnav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.topnav ul, .topnav iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.topnav ul.sub1 {width:140px;}
.topnav ul.sub2 {width:130px;}
.topnav ul.sub3 {width: 140px;}
.topnav ul.sub4 {width:126px;}

.topnav :hover iframe.one {left:0; top: 10px; width:150px; height:100px;}
.topnav :hover iframe.two {left:0; top: 10px; width:100px; height: 40px;}

.topnav :hover ul {left:0; top: 25px; background: #fff url(../../images/menu-bg-on.jpg) repeat-x bottom right; padding:4px; white-space:nowrap; 

height:auto; z-index:300;}
.topnav :hover ul li {display:block; height: 25px; position:relative; font-weight:normal; width:auto;}
.topnav :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.topnav :hover ul li a:hover {background:#383837 url(../../images/menu-bg-yell.jpg); color:#000;}

table tr td {padding: 4px;}


caption.price-table  {     background:#fff url(../../images/price-table-head-bg.jpg) repeat-x 0 0;  }
table.price-table  {      font-family:arial;     background:#fff url(../../images/price-table-head-bg.jpg) repeat-x 0 0;     width:570px;     padding: 10px;     border-right: 0px dotted #ccc;  }
th.price-table  {     font-size: 100%;     color:#000;  padding: 4px;   border-right: 0px dotted #ccc;     text-align:center;  }
tr.price-table  {      height:24px;  }
td.price-table  {font-size: 85%; background-color:#e6f1f9; color:#134469; border: 1px dotted #ccc; text-align:center; line-height: 20px;}


caption.packages-table  {
background:#fff url(../../images/price-table-head-bg.jpg) repeat-x 0 0;  }

table.packages-table  {
font-family:arial;     
background:#fff url(../../images/price-table-head-bg.jpg) repeat-x 0 0;     
width: 250px;     
}


.form{width: 400px; font-size: 90%; border: 0;}
.form th {font-size: 100%; padding: 6px; background: #efefef;}
.form td {font-size: 95%; padding: 6px;}
.title {font-size: 110%; line-height: 24px; font-weight: bold;}



td.packages-table {font-size: 85%; 
background-color:#e6f1f9; 
color:#134469; 
border: 0px dotted #ccc; 
text-align:left; 
line-height: 20px;
padding: 5px;}

td.packages-table-total {
background-color: #d7e5ee;
font-weight: bold;
color:#134469; 
text-align:right; 
line-height: 25px;
padding-right: 13px;}

td.packages-table-title {
font-size: 93%;
background-color: #d7e5ee;
font-weight: bold;
color:#134469; 
line-height: 25px;
padding-left: 10px;}


/* =grids ***************************** */

html {text-align:center;  background:#fff url(../../images/main-bg.jpg) repeat fixed top center;}
body {text-align:left; margin:0 auto; width: 860px; background: #fff;}

#header {position:relative;height: 86px; width: 860px; /*background:url(../../images/header.jpg) no-repeat 0 0;*/}
#header .cse-branding-right {padding: 7px 0 0;}
#logo {position:absolute; left: 20px;top: 20px;width: 340px;height: 50px;outline:0;}

#cta-main {position: relative; width: 860px; height: 263px; background:url(../../images/cta-main.jpg) no-repeat 0 0;}
#free-consult {position:absolute; left: 25px;top: 152px;width: 219px; height: 30px;outline:0;}

#cta-sub {position: relative; width: 860px; height: 190px; background:url(../../images/cta-sub.jpg) no-repeat 0 0;}
#buildsurvey {position:absolute; left: 328px;top: 112px;width: 190px; height: 30px;outline:0;}


#cta-steps {position: relative; width: 860px; height: 240px; background:url(../../images/cta-steps.jpg) no-repeat 0 0;}
#stepbuild {position:absolute; left: 313px;top: 198px;width: 220px; height: 30px;outline:0;}


#cta-mid {position: relative; width: 860px;height: 181px; background:url(../../images/cta-mid.jpg) no-repeat 0 0; }
#volume {position:absolute; left: 675px;top: 72px;width: 150px; height: 25px;outline:0;}
#survey {position:absolute; left: 320px;top: 143px;width: 22px; height: 25px;outline:0;}
#module {position:absolute; left: 602px;top: 143px;width: 22px; height: 25px;outline:0;}

#packages-links {position: absolute; left: 660px; top: 40px;}
#packages ul {list-style:none; margin: 0;}
#packages ul li {display: inline; padding-right: 10px;}
#packages a { color: #c7e6f6; font-size: 85%; text-transform: capitalize;}

#resources {position: absolute; left: 660px; top: 130px;}
#resources ul {list-style:none; margin: 0;}
#resources ul li {display: inline; padding-right: 10px;}
#resources a { color: #c7e6f6; font-size: 85%; text-transform: capitalize;}

.client-list {background: #e6edef; padding: 10px; font-size: 95%; border: 1px solid #b19706; color:#122c4f;}
.client-list ul {list-style:none; margin: 0; display: inline;}
.client-list a { color: #c7e6f6; text-transform: capitalize;}



#cta-africa {float:left;background: url(../../images/africa-cta.html) no-repeat 0 0;height:278px;width:211px;}
a#africa-link {position:absolute;width:120px;height:25px;margin:250px 0 0 90px;}





#main-content {padding: 20px; background: #fff; float: left; width: 560px;position: relative;}
#main-content h1 {font-size:172%; color: #b19706; font-family: "trebuchet ms", arial;}
#main-content h2 {font-size:132%; color: #0e3144; font-family: "trebuchet ms", arial; padding-bottom: 10px; border-bottom: 1pt solid #f7db7f;}
#main-content h3 {font-size:120%; color: #0e3144; font-family: "trebuchet ms", arial;  padding-bottom: 10px; border-bottom: 1pt solid #f7db7f;}
#main-content p {margin:0 0 1em;line-height:1.5em;word-spacing:0.05em;font-size:100%;}
#main-content p a {font-weight: bold;}
#main-content p ul  a {font-weight: bold;}
#main-content ul, #main-content ol {margin:1em 3em 1em;}
#main-content ul ul, #main-content ol ol, #main-content ul ol, #main-content ol ul {margin-top:0;margin-bottom:0;}
#main-content ul li, #main-content ol li {line-height:1.5em;word-spacing:0.05em;font-size: 90%;}
#main-content ul {list-style:none;margin:1em 2em 1em;}
#main-content ul li {padding-left: 5px;background:url(../../images/bullet.html) no-repeat 0px 0em;}
#main-content dt, #main-content dd {font-size:107%;}
#main-content dt {margin:2em 2em 0.5em;font-weight:bold;color:#444;}
#main-content dd {margin:0.5em 2em 2em;}

.reviews {width: 500px; padding: 10px; font-size: 90%; color: #01171c; font-family: arial; background: #e6edef; border: 1px solid #b19706; margin: 20px;}
.reviews strong {font-size: 107%; color: #000; font-family: arial; }
.reviews .date {font-size: 107%; color: #666; font-family: arial; font-style: italic;}


.imgb {margin: 10px; border: 1px solid #41617f;}
.logo {margin: 10px; border: 0px solid #b19706;}
.body-img {margin-left: 70px; margin-bottom: 20px; border: #000 thin solid;}
.images-center {text-align: center; margin-top: 10px; margin-bottom: 30px;}

#sub-bar {background: #122c4f;width: 620px;position: absolute; height: 30px; border-top: 2pt solid #b19706; font-size: 120%; color: #fff; font-family: "trebuchet ms", arial; font-weight: bold; }
#sub-bar-nav{background: #122c4f; height: 25px; position:absolute;width: 230px;padding: 5px 0px 0px 10px;border-top: 2pt solid #b19706; font-size: 120%; color: #fff; font-family: "trebuchet ms", arial; font-weight: bold;line-height: 25px}
#sub-bar-nav a, #sub-bar-nav a:visited, #sub-bar-nav a:hover, #sub-bar-nav a:link{background: #17355d; font-size: 115%; color: #fff; font-family: "trebuchet ms", arial; }
#main-content-sub {padding: 0; background: #fff; float: right; width: 600px; margin-right: 20px;display: inline;position: relative;}
#main-content-sub h1 {padding-top: 50px; font-size:172%; color: #b19706; font-family: "trebuchet ms", arial; margin-bottom: 10px;}
#main-content-sub .tag2h2 {font-size:132%; color: #0e3144; font-family: "trebuchet ms", arial; padding-bottom: 5px; border-bottom: 1pt solid #f7db7f; margin-bottom: 20px;}
#main-content-sub h2 {font-size:132%; color: #0e3144; font-family: "trebuchet ms", arial; padding-bottom: 5px; border-bottom: 1pt solid #f7db7f; margin-bottom: 20px;}
#main-content-sub h3 {font-size:120%; color: #0e3144; font-family: "trebuchet ms", arial;  padding-bottom: 10px; border-bottom: 1px solid #f7db7f; margin-bottom: 20px;}
#main-content-sub p {margin:0 0 1.5em;line-height:1.5em;word-spacing:0.05em;font-size:100%;}
#main-content-sub p a {font-weight: bold;}
#main-content-sub p ul  a {font-weight: bold;}
#main-content-sub ul, #main-content-sub ol {margin:0em 0em 0em;}
#main-content-sub ul ul, #main-content-sub ol ol, #main-content-sub ul ol, #main-content-sub ol ul {margin-top:0;margin-bottom:0;}
#main-content-sub ul li, #main-content-sub ol li {line-height:1.5em;word-spacing:0.05em;font-size: 90%;}
#main-content-sub ul {list-style:none;margin: 0em 2em 1em;}
#main-content-sub ul li {color: #000; padding-left:15px;background:url(../../images/blue-bullet.gif) no-repeat 2px .25em;}
#main-content-sub dt, #main-content dd {font-size:107%;}
#main-content-sub dt {margin:0em 0em 0.5em;font-weight:bold;color:#444;}
#main-content-sub dd {margin:0.5em 2em 2em;}

#main-content-sub div.centerImage {margin:1em 0;}
#main-content-sub div.centerImage img {border:1px solid #ccc;}
#main-content-sub div.centerImage a {text-decoration:none;}
#main-content-sub div.centerImage span {display:block;width:120px;margin-left:200px;text-align:center;margin-bottom:0.5em;}

#products-nav a {color: #17355d; text-decoration: none; padding: 3px; background: transparent; }
#products-nav a:hover {color: #134368; text-decoration: underline; padding: 3px; background: #e6f1f9;}
#products-nav p a {font-weight: bold; color: #b19706; }
#products-nav p ul  a {font-weight: bold; color: #17355d;}
#products-nav ul, #main-content-sub ol {margin:1em 3em 1em;}
#products-nav ul ul, #main-content-sub ol ol, #main-content-sub ul ol, #main-content-sub ol ul {margin-top:0;margin-bottom:0;}
#products-nav ul li, #main-content-sub ol li {line-height: 1.75em;word-spacing:0.05em;font-size: 90%;}
#products-nav ul {list-style:none;margin:1em  13px 1em;float: left;width: 214px;}
#products-nav ul li {color: #17355d;margin: 0 0 5px;line-height: normal; padding-left:15px;float: left;width: 199px;background:url(../../images/blue-bullet.gif) no-repeat 2px .4em;}
#products-nav ul li a {line-height: normal;}
#products-nav ul li a:hover {text-decoration: none;}

.yellow {padding: 30px 0 0 10px; display: block;font-size:120%;color: #b19706; font-family: "trebuchet ms", arial; font-weight: bold; }

#side-content {padding: 20px; float: right; width: 220px;}
#side-content address {padding-top: 20px; text-align: center; color: #001d2c; font-family: "trebuchet ms", arial; font-weight: bold; background: url(../../images/address-bg2.jpg) no-repeat top center; height: 170px;}
#side-content address strong {color: #b19706; font-family: "trebuchet ms", arial; }
#side-content .tagh2 {padding-bottom: 10px; border-bottom: 1px solid #f7db7f;}

#side-content-sub {padding: 10px; background: #fff; float: left; width: 220px; }
#side-content-sub address {padding-top: 10px; text-align: center; color: #001d2c; font-family: "trebuchet ms", arial; font-weight: bold; background: url(../../images/address-bg2.jpg) no-repeat top center; height: 170px;}
#side-content-sub address strong {color: #b19706; font-family: "trebuchet ms", arial; }
#side-content-sub h2{ padding-bottom: 10px; border-bottom: 1px solid #f7db7f;}

#products-nav {width: 220px;overflow: hidden; float:left;}


#logos-footer {clear:both; height: 80px; background: #fff; color: #000; padding: 0px; }


#footer {clear:both; height: 80px; background: #122a4a; color: #000; padding: 10px; border-top: 2px solid #b19706;}
#menubottom {text-align: center; height: 15px; color: #fff; padding: 10px; }
#menubottom a {font-size: 85%; font-family: arial, sans-serif; color: #decb6d; text-decoration: underline;}
#footer p {text-align: center; color: #fff; font-size:80%;}
#footer p a {color: #decb6d; text-decoration: underline;}



/***************************NEW*********************************************/
@font-face {
	font-family:'Lato-Regular';
	src: url('../fonts/Lato-Regular_gdi.eot');
	src: url('../fonts/Lato-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Regular_gdi.woff') format('woff'),
		url('../fonts/Lato-Regular_gdi.ttf') format('truetype'),
		url('../fonts/Lato-Regular_gdi.svg#Lato-Regular') format('svg');
	font-style: normal;
	font-stretch: normal;
}


.logo_head
{
	width:45%;
	float:left;
}
.cse-branding-right .cse-branding-form {
    background:#002D44 none repeat scroll 0 0;
    float: left;
    margin-right: 0 !important;
    padding: 9px;
}
#header .cse-branding-right {
    padding: 0px 0 0 !important;
}
.call_no p
{
	font:13px 'Lato-Regular';
	color:#828282;
}
.call_no {
    float: right;
	margin-top: 10px;
}

.call_no span
{
	font:bold 17px 'Lato-Regular';
	color:#B79C17;
}
.price-table td {
    font-size: 13px;
}


/*contact-pge*/
.cont-frm .frm-fields label {
    width: 20%;
    float: left;
    margin: 5px 0px;
}
.cont-frm .frm-fields input {
    float: left;
    width: 65%;
    margin: 5px 0px;
}
.cont-frm .survey-lst {
    clear: both;
    width: 100%;
    float: left;
    margin: 0px 0px 20px;
}
.cont-frm .survey-lst p{
	width: 100%;
}
.cont-frm .survey-lst ul {
    float: left;
    width: 100%;
    margin: 0px!important;
    padding: 0px!important;
}
.cont-frm .survey-lst ul li {
    list-style-type: none!important;
    background: none!important;
    float: left;
    padding: 5px !important;
    width: calc(85%/5);
}
.cont-frm .survey-lst ul li:hover {
    background: #FFCC66!important;
}
.cont-frm textarea {
    width: 85%;
}
.survey-cmt p {
    margin: 10px 0px!important;
}
.survey-lst p, .people-opt  p, .req-btn  {
    padding: 0px!important;
}


.quote-frm .survey-lst ul li:nth-child(even) {
    width: 70%;
}
.quote-frm .survey-lst ul li:nth-child(odd) {
    width: 21%;
}
.quote-frm .survey-cmt {
    clear: both;
    margin: 20px 0px!important;
    float: left;
    width: 100%;
}
.quote-frm .frm-fields {
    clear: both;
    width: 100%;
}
.quote-frm p.req-btn {
    clear: both;
    float: right;
    margin: 10px 0 !important;
    text-align: center;
    width: 100%;
}
.quote-frm .people-opt label {
    width: 46%;
    float: left;
    margin: 5px 0px;
}
.quote-frm .people-opt input {
    float: left;
    width: 9%;
    margin: 5px 0px;
}
.center_div
{
	margin:0 auto;
	width:91%;
	display:block;
}


/***************************************/
.eca_reg
{
	width:100%;
	
}
.e_reg_clear
{
	width:100%;
}
.clear_new
{
	clear:both;
}
.eca_reg li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    list-style: outside none none;
    text-align: left;
}
.width_table_1
{
	width:60%;
	float:left;
}
.eca_reg_2 li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    list-style: outside none none !important;
    padding: 4px 0 !important;
}
.eca_reg span {
    float: left;
    padding:7px 1px;
}
.eca_reg font 
{
	line-height:11px;
}
.hover_a:hover {
    color: #b19706;
    text-decoration: none;
}
.input_name_width
{
	width:30% !important;
}
.evval_reg_base label
{
	font-size:16px !important;
	float: left;
    margin: 5px 0;
    width: 25% !important;
	line-height: 12px;
}
.eval_clear_re
{
	clear:both;
}
