/* CSS Document for WebTek Labs */
/*-------------- By - Dreamworkers Productions (www.dreamworkers.in :: mail@dreamworkers.in ------------------------ */

@charset "utf-8";
body {margin:0px auto; background:#FFFFFF; text-align:center; font: normal 11px Arial; color: #333; }
div {border:0px}

/* Page Layout */
#topbar {margin:0px auto; width:100%; height:13px; background:url(../graphics/topbar.gif) repeat-x #286C99; border:none}
#container {margin:0px auto; width:1007px; background:url(../graphics/bg.gif) center repeat-y #fff; border:none; text-align:center}
#container #banner {margin:0px auto; width:997px; height:106px; background:url(../graphics/banner_bg.gif) center repeat-x #fff; border:none}
#container #banner #logo {margin:0; padding:13px 0px 0px 0px; width:303px; height:93px; border:none; float:left}
#container #banner #contacts {margin:0; padding:0; width:694px; height:23px; border:none; float:right; text-align:right}
#container #banner #nav {margin:0; margin-top:50px; padding:0; width:694px; height:33px; border:none; float:right}
#container #contents {margin:0; padding:5px 13px; width:690px; border:none; float:left; text-align:left}
#container #contents-sub {margin:0; padding:5px 23px; width:670px; border:none; float:left; text-align:left}
#container #RightBoxes {margin:0; padding:5px; width:275px; border:none; float:right; margin-top:2px}
#container #footerleft {margin:0; padding:5px 0px 2px 0px; width:500px; border:none; float:left; text-align:left; font: normal 11px Arial, "trebuchet MS"; color: #666666; margin-left:25px}
#container #footerright {margin:0; padding:5px 0px 2px 0px; width:450px; border:none; float:right; text-align:right; font: normal 11px Arial, "trebuchet MS"; color: #8a7d46; margin-right:25px}
#container #footerleft a, #container #footerright a{font: normal 11px Arial, "trebuchet MS"; color: #8a7d46; text-decoration:none}
#container #footerleft a:hover, #container #footerright a:hover{font: normal 11px Arial, "trebuchet MS"; color: #333; text-decoration:underline}
#bottomlayer {margin:0px auto; width:1007px; height:18px; background:url(../graphics/bottom-bg2.gif) center no-repeat #fff; border:none}

#services {margin:0; padding:10px 15px; width:235px; border:none; margin-bottom:10px; background:url(../graphics/box-bg.gif) bottom repeat-x #fff; height:150px; text-align:left}
#servicesBox {margin:0; padding:5px; width:220px; border:none; margin-bottom:10px; background:#eeeeee; height:100px; text-align:left; border:1px #e4e4e4 solid;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#hire {margin:0; padding:10px 15px; width:235px; border:none; margin-bottom:10px; background:url(../graphics/box-bg.gif) bottom repeat-x #fff; height:110px; text-align:left}
#hireBox {margin:0; padding:5px 35px 5px 5px; width:195px; border:none; margin-bottom:10px; background:url(../graphics/arrow.gif) right no-repeat #eeeeee; height:65px; text-align:left; border:1px #e4e4e4 solid;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#onDemand {margin:0; padding:10px 15px; width:235px; border:none; margin-bottom:10px; background:url(../graphics/box-bg.gif) bottom repeat-x #fff; height:130px; text-align:left}
#onDemandBox {margin:0; padding:5px 35px 5px 5px; width:195px; border:none; margin-bottom:10px; background:url(../graphics/arrow.gif) right no-repeat #eeeeee; height:85px; text-align:left; border:1px #e4e4e4 solid;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#partners {margin:0; padding:10px 15px; width:235px; border:none; margin-bottom:10px; background:url(../graphics/box-bg.gif) bottom repeat-x #fff; height:140px; text-align:left}
#partnersBox {margin:0; padding:5px; width:220px; border:none; margin-bottom:10px;height:110px; text-align:left}

ul.homepageTabs {padding:0px; margin:0px;list-style:none}
ul.homepageTabs li{float: right; display: inline; margin: 0px 2px 0px 0px; padding: 0}
ul.homepageTabs li.divider{background:url(../graphics/nav-divider.gif) bottom left no-repeat; height:18px; width:1px; padding-top:10px}
ul.homepageTabs a{display: block; font: bold 14px Arial, "trebuchet MS"; color: #000; text-decoration: none; margin: 0 2px; padding:5px 5px; text-align:center; vertical-align:middle; text-transform:uppercase}
ul.homepageTabs a:hover{color:#fff; background:#286c99;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
ul.homepageTabs a.navActive{display: block; font: bold 15px Arial, "trebuchet MS"; text-decoration: none; margin: 0 5px; padding:5px 8px; text-align:center; vertical-align:middle; text-transform:uppercase; color:#fff; background:#286c99;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
ul.homepageTabs a.navActive:hover{color:#fff; background:#333;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.contactBar, .contactBar a, .contactBar a:hover{font: normal 11px Myriad, "trebuchet MS"; color: #e3e3e3; text-decoration: none; text-align:center}
.maintext {font: normal 11px Arial, "Trebuchet MS"; color: #333; text-decoration: none; text-align:justify}
.maintext2 {font: normal 13px Arial, "Trebuchet MS"; color: #333; text-decoration: none; text-align:justify}
.maintext3 {font: bold 14px Arial, "trebuchet MS"; color: #000; text-decoration: none; text-align:left}
.maintext4 {font: normal 13px Arial, "Trebuchet MS"; color: #333; text-decoration: none; text-align:left}
.maintext5 {font: normal 13px Arial, "Trebuchet MS"; color: #286c99; text-decoration: none; text-align:left}
.head1 {font: bold 12px Arial, "Trebuchet MS"; color:#286c99; text-align:left; text-decoration:none}
.head3 {font-family:"trebuchet MS", arial, tahoma; font-size:18px; font-weight:bold; color:#286c99; text-align:left; text-decoration:none}
.head4 {font-family:"trebuchet MS", arial, tahoma; font-size:14px; font-weight:bold; color:#3b1f17; text-align:left; text-decoration:none}
.head5 {font-family:"trebuchet MS", arial, tahoma; font-size:24px; font-weight:bold; color:#286c99; text-align:left; text-decoration:none}
.head6 {font-family:"trebuchet MS", arial, tahoma; font-size:18px; font-weight:bold; color:#286c99; text-align:center; text-decoration:none}
a.readmore{font: normal 12px Arial, "trebuchet MS"; color: #8a7d46; text-decoration:none; padding:2px; background:none;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
a.readmore:hover{font: normal 12px Arial, "trebuchet MS"; color: #fff; text-decoration:none; background:#8a7d46; padding:2px;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
a.boxLinks{font: normal 11px Arial, "trebuchet MS"; color: #333; text-decoration:none; text-align:justify}
a.boxLinks:hover{font: normal 11px Arial, "trebuchet MS"; color: #8a7d46; text-decoration:none; text-align:justify}

.techFocus1a{border-left:2px solid #908f8f; border-top:7px solid #908f8f; height:40px; padding-left:7px; vertical-align:middle; font: bold 14px Arial, "trebuchet MS"; color: #000; text-decoration: none; text-align:left}
.techFocus1b{border-left:2px solid #908f8f; border-top:1px solid #908f8f; height:40px; padding-left:7px; vertical-align:middle; font: normal 12px Arial, "trebuchet MS"; color: #333; text-decoration: none; text-align:left}
.techFocus2a{border-left:2px solid #aec022; border-top:7px solid #aec022; height:40px; padding-left:7px; vertical-align:middle; font: bold 14px Arial, "trebuchet MS"; color: #000; text-decoration: none; text-align:left}
.techFocus2b{border-left:2px solid #aec022; border-top:1px solid #aec022; height:40px; padding-left:7px; vertical-align:middle; font: normal 12px Arial, "trebuchet MS"; color: #333; text-decoration: none; text-align:left}
.techFocus3a{border-left:2px solid #286c99; border-top:7px solid #286c99; height:40px; padding-left:7px; vertical-align:middle; font: bold 14px Arial, "trebuchet MS"; color: #000; text-decoration: none; text-align:left}
.techFocus3b{border-left:2px solid #286c99; border-top:1px solid #286c99; height:40px; padding-left:7px; vertical-align:middle; font: normal 12px Arial, "trebuchet MS"; color: #333; text-decoration: none; text-align:left}

.drag-handle {background-color: #286c99;}
#interVeil {position: absolute; background: black url(../graphics/blackdot.gif); width: 10px; left: 0; top: 0; z-index: 5; visibility: hidden; filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); opacity: 0.8; }
.dhtmlwindow {position: absolute; border: 0px solid #286C99; visibility: hidden; background-color: white}
.drag-handle {padding: 3px; text-indent: 3px; font: bold 14px Arial; background-color: #286C99; color: white; cursor: move; overflow: hidden; width: auto; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1}
.drag-handle .drag-controls {position: absolute; right: 1px; top: 2px; cursor: hand; cursor: pointer;}
* html .drag-handle {width: 100%}
.drag-contentarea {border-top: 1px solid #286C99; background-color: white; color: black; height: 150px; padding: 0px; overflow: auto}
.drag-statusarea {border-top: 1px solid gray; background-color: #F8F8F8; height: 13px}
.drag-resizearea {float: right; width: 13px; height: 13px; cursor: nw-resize; font-size: 0}

#basic-accordian{border:0px; padding:5px; width:680px;}
.accordion_headings{padding:5px; background:#FFFFFF; color:#286c99; border-bottom:1px solid #8a7d46; cursor:pointer; font:12px Arial, Helvetica, sans-serif; font-weight:bold}
.accordion_headings2{padding:5px; background:#FFFFFF; color:#993300; border-bottom:1px solid #8a7d46; cursor:pointer; font:12px Arial, Helvetica, sans-serif; font-weight:bold}
.accordion_headings:hover, .accordion_headings2:hover{color:#fff; background:#286c99}
.accordion_child{padding:0px 15px}
.header_highlight{background:#CCCC99; border-bottom:5px solid #8a7d46}
.accordion_quote{padding:30px 10px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; background:url(../graphics/box-bg.gif) bottom repeat-x #fff; margin-top:20px; color:#215476}