@charset "utf-8";
/* CSS Document for Diginatives Website - V2*/

/* ------------------------- #################### GENERAL #################### ------------------------- */
html{min-height:100%;margin-bottom:1px;overflow:-moz-scrollbars-vertical !important;}
a,input,img,div{outline-style:none;}
body{margin:0;padding:0;font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size:11px;background-color:#e6e6e6;}
.header{background-color:#000000;padding:2px 6px 2px 0;}
.navigation{background-color:#000000;padding:2px 0;}
.content{color:#000000;}
.content-contact{color:#575757;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:15px;}
.footer{background-color:#e6e6e6;color:#a3a3a3;padding:10px 10px 2px 10px;}
.iso{color:#848484;}
.body-home{background:#ffffff url(../images/body-bg-home.jpg) center top no-repeat;}
.body-services{background:#ffffff url(../images/body-bg-services.jpg) left top repeat-x;}
.cntbg{background:url(../images/content-bg.jpg) repeat-x;height:391px;}
.cnt-div{padding:16px 0 16px 16px;height:337px;font-size:13px;}
.cnt-div-serv{height:200px;font-size:13px;line-height:16px;}
.contact-head{font-size:14px;color:#000;font-weight:bold;margin:0;padding:0;}
.contact-head-office{font-size:13px;color:#000;font-weight:bold;margin:0;padding:0;}
.list ul{margin:0;padding:4px 0 0 16px;line-height:15px;}
.list ul li{ background:url(../images/bullet.gif) left top no-repeat; list-style:none;padding:0 10px 6px 12px;color:#000000;}
.list ul li a{color:#575757;text-decoration:none;}.list ul li a:hover{text-decoration:underline;}
.black13{font-size:13px;display:block;margin:0;padding:10px 0 0 0px;}
.sitemap-div{margin:0 10px 4px 20px;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;color:#000000;border-bottom:1px solid #8e8e8e;}
.sub-nav-div{text-align:center;color:#FFFFFF;padding-bottom:8px;}
h1{margin:0;padding:0;font-size:20px;color:#000;text-align:left;}
h2{margin:0;padding:0;font-size:20px;color:#000;text-align:left;}
h3{margin:0;padding:0;font-size:15px;color:#000;text-align:left;}
.wcolor{color:#FFFFFF;}
.sub-heading{font-size:14px;color:#000;}.mid-slide{display:block;}
.img-port{border:4px solid #000000;}.imgport{width:10px;}
.error{font-size:11px;color:#FF0000;font-family:Verdana, Arial, Helvetica, sans-serif;}
.title-clients{padding-left:54px;}.logo-in{padding:0 15px;}.welcomeimg{padding-bottom:6px;}
.webelearning{background:url(../images/img-elearning.jpg) right top no-repeat;}
.businesspad{padding:0 10px 0 20px;}.business-dt{padding:0 10px 0 20px;cursor:default;}
.padt3{padding-top:3px;}.padt4{padding-top:4px;}.padt10{padding-top:10px;}.padt12{padding-top:12px;}
.pad10{padding:10px;}.padl10{padding:0 0 0 10px;}.padl20{padding-left:20px;}.padr16{padding-right:16px;}
.marginl70{margin-left:70px;}.height19{height:19px;}.font11{font-size:11px;}.font12{font-size:12px;}.font13{font-size:13px;}
.clients-subnav{width:130px!important;margin-left:-24px!important;}.bgwhite{background-color:#FFFFFF;}
.juniorsimg{padding-right:10px;padding-bottom:10px;}
.justify{text-align:justify;}.display-none{display:none;}.vmid{vertical-align:middle;}
.linkblock-outer{padding:0 60px 0 80px;}
.tableport{border:4px solid #ffffff;background-color:#000000;font-size:12px;}
/* ------------------------- #################### GENERAL END #################### ------------------------- */


/* ------------------------- #################### ANCHOR LINKS #################### ------------------------- */
a.footlink{color:#a3a3a3;text-decoration:none;}a.footlink:hover{text-decoration:underline;}
a.gray{color:#575757;text-decoration:underline;}a.gray:hover{text-decoration:none;}
a.white{color:#ffffff;text-decoration:underline;}a.white:hover{text-decoration:none;}
a.navlink,a.navselect{font-size:15px;color:#d5d5d5;padding:0 16px;text-decoration:none;}
a.navlink{color:#c6c6c6;}a.navlink:hover,a.navselect{color:#ffffff;}
a.weblink,a.mobilelink,a.dthlink,a.weblink-s,a.mobilelink-s,a.dthlink-s
{font-size:13px;display:block;margin:0;padding:10px 0 0 0px;text-decoration:none;}
a.weblink,a.mobilelink,a.dthlink,a.weblink-s,a.mobilelink-s,a.dthlink-s{cursor:default;}

a.weblink-s,a.mobilelink-s,a.dthlink-s{cursor:default;}
a.weblink,a.mobilelink,a.dthlink{color:#ffffff;}
a.weblink:hover,a.weblink-s{color:#fe3045;}a.mobilelink:hover,a.mobilelink-s{color:#4fbb00;}
a.dthlink:hover,a.dthlink-s{color:#00b0ff;}
a.defaultlink{color:#ffffff;font-size:13px;display:block;margin:0;padding:10px 0 0 0px;text-decoration:none;}
a.defaultlink:hover{color:#c6c6c6;}

a.weblink-subnav,a.mobilelink-subnav,a.dthlink-subnav
{font-size:13px;display:block;margin:0;padding:10px 0 0 0px;text-decoration:none;color:#FFFFFF;}
a.weblink-subnav:hover{color:#fe3045;}a.mobilelink-subnav:hover{color:#4fbb00;}a.dthlink-subnav:hover{color:#00b0ff;}

a.sublink,a.sublink-web,a.sublink-mobile,a.sublink-dth{padding-left:10px;font-size:13px;text-decoration:none;}
a.sublink{background:url(../images/bullet-g.jpg) left no-repeat;color:#717171;}
a.sublink-web{background:url(../images/bullet-web.jpg) left no-repeat;}
a.sublink-mobile{background:url(../images/bullet-mobile.jpg) left no-repeat;}
a.sublink-dth{background:url(../images/bullet-dth.jpg) left no-repeat;}
a.sublink:hover,a.sublink-web,a.sublink-mobile,a.sublink-dth{color:#ffffff;}

a.portlink,a.portlink-s{font-size:13px;display:block;padding:4px;font-weight:bold;}
a.portlink{color:#000000;text-decoration:none;}
a.portlink:hover,a.portlink-s{color:#ffffff;text-decoration:underline;}
.port-page-td{padding-right:8px;}
/* ------------------------- #################### ANCHOR LINKS END #################### ------------------------- */


/* ---------- ########## BUSINESS OFFERINGS ########## ---------- */
.dropdown{float:left;margin:0 0;}
.dropdown dt{background-color:#000000;color:#FFFFFF;font-size:15px;margin:0px;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;}
.dropdown dd{background-color:#000000;position:absolute;margin:0;padding:0;overflow:hidden;/*width:172px;*/display:none;z-index:200;opacity:0;font-size:13px;}
.dropdown ul{width:100px;list-style:none;border-top:none;}
.dropdown li{display:inline;}

.Accordion{overflow:hidden;}.AccordionPanel{margin:0px;padding:0px;color:#FFFFFF;}
.AccordionPanelTab{margin:0 10px 4px 20px;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;color:#FFFFFF;border-bottom:1px solid #8e8e8e;}
.AccordionPanelContent{margin:0 10px 0 20px;padding-left:2px;color:#FFFFFF;font-size:12px;}
.AccordionPanelOpen .AccordionPanelTab, .AccordionPanelTabHover, .AccordionPanelOpen .AccordionPanelTabHover, .AccordionFocused .AccordionPanelTab, .AccordionFocused .AccordionPanelOpen .AccordionPanelTab{color:#FFFFFF;}
/* ---------- ########## BUSINESS OFFERINGS END ########## ---------- */


/* ------------------------- #################### SERVICES #################### ------------------------- */
.services-nav{background-color:#000000;width:170px;}
.services-content{padding:4px 12px;line-height:14px;font-size:12px;}
.web-container .head, .mobile-container .head, .dth-container .head{font-size:18px;font-weight:bold;}
.web-container .head{color:#FFFFFF;}.mobile-container .head{color:#000000;}.dth-container .head{color:#000000;}
.img-ref{padding:1px;margin-left:8px;border:1px solid #FFFFFF;}

.web-container .outer, .mobile-container .outer, .dth-container .outer{width:600px;border-right:8px solid #000000;padding:10px 0;}
.web-container .outer{background-color:#ed1c24;color:#FFFFFF;}
.mobile-container .outer{background-color:#5fbb46;color:#000000;}
.dth-container .outer{background-color:#4bc7fd;color:#000000;}

.web-container .services-subnav, .mobile-container .services-subnav, .dth-container .services-subnav
{background-color:#FFFFFF;border-right:8px solid #000000;padding:6px 0;}
.web-container a.service, .web-container a.service-last, .web-container a.service-s, .web-container a.service-ls,
.mobile-container a.service, .mobile-container a.service-last, .mobile-container a.service-s, .mobile-container a.service-ls,
.dth-container a.service, .dth-container a.service-last, .dth-container a.service-s, .dth-container a.service-ls
{font-size:13px;padding:6px 12px;text-decoration:none;}

.web-container a.service, .web-container a.service-last, .web-container a.service-s,
.mobile-container a.service, .mobile-container a.service-last, .mobile-container a.service-s,
.dth-container a.service, .dth-container a.service-last, .dth-container a.service-s
{background-color:#000000;color:#ffffff;}

.web-container a.service, .web-container a.service-s, 
.mobile-container a.service, .mobile-container a.service-s, 
.dth-container a.service, .dth-container a.service-s{border-right:1px solid #FFFFFF;}

.web-container a.service:hover, .web-container a.service-last:hover, .web-container a.service-s, .web-container a.service-ls
{background-color:#ed1c24;color:#ffffff;}
.mobile-container a.service:hover, .mobile-container a.service-last:hover, .mobile-container a.service-s, .mobile-container a.service-ls
{background-color:#5fbb46;color:#000000;}
.dth-container a.service:hover, .dth-container a.service-last:hover, .dth-container a.service-s, .dth-container a.service-ls
{background-color:#4bc7fd;color:#000000;}

.web-container a.service-s, .web-container a.service-ls, .mobile-container a.service-s, .mobile-container a.service-ls, 
.dth-container a.service-s, .dth-container a.service-ls{cursor:text;}

.web-container a.port-page,.web-container a.port-page-s,.mobile-container a.port-page,.mobile-container a.port-page-s,
.dth-container a.port-page,.dth-container a.port-page-s{font-size:12px;text-decoration:none;padding:2px 6px;}
.web-container a.port-page{color:#000000;background-color:#d02c24;}
.mobile-container a.port-page{color:#000000;background-color:#4b9d35;}
.dth-container a.port-page{color:#000000;background-color:#41acda;}
.web-container a.port-page:hover,.web-container a.port-page-s{color:#ffffff;background-color:#af1218;}
.mobile-container a.port-page:hover,.mobile-container a.port-page-s{color:#ffffff;background-color:#2f5d23;}
.dth-container a.port-page:hover,.dth-container a.port-page-s{color:#ffffff;background-color:#1984b2;}
/* ------------------------- #################### SERVICES END #################### ------------------------- */


/* ------------------------- #################### LEFT NAVIGATION #################### ------------------------- */
ul.leftnav{margin:0;padding:0 23px 0 0;}
ul.leftnav li{list-style:none;padding:0 10px 10px 2px;/*color:#575757;*/}
ul.leftnav li a.leftlink, a.current{list-style:none;padding:0 10px 10px 0;font-size:13px;text-decoration:none;font-weight:bold;}
ul.leftnav li a.leftlink{color:#868686;}
ul.leftnav li a.leftlink:hover,a.current{list-style:none;padding:0 10px 10px 0;font-size:13px;color:#000000;text-decoration:none;}
/* ------------------------- #################### LEFT NAVIGATION END #################### ------------------------- */


/* ------------------------- #################### FORM #################### ------------------------- */
.textbox{width:194px;font-size:11px;color:#000;background:#dcdcdb;border:none;}
.dropdownlist{width:194px;font-size:11px;color:#000;}

.textbox-s{width:90px;font-size:11px;color:#000;background:#dcdcdb;border:none;}
.button{background:url(../images/button-bg.jpg) center top;width:74px;height:25px;color:#FFFFFF;font-size:11px;font-weight:bold;text-align:center;border:1px solid #ffffff;}
.textarea{font-size:11px;color:#000;background:#dcdcdb;border:none;width:180px;}
/* ------------------------- #################### FORM END #################### ------------------------- */


/* ------------------------- #################### SITEMAP #################### ------------------------- */
a.siteblack{background-color:#000000;font-size:14px;text-align:center;text-decoration:none;color:#FFFFFF;padding:2px 22px;}
.linkblock{height:200px;margin-right:2px;width:210px;}
a.maplink{padding-left:10px;font-size:12px;text-decoration:none;background:url(../images/bullet.gif) left no-repeat;color:#717171;}
a.maplink:hover{color:#000000;}
/* ------------------------- #################### SITEMAP END #################### ------------------------- */


/* ------------------------- #################### CLIENTS #################### ------------------------- */
a.mappoint,a.mappoint-s,a.mappoint2,a.mappoint2-s{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-decoration:none;font-weight:bold;}
a.mappoint{background:url(../images/mappoint_0.jpg) left no-repeat;padding-left:12px;}
a.mappoint:hover,a.mappoint-s{background:url(../images/mappoint_1.jpg) left no-repeat;padding-left:12px;}
a.mappoint2{background:url(../images/mappoint_0.jpg) right no-repeat;padding-right:12px;}
a.mappoint2:hover,a.mappoint2-s{background:url(../images/mappoint_1.jpg) right no-repeat;padding-right:12px;}
/* ------------------------- #################### CLIENTS END #################### ------------------------- */


/* ------------------------- #################### LIGHTBOX #################### ------------------------- */	
#gallery{width:460px;}
/*#gallery ul{margin:0;padding:0;}
#gallery ul li{display:inline;}*/
#gallery img{border:4px solid #000000;margin:0 2px 0 2px;display:inline;}
#gallery a:hover img{border:4px solid #ffffff;}

/*------------------########## Lightbox currently used###################------------------------*/
#gallery ul{list-style:none;margin:0;padding:0;}
#gallery ul li{display:inline;}
#gallery ul img{border:4px solid #000000;margin:0 2px 2px 0;}
#gallery ul a:hover img{border:4px solid #ffffff;}
/* ------------------------- #################### LIGHTBOX END #################### ------------------------- */

.newnav{list-style:none;margin:0;padding:0;}
.newnav li{padding:0 4px;}
.newdrop{float:left;margin:0 0;}
.newdrop dt{background-color:#000000;color:#FFFFFF;font-size:15px;margin:0px;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;}
.newdrop dd{background-color:#000000;position:absolute;margin:0;padding:0;overflow:hidden;/*width:172px;*/display:none;z-index:200;opacity:0;font-size:13px;}
.newdrop ul{width:100px;list-style:none;border-top:none;}
.newdrop li{display:inline;}
.list2 ul{margin:0;padding:4px 0 0 16px;line-height:15px;}
.list2 ul li{list-style:url(../images/bullet2.gif);padding:0 10px 6px 2px;color:#ffffff;}
.list2 ul li a{color:#575757;text-decoration:none;}
.list2 ul li a:hover{text-decoration:underline;}

.ModalPopupBG{background-color: #000000;filter: alpha(opacity=50);opacity: 0.7;}
.HellowWorldPopup{min-width:200px;min-height:150px;background:white;}