/* Genemix Multimedia CSS3 Main Structure Layout and Design */
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; background: url(../images/bg_img_excess.jpg) top repeat-x #FFFFFF; background-position: 0 36px; margin: 0; padding: 0; text-align: center; color: #444; }
.thrColFixHdr #bottom-tile { margin: 0 auto; background: url(../images/bottomtile.png) bottom repeat-x; }
.thrColFixHdr #wrapper { margin: 0 auto; background: url(../images/bg_img.jpg) top center no-repeat; padding: 8px 0 0 0; }
.thrColFixHdr #side-shadows { margin: 0 auto; width: 1000px; background: url(../images/side-shadows.png) center repeat-y; }
.thrColFixHdr #bottom-reflect { margin: 0 auto; width: 1000px; height: 65px; background: url(../images/bottomreflect.png) top center no-repeat; }
.thrColFixHdr #container { width: 980px; background: #f2f2f2; margin: 0 auto; border: 1px solid #7E7E7E; border-top: none; text-align: left; font-size: 14px; }
/* Top Bar Area */
.thrColFixHdr #topbar-wrapper { margin: 0 auto; height: 35px; padding: 0 20px; background: url(../images/top_steel.png) top repeat-x; border-bottom: 1px solid #888; text-align: left; overflow: hidden; }
.thrColFixHdr #topbar-container { margin: 0 auto; width: 980px; height: 35px; }
.thrColFixHdr #topbar-container h3 { margin: 0; padding: 0; font-size: 14px; font-weight: normal; }
.thrColFixHdr #topbar-left { margin: 0 auto; padding: 0; width: 395px; height: 35px; float: left; background: url(../images/sys_status.png) no-repeat; background-position: 2px 0; overflow: hidden; }
.thrColFixHdr #topbar-left a { color: #666; text-decoration: none; font-weight: bold; }
.thrColFixHdr #topbar-left a:hover { text-decoration: underline; color: #333; }
.thrColFixHdr #topbar-right { margin: 0 auto; padding: 5px 0 0 0; width: 585px; height: 35px; float: right; background: url(../images/topbar_divider.png) no-repeat; background-position: 0 5px; text-align: right; }
.login-container { margin: 0; padding: 0; width: 585px; text-align: right; }
.login-content { padding: 0 5px 0 0; font-size: 12px; text-shadow: 0px 1px 3px #999; color: #293842; }
/* Site Navagation */
.main-menu { list-style-type: none; margin: 0; padding: 0; width: 175px; line-height: 16px; }
.main-menu li { width: 175px; height: 29px; }
.main-menu li a { background: url(../images/main_menu_item.png) top center no-repeat; font-size: 12px; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px #18404d; display: block; color: white; width: auto; padding: 5px 0; text-indent: 28px; text-decoration: none; }
.main-menu li a:hover { background-position: 0 -29px; color: #FFFFFF; }
/* Header Area */
.thrColFixHdr #header-container { margin: 0 auto; width: 1000px; }
.thrColFixHdr #header { padding: 0 25px; height: 135px; background: url(../images/header_back2.png) bottom center no-repeat; }
.thrColFixHdr #header h1 { margin: 0; padding: 7px 0 5px 0; font-size: 12px; color: #555555; text-shadow: 0px 0px 2px #FFF; }
.thrColFixHdr #header-logo { width: 335px; height: 120px; float: left; margin-top: 13px; margin-left: 5px; }
.thrColFixHdr #header-right { width: 600px; height: 110px; margin-top: 15px; margin-right: 9px; float: right; overflow: hidden; }
.header-right-content { margin: 0 auto; padding: 0; }
.hrc-services { width: 310px; padding: 0; text-align: center; }
.hrc-we-mix { width: 310px; padding: 2px 0 0 0; margin: 0; text-align: center; }
.thrColFixHdr #hdr-contact-wrapper { margin: 0; padding: 0; height: 110px; background: url(../images/operator.png) no-repeat; background-position: right 30px; }
.hrc-contact { width: 290px; padding: 0; background: url(../images/header_emb_sep.png) no-repeat; background-position: 8px 3px; text-align: right; }
.hrc-contact ul { margin: 3px 0 0 36px; padding: 0; line-height: 22px; list-style: none; letter-spacing: 1px; text-align: left; }
.hrc-contact li { font-size: 14px; font-weight: bold; color: #555555; text-shadow: 0px 0px 2px #FFF; }
.hrc-contact li a { text-decoration: none; color: #555555; }
.hrc-contact li a:hover { text-decoration: underline; }
.hrc-contact li img { margin: 0 15px 0 0; padding: 0; }
.space-it { letter-spacing: 2px; }
.cc-icon { padding: 2px 0 0 14px; }
/* Sidebar Area */
.thrColFixHdr #sidebar { float: left; width: 180px; padding: 16px 10px 15px 10px; background: url(../images/nav_back.png) top right no-repeat; }
.thrColFixHdr #main-nav { margin: 0 auto; padding: 0 0 0 5px; width: 100%; }
.thrColFixHdr #side-advert-1, .thrColFixHdr #side-advert-2, .thrColFixHdr #side-advert-3 { margin: 15px 0 10px 2px; padding: 0; width: 182px; height: 155px; }
.thrColFixHdr #pro-tips { margin: 0 0 0 -19px; width: 200px; }
.thrColFixHdr #pro-tips h3 { height: 55px; background: url(../images/protips.png) top left no-repeat; color: #F1F1F1; font-size: 14px; font-weight: bold; line-height: 60px; text-indent: 30px; text-shadow: 1px 1px #18404d; }
.thrColFixHdr #pro-tips p { font-size: 12px; padding-right: 5px; padding-left: 31px; color: #333; line-height: 16px; }
.thrColFixHdr #pro-tips p:first-letter { font-size: 17px; letter-spacing: 1px; }
.thrColFixHdr #pro-tips hr { margin: 0 5px 0 25px; }
/* Social Bar */
.social-bar { width: 100%; border: 0; margin: 0; padding: 0; }
.social-bar tr { margin: 0; padding: 0; }
.social-bar td { margin: 0; padding: 0; }
.social-bar td h4 { margin: 0; padding: 0 0 0 14px; font-size: 14px; font-weight: normal; font-style: italic; letter-spacing: 1px; color: #888; text-shadow: #fff 0px 1px 0, #666 0 -1px 0; }
/* Home Page Banner Rotator */
.rotator-container { margin: 7px 0 0 14px; width: 735px; height: 300px; border: 1px solid #c2c2c2; overflow: hidden; background: url(../images/rotator/no_jscript.jpg) center no-repeat; }
.thrColFixHdr #slider-shadow { margin: 0 0 0 15px; width: 735px; height: 12px; background: url(../images/slider-shadow.png) top center no-repeat; }
/* Main Content Area */
.thrColFixHdr #mainContent { margin: 0 0 0 195px; padding: 3px 10px 0 10px; }
.thrColFixHdr #mainContent a { text-decoration: none; color: #293842; }
.thrColFixHdr #mainContent a:hover { text-decoration: underline; color: #000; }
.thrColFixHdr #mainContent h2 { margin: 0 auto; font-size: 22px; font-weight: normal; text-shadow: 0px 1px 3px #999; color: #293842; }
.thrColFixHdr #mainContent h3 { margin: 0 auto; font-size: 18px; font-weight: normal; text-shadow: 0px 1px 3px #999; color: #293842; }
.thrColFixHdr #type { padding: 5px; font-size: 13px; line-height: 16px; }
.thrColFixHdr #home-type { padding: 0 5px 5px 5px; font-size: 13px; line-height: 16px; }
.home-table { margin: 0; padding: 0; width: 100%; }
.home-table-big { width: 58%; }
.home-table-small { width: 42%; }
.contact-table { margin: 0; padding: 0; width: 100%; }
.contact-table-big { width: 70%; text-align: left; }
.contact-table-small { width: 30%; text-align: center; }
.seo-brick { margin: 0; padding: 0; text-align: center; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.wallpaper-thumbs { border: 1px inset #168EF1; }
.reso-padding { padding-left: 20px; }
.just-text { padding: 10px 15px 0 15px; }
.just-text hr { margin: 10px 0; }
.img-txt { margin: 0; padding: 0 34px; display: none; }
/* Main Content Beveled Boxes */
.box { margin: 0; }
.box div.topleft { display: block; background: url(../images/box-bg.png) top left no-repeat #f2f2f2; padding: 2.0em 0em 0em 2.0em; }
.box div.topright { display: block;	background: url(../images/box-bg.png) top right no-repeat #f2f2f2; padding: 2.0em;	margin: -2.0em 0 0 2.0em; }
.box div.bottomleft { display: block; height: 27px; margin-top: -2.0em; background: url(../images/box-bg.png) bottom left no-repeat #f2f2f2; }
.box div.bottomright { display: block; background: url(../images/box-bg.png) bottom right no-repeat #f2f2f2; height: 27px; margin-left: 3.0em; }
.box div.box-content { margin-left: -50px; }
.box p { text-align: justify; }
.box #testimony-text p { text-align: left; }
/* CSS3 Beveled SubContent Inner Boxes but IE 8-1 will show sqare boxes */
.innerbox { -moz-box-shadow:0 0 4px #AAAAAA; -webkit-box-shadow:0 0 4px #AAAAAA; box-shadow:0 0 4px #AAAAAA; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #CCC; background: #FFF; }
.imagebox-portfolio { -moz-box-shadow:0 0 4px #AAAAAA; -webkit-box-shadow:0 0 4px #AAAAAA; box-shadow:0 0 4px #AAAAAA; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #CCC; background: #FFF; margin: 17px 20px; padding: 15px 0; text-align: center; }
.imagebox-portfolio img { border: 1px inset #69C; }
/* Steel Texture Buttons */
a.steelbutton { background: transparent url('../images/bg_steelbutton_a.png') no-repeat scroll top right; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin: 10px 6px 10px 0; padding-right: 18px; text-decoration: none; }
a.steelbutton span { background: transparent url('../images/bg_steelbutton.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
a.steelbutton:active { background-position: bottom right; color: #000; outline: none; }
a.steelbutton:active span { background-position: bottom left; padding: 6px 0 4px 18px; }
/* Link Exchange Accordion Spry Layout */
.linkex { cursor: hand; cursor: pointer; font: bold 14px Verdana; margin: 10px 0; }
.openlinks{ color: #025593; }
.closedlinks{ color: #293842; }
.thelinks{ padding-left: 20px; font-size: 10px; }
/* Rogue Button Choices */
.login-button { font-style: normal; font-weight: bold; letter-spacing: 1px; padding: 3px 6px; display: inline; background: #36a9cf url('../images/button.png') repeat-x bottom; border: 0; color: #fff; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.login-button:hover { background-position: 0 -53px; }
.button { padding: 5px 10px; display: inline; background: #36a9cf url('../images/button.png') repeat-x bottom; border: 0px; color: #fff; cursor: pointer; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px #666; }
.button:hover { background-position: 0 -53px; }
.button:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-style: normal; letter-spacing: 1px; padding: 3px 7px; }
.button.small:hover { background-position: 0 -53px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }
.demo { border-top: 1px solid #96d1f8 !important; background: #65a9d7 !important; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)) !important; background: -webkit-linear-gradient(top, #3e779d, #65a9d7) !important; background: -moz-linear-gradient(top, #3e779d, #65a9d7) !important; background: -ms-linear-gradient(top, #3e779d, #65a9d7) !important; background: -o-linear-gradient(top, #3e779d, #65a9d7) !important; padding: 7.5px 15px !important; -webkit-border-radius: 33px !important; -moz-border-radius: 33px !important; border-radius: 33px !important; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0 !important; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0 !important; box-shadow: rgba(0,0,0,1) 0 1px 0 !important; text-shadow: rgba(0,0,0,.4) 0 1px 0 !important; color: white !important; font-size: 19px !important; font-family: Helvetica, Arial, Sans-Serif !important; text-decoration: none !important; vertical-align: middle !important; }
.demo:hover { border-top-color: #28597a !important; background: #28597a !important; color: #ccc !important; }
.demo:active { border-top-color: #1b435e !important; background: #1b435e !important; }
/* Footer Area */
.thrColFixHdr #footer { margin: 5px 0 0 0; padding: 10px 25px 10px 25px; background: url(../images/footer_back.png) top repeat-x #cacaca; }
.thrColFixHdr #footer h3 { margin: 0 0 0 10px; font-size: 13px; color: #293842; font-weight: normal; }
.thrColFixHdr #footer h3 a { text-decoration: none; color: #293842; }
.thrColFixHdr #footer h3 a:hover { text-decoration: underline; color: #000; }
.thrColFixHdr #footer h2 { margin: 0 10px 0 8px; padding-left: 20px; font-size: 14px; font-weight: bold; text-shadow: 0px 1px 3px #999; color: #293842; background: url(../images/footer_h2_img.png) left no-repeat; }
.thrColFixHdr #footer td { border-left: 1px solid #999; }
.thrColFixHdr #footer p { font-size: 12px; text-shadow: 0px -1px 3px #999; color: #333; }
.thrColFixHdr #footer p a { text-decoration: none; color: #333; }
.thrColFixHdr #footer p a:hover { text-decoration: underline; color: #000; }
/* Form Area Layouts */
.top-login-reset { border: 0; margin: 0; padding: 0; }
.topbar-login { background: url(../images/form_shade.png) top repeat-x #FFFFFF; width: 150px; height: 16px; border: 1px solid #999; color: #aeaeae; padding-left: 5px; }
.defaultfields { background: url(../images/form_shade.png) top repeat-x #FFFFFF; border: 1px solid #999; color: #666; padding-left: 5px; }
.defaultdropdown { background: #f5f5f5; border: 1px solid #999; color: #666; padding-left: 5px; }
.emaillogin { background: url(../images/form_shade.png) top repeat-x #FFFFFF; width: 150px; height: 16px; border: 1px solid #999; color: #666; padding-left: 5px; }
.headerlogin:focus, .defaultfields:focus, .defaultdropdown:focus, .emaillogin:focus { border: 1px #09C groove; color: #333333; }
.headerlogin:hover, .defaultfields:hover, .defaultdropdown:hover, .emaillogin:hover { border: 1px #09C groove; }
/* Site Pagination */
.thrColFixHdr #pagination { margin: 0 auto; text-align: center; }
.thrColFixHdr #pagination ul { list-style: none; }
.thrColFixHdr #pagination li { display: inline; padding-right: 10px; font-size: 14px; color: #6F6F6F; text-shadow: 0px 2px 0px #FFFFFF; }
.thrColFixHdr #pagination li a { font-weight: bold; color: #293842; }
.thrColFixHdr #pagination li a:hover { font-weight: bold; color: #3c97b4; text-decoration: none; }
/* Floats and DIV Clears */
.clear { overflow: hidden; width: 100%; }
.clearfloat { margin: 0; padding: 0; clear: both; height: 0px; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }