/* generated by webcreate.com */
html, body {margin: 0; padding: 0; text-align:center;}
#pagewidth {width: 100%; text-align:left; margin-left:auto; margin-right:auto; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#maincol {width:100%; float: left; position: relative;}
.pagehd {padding: 0px 0px 0px 20px; font-size: 14px; color: #000; font-weight: bold; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px;}
/* Right Col */
#righttcol {float: right; display:inline; position: relative; width:195px; display: none;}
.rcol-cont {padding: 40px 35px 0px 20px; line-height: 17px; font-size: 12px; display: none; }
.rcol-cont2 {padding: 15px 35px 0px 20px; line-height: 17px; font-size: 12px; }
#righttcol-cont {width:195px; padding: 20px 19px 10px 28px; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 15px; display: none;}
/* End Right Col */
.rcol3img {display: none; }
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
.clearing:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearing { display: inline-block; clear: both; }
/* hides from IE/Mac \*/
* html .clearing { height: 1%; }
.clearing { display: block; }
/* end hide from IE-Mac */
/*** end clearing hack ***/
.twocol { float: left;}
.lcol { float: left; margin-left: 6px; display: none;}
.lcol-content {padding: 40px 0 0 8px; }
.rcol { float: left; width: 100%; margin-left: -6px;}
/* link style headers */
a:link {color: #333; text-decoration: underline;}
a:visited {color: #333; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none; background-color: #C1131B;}
a.body:link {color: #333; text-decoration: none; border-bottom: 1px solid #C1131B; }
a.body:visited {color: #333; text-decoration: none; text-decoration: none; border-bottom: 1px solid #C1131B;}
a.body:hover {color: #fff; text-decoration: none; background-color: #C1131B;}
a.pagehdlink:link { color: #fff; text-decoration: none;}
a.pagehdlink:visited { color: #fff; text-decoration: none; }
a.pagehdlink:hover { color: #C9E130; text-decoration: none; }
a.promolink:link { color: #000; text-decoration: none;}
a.promolink:visited { color: #000; text-decoration: none; }
a.promolink:hover { color: #D21A21; text-decoration: none; }
a.footerlink:link { color: #ccc; text-decoration: none;}
a.footerlink:visited { color: #ccc; text-decoration: none; }
a.footerlink:hover { color: #fff; text-decoration: underline; }
/* Top Nav 1 */
#navBar1 { margin-left: 14px; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; letter-spacing: 1px; display: none; }
#navBar1 ul { padding: 0; margin: 0; list-style: none; }
#navBar1 ul li { float: left; font-weight: bold; display: block; font-size: 10pt; margin-right: 3px; margin-top: 0px; }
#navBar1 ul li a { text-decoration: none; color: #fff; }
#navBar1 ul li a:hover { text-decoration: none; color: #C9E130; background-color: transparent;}
#navBar1 li.tab_2off a { color: #fff; padding: 8px 0px 0px 0px; width: 116px; background: url(../img/topnav/btn-tn-link.gif) no-repeat; float:left; font-weight:bold; display:block; text-align: center; height: 40px;}
#navBar1 li.tab_2off a:hover { color: #C9E130; padding: 8px 0px 0px 0px; width: 116px; background: url(../img/topnav/btn-tn-link-bck.gif) no-repeat; }
#navBar1 li.tab_2on { color: #fff; padding: 0px 0px 0px 0px; width: 116px; background: url(../img/topnav/btn-tn-linkactive.gif) no-repeat; float:left; font-weight: bold; text-align: center; height: 40px; }
#mainNav1 {height:40px; }
#subNav1 { height: 20px; padding-left: 175px !important; padding-top: 12px; padding-right:0px !important;}
#subNav1 li a {font-size: 10pt; padding:2px 20px;}
#subNav1 li.selected {background-image:none 0 0; }
/* End Top Nav 1 */
/* Subnav*/
#subnav {margin: 10px 0 0 14px; height: 20px; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #999; width: 711px; text-align: right; display: none; }
#subnav-index {margin: 10px 0 0 14px; height: 20px; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #999; width: 711px; text-align: right; }
/* end Subnav */
/*left navigation*/
#nav-menu-left {margin-top: 52px; font-size: 10pt; font-weight: bold; color: #666;}
#nav-menu-left ul { list-style: none; padding-top: 0; margin: 0; padding-left: 0px;}
#nav-menu-left li {float: left; margin: 0em; padding: 0; text-align: left; }
#nav-menu-left li a {line-height: 16px; float: left; width: 137px; text-decoration: none; text-align: left; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; padding: 8px 0 8px 0; display: block; border-bottom: 1px dashed #3F3F3F;}
#nav-menu-left li.first a {line-height: 16px; float: left; width: 137px; text-decoration: none; text-align: left; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; padding: 8px 0 8px 0; display: block; border-bottom: 1px dashed #3F3F3F; border-top: 1px dashed #3F3F3F;}
#nav-menu-left li.first a:hover {line-height: 16px; float: left; width: 137px; color: #fff; text-decoration: none; text-align: left; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; padding: 8px 0 8px 0; display: block; border-bottom: 1px dashed #3F3F3F; background-color: #D21A21;}
#nav-menu-left li a:hover {line-height: 16px; float: left; width: 137px; color: #fff; text-decoration: none; text-align: left; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; padding: 8px 0 8px 0; display: block; border-bottom: 1px dashed #3F3F3F; background-color: #D21A21;}
#nav-menu-left li.currentfirst a {line-height: 16px; float: left; width: 137px; color: #858585; text-decoration: none; text-align: left; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; padding: 8px 0 8px 0; display: block; border-bottom: 1px dashed #3F3F3F; border-top: 1px dashed #3F3F3F; background-color: #eee;}
#nav-menu-left li.currentfirst a:hover {line-height: 16px; float: left; width: 137px; color: #fff; text-decoration: none; text-align: left; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; padding: 8px 0 8px 0; display: block; border-bottom: 1px dashed #3F3F3F; background-color: #D21A21;}
#nav-menu-left li.current a {line-height: 16px; float: left; width: 137px; color: #858585; text-decoration: none; text-align: left; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; padding: 8px 0 8px 0; display: block; border-bottom: 1px dashed #3F3F3F; background-color: #eee;}
#nav-menu-left li.current a:hover {line-height: 16px; float: left; width: 137px; color: #fff; text-decoration: none; text-align: left; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; padding: 8px 0 8px 0; display: block; border-bottom: 1px dashed #3F3F3F; background-color: #D21A21;}
/* End Left Nav */
/* Index */
.indexcol-hd { background-color: #424242; text-align: center; font-size: 12px; color: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; height: 20px; border-bottom: 1px solid #fff; width: 211px; display: block; }
.indexcol-illustr { height: 165px; border-bottom: 1px solid #fff; }
.indexcol-cont { padding: 15px 8px 0 8px; font-size: 11px; color: #333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }
a.indexcol-hd:link { background-color: #424242; text-align: center; padding-top: 4px; font-size: 12px; color: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #fff; text-decoration: none; }
a.indexcol-hd:visited { background-color: #424242; text-align: center; padding-top: 4px; font-size: 12px; color: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #fff; text-decoration: none;}
a.indexcol-hd:hover { background-color: #1D1D1D; text-align: center; padding-top: 4px; font-size: 12px; color: #C9E130; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #fff; text-decoration: none;}
/* End Main Content */
/* Main Content */
#maincont { color: #000; padding: 0px 0px 0px 0px; width: 100%; min-height: 575px; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.bld {font-weight: bold;}
.bg_pagecont {font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 17px;}
.cont2-hd { padding: 2px 4px 2px 5px; background-color: #4A4A4A; font-size: 11px; color: #fff; font-weight: bold; border-bottom: 2px solid #849900; margin-bottom: 12px; }
.smgrtextbld {color: #333; font-size: 10px; font-weight: bold;}
.smgrtext {color: #333; font-size: 10px; }
.copyright {color: #666; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.conthd1 {color: #333; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding-bottom: 6px; }
.cont3-hd { padding: 2px 4px 2px 5px; background-color: #849900; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; font-weight: bold; border-bottom: 2px solid #B4B4B4; margin-bottom: 12px; }
/* End Main Content */
/* forms */
input { background-color: #eee; border: 1px solid Gray; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 2px;}
textarea { background-color: #eee; border: 1px solid Gray; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 2px;}
.btn { background-image: url(../img/bg_btn.gif); border: 2px solid #B7171D; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; padding: 2px; height: 24px; background-repeat : no-repeat; }
.td-lc {padding: 3px 5px 5px 0; text-align: right; }
.td-rc {padding: 3px 0px 5px 2px; text-align: left; }
/* end forms */
/* Footer */
#footer { height: 71px; clear:both; margin-top: 0px; background-image : url(../img/bg_footer.jpg); display: none; }
.footer-content {color: #eee; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 28px 35px 0 25px;}
.footer-copy {color: #eee; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0px;}
.footer-nav {color: #eee; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0px 0px 6px 0px;}
/* End Footer */
/* Promo Containers */
#promocontainer1 {line-height: 14px; float: left; color: #333; text-decoration: none; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; padding: 10px; display: block; border: 1px solid #849900;}
.promocontainer2 {
background-image: url(../img/../img/bg_rm.gif);
background-repeat: no-repeat;
padding-bottom: 8px;
color: #000;
font-size: 11px;
font-weight: normal;
line-height: 1.5em;
background-color: #ECECEC;
display: none;
}
.promocontainer3 { background-image: url(../img/bg_tag.jpg); background-repeat: no-repeat; width: 200px; height: 215px; color: #000; font-size: 13px; font-weight: bold; float: right; margin: 0 0 10px 15px; }
.promocontainer3text { padding: 40px 10px 5px 13px; line-height: 1.3em; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;}
.promocontainer4 { background-image: url(../img/bg_tag2.jpg); background-repeat: no-repeat; width: 200px; height: 215px; color: #fff; font-size: 13px; font-weight: bold; float: right; margin: 0 0 10px 15px; }
.promocontainer5 { background-image: url(../img/bg_tag3.jpg); background-repeat: no-repeat; width: 200px; height: 215px; color: #fff; font-size: 13px; font-weight: bold; float: right; margin: 0 0 10px 15px; }
.promocontainer6 { background-image: url(../img/bg_tag4.jpg); background-repeat: no-repeat; width: 200px; height: 215px; color: #000; font-size: 13px; font-weight: bold; float: right; margin: 0 0 10px 15px; }
.promocontainer7 { background-image: url(../img/bg_tag5.jpg); background-repeat: no-repeat; width: 200px; height: 215px; color: #000; font-size: 13px; font-weight: bold; float: right; margin: 0 0 10px 15px; }
.promocontainer8 { background-image: url(../img/bg_tag6.jpg); background-repeat: no-repeat; width: 200px; height: 215px; color: #000; font-size: 13px; font-weight: bold; float: right; margin: 0 0 10px 15px; }
.promocontainer9 { background-image: url(../img/bg_tag7.jpg); background-repeat: no-repeat; width: 200px; height: 215px; color: #000; font-size: 13px; font-weight: bold; float: right; margin: 0 0 10px 15px; }
.promohead2 {color: #fff; background-color: #849900; font-size: 12px; font-weight: bold; height: 19px; text-align: center; padding: 1px 0px 0px 0px;}
.promotext1 {color: #2E2E2E; font-size: 12px; line-height: 1.6em; font-weight: bold;}
#quoterequestbox { display: block; border: 1px solid #849900; padding: 3px; display: none;}
#quoterequestbox a {background-image: url(../img/icon_quote.gif); background-repeat: no-repeat; color: #333; font-weight: bold; text-decoration: none; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; display: block; padding: 0px 0 0 30px; height: 23px; line-height: 23px; display: none; }
#quoterequestbox a:hover { background-image: url(../img/icon_quote_x.gif); background-repeat: no-repeat; color: #fff; text-decoration: none; text-align: left; display: block; background-color: #C4141C; display: none;}
#morelinkbox { display: block; padding: 3px;}
#morelinkbox a {background-image: url(../img/arr1.gif); background-repeat: no-repeat; color: #333; font-weight: bold; text-decoration: none; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; display: block; padding: 0px 0 0 40px; height: 31px; line-height: 31px; }
#morelinkbox a:hover { background-image: url(../img/arr1_x.gif); background-repeat: no-repeat; color: #333; text-decoration: none; text-align: left; display: block; background-color: #FFDE00;}
#morelinkbox2 { display: block; padding: 3px;}
#morelinkbox2 a {background-image: url(../img/arr2.gif); background-repeat: no-repeat; color: #333; font-weight: bold; text-decoration: none; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; display: block; padding: 0px 0 0 40px; height: 31px; line-height: 31px; }
#morelinkbox2 a:hover { background-image: url(../img/arr1_x.gif); background-repeat: no-repeat; color: #333; text-decoration: none; text-align: left; display: block; background-color: #C6FFA1;}
#morelinkbox3 { display: block; padding: 3px;}
#morelinkbox3 a {background-image: url(../img/arr3.gif); background-repeat: no-repeat; color: #333; font-weight: bold; text-decoration: none; text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; display: block; padding: 0px 0 0 40px; height: 31px; line-height: 31px; }
#morelinkbox3 a:hover { background-image: url(../img/arr1_x.gif); background-repeat: no-repeat; color: #333; text-decoration: none; text-align: left; display: block; background-color: #AFECFF;}
/* End Promo Containers */
/* web dev */
.table-dev {width: 100%; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.td-hd-vert {
margin:0;
padding:2;
text-align:center;
vertical-align: middle;
border-bottom-color: White;
border-bottom-style: solid;
border-bottom-width: 3px;
width: 29px;
}
.td-item1 {
margin:2px;
padding: 4px 4px 4px 15px;
text-align:left;
background-color: #D2EAFF;
vertical-align: middle;
border-bottom-color: White;
border-bottom-style: solid;
border-bottom-width: 3px;
}
.td-item2 {
margin:2px;
padding: 4px 4px 4px 15px;
text-align:left;
background-color: #FFE3C3;
vertical-align: middle;
border-bottom-color: White;
border-bottom-style: solid;
border-bottom-width: 3px;
}
.td-item3 {
margin:2px;
padding: 4px 4px 4px 15px;
text-align:left;
background-color: #CEEDCD;
vertical-align: middle;
border-bottom-color: White;
border-bottom-style: solid;
border-bottom-width: 3px;
}
.td-item4 {
margin:2px;
padding: 4px 4px 4px 15px;
text-align:left;
background-color: #FFDCD1;
vertical-align: middle;
border-bottom-color: White;
border-bottom-style: solid;
border-bottom-width: 3px;
}
.hd2 { color: #333333; padding: 8px 0px 0px 15px; background: url(../img/bg_hd2.gif) no-repeat; font-weight:bold; display: block; height: 41px; font-size: 13px; }
/* Portfolio */
#basic-accordian {z-index:2;}
.accordion_child {padding: 15px 0px 10px 30px; background: #fff; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
#portfolio-header { }
#portfolio-content { }
.portfolio-hd {padding: 1px 0px 3px 30px; font-size: 13px; color: #000; font-weight: bold; border-bottom: 2px solid #fff; cursor: pointer; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; background: url(../img/btn_port_down_off.gif) no-repeat #F0F0F0; background-position: left;}
.portfolio-hd:hover {padding: 1px 0px 3px 30px; font-size: 13px; color: #fff; font-weight: bold; border-bottom: 2px solid #fff; cursor:pointer; background: url(../img/btn_port_down.gif) no-repeat #000; background-position: left; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;}
.header_highlight { border-bottom: 2px solid #07ADE1; color: #fff; text-transform : uppercase; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 1px; background: url(../img/btn_port_down_on.gif) no-repeat #4A4A4A; background-position: left; }
.tableprojectdesc {width: 100%;}
.tdprojectdesc { vertical-align: top; }
.tdprojectdescimage { vertical-align: top; width: 217px; padding-left: 10px; }
.portfolio-highlights {font-weight: bold; padding-bottom: 0px; }
.portfolio-ul {list-style-image: url(../img/list1.gif); margin-left: 15px; padding-left: 0px;}
#portfolio-btn { display: block;}
#portfolio-btn a {background-image: url(../img/btn-portfolio.gif); background-repeat: no-repeat; color: #666; font-weight: bold; text-decoration: none; text-align: center; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; display: block; height: 20px; width: 101px; padding-top: 2px; }
#portfolio-btn a:hover {background-image: url(../img/btn-portfolio_x.gif); background-repeat: no-repeat; color: #fff; font-weight: bold; text-decoration: none; text-align: center; font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; display: block; height: 20px; width: 101px; padding-top: 2px; }
/* end Portfolio */