.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: blockm; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
@media screen {
.hide { text-indent: -9999px; }
/* Use this trick to make elements invisible in CSS-enabled browsers. The element will be visible to users of text browsers, screen readers, etc. The number is randomly chosen as one considered big enough to always keep the object hidden off the screen. */

img { border: 0; display: block; }
/* Use this trick to make all images render as block-level elements rather than inline elements. Because block-level elements exist in their own box and are followed by a carriage return. Also declare all image borders as 0 here so we don't have to add the code into all image tags. */
.inline { display: inline; }
/* Use this trick for images that we DO want to display inline */

html { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: 500; background: #fff url(../images/background.gif) top repeat-x; text-align: center; }
/* Restating stuff for html as stated in body: an IE 6.0 fix from xml.com. */
/* Text align left: IE6 Windows bug fix. */

/* Coding short forms: Always clockwise starting at the top: top, right, bottom, left. But, if vertical and horizontal margins are the same, you can group them: top-bottom then left-right. */

body { font-size: 80%; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: 500; text-align: center; }
/* Font choices: Tahoma because it was created for online use. Arial for old Windows systems. Helvetica for old Unix systems. Multi-name fonts must be enclosed in quotations. */

p, td, ul, ol, li { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000; }
/* Be kind to Netscape 4: Old browsers fail to understand inheritance so we must be more specific for them. */

#wrapper { margin: auto; width: 980px; text-align: center; }
#container { border: #666 solid 1px; background: #F9FAFE; padding: 0; text-align: left; }
#navigation, #navigation_bottom { position: relative; background: #0A8AB7 url(../images/background_navigation.jpg) top repeat-x; text-align: center; padding: 1px 0; }
#slogan { position : relative; background: #fff url(../images/background_banner.jpg) top center no-repeat; height: 170px; }
#logo { position: absolute; top: 30px; left: 40px; width: 235px; height: 95px; z-index: 0; background: #fff url(../images/logo.jpg) top center no-repeat; }
#middle { position : relative; background: #fff url(../images/background_grey.gif) top repeat-x; overflow: hidden; }
#content_full { position : relative; clear: both; width : 95%; background: transparent; padding: 0 20px 20px 20px; vertical-align: text-top; }
#content_left { width: 245px; background: transparent url(../images/divider.jpg) top right repeat-y; padding: 10px 20px; min-height: 430px; margin-bottom: 10px; }
#content_right { width: 635px; float: right; vertical-align: text-top; background: transparent; margin-right: 26px; padding-bottom: 20px; }
#footer { position : relative; background: transparent; text-align: center; padding: 5px; }
h1 { text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; border: 0; } /* The Phark trick - Displays a text version of the company name offscreen for text readers. Visual browsers see the logo instead. */
h1 a:link, h1 a:visited { display: block; width: 235px; height: 95px; background: url(../images/logo.jpg) top center no-repeat; }
h2, h3, h4, h5 { color: #333; }
a { text-decoration: underline; }
a:link { color: #026992; }
a:visited { color: #333; }
a:hover { color: #6cf; }
a:active { color: #6cf; }
/* Must use this order LVHA: Link, Visited, Hover, Active. Or some browsers will ignore one or another of them. */

#navigation a, #navigation li { list-style: none; display: inline-block; padding: 8px 22px; color: #fff; text-decoration: none; text-transform: none; }
/* Padding without OUR CLIENTS 0 30px */

#navigation_bottom a, #navigation_bottom li { list-style: none; display: inline; padding: 0 16px; color: #fff; text-decoration: none; }
#navigation a:hover, #navigation_bottom a:hover { color: #6ff; }
#navigation_left { border: solid 1px #0a8ab7; padding: 0; margin-bottom: 40px; }
#navigation_left a, #navigation_left li, #navigation_left_2 a, #navigation_left_2 li { text-decoration: none; font-weight: normal; list-style: square; padding: 5px 3px; }
#navigation_left a:hover, #navigation_left_2 a:hover { background-color: #e2fafa; color: #026992; padding: 5px 3px; }
#navigation_left h2, #navigation_left_2 h2 { color: #fff; font-size: 115%; background: #0a8ab7; padding: 3px; margin-top: 0; }
#navigation_left p { color: #666; padding: 5px 0 20px 0; }
h4.background { color: #fff; background: #0a8ab7; padding: 3px; }
ol li, ul li { padding-bottom: .75em; vertical-align: text-top; }
ul li, ul.condensed li { list-style: square; }
ol.condensed li, ul.condensed li { padding-bottom: 0; vertical-align: text-top; }
#content_right ul.note_condensed li { font-size: 90%; color: #026992; padding-bottom: 0; vertical-align: text-top; list-style: square; }
li.indent { margin-left: 15px; }
#content_right p.passagetext { font-size: 110%; }
#content_right p.description { font-size: 110%; }
#content_right p.about { color: #026992; }
#content_right p.permission { font-size: 90%; color: #026992; }
#content_right p.note, #content_right span.note, #content_full span.note, #content_full a.note { font-size: 90%; color: #026992; text-decoration: none; }
span.highlight-note { color: #ff3535; }
#content_right p.note-import, #content_right span.note-import, #content_full span.note-import, #content_full a.note-import { font-size: 90%; color: #ff3535; text-decoration: none; }
#navigation_left span.note { font-size: 90%; }
#content_right li a.bullet, #content_right li a.bullet:hover, #content_right li a.bullet:visited { text-decoration: none; color: #000; }
#slogan p { color: #fff; }
#slogan p.slogan_1 { padding: 35px 100px 0 120px; font-size: 150%; font-weight: bold; color: #cff; text-align: center; }
#slogan p.slogan_1 a { text-decoration: none; color: #cff; }
#slogan p.slogan_1 a:hover { color: #fff; }
#slogan p.slogan_2 { padding: 0 260px 0 290px; font-size: 130%; font-weight: normal; color: #fff; text-align: center; }
#slogan p.slogan_2 a { text-decoration: none; color: #fff; font-weight: normal; }
#slogan p.slogan_2 a:hover { color: #cff; }
#content_right h2 span.title { color: #026992; font-size: 80%; }
#content_right h2 span.title a { text-decoration: none; }
#content_right h3.line { background: url(../images/divider_horizontal.jpg) top left repeat-x; padding-top: 5px; }
#content_right h3 a { text-decoration: none; color: #333; }
#content_right h3 a:hover { color: #6cf; }
#content_right li a.note { text-decoration: underline; }
#testimonial { background: #e2fafa; padding: 10px; text-align: center; margin-bottom: 20px; }
#customers { background: #fff; padding: 8px; text-align: center; border: #026992 dotted 1px; margin-bottom: 20px; }
#testimonial h2, #customers h2 { color: #000; font-size: 90%; font-weight: bold; text-align: left; }
#testimonial p, #customers p { color: #026992; font-size: 85%; text-align: left; }
#testimonial p.signature, #testimonial span.signature, table.logos tr td span.signature { font-style: italic; }
img.logo { border: 0; display: inline; padding: 10px 0; }
img.logo-client { border: 0; display: inline; }
table.logos tr td { width: 50%; border: 0; vertical-align: top; }
table.logos tr td p.logo-para { text-align: left; }
table.logos tr td p.signature { color: #026992; text-align: left; padding: 0 20px 20px 0; }
img.framed { border: #999 solid 3px; display: inline; margin: 3px; }
p.centred { text-align: center; }
#content_right p.calltoaction, #content_left p.calltoaction { text-decoration: none; color: #3b5375; margin-bottom: 40px; }
div.message { float: right; clear: both; width: 280px; margin: 10px 0 20px 20px; background: #e4e6ea; padding: 10px; }
div.message p { color: #060; }
div.message h3, div.message p { text-size: 80%; text-align: center; color: #090; }
div.saying { float: right; width: 260px; margin: 5px; font-size: 115%; color: #666; }
div.saying-left { float: left; width: 130px; }
div.saying-right { float: right; width: 115px; }
#test_of_day { float: right; clear: both; width: 245px; margin: 10px 0 20px 20px; background: #e4e6ea; padding: 10px; }
#test_of_day h3, #test_of_day p { text-size: 80%; text-align: center; color: #026992; }
div.note { float: right; width: 245px; margin: 10px 0 20px 20px; background: #e4e6ea; padding: 10px; }
div.highlighted { float: right; font-size: 100%; width: 300px; margin-left: 5px; background: #e4e6ea; padding: 10px; }
span.intro { font-weight: bold; color: #3b5375; }
#footer p.slogan { color: #069; }
span.copyright { font-size: 85%; }
span.copyright a { text-decoration: none; color: #000; }
span.copyright a:hover { color: #026992; }
#quickview { float: right; width: 250px; margin-left: 10px; }
#quickview p { text-align: center; }
table tr td.quickview_heading { font-weight: normal; color: #026992; text-align: right; }
#quickview p.print a { text-align: center; font-size: 90%; color: #999; text-decoration: none; }
table { width: 100%; }
table tr td { font-size: 90%; vertical-align: top; padding: 4px; border: 1px dotted #ccc; }
table tr.heading td { font-weight: bold; font-size: 100%; color: #026992; }
table tr td.section { font-weight: bold; color: #fff; font-size: 100%; background: #0a8ab7; }
table tr.heading td a, table tr.heading td a:visited { color: #026992; }
table tr.heading td a:hover { color: #6cf; }
table tr td.title { font-size: 100%; width: 200px; }
table.form tr td, table.admin tr td { font-size: 100%; vertical-align: top; padding: 4px; border: 1px dotted #ccc; }
table.form tr td.heading, p.heading, table.admin tr td.heading, p.heading { color: #026992; text-align: left; }
table.sample { width: 550px; }
table.sample tr td { font-size: 100%; vertical-align: top; padding: 4px; border: 0px; }
table.sample tr td.survey_number { font-weight: bold; width: 15px; }
table.sample tr td.survey_question { font-weight: bold; }
table.sample tr td span.survey_type { font-weight: normal; color: #026992; }
table.sample tr td.bordered { border: 1px dotted #ccc; }
.top { font-size: 85%; text-align: right; }
hr { display: block; clear: all; margin: -0.66em 0; visibility: hidden; }
}
 @media print {
.hide { text-indent: -9999px; }
/* Use this trick to make elements invisible in CSS-enabled browsers. The element will be visible to users of text browsers, screen readers, etc. The number is randomly chosen as one considered big enough to always keep the object hidden off the screen. */

img { border: 0; display: block; }
/* Use this trick to make all images render as block-level elements rather than inline elements. Because block-level elements exist in their own box and are followed by a carriage return. Also declare all image borders as 0 here so we don't have to add the code into all image tags. */
.inline { display: inline; }
/* Use this trick for images that we DO want to display inline */

html { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: 500; background: #fff url(../images/background.gif) top repeat-x; text-align: center; }
/* Restating stuff for html as stated in body: an IE 6.0 fix from xml.com. */
/* Text align left: IE6 Windows bug fix. */

/* Coding short forms: Always clockwise starting at the top: top, right, bottom, left. But, if vertical and horizontal margins are the same, you can group them: top-bottom then left-right. */

body { font-size: 80%; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: 500; text-align: center; }
/* Font choices: Tahoma because it was created for online use. Arial for old Windows systems. Helvetica for old Unix systems. Multi-name fonts must be enclosed in quotations. */

p, td, ul, ol, li { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000; }
/* Be kind to Netscape 4: Old browsers fail to understand inheritance so we must be more specific for them. */

#wrapper { margin: auto; width: 700px; text-align: center; }
#container { padding: 0; text-align: left; }
#navigation, #navigation_bottom { display: none; }
#slogan { display: none; }
#logo { position: absolute; top: 30px; left: 40px; width: 235px; height: 95px; z-index: 0; background: #fff url(../images/logo.jpg) top center no-repeat; }
#middle { position : relative; background: #fff url(../images/background_grey.gif) top repeat-x; overflow: hidden; }
#content_full { position : relative; clear: both; width : 95%; background: transparent; padding: 0 20px 20px 20px; vertical-align: text-top; }
#content_left { display: none; }
#content_right { width: 635px; float: right; vertical-align: text-top; background: transparent; margin-right: 26px; padding-bottom: 20px; }
#footer { position : relative; background: transparent; text-align: center; padding: 5px; }
#credit { display: none; }
h1 { text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; border: 0; } /* The Phark trick - Displays a text version of the company name offscreen for text readers. Visual browsers see the logo instead. */
h1 a:link, h1 a:visited { display: block; width: 235px; height: 95px; background: url(../images/logo.jpg) top center no-repeat; }
h2, h3, h4, h5 { color: #333; }
a { text-decoration: underline; }
a:link { color: #026992; }
a:visited { color: #333; }
a:hover { color: #6cf; }
a:active { color: #6cf; }
/* Must use this order LVHA: Link, Visited, Hover, Active. Or some browsers will ignore one or another of them. */

#navigation a, #navigation li { list-style: none; display: inline; padding: 0 30px; color: #fff; text-decoration: none; text-transform: uppercase; }
#navigation_bottom a, #navigation_bottom li { list-style: none; display: inline; padding: 0 15px; color: #fff; text-decoration: none; }
#navigation a:hover, #navigation_bottom a:hover { color: #6ff; }
#navigation_left a, #navigation_left li, #navigation_left_2 a, #navigation_left_2 li { text-decoration: none; font-weight: normal; list-style: square; }
#navigation_left h2, #navigation_left_2 h2 { color: #fff; font-size: 115%; background: #0a8ab7; padding: 3px; }
#navigation_left p { color: #666; padding: 5px 0 20px 0; }
h4.background { color: #fff; background: #0a8ab7; padding: 3px; }
ol li, ul li { padding-bottom: .75em; vertical-align: text-top; }
ul li, ul.condensed li { list-style: square; }
ol.condensed li, ul.condensed li { padding-bottom: 0; vertical-align: text-top; }
#content_right ul.note_condensed li { font-size: 90%; color: #026992; padding-bottom: 0; vertical-align: text-top; list-style: square; }
li.indent { margin-left: 15px; }
#content_right p.passagetext { font-size: 110%; }
#content_right p.description { font-size: 110%; }
#content_right p.about { color: #026992; }
#content_right p.permission { font-size: 90%; color: #026992; }
#content_right p.note, #content_right span.note, #content_full span.note, #content_full a.note { font-size: 90%; color: #026992; }
#navigation_left span.note { font-size: 90%; }
#content_right li a.bullet, #content_right li a.bullet:hover, #content_right li a.bullet:visited { text-decoration: none; color: #000; }
#slogan p { color: #fff; }
#slogan p.slogan_1 { padding: 35px 100px 0 120px; font-size: 150%; font-weight: bold; color: #cff; text-align: center; }
#slogan p.slogan_1 a { text-decoration: none; color: #cff; }
#slogan p.slogan_1 a:hover { color: #fff; }
#slogan p.slogan_2 { padding: 0 260px 0 290px; font-size: 130%; font-weight: normal; color: #fff; text-align: center; }
#slogan p.slogan_2 a { text-decoration: none; color: #fff; font-weight: normal; }
#slogan p.slogan_2 a:hover { color: #cff; }
#content_right h2 span.title { color: #026992; font-size: 80%; }
#content_right h2 span.title a { text-decoration: none; }
#content_right h3.line { background: url(../images/divider_horizontal.jpg) top left repeat-x; padding-top: 5px; }
#content_right h3 a { text-decoration: none; color: #333; }
#content_right h3 a:hover { color: #6cf; }
#content_right li a.note { text-decoration: none; }
#testimonial { background: #e2fafa; padding: 10px; text-align: center; margin-bottom: 20px; }
#customers { background: #fff; padding: 8px; text-align: center; border: #026992 dotted 1px; margin-bottom: 20px; }
#testimonial h2, #customers h2 { color: #000; font-size: 90%; font-weight: bold; text-align: left; }
#testimonial p, #customers p { color: #026992; font-size: 85%; text-align: left; }
#testimonial p.signature, #testimonial span.signature { font-style: italic; }
img.logo { border: 0; display: inline; padding: 10px 0; }
table.logos tr td { border: 0; vertical-align: middle; text-align: center; }
img.framed { border: #999 solid 3px; display: inline; margin: 3px; }
p.centred { text-align: center; }
div.saying { float: right; width: 260px; margin: 5px; font-size: 115%; color: #666; }
div.saying-left { float: left; width: 130px; }
div.saying-right { float: right; width: 115px; }
div.note { float: right; width: 245px; margin: 10px 0 20px 20px; background: #e4e6ea; padding: 10px; }
div.highlighted { float: right; font-size: 100%; width: 300px; margin-left: 5px; background: #e4e6ea; padding: 10px; }
span.intro { font-weight: bold; color: #3B5375; }
#footer a:hover { color: #069; }
#footer p.slogan { color: #069; }
span.copyright { font-size: 85%; }
span.copyright a { text-decoration: none; }
#quickview { float: right; width: 250px; margin-left: 10px; }
#quickview p { text-align: center; }
table tr td.quickview_heading { font-weight: normal; color: #026992; text-align: right; }
#quickview p.print a { text-align: center; font-size: 90%; color: #999; text-decoration: none; }
table { width: 100%; }
table tr td { font-size: 90%; vertical-align: top; padding: 4px; border: 1px dotted #ccc; }
table tr.heading td { font-weight: bold; font-size: 100%; color: #026992; }
table tr td.section { font-weight: bold; color: #fff; font-size: 100%; background: #0a8ab7; }
table tr.heading td a, table tr.heading td a:visited { color: #026992; }
table tr.heading td a:hover { color: #6cf; }
table tr td.title { font-size: 100%; width: 300px; }
table.form tr td, table.admin tr td { font-size: 100%; vertical-align: top; padding: 4px; border: 1px dotted #ccc; }
table.form tr td.heading, p.heading, table.admin tr td.heading, p.heading { color: #026992; text-align: left; }
table.sample { width: 550px; }
table.sample tr td { font-size: 100%; vertical-align: top; padding: 4px; border: 0px; }
table.sample tr td.survey_number { font-weight: bold; width: 30px; }
table.sample tr td.survey_question { font-weight: bold; }
table.sample tr td span.survey_type { font-weight: normal; color: #026992; }
table.sample tr td.bordered { border: 1px dotted #ccc; }
.top { font-size: 85%; text-align: right; }
hr { display: block; clear: all; margin: -0.66em 0; visibility: hidden; }


}
/*home-page css*/
#navigation_bottom ul{padding:0;}
#navigation li a#home, #navigation_bottom li a#home_2 {
	font-weight:bold;
	}

#navigation a#home:hover, #navigation_bottom a#home_2:hover {
	color: #fff;
}
div.saying {
	width:297px;
}
div.saying-right {
	width:147px;
}
#test_of_day {
	float:right;
	clear:both;
	width:280px;	
	margin:10px 0 20px 20px;
	background: #e4e6ea;
	padding: 10px;
}
div.fb-like-box {
	float:right;
	clear:both;
	data-width:292px;
	data-height:200px;
	border: #026992;
	background:#fff;
	margin:0 0 20px 20px;
}

/*home css ends*/
/*surver S css*/
#navigation li a#surveys, #navigation_bottom li a#surveys_2, #navigation_left li a#surveys-about {
	font-weight:bold;
	}

#navigation a#surveys:hover, #navigation_bottom a#surveys_2:hover {
	color: #fff;
}
#navigation_left a#surveys-about:hover {
	color: #026992;
}
/*surver E css*/
/*test S css*/
#navigation li a#tests, #navigation_bottom li a#tests_2, #navigation_left li a#tests-about {
	font-weight:bold;
	}

#navigation a#tests:hover, #navigation_bottom a#tests_2:hover {
	color: #fff;
}
#navigation_left a#tests-about:hover {
	color: #026992;
}
/*test E css*/

/*about -cod */
#navigation li a#about-cod, #navigation_bottom li a#about-cod_2, #navigation_left li a#about-cod-about {
	font-weight:bold;
	}

#navigation a#about-cod:hover, #navigation_bottom a#about-cod_2:hover {
	color: #fff;
}
#navigation_left a#about-cod-about:hover {
	color: #026992;
}

/*about-cod*/
/*clients-css*/

#navigation li a#about-cod, #navigation_bottom li a#about-cod_2, #navigation_left li a#about-our_clients {
	font-weight:bold;
	}

#navigation a#about-cod:hover, #navigation_bottom a#about-cod_2:hover {
	color: #fff;
}
#navigation_left a#about-our_clients:hover {
	color: #026992;
}
/*clients-css*/

/*contact-css*/
.contact_success { padding: 12px; border: 1px dotted #026992; color: #026992; font-size: 12pt; margin-bottom: 15px; background-color: #E2FAFA;}
.contact_failure { padding: 12px; border: 1px dotted #DF6F6F; color: #DF3737; font-size: 12pt; margin-bottom: 15px; background-color: #FF9F9F;}
.highlight-note { color: #ff3535; }
.asterisk,.frmError,.frmError_small { color: #ff3535; font-weight: bold; }
.asterisk { margin-left: 3px; }
.frmError { margin-left: 14px; visibility: hidden; }
.frmError_small { margin: 3px; display: none; font-size: 8pt; }
<!-- 
#navigation li a#contact, #navigation_bottom li a#contact_2, #navigation_left li a#contact-about {
	font-weight:bold;
	}

#navigation a#contact:hover, #navigation_bottom a#contact_2:hover {
	color: #fff;
}
#navigation_left a#contact-about:hover {
	color: #026992;
}

#content_left {
	margin-bottom: 450px;
}
div.saying-left {
	width:110px;
}
span.highlight {
	color:#026992;
}
/*contact-css*/


/* innerpages css*/
#navigation li a#about-cod, #navigation_bottom li a#about-cod_2, #navigation_left li a#about-hr_articles {
	font-weight:bold;
	}

#navigation a#about-cod:hover, #navigation_bottom a#about-cod_2:hover {
	color: #fff;
}
#navigation_left a#about-hr_articles:hover {
	color: #026992;}
 
 #navigation li a#tests, #navigation_bottom li a#tests_2, #navigation_left li a#tests-search {
    font-weight:bold;
    }
#navigation a#tests:hover, #navigation_bottom a#tests_2:hover {
    color: #fff;
}
#navigation_left a#tests-search:hover {
    color: #026992;
}
#navigation li a#tests, #navigation_bottom li a#tests_2, #navigation_left li a#tests-search {
	font-weight:bold;
	}
#navigation a#tests:hover, #navigation_bottom a#tests_2:hover {
	color: #fff;
}
#navigation_left a#tests-search:hover {
	color: #026992;
}
 #navigation li a#tests, #navigation_bottom li a#tests_2, #navigation_left li a#tests-new {
	font-weight:bold;
	}

#navigation a#tests:hover, #navigation_bottom a#tests_2:hover {
	color: #fff;
}
#navigation_left a#tests-new:hover {
	color: #026992;
}
#navigation li a#tests, #navigation_bottom li a#tests_2, #navigation_left li a#tests-faqs {
	font-weight:bold;
	}

#navigation a#tests:hover, #navigation_bottom a#tests-faqs_2:hover {
	color: #fff;
}
#navigation_left a#tests:hover {
	color: #026992;
}
#navigation li a#tests, #navigation_bottom li a#tests_2, #navigation_left li a#tests-list {
	font-weight:bold;
	}
#navigation a#tests:hover, #navigation_bottom a#tests_2:hover {
	color: #fff;
}
#navigation_left a#tests-list:hover {
	color: #026992;
}
#navigation li a#tests, #navigation_bottom li a#tests_2, #navigation_left li a#tests-articles {
	font-weight:bold;
	}

#navigation a#tests:hover, #navigation_bottom a#tests_2:hover {
	color: #fff;
}
#navigation_left a#tests-articles:hover {
	color: #026992;
}
#navigation li a#tests, #navigation_bottom li a#tests_2, #navigation_left li a#tests-choose {
	font-weight:bold;
	}

#navigation a#tests:hover, #navigation_bottom a#tests_2:hover {
	color: #fff;
}
#navigation_left a#tests-choose:hover {
	color: #026992;
}
#navigation li a#surveys, #navigation_bottom li a#surveys_2, #navigation_left li a#surveys-reports {
	font-weight:bold;
	}

#navigation a#surveys:hover, #navigation_bottom a#surveys_2:hover {
	color: #fff;
}
#navigation_left a#surveys-reports:hover {
	color: #026992;
}

#navigation li a#surveys, #navigation_bottom li a#surveys_2, #navigation_left li a#surveys-formats {
	font-weight:bold;
	}

#navigation a#surveys:hover, #navigation_bottom a#surveys_2:hover {
	color: #fff;
}
#navigation_left a#surveys-formats:hover {
	color: #026992;
}

#navigation li a#contact, #navigation_bottom li a#contact_2, #navigation_left li a#contact-about {
	font-weight:bold;
	}

#navigation a#contact:hover, #navigation_bottom a#contact_2:hover {
	color: #fff;
}
#navigation_left a#contact-about:hover {
	color: #026992;
}

#navigation li a#about-cod, #navigation_bottom li a#about-cod_2, #navigation_left li a#about-our_services {
	font-weight:bold;
	}

#navigation a#about-cod:hover, #navigation_bottom a#about-cod_2:hover {
	color: #fff;
}
#navigation_left a#about-our_services:hover {
	color: #026992;
}
#navigation li a#about-cod, #navigation_bottom li a#about-cod_2, #navigation_left li a#about-links {
	font-weight:bold;
	}

#navigation a#about-cod:hover, #navigation_bottom a#about-cod_2:hover {
	color: #fff;
}
#navigation_left a#about-links:hover {
	color: #026992;
}
 /*innerpages css */


.phone-number {
  position: absolute;
  right:27px;
}
.slogan_2 br{display:none;}
#wrapper hr{display:none;}

.highlighted .saying-right{float:right;width:195px;font-weight:bold;font-size:110%;}
.btn{background:#0DA3D6; border:0; color:#fff; padding:7px 10px; text-transform:uppercase; font-weight:bold; cursor:pointer; -webkit-appearance:button ; appearance:button ; -moz-appearance:button ; -o-appearance:button ;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } 
.btn:hover{background:#0a8ab7; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
.privacy-policy #content_right,.site-map #content_right{width:100%; margin:0 auto; padding:10px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
#navigation > ul >li {position:relative;}
#navigation > ul > li ul {
  background: none repeat scroll 0 0 #f5f5f5;
  color: #000000;
  left: 0;
  min-width: 260px;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: left;
  z-index: 9;
  display:none;
  
}
#navigation > ul {
  margin:0;
  padding: 0;
}
#navigation > ul >li ul li{display:block; padding:5px 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
#navigation > ul >li ul li:hover{ background:#0C98C9; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
#navigation > ul >li ul li:hover a{color:#fff;}
#navigation > ul >li ul li a{color:#000;}
#navigation > ul >li:hover ul{display:block; }
#navigation > ul > li > a{text-transform:uppercase;}

 @media only screen and (max-width:980px) {
      .phone-number {right:10px; top:10px;}
     *{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
#wrapper { width: 100%;   }
#navigation >ul >li { display: inline-block; padding:12px 0; width: 16%; }
#navigation ul { padding: 0; }
#navigation li a { padding: 0; display: block; }
#content_left { width: 30%; float:left; }
#testimonial {width: 100%; }
#middle{width:100%; overflow:inherit;}
#content_right {
  margin: 0;
  padding: 10px;
  width: 70%;
}
#slogan p.slogan_1 {
  padding: 55px 10px 0 0;
  text-align: right;
  width: 100%;
}
#slogan p.slogan_2 {
  margin: 0 auto;
  padding: 0 10px 10px 0;
  width: 100%;
  text-align:right;
}
#slogan {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#036a93+0,19a2c2+100 */
background: rgb(3,106,147); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(3,106,147,1) 0%, rgba(25,162,194,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(3,106,147,1) 0%,rgba(25,162,194,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(3,106,147,1) 0%,rgba(25,162,194,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036a93', endColorstr='#19a2c2',GradientType=0 ); /* IE6-9 */
; height:auto;
}
#content_right ul{padding:0 0 0 10px;}
img.logo{width:100%;}
#navigation_bottom ul{padding:0;}
#navigation_bottom a, #navigation_bottom li{padding:0;}
 #navigation_bottom li{ display: inline-block; padding: 0 10px; }
 p img.inline {
  padding: 0 0 0 0 !important;
  margin-bottom:10px;
}
#logo {
    position: absolute;
    top: 50%;
    margin-top:-47px;
}
#navigation_bottom li a{display:block !important;}

table.logos tr {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  text-align: center;
}
img.logo-client {
  border: 0 none;
  display: block;
  width: 100%;
}
table.logos tr td p.signature {
  padding: 0 0px 10px 0;
  text-align: center;
}
table.logos tr td p.logo-para{text-align:center;}
table.logos tr td{display:inline-block; padding:0 5px;}
.highlighted div.saying-left {
  margin: 0;
  width: 27%;
}
img.framed{display:block; margin:0; width:100%;}




}

 @media only screen and (max-width:979px) {
     .slogan_2 br{display:block;}
     div.note{float:none; margin:0 auto; width:100%;}
    #contactform table tr td.section{width:100%; display:inline-block;}
     #contactform table tr td{width:75%; display:inline-block;}
     #contactform table tr td.heading{width:24%; display:inline-block;}
      textarea#comments {width: 100%;}
     }
 @media only screen and (max-width:800px) {
div.saying {
  float: none;
  width: 100% !important;
}
div.saying-right{float:left; padding-left:10px; width:70% ; padding-top:10px;}
div.saying-right br{display:none;}
#test_of_day{float:none; width:100%; margin:0;}
#middle{margin-bottom:20px;}
div.highlighted{width:100%; float:none;}
.highlighted .saying-right1{float:left; padding-left:10px; width:70% ; padding-top:10px;}
#content_right img{width:100%;}
#content_right .print a img {
  margin: 0;
  vertical-align: middle;
  width: auto;
}
#content_right table img {width:auto;}
#content_right .note img{width:auto;}


 }
 
  @media only screen and (max-width:768px){
       div.saying.clearfix,#test_of_day,.fb-like-box.fb_iframe_widget{display:none;}
       #content_right h2{font-size:16px;}
       
      }

 @media only screen and (max-width:767px) {
     /*mobile menu*/
  #slogan{margin-top:55px;}   
     
.main-menu { width: 100%; float: left; }
.toggleMenu { display: none; background: #666; padding: 10px 15px; color: #fff; }
a.meanmenu-reveal { display: none; }
.mean-container .mean-bar { float: left; width: 100%; position: relative; background:url("../images/background_navigation.jpg") repeat-x scroll center top #0a8ab7; padding: 4px 0; min-height: 42px; z-index: 999999; }
.mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; }
.mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; }
.mean-container .mean-nav { float: left; width: 100%; background: #ededed; margin-top: 44px; }
.mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; }
.mean-container .mean-nav ul li { position: relative; float: left; width: 100%; list-style:none; padding:0; }
.mean-container .mean-nav ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; font-size: 11px; display: block; float: left; width: 100%; padding: 10px 10px; margin: 0; text-align: left; color: #000; border-top: 1px solid #383838; border-top: 1px solid rgba(255,255,255,0.5); text-decoration: none;}
.mean-container .mean-nav ul li a:hover { background: #0da8d8; color: #fff; }
.mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 32px; height: 32px; padding:0 !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; background: rgba(255,255,255,0.1); border: none !important; border-left: 1px solid rgba(255,255,255,0.4) !important; border-bottom: 1px solid rgba(255,255,255,0.2) !important; line-height: 32px; }
.mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0,0,0,0.9); }
.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; }
.mean-nav .wrapper { width: 100%; padding: 0; margin: 0; }
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.mean-remove { display: none !important; }
/*mobile menu*/
#logo{left:10px; top:50%; margin-top:-50px;}
img.logo{width:100%;}
#content_left,#content_right{float:none; width:100%; min-height:inherit; clear:both;}
img.logo{width:auto; display:block;}
.p-tag p{display:none;}
#middle {
  margin-bottom: 0;
}
#contactform tr:last-child td {
  width: 100%; text-align:center;
}
#content_left{margin-bottom:0; background:none !important;}
#content_right > img{width:100%;}
table.sample{width:100%;}
textarea{width:100%;}
div.highlighted{margin-left:0;}
.listing-table {overflow-x:scroll; width:100%;}
.listing-table table{width:800px; overflow-x:scroll;}
#content_right .print a img {
  margin: 0;
  vertical-align: middle;
  width: auto;
}
#navigation > ul >li{padding:0;}
.frmError{display:block; margin:0;}
 }
 
  @media only screen and (max-width:640px) {
       #content_right h2{font-size:14px;}
       #content_right p{font-size:12px;}
       span.intro{font-size:13px;}
       #navigation_bottom li{padding:0 5px;}
       #quickview{float:none; width:100%;}
  }


  @media only screen and (max-width:639px) {
      #logo{position:static; margin:0 10px 10px; }
      h1 a:link, h1 a:visited{background:none;}
      #slogan{padding:10px 0 10px;}
      #slogan p.slogan_1,#slogan p.slogan_2{padding:0; text-align:center; margin:0;}
      #slogan p.slogan_1 br,#slogan p.slogan_2 br{display:none;}
      img.logo{width:100%;}
      #footer > p a{display:block;}
      /*div.note {  margin: 0 auto;  width: 100%; overflow:auto;}
      div.note table{width:480px;}*/
      table tr td{font-size:11px;}
      table.logos tr{width:100%; display:block;}
     #contactform table tr td.heading,#contactform table tr td{width:100%; border:0;}
     #contactform table tr td input{width:100%;}
     .btn{width:auto !important; padding:7px;}
     #contactform table tr td input[type=checkbox] {
  width: auto;
}
     select{width:100%;}
     table.sample tr td{padding:0;}
     
     table.sample tr td{text-align:justify; box-shadow:none; width:100%; margin:0 auto; font-size:13px;} 
      table.sample.sample-formats tr td{width:auto !important;}
      table.sample.sample-formats tr td.survey_number{width:20px !important;}
      .listing-table table tr td {font-size:11px;}
      
  }
  
    @media only screen and (max-width:480px) { div.saying-right {
  font-size: 12px;
  line-height: 20px;
  text-align: justify;
  width: 50%;
}
#navigation_bottom li{padding:0 5px; font-size:11px;}


}
    @media only screen and (max-width:479px) {
        #logo{position:static; margin:0 auto 10px; }
        .phone-number { text-align:center; width:100%; position:static;}
        .phone-number img{margin:0 auto;}
        #slogan p.slogan_1{font-size:16px; line-height:23px;}
        #slogan p.slogan_2{font-size:14px; line-height:18px; padding:0 10px;}
        #navigation_bottom li{padding:0 5px; font-size:12px; width:24%;}
        
        }
    
        @media only screen and (max-width:360px) {
       
        #slogan p.slogan_1{font-size:12px; line-height:20px;}
        #slogan p.slogan_2{font-size:11px; line-height:15px;}
        
        }
         @media only screen and (max-width:360px) {
          #navigation_bottom li{padding:0 5px; font-size:12px; width:48%;}
    
         }