HTML { height: 100%; }
BODY { height: 100%; margin: 0; padding: 0; background-color: #fff; color: #444; font-size: 70%; font-family: Verdana, sans-serif; }
FORM { display: inline; }
LABEL { color: #000; font-size: 100%; font-family: Arial, sans-serif; }
INPUT, SELECT, TEXTAREA { color: #888; font-size: 100%; font-weight: normal; font-family: Arial, sans-serif; border-top: 1px solid #7c7c7c; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #dddddd; border-left: 1px solid #c3c3c3; }
INPUT { padding: 2px 3px; }
TEXTAREA { padding: 3px; overflow: auto; }
BR { clear: both; }
IMG { border: none; }
PRE { margin: 0; padding: 0; font-family: Verdana, sans-serif; }
P { margin: 13px 0; }
OL, UL { margin-top: 13px; margin-bottom: 13px; }
A { color: #cc0101; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }

H1 { margin: 0 0 13px; padding: 0; color: #000; font-size: 210%; font-family: Arial, sans-serif; font-weight: bold; line-height: normal; }
H2 { margin: 0 0 8px; padding: 0; color: #000; font-size: 150%; font-family: Arial, sans-serif; font-weight: bold; line-height: normal; }
H3 { margin: 0 0 13px; padding: 0; color: #000; font-size: 160%; font-family: Arial, sans-serif; font-weight: bold; line-height: normal; }
H4 { margin: 0 0 13px; padding: 0; color: #000; font-size: 130%; font-family: Arial, sans-serif; font-weight: bold; line-height: normal; }


/* === LAYOUT === */
#skipNav { position: absolute; left: -5000px; }
#page { width: 960px; margin: 0 auto; }
#content { float: left; width: 532px; min-height: 360px; line-height: 16px; }
#columnRight { float: right; width: 180px; }
#columnRight H2 { float: left; }
#columnRight LABEL { clear: both; display: block; margin: 0 0 5px; }
#columnRight INPUT { width: 172px; margin-bottom: 10px; }
#columnRight A.btnR { float: right; }


/* === HEADER === */
#header { height: 63px; background: url(../images/header/header.jpg) no-repeat right top; padding: 10px 0 0 3px; }
#header A.logo { float: left; width: 164px; height: 52px; background: url(../images/header/interactive_technologies.gif) no-repeat left top; font-size: 0; text-indent: -5000px; }
#header P { float: left; margin: -4px 0 0 70px; font-family: Arial, sans-serif; }
#header SPAN { margin: 0 7px; }
#header A { color: #000; text-decoration: none; }
#header A:hover { text-decoration: underline; }


/* === FOOTER === */
#footer { background: url(../images/layout/dotted_hor.gif) repeat-x left top; margin: 35px 0 0; padding: 8px 0 20px; color: #999; font-size: 100%; font-family: Arial, sans-serif; }


/* === MENU === */
#mainmenu { background: url(../images/header/menuitem_bg.gif) repeat-x left top; }
#mainmenu UL { width: 100%; background: url(../images/header/menuitem_home.gif) no-repeat left top; margin: 0; padding: 0; list-style: none; overflow: hidden; }
#mainmenu LI { float: left; }
#mainmenu A { float: left; min-height: 32px; background-image: url(../images/header/menuitem_active.gif); background-repeat: repeat-x; background-position: 0 100px; padding: 0 24px; color: #fff; font-size: 120%; font-family: Arial, sans-serif; font-weight: bold; line-height: 32px; text-decoration: none; }
#mainmenu A:hover { background-position: 0 0; }
#mainmenu A.home { width: 34px; height: 32px; background: none !important; padding: 0; font-size: 0; text-indent: -5000px; }
#mainmenu LI.active A, #mainmenu LI.active A:hover { background-position: 0 -91px; }

UL#menu { position: relative; float: left; width: 162px; margin: 0 42px 0 0; padding: 0; list-style: none; overflow: hidden; }
UL#menu LI { position: relative; top: -1px; background: url(../images/layout/dotted_hor.gif) repeat-x left top; padding: 3px 0 2px; }
UL#menu A { display: block; width: 146px; padding: 2px 5px; color: #000; font-size: 105%; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; border-left: 6px solid #ccc; }
UL#menu A:hover { color: #cc0101; }
UL#menu LI.active A { border-color: #cc0101; }

.breadcrumb { width: 940px; background: #e6e7e8 url(../images/layout/dotted_hor.gif) repeat-x left bottom; margin-bottom: 10px; padding: 7px 10px 6px; font-size: 100%; font-family: Arial, sans-serif; overflow: hidden; }
.breadcrumb P { float: left; margin: 0; }
.breadcrumb SPAN { margin: 0 3px; }
.breadcrumb A { color: #336699; text-decoration: none; }
.breadcrumb A:hover { color: #cc0101; }
.breadcrumb UL { float: right; margin: 0; padding: 0; list-style: none; }
.breadcrumb LI { float: left; }
.breadcrumb LI A { float: left; min-height: 14px; margin-left: 15px; color: #000; line-height: 14px; }
.breadcrumb LI A.lnkEmail { background: url(../images/header/ico_email.gif) no-repeat right center; padding-right: 22px; }
.breadcrumb LI A.lnkPrint { background: url(../images/header/ico_print.gif) no-repeat right center; padding-right: 21px; }


/* === BLOCKS === */
.ourservicesBlk { position: relative; width: 736px; margin-left: -204px; padding-top: 15px; }
.ourservicesBlk H3 { float: left; }
.ourservicesBlk DIV { float: left; width: 225px; padding-top: 8px; background: url(../images/layout/dotted_hor.gif) repeat-x left top; }
.ourservicesBlk DIV.center { margin: 0 30px; }
.ourservicesBlk H4 { float: left; margin: 3px 0 6px; font-size: 110%; }
.ourservicesBlk IMG { float: left; margin: 4px 13px 5px 0; border: 1px solid #a2958a; }

.promotionalBlk { position: relative; height: 140px; margin: 25px 0 40px; background-color: #e6e7e8; border: 1px solid #a3978c; }

.serviceBlk { width: 250px; margin-top: 25px; }
.serviceBlk H3 { float: left; margin: 0 0 15px; }
.serviceBlk IMG { float: left; width: 78px; margin: 4px 0 0; border: 1px solid #999; }
.serviceBlk P { float: right; width: 150px; margin: 0; }
.serviceBlk .icoNew { margin-top: 5px; }

.testimonialsBlk { clear: both; padding-top: 5px; }
.testimonialsBlk P { background: url(../images/layout/dotted_hor.gif) repeat-x left bottom; margin: 10px 0 0; padding: 0 0 12px 0; line-height: 16px; }
.testimonialsBlk P.last { background: none; }
.testimonialsBlk B { display: block; margin-top: 3px; font-size: 90%; text-align: right; }

.contactImg { float: left; }
.contactBlk { float: right; width: 300px; }
.contactBlk P { clear: both; }
.contactBlk P B { float: left; width: 45px; }
.contactBlk P B.dbl { width: 120px; }
.contactBlk P SPAN { float: left; }

.careersBlk { clear: both; padding-top: 25px; }
.careersBlk B {float: left; width: 110px; margin-bottom: 10px; text-align: right; }
.careersBlk H3, .careersBlk P { float: right; width: 400px; margin: 0 0 10px; }
.careersBlk H3 { margin-top: -3px; }

UL.lnkList { clear: both; margin: 0; padding: 10px 0 0; list-style: none; }
UL.lnkList LI { width: 100%; margin-bottom: 3px; overflow: hidden; }
UL.lnkList LI A { float: left; color: #336699; }

.icoNew { float: left; width: 25px; height: 12px; background: url(../images/layout/ico_new.gif) no-repeat left top; margin: 2px 0 0 10px; font-size: 0; text-indent: -5000px; }
.icoNewBig { position: absolute; right: -8px; bottom: -32px; width: 69px; height: 69px; background: url(../images/layout/ico_newBig.png) no-repeat left top; font-size: 0; text-indent: -5000px; }
.icoRSS { float: left; min-height: 14px; background: url(../images/layout/ico_RSS.gif) no-repeat left center; margin: 3px 0 0 10px; padding-left: 18px; font-weight: bold; line-height: 14px; text-decoration: none; }

/* images */
.imgLfloat { float: left; margin: 5px 20px 15px 0; }
.imgRfloat { float: right; margin: 5px 0 15px 20px; }
.imgBrd { border: 1px solid #999; }

.imgList { width: 100%; padding: 10px 0; overflow: hidden; }
.imgList DIV { float: left; width: 152px; font-family: Arial, sans-serif; }
.imgList DIV.center { margin: 0 38px; }
.imgList A { float: left; position: relative; margin-bottom: 2px; }
.imgList SPAN { position: absolute; right: 1px; bottom: 1px; width: 18px; height: 18px; background: url(../images/layout/enlarge.png) no-repeat left top; font-size: 0; text-indent: -5000px; cursor: pointer; }
.imgList IMG { width: 150px; height: 70px; border: 1px solid #999; }

.phorosBlk IMG { width: 172px; height: 109px; background: url(../images/layout/photo_shadow.gif) no-repeat left top; margin-top: 12px; padding: 4px; }
.phorosBlk SPAN { margin: 0 4px; color: #999; font-size: 90%; }


/* === BUTTONS === */
A.btn { float: right; width: 80px; background-image: url(../images/buttons/btn_bot.gif); background-repeat: no-repeat; background-position: 0 100%; color: #000; line-height: normal; text-transform: capitalize; text-decoration: none; }
A.btn SPAN { display: block; min-height: 12px; background-image: url(../images/buttons/btn_top.gif); background-repeat: no-repeat; background-position: 0 0; padding: 3px 5px 7px; text-align: center; cursor: pointer; }
A:hover.btn { background-position: -80px 100%; }
A:hover.btn SPAN { background-position: -80px 0; padding: 5px; }

A.btnR, A.btnG { float: left; margin: 4px 0 0 10px; font-size: 90%; font-family: Arial, sans-serif; line-height: 11px !important; text-decoration: none; }
A.btnR SPAN, A.btnG SPAN { float: left; cursor: pointer; }
A.btnR SPAN SPAN SPAN, A.btnG SPAN SPAN SPAN { padding: 2px 8px; }
A.btnR:hover, A.btnG:hover { background: #336699 url(../images/buttons/btnBlue_tl.gif) no-repeat left top; }
A.btnR:hover SPAN, A.btnG:hover SPAN { background: url(../images/buttons/btnBlue_tr.gif) no-repeat right top; }
A.btnR:hover SPAN SPAN, A.btnG:hover SPAN SPAN { background: url(../images/buttons/btnBlue_bl.gif) no-repeat left bottom; }
A.btnR:hover SPAN SPAN SPAN, A.btnG:hover SPAN SPAN SPAN { background: url(../images/buttons/btnBlue_br.gif) no-repeat right bottom; color: #fff; }

/* red button */
A.btnR { background: #cc0101 url(../images/buttons/btnRed_tl.gif) no-repeat left top; }
A.btnR SPAN { background: url(../images/buttons/btnRed_tr.gif) no-repeat right top; }
A.btnR SPAN SPAN { background: url(../images/buttons/btnRed_bl.gif) no-repeat left bottom; }
A.btnR SPAN SPAN SPAN { background: url(../images/buttons/btnRed_br.gif) no-repeat right bottom; color: #fff; }

/* gray button */
A.btnG { background: #999999 url(../images/buttons/btnGray_tl.gif) no-repeat left top; }
A.btnG SPAN { background: url(../images/buttons/btnGray_tr.gif) no-repeat right top; }
A.btnG SPAN SPAN { background: url(../images/buttons/btnGray_bl.gif) no-repeat left bottom; }
A.btnG SPAN SPAN SPAN { background: url(../images/buttons/btnGray_br.gif) no-repeat right bottom; color: #fff; }


/* === POPUP WINDOW === */
#popupbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.60; z-index: 90; }
.popupwraper { position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: table; vertical-align: middle; z-index: 100; }
.popupouter { position: relative; display: table-cell; vertical-align: middle; }
#popupContainer { width: 587px; margin: 0 auto; }
.popupTop { height: 10px; background: url(../images/popup/popup_top.png) no-repeat; font-size: 0; text-indent: -5000px; }
.popupBot { height: 10px; background: url(../images/popup/popup_bot.png) no-repeat; font-size: 0; text-indent: -5000px; }
.popupContent { width: 565px; background-color: #000; padding: 0 11px 5px; overflow: hidden; }
.popupContent H3 { float: left; margin: 4px 0 0; color: #fff; font-size: 120%; }
.popupContent .btnClose { float: right; width: 23px; height: 23px; background: url(../images/popup/btn_close.gif) no-repeat left top; font-size: 0; text-indent: -5000px; }
.popupContent .bigImg { clear: both; width: 100%; padding: 10px 0; text-align: center; }
.popupContent A.arrowL, .popupContent A.arrowR { color: #fff; font-weight: bold; text-decoration: none; }
.popupContent A:hover.arrowL, .popupContent A:hover.arrowR { color: #cc0101; }
.popupContent A.arrowL { float: left; background: url(../images/popup/arrow_left.gif) no-repeat left center; padding-left: 23px; }
.popupContent A.arrowR { float: right; background: url(../images/popup/arrow_right.gif) no-repeat right center; padding-right: 23px; }

/* start site map */
.sm-box{float:left; margin-right:35px; width:195px; font-weight:bold}
.sm-box-hdng{padding:4px 0 5px 0;background-color:#CCCCCC; margin-bottom:5px;}
.sm-box-lnk a{display:list-item; margin-left:35px; color:#000000; text-decoration:none; line-height:20px; font-weight:normal}
.sm-box-hdng a{color:#000000; text-decoration:none}
.sm-box a:hover{color:#cc0101}
.sm-box-hdng-clr{padding:5px; margin-right:10px; background-color:#939393}
/* end site map */


/* === OTHER === */
.dblLine { clear: both; height: 20px; background: url(../images/layout/dbldotted_hor.gif) repeat-x left 12px; font-size: 0; text-indent: -5000px; }

.fleft { float: left !important; }
.fright { float: right !important; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }