@charset "UTF-8";
/* CSS Document */

html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	width:100%;
}
body {
	padding: 0;
	margin: 0;
	background: #ffffff url(/_Flintco/images/tile_horizontal.gif) repeat-x top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	width:100%;
	line-height:20px;
}

img { border:none; }
p { margin-top: 0; margin-bottom: 1em; }
ul { margin-left: 1em; margin-bottom: 1em; }

a { color:#006787; text-decoration:underline; }
a:hover { text-decoration:none; color:#8eb031; }

sup { font-size:5px!important; }

h1 sup {font-size:7px!important; }

/* -- STRUCTURE -- */

#container { margin:0 auto; }
#wrap { background: #fff; width: 800px; margin: 0 auto 0 auto; }
#header { width:800px; margin:0 auto; }

/* -- NAVIGATION -- */

#nav { margin:0; padding:0; width: 800px; margin: 0 auto ; }
#nav img { border:none; }
#nav ul { padding: 0; margin: 0; list-style-type: none; }
#nav ul li { float: left; display: inline; position: relative; z-index: 9; }
#nav ul li ul { position: absolute; top: 25px; left: 0; background: #E8E8E8; width: 200px; }
#nav ul li ul li { width: 200px; }
#nav ul li ul li a { color: #000000; font-size:11px; padding: 2px 20px; display: block; text-decoration: none; line-height: 16px; }
#nav ul li ul li:hover a { color: #FFFFFF; background: #DE5E1E; text-decoration: none; }

#nav li ul { display: none; }
#nav li:hover ul, #nav li.over ul { display: block; z-index: 10px; } 

/* -- CONTENT -- */

#content { margin:0 auto; width:800px; background:#fff; }
#left { width:395px; }
#left_content { padding-bottom:50px; padding-left: 30px; padding-right: 20px;}
#left_content ul { padding-left: 12px; }
#right { text-align: right; width: 405px; padding-top: 60px; }
#right-home { text-align: center; width: 405px; padding-top: 67px; padding-bottom: 30px; }
#right_content { text-align: left; float: right; margin-right: 30px; margin-left: 10px; }
#right_safety { width:367px; background-image:url(/_Flintco/images/img_safety.jpg); }

.column { float: left; }
.column2 { float: right; }

/*---- INDEX ---*/
 
 #index_copy {
	font-size:12px;
	line-height:18px;
	color:#000;
	margin:10px;
	width:360px;
	padding-top:60px;
}
.index_header {
	color:#000;
	font-size:20px;
}
#index_right {
	padding-left:50px;
}

/* footer */

.yellow_note {
	font-weight:bold;
	color:#d0a54a;
	padding:20px 0 10px 30px;
	clear:both;

}

#footer {
	clear:both;
	text-align:center;
	color:#666;
	padding-bottom:20px;
	padding-top:15px;
	font-size: 10px;
	
	margin: 0 auto 0 auto;
	background: url(/_Flintco/images/stripes.gif) repeat-x top left;
}
#footer a {
	color:#666;
	text-decoration:none;
}
#footer a:hover {
	color:#000000;
}

#footer_top {
	background: #9ca95f;
	padding: 10px 30px;
	margin: 0 auto 15px auto;
	text-align:center;	
	color:#ffffff;
}
#footer p {
	width:800px;
}

#footer ul
{
	margin: 0;
	padding: 0;
}
#footer ul li {
	display:inline;
}
#footer_index {
	clear:both;
	text-align:center;
	color:#000;
	padding-bottom:20px;
	padding-top:5px;
}
#footer_index a:hover {
}
#footer_index p {
}
#footer_index ul li {
	display:inline;
}
/* ----- various classes ---- */

