* { margin:0; padding:0; }
html { min-height: 100%; margin-bottom: 1px; }
/* general page structure and layout */
body { font-family:Arial, Helvetica, sans-serif; color:#fff; margin:12px 0 0; text-align:center; letter-spacing: -0.02px; padding-top: 0; padding-bottom: 0; }
p { font-size: 12.5px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 300; line-height: 17px; }
b { color: #666; font-weight: 700; margin: 0; padding: 0; }
.page_wrap {
/* includes the header, main body content and the footer */
margin:0 auto; width:780px; text-align:center; padding: 5px 0 0; border: solid 1px #d3d3d3; }
.header { background-image: url(/strataflex/img/header-strat.gif); background-repeat: no-repeat; background-attachment: scroll; text-align: left; position:relative; left: 0; padding:5px 0 0 ; width:780px; height: 78px; margin: 0 !important; }
.navbar { padding:0 0 0 20px; width:500px !important; width:742px; height:20px; text-align:left; color:#000000; font-size:0.75em; background-image: none; background-position: 0 0; position: absolute; top: 50px; max-width: 500px; margin: 0 !important; }
.container { background-color: transparent; position:relative; margin:0; padding:2px 0 0; width:760px !important; width:742px; text-align:left; }
.left_column { color: #fff; background-image: url(/strataflex/img/left_nav_bg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0 0 0 38px; padding: 0; position: absolute; left: 0; width: 150px; height: 340px; float: left; }
.left_column p { color: #ffc; font-size: 12px; line-height: 16px; margin: 0; padding: 0; }
.left_column a { color: #ffc; margin: 0; padding: 0; }
.left_column h4 { color: #ffc; margin: 0; padding: 0; }
.solutions_column { color: #000; position:relative; width: 750px; min-height:350px; height:auto !important; height:auto; margin: 0 0 0 60px; padding: 0; }
.psolutions { margin: 0 0 0 10px; padding: 0; }
.psolutions a { margin: 0 0 0 10px; padding: 0; }
.center_column { color: #000; margin-left: 200px; padding-left: 15px; position: relative; width: 500px; height: auto !important; clear: both; min-height: 350px; }
.center_column p { color: #666; margin: 0 0 8px; padding: 0; }
.center_column a { color: #d78100; text-decoration: underline; }
.center_column a:hover { color: #a9a9a9; text-decoration: none; }
.iastyle1 { color: #696969; font-size: 117%; font-weight: 700; font-style: italic; }
.iastyle2 { color: #696969; font-size: 100%; font-weight: 700; font-style: italic; }
.footer { position:relative; margin:25px 0 0; padding:10px 0; width:780px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#c0c0c0; background:transparent; text-align:center; clear: both; display: block; }
.footer a { color: #c0c0c0; font-size: 11px; text-decoration: underline; }
.footer a:hover { color: #666; text-decoration: none; }
/* navigation bar */
#nav ul{ padding:0; margin: 0; white-space: nowrap; color:#666; font-size: 88%; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: uppercase; float:left; width:490px; list-style:none; }
#nav ul li{ display: block; color: #666; margin: 0; padding: 0; display:inline; list-style:none; }
#nav ul li a{ margin: 0.8em 0 0; padding: 0.4em 0.5em 0.46em; color:#666; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration:none; border-left:1px solid #ddd; }
#nav ul li a:hover{ color:#000000; background-color: #fc6; text-decoration:none; }
#navigation #currentpage a {
	background: #ffc;
	color: #333;
	}
/* fonts and colors */
h1 { color:#666; font-size:20px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 100; text-transform:capitalize; margin: 0 0 0.5em; padding: 0; }
h2 { color:#333; font-size:16px; text-transform:capitalize; font-weight:600; margin-bottom: 0.5em; }
h3 { color:#d78100; font-size:15px; text-transform:capitalize; font-weight:normal; margin-bottom: 0.25em; }
h4 { color: #666; font-size: 12.5px; font-weight: 600; text-transform: uppercase; margin-bottom: 0.25em; }
a { text-decoration:underline; margin: 0; padding: 0; }
a:hover {
color:#333;
text-decoration:none;
}
/* images */
.right2 { float: right; margin: 0; padding: 0; }
img { margin: 0; padding: 0; border:none; }
.left {
margin:0;
padding:0 0 15px;
}
.left_contact { color: #fff; position: relative; margin: 0; padding: 0 0 0.25em 0.6em; }
.left_indent { margin: 0; padding: 0 0 0.25em 0.6em; }
.leftpad { margin: 0 15px 0 0; padding: 0; float: left; }
.right { float:right; margin:0; padding:0 0 15px 15px; }
/* navigation left
*/
#navlist ul { font-size: 9.5px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 500; margin: 0; padding: 0; }
#navlist ul li { font-size: 9.5px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 500; width: 150px; margin: 0; padding: 0; list-style-type: none; display: inline; }
#navlist ul li a { color: #ffc; font-size: 9.5px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 500; text-decoration: none; margin: 0; padding: 0; display: block; border-top: 1px solid #fc9; padding: 3.9px 25px 3.9px 8px; text-transform: uppercase; }
#navlist ul li a:hover { color: #000; text-decoration: none; }
/* breadcrumbs */
.disclaimer { color: #c0c0c0; font-size: 10px; font-style: italic; line-height: 11.5px; text-align: left; width: 290px; }
.backlinks { color: #c0c0c0; font-size: 10px; text-align: left; list-style: none; position: relative; top: -5px; height: 13px; }
.backlinks a { color: #c0c0c0; font-size: 10px; list-style: none; height: 13px; }
.backlinks a:hover { color: #666; font-size: 10px; text-decoration: none; list-style: none; height: 13px; }
backlinks li { color: #c0c0c0; display: inline; }
/* workarounds and hacks */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* index layout */
.iheader { background-image: url(/strataflex/img/iheader.jpg); background-repeat: no-repeat; background-attachment: scroll; text-align: left; margin: 8px 0 0 14px !important; padding: 5px 0 0; position: relative; left: 0; width: 780px; height: 76px; clear: both; }
#ceelite_wrap { position: absolute; top: -30px; left: 50px; width: 333px; height: 351px; margin: 0; padding: 0; }
.div.ceelitebox1 { background-image: url(/strataflex/img/ceelite_01.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 333px; height: 319px; float: left; clear: both; margin: 0; padding: 0; }
div.ceelitebox2 { 
margin: 0; 
padding: 0; 
background-image: url(/strataflex/img/cbars.jpg); 
background-repeat: no-repeat; 
background-attachment: scroll; 
background-position: 0 -50px; 
position: relative; 
width: 333px; 
height: 32px; 
float: left; 
clear: both; 
}
div.ceelitebox2 a { background-image: url(/strataflex/img/cbars.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; display: block; }
div.ceelitebox2 a:hover { 
background-image: none; 
}
#strat_wrap { position: absolute; top: -30px; left: 396px; width: 333px; height: 351px; margin: 0; padding: 0; }
.stratbox1 { width: 333px; height: 319px; float: left; clear: both; }
div.stratbox2 { margin: 0; padding: 0; background-image: url(/strataflex/img/bars.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 -50px; width: 333px; height: 32px; float: left; }
div.stratbox2 a { background-image: url(/strataflex/img/bars.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; display: block; }
div.stratbox2 a:hover { background-image: none; }
/*center_col 
*/
.center_col_right { position: relative; width: 150px; margin: 0; padding: 0; }
.center_col_left { position: relative; width: 200px; float: left; margin: 0; padding: 0 25px 0 0; }
ul { color: #333; vertical-align: baseline; margin: 0 0 0 0; padding: 0; list-style: none url(../ceelite/img/listcirc.gif); }
ul li { list-style: none url(../ceelite/img/listcirc.gif); margin: 0 0 0 40px; vertical-align: baseline; padding-top: 0; padding-bottom: 0; padding-left: 0; }
div#links a span { display: none; }
div#links a:hover span {display: block;
   position: absolute; top: 60px; left: 0; width: 125px;
   padding: 5px 5px 15px; margin: 10px; z-index: 100;
   color: #ccc; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}
#links { font-size: 12.5px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; }
.contactbox { color: #666; background-color: #fff0a3; position: relative; width: 196px; clear: both; margin: 20px 0 0; padding: 8px; border-top: 2px solid #f1f1f1; display: block; }
.contactbox h3 { color: #f90; font-size: 80%; margin: 0 0 0.35em; padding: 0; }
.contactbox p { color: #666; font-size: 60%; line-height: 1.25em; margin: 0; padding: 0; }
dl { color: #666; font-size: 12.5px; list-style-position: outside; }
dt { color: #f90; font-size: 14px; font-weight: 600; margin-bottom: 0.35em; padding: 0; }
dd { color: #666; font-size: 12.5px; clear: both; margin-bottom: 1.25em; margin-left: 14.5px; }
.leftpress { text-align: left; margin: 0 5px 0 0; padding: 0; float: left; clear: both; border-style: none; display: block; }
.black { color: #333; }
/* navigation solutions
*/
#solutions ul { font-size: 9.5px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 500; margin: 0; padding: 0; }
#solutions ul li { font-size: 9.5px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 500; width: 150px; margin: 0; padding: 0; list-style-type: none; display: inline; }
#solutions ul li a { color: #ffc; font-size: 9.5px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 500; text-decoration: none; margin: 0; padding: 0; display: block; border-top: 1px solid #fc9; padding: 3.9px 25px 3.9px 8px; text-transform: uppercase; }
#solutions ul li a:hover { color: #000; text-decoration: none; }
.box_right { background-image: none !important; position:absolute; width: 1px; height: 360px; float: left; clear: both; border-bottom: 1px hidden #fff; display: inline;;
}
.leftsolutions { text-align: left; float: left; margin: 0 6px 0 0; padding: 0; }
.small { color: #f90; font-size: 9.5px; line-height: 14px; }
.footername1 { font-size: 11.5px; padding-right: 3px; }