.about_txt {
	color:#00a386;
	font-size:13px;
}
.about_title {
	color:#FFF;
	background:#00a386;
	padding:0 3px 0 3px;
	line-height:10px;
	font-size:13px;
}
.service_txt {
	color:#3f2582;
	font-size:13px;
}
.service_title {
	color:#FFF;
	background:#3f2582;
	padding:0 3px 0 3px;
	line-height:10px;
	font-size:13px;
}
.safety_txt {
	color:#d4be1a;
	font-size:13px;
}
.safety_title {
	color:#FFF;
	background:#d4be1a;
	padding:0 3px 0 3px;
	line-height:10px;
	font-size:13px;
}
.zero_txt {
	color:#0a578e;
	font-size:13px;
}
.zero_title {
	color:#FFF;
	background:#0a578e;
	padding:0 3px 0 3px;
	line-height:10px;
	font-size:13px;
}
.offices_txt {
	color:#685c53;
	font-size:13px;
}
.offices_title {
	color:#FFF;
	background:#685c53;
	padding:0 3px 0 3px;
	line-height:10px;
	font-size:13px;
}
.careers_txt {
	color:#0091B5;
	font-size:13px;
}
.careers_title {
	color:#FFF;
	background:#0091B5;
	padding:0 3px 0 3px;
	line-height:10px;
	font-size:13px;
}
.experience_txt {
	color:#de5e1e;
	font-size:13px;
}
.experience_title {
/*color:#FFF;
	background:#de5e1e;
	padding:0 3px 0 3px;
	line-height:10px;
	font-size:13px;*/
	
}
.contact_txt {
	color:#aacae6;
	font-size:13px;
}
.contact_title {
	color:#FFF;
	background:#aacae6;
	padding:0 3px 0 3px;
	line-height:10px;
	font-size:13px;
}
.news_txt {
	color:#9e1b32;
	font-size:13px;
}
.news_title {
	color:#FFF;
	background:#9e1b32;
	padding:0 3px 0 3px;
	line-height:10px;
	font-size:13px;
}
.light_aqua {
	color:#60c8b7;
	font-size:12px;
}
.light_purple {
	color: #8880b5;
	font-size:12px;
}
.light_yellow {
	color:#e4d878;
	font-size:12px;
}
.light_blue {
	color:#6699bc;
	font-size:12px;
}
.light_sky {
	color:#cadff1;
	font-size:12px;
}
.light_orange {
	color:#ea9d7b;
	font-size:12px;
}
.light_gray {
	color:#a19c9a;
	font-size:12px;
}
.light_cyan {
	color:#60bcd3;
	font-size:12px;
}
.light_magenta {
	color:#c37586;
	font-size:12px;
}
.footer_about {
	background:#00a386;
}
.footer_services {
	background:#3f2582;
}
.footer_safety {
	background:#d4be1a;
}
.footer_zero {
	background:#0a578e;
}
.footer_experience {
	background:#de5e1e;
}
.footer_contact {
	background:#aacae6;
}
.footer_offices {
	background:#685c53;
}
.footer_careers {
	background:#0091b5;
}
.footer_news {
	background:#9e1b32;
}
h1 {
	font-size:25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #006787;
	font-weight: normal;
	line-height:30px;
	margin:0;
	padding:60px 0 20px 0;
}
h2 {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin:0;
}
h3 {
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	line-height:30px;
	margin:0;
	padding:60px 0 10px 0;
}
h4 {
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	line-height:30px;
	margin:0;
	padding:60px 0 10px 0;
}
h5 {
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	line-height:30px;
	margin:0;
	padding:60px 0 10px 0;
}
h6 {
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	line-height:30px;
	margin:0;
	padding:60px 0 10px 0;
}
.h7 {
	font-size:30px;
	color:#0091B5;
	font-weight:lighter;
	line-height:30px;
	margin:0;
	padding:60px 0 10px 0;
}
h8 {
	font-size:30px;
	color:#de5e1e;
	font-weight:lighter;
	line-height:30px;
	margin:0;
	padding:60px 0 10px 0;
}
h9 {
	font-size:30px;
	color:#aacae6;
	font-weight:lighter;
	line-height:30px;
	margin:0;
	padding:60px 0 10px 0;
}
.h10 {
	font-size:30px;
	color:#9e1b32;
	font-weight:lighter;
	line-height:30px;
	margin:60px 0 10px 0;
}
/*---- Self-Clearing Elements ----*/

.column:after, #header:after, #footer_about:after, #index_copy:after, #wrap:after, #content:after,  .column2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*-----  pop ups -------*/

.ads {
	padding:5px;
	margin-right:5px;
}
#myDiv {
	margin:0 auto;
	left:20%;
	top: 40%;
}
#myDiv img {
	padding:30px;
	background:#FFFFFF;
}
.closeit {
	background:#ffffff;
	padding:4px;
	font-size:12px;
	text-align:right;
	margin:20px 0 0 0;
}
.adframe {
	border:solid 1px #d4d4d4;
	padding:5px;
	margin-right:5px;
	background-color:#ffffff;
}
/*------  experience   ------*/

.experience_img {
	padding-bottom:10px;
	padding-top:10px;
	padding-right:20px;
	text-align:right;
}
.experience_img img {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 5px;
}
.experience_img a {
	line-height: 12px !important;;
	
}
.experience_img a:hover {
	
}
#thumbnails {
	/*margin-top:60px;*/
}
#thumbnails a {
	font-weight:normal;
	font-size:12px;
}
#right_office_map {
	text-align: center;
	width: 405px;
	padding-top: 67px;
}

.exp_right {
	background: #e7d2a5;
	padding-bottom: 80px;
	text-align:right;
	margin-right: 45px;
}
.white_text {
	background: #c8ab65 url(/_Flintco/images/gradient_quote.jpg) repeat-x left bottom;
	color:#ffffff;
	font-size:14px;
	line-height:24px;
	padding:0 30px 30px 30px;
	text-align:left;
	font-style: italic;
	font-family:Arial, Helvetica, sans-serif;
}

.white_text strong
{
	line-height: 12px !important;
	font-size: 12px !important;
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */