@import url("note.css");
body, html{margin:0px; font:12px/18px Arial, Helvetica, sans-serif; background:#1d1d1d url(images/page-bg.jpg) repeat-x top; color:#666; text-align:left;}
h2{margin:20px 0px 10px 0px; color:#332; font-size:18px; font-weight:normal; text-align:left; line-height:22px;}
h2 a:link, h2 a:visited{color:#332; text-decoration:none;}
h1{margin:0px; color:#4c4c4c; float:left; width:465px; text-align:left; font-size:12px;}
h3{margin:0px; font-size:15px; font-weight:normal; text-align:left; float:left; width:167px; color:#fff;}
h4{margin:0px; color:#333; font-size:18px; line-height:21px; text-align:left; float:left; font-weight:normal; margin:30px 0px 15px 0px; width:464px;}
h4 a:link, h4 a:visited{color:#333;}
h5{margin:0px 0px 0px 0px; color:#332; font-size:18px; font-weight:normal; text-align:left; line-height:22px;}
h6{margin:0px; color:#332; font-size:13px; text-align:left; line-height:22px;}
p{text-align:justify; margin:15px 0 15px 0; color:#666; word-spacing:1px;}
.dropcap:first-letter{font:48px "Times New Roman", Times, serif; color:#586b59;	line-height:40px;}
input, textarea{font:12px/15px Arial, Helvetica, sans-serif; border:1px solid #ccc; color:#7f7f7f;}
img{border:0px;}
/*img{behavior:url(iepngfix.htc);}*/
a{color:#666; text-decoration:none;}
.float-left{float:left;}
.float-right{float:right;}
.clear-div{clear:both;}
ul{text-align:left; list-style:none; margin:5px 0 10px 0; padding:5px 0 10px 0;}
ul li{margin:0 0 2px 15px; padding:0 0 2px 15px; background:url(images/bullet.gif) 0px 2px no-repeat;}

/*css for main div -----------------------------------------------------------*/
#main-div{width:990px;}
#top-header-div{width:990px; height:119px; float:left;}
.logo{float:left; margin:10px 0px 0px 45px;}
.call-us{color:#a5a5a5; float:right; padding:25px 35px 0px 0px; font-style:italic;}
.tel-no{float:right; margin:5px 34px 0px 0px; clear:right;}
.top-navi{display:inline; float:right; width:762px; height:25px; background:#484848; margin:16px 5px 0px 0px;}
.top-navi a{display:inline; float:left; text-decoration:none; margin:5px 20px; line-height:15px; color:#fff;}
.top-navi a:hover{color:#ccc;}
.top-navi a.active{color:#888;}

/*css for breadcumb-----------------------------------------------------*/
.breadcumb-main{float:left; clear:left; text-align:left; color:#ff183e; margin:257px 0px 52px 0px; width:465px;}
#breadcumb-main-1{margin:9px 0px 52px 0px;}
.breadcumb-main a:link, .breadcumb-main a:visited{color:#000; text-decoration:none;}
.breadcumb-main a:hover{text-decoration:underline;}
.breadcumb-main span{color:#7e7f7f;}
.breadcumb-main h1{color:#7e7f7f; display:inline; float:none; font-weight:normal;}

.content{float:left; width:465px; text-align:left; padding-bottom:20px;}
.content h4.portfolio-titles{font-size:14px; font-style:italic; border-bottom:solid 1px #e5e5e5; padding:20px 10px 2px 10px;; width:auto; float:none; clear:both; margin:0px 0px 15px 0px;}
.content h4.portfolio-titles a{color:#000;}
.content p{text-align:justify; margin:10px 0 20px 0; color:#666; word-spacing:1px;}
.content h6{margin:0px; color:#332; font-size:13px; text-align:left; line-height:18px;}
.content ul h6{padding-bottom:4px;}
.content ul{text-align:left; list-style:none; margin:5px 0px 0px 0px; padding:5px 0;}
.content ul li{margin:0px 0 2px 15px; padding:0 0 2px 15px; background:url(images/bullet.gif) 0px 2px no-repeat; text-align:justify;}
.content ul ul h6{display:inline; font-size:12px;}
.content ul ul{}
.content ul ul li{background:url(images/bullet-li.gif) 0px 7px no-repeat;}


/*css for digi-pen-dev-pg-----------------------------------------------*/
a.digi-pen-portfolio-img:link, a.digi-pen-portfolio-img:visited, a.digi-pen-portfolio-img:hover{float:left; margin-top:16px;}
.port-tilte-img{margin-top:300px; width:165px; height:51px;}

/*css for portfolio landing pg-----------------------------------------------*/
#port-landing-main{float:left; width:982px; padding:0px 4px; background:url(images/port-landing-bg.jpg) repeat-y center;}
#port-landing-right-div{float:right; width:465px; padding:0px 25px 40px 25px; background:url(images/port-landing-banner.jpg) right top no-repeat;}
#port-landing-center-div{float:right; width:208px; padding-left:13px;}
.port-landing-note-top{float:left; width:195px; margin-top:33px; background:url(images/port-landing-note-corners.jpg) left top no-repeat; padding-top:8px;}
.port-landing-note-bottom{float:left; width:195px; background:url(images/port-landing-note-corners.jpg) left bottom no-repeat; padding-bottom:8px;}
.port-landing-note-bg{float:left; width:167px; padding:10px 14px 10px 14px; text-align:right;}
.port-landing-note-bg a:link, .port-landing-note-bg a:visited{text-align:right; color:#fff; text-decoration:none; text-align:right; white-space:nowrap; float:right; margin:10px 0px;}
.port-landing-note-bg a:hover{color:#999;}
.port-landing-note-bg a.sublinks:link, .port-landing-note-bg a.sublinks:visited{display:inline; float:right; clear:right; color:#dd9aad; text-decoration:none; text-align:right; white-space:nowrap; padding:0px 12px 0px 0px; margin:0px; background:url(images/bullet-square.gif) right no-repeat; font-size:12px;}
.port-landing-note-bg a.sublinks:hover{color:#fff;}
.port-landing-note-bg h3{color:#fff;}
.port-landing-note-bg p{width:167px; color:#999; font:10px/12px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin-top:40px;}
.port-cat-div{float:left; width:464px; text-align:left; color:#7f7f7f;}
.port-cat-div div{float:left; width:362px; text-align:justify;}
.port-cat-div div a:link, .port-cat-div div a:visited{color:#94c1f1; font-size:13px; text-decoration:none; background:url(images/bullet-browse-port.gif) right no-repeat; padding-right:17px; line-height:26px;}
.port-cat-div div a:hover{color:#629ddc;}

/*css for portfolio landing pg-----------------------------------------------*/
#portfolio-pg-main{float:left; width:982px; padding:0px 4px; background:url(images/portfolio-pg-bg.jpg) repeat-y center;}
#portfolio-pg-right-div{float:right; width:637px; padding:0px 25px 40px 25px; background:url(images/digi-pen-dev-port-banner.jpg) right top no-repeat;}
#portfolio-pg-right-div p{display:block; float:left; text-align:justify; width:636px; margin:0px; color:#666; word-spacing:1px;}
#portfolio-pg-center-div{float:right; width:49px;}
.paging-port-div{float:left; width:636px;}
.paging-port-div a:link, .paging-port-div a:visited{display:block; width:23px; height:23px; background:url(images/paging-link-bg.gif) right top; font-size:14px; text-decoration:none; color:#fff; line-height:22px; float:right; margin-left:12px;}
.paging-port-div a:hover{background:url(images/paging-link-bg.gif) left top;}
.paging-port-div a.active-page:link, .paging-port-div a.active-page:visited, .paging-port-div a.active-page:hover{background:url(images/paging-link-bg.gif) left top;}

/*css for portfolio pages banners*/
#multimedia-port-pg-right-div{float:right; width:637px; padding:0px 25px 40px 25px; background:url(images/multimedia-port-banner.jpg) right top no-repeat;}
#multimedia-port-pg-right-div p{display:block; float:left; text-align:justify; width:636px; margin:0px; color:#666; word-spacing:1px;}
#print-media-port-pg-right-div{float:right; width:637px; padding:0px 25px 40px 25px; background:url(images/print-media-port-banner.jpg) right top no-repeat;}
#print-media-port-pg-right-div p{display:block; float:left; text-align:justify; width:636px; margin:0px; color:#666; word-spacing:1px;}
#soft-dev-port-pg-right-div{float:right; width:637px; padding:0px 25px 40px 25px; background:url(images/soft-dev-port-banner.jpg) right top no-repeat;}
#soft-dev-port-pg-right-div p{display:block; float:left; text-align:justify; width:636px; margin:0px; color:#666; word-spacing:1px;}
#web-design-port-pg-right-div{float:right; width:637px; padding:0px 25px 40px 25px; background:url(images/web-design-port-banner.jpg) right top no-repeat;}
#web-dev-port-pg-right-div{float:right; width:637px; padding:0px 25px 40px 25px; background:url(images/web-dev-port-banner.jpg) right top no-repeat;}
#wpf-dev-port-pg-right-div{float:right; width:637px; padding:0px 25px 40px 25px; background:url(images/wpf-banner.jpg) right top no-repeat;}
#yahoo-store-dev-port-pg-right-div{float:right; width:637px; padding:0px 25px 40px 25px; background:url(images/yahoo-store-dev-port-banner.jpg) right top no-repeat;}

/*css for portfolio inner pages*/
#portfolio-inner{float:right; width:637px; padding:60px 25px 40px 25px;}
#portfolio-inner h1.title{float:left; width:637px; text-align:left; background: url(images/portfolio-divider.gif) no-repeat center bottom; color:#2a2929; font-size:16px; font-weight:normal; padding:0 0 10px 0;}
#portfolio-inner a{outline:none;}
#portfolio-inner h1 a.next{float:right; font-size:11px; text-decoration:none; background:url(images/portfolio-next.gif) right top no-repeat; padding-right:25px; line-height:17px; margin-left:25px;}
#portfolio-inner h1 a.next:hover{background:url(images/portfolio-next.gif) right bottom no-repeat;}
#portfolio-inner h1 a.previous{float:right; font-size:11px; text-decoration:none; background:url(images/portfolio-previous.gif) left top no-repeat; padding-left:25px; line-height:17px;}
#portfolio-inner h1 a.previous:hover{background:url(images/portfolio-previous.gif) left bottom no-repeat;}
#preimg{visibility:hidden; position:absolute; left:0px; top:50px; border:#ccc 1px solid; padding:2px; background:#fff;}
#nextimg{visibility:hidden; position:absolute; left:0px; top:50px; border:#ccc 1px solid; padding:2px; background:#fff;}
/*
*html #preimg{width:79px; height:46px;}
*html #nextimg{width:79px; height:46px;}
*/
/*css for popup*/
#popup{position:absolute; width:708px; height:1px; display:none; opacity:0; bottom:-1px;}
.popup_top{width:708px; height:53px; text-align:left; position:relative;}
.popup_top a{display:block; width:33px; height:33px; position:absolute; top:14px; left:14px;}
.popup_img{width:708px; height:398px; text-align:center; position:relative;}
#popup_thumbs_div{width:708px; height:98px; position:relative;}
#popup_thumbs{width:708px; height:98px; position:absolute; margin:0px; padding:0px; left:0px; top:0px;}
#popup_thumbs li{border:solid 1px #fff; height:52px; padding:2px; background:none;}
#popup_thumbs li a img{float:left;}
#popup_thumbs li.over{border:solid 1px #a8a8a8;}
#popup_thumbs li.thumb1{list-style:none; position:absolute; float:left; left:160px; top:6px;}
#popup_thumbs li.thumb2{list-style:none; position:absolute; float:left; left:260px; top:6px;}
#popup_thumbs li.thumb3{list-style:none; position:absolute; float:left; left:360px; top:6px;}
#popup_thumbs li.thumb4{list-style:none; position:absolute; float:left; left:460px; top:6px;}


/*css for footer -----------------------------------------------------------------------*/
.page-bottom-corners{width:982px; float:left;}
.footer-main-div{float:left; width:982px; text-align:left; font-size:11px; color:#acacac; padding:15px 0px 40px 8px; line-height:20px;}
.footer-links-div{float:left; width:967px; word-spacing:15px; padding-left:15px;}
.footer-links-div a:link, .footer-links-div a:visited{color:#8e8e8e; text-decoration:none; word-spacing:1px;}
.footer-links-div a:hover{color:#cbcbcb;}
.copyright-validation-div{float:left; width:967px; padding:15px 0px 0px 15px;}
.validation{float:right; clear:right; padding-right:5px; width:200px;}
.mwcts{float:right; margin-right:9px;}
.instant-quote{float:left; clear:left; color:#fff; width:500px;}
.instant-quote a{color:#fff; text-decoration:underline;}
.copyright{float:left; clear:left; margin-top:0px; width:500px; color:#999;}

/*css for left navigation--------------------------------------------------------*/
#left-navi-main{float:left; width:230px; background:url(images/left-top-corner.jpg) left top no-repeat;	padding:5px 0px 15px 16px;}

/*Left Menu DEC 20 -------------------------------------------------------------*/
.left-menu{float:left; padding:12px 0px 0px 0px; width:211px;}
.left-menu-links{float:left; width:199px; min-height:567px; padding:15px 6px; background:#fafafa url(images/left-navi-bg.gif) repeat-x; border-left:solid 1px #e8e8e8; border-right:solid 1px #e8e8e8;}
/**html .left-menu-links{height:567px;}*/
.left-menu-links a{float:left; width:199px; height:35px; text-align:left; text-decoration:none !important; outline:none; background:url(images/left-navi-link-bg.png) left bottom no-repeat; margin:8px 0px;}
/**html .left-menu-links a{background:none;}*/
.left-menu-links a:hover{background:url(images/left-navi-link-bg.png) left top no-repeat;}
/**html .left-menu-links a:hover{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/left-navi-link-bg.png', sizingMethod='crop'); cursor:pointer;}*/
.left-menu-links a img{width:199px; height:35px;}
.left-menu-links a.active{background:url(images/left-navi-link-bg.png) left top no-repeat;}
/**html .left-menu-links a.active{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/left-navi-link-bg.png', sizingMethod='crop');}*/

.left-menu-links ul{float:left; padding:0px 0px 0px 10px;}
.left-menu-links ul li {background:url(images/left-navi-sub-menu-bullet.gif) 0px 5px no-repeat; float:left; clear:left; width:160px; display:inline; padding:0px 0px 10px 15px;}
.left-menu-links ul li a{float:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#282727; font-size:12px; line-height:12px;}
.left-menu-links ul li a:hover{color:#004491; background:none;}

#sublinks li.active a{color:#004491;}

.clients-login{margin:16px 0px; float:left;}

/*css for quick quote --------------------------------------------------------*/ 
.quick-quote{float:left; width:179px; padding:15px 15px 10px 15px; background:#f9fbfc url(images/quick-quote-bg.gif) repeat-x; border-left:solid 1px #b4c2c7; border-right:solid 1px #b4c2c7; margin-left:1px; display:inline; text-align:left; font-size:11px; color:#626364;}
.quick-quote input{border:solid 1px #cecece; width:171px; margin-bottom:15px; font-size:11px; padding:2px;}
.quick-quote input.image{border:none; width:70px; height:17px;}
.quick-quote textarea{border:solid 1px #cecece; width:171px; margin-bottom:12px; float:left; font-size:11px; padding:2px;}
.quote-submit-btn {border:0px; float:left;}

/*css for Common pg-----------------------------------------------*/ 
#digi-pen-dev-main { float:left; width:982px; padding:0px 4px; background:url(images/digi-pen-dev-bg.jpg) repeat-y center; }
#common-right-div { float:right; width:465px; padding:0px 25px; background:url(images/banner-common.jpg) right top no-repeat; }
#digi-pen-center-div { float:right; width:203px; padding:0 9px; }
.digi-pen-dev-note-top { float:left; width:195px; margin-top:13px; background:url(images/digi-pen-dev-note-corners.jpg) left top no-repeat; padding-top:8px; }
.digi-pen-dev-note-bottom { float:left; width:195px; background:url(images/digi-pen-dev-note-corners.jpg) left bottom no-repeat; padding-bottom:8px; }
.digi-pen-dev-note-bg { float:left; width:167px; padding:10px 14px 30px 14px; background:url(images/digi-pen-dev-note-bg.jpg) repeat-y; }
.digi-pen-dev-note-bg p { width:167px; color:#e1a68c; font:10px/12px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin-top:40px; }
a.digi-pen-portfolio-img:link, a.digi-pen-portfolio-img:visited, a.digi-pen-portfolio-img:hover { float:left; margin-top:16px; }
.common-title-img{float:left; margin-top:250px; width:461px; height:74px;}
a.view-portfolio:link, a.view-portfolio:visited { float:left; padding-right:20px; background:url(images/bullet-portfolio.gif) right no-repeat; text-decoration:none; font-weight:bold; font-size:13px; color:#222; }
.recent-project-img{float:left; width:203px; height:187px; margin-top:5px;}

.rtml-features{float:left; width:232px;}
.rtml-features h2.title{font-size:16px;}
.rtml-features ul li{background:url(images/bullet-features.gif) 0px 3px no-repeat; padding-left:18px; margin-left:10px;}
.rtml-features ul li a:link, .rtml-features ul li a:visited{text-decoration:none;}
.rtml-features ul li a:hover{color:#222;}
.rtml-features ul li a.active:link, .rtml-features ul li a.active:visited{text-decoration:none; color:#c90000; cursor:default;}
a.rtml-enlarge:link, a.rtml-enlarge:visited{font-size:11px; color:#666; display:block; background:url(images/bullet-enlarge.gif) right no-repeat; width:88px; margin-bottom:10px;}
a.rtml-enlarge:hover{color:#222;}

.portfolio-content{float:left; width:636px; padding:20px 0;}
.portfolio-thumb{float:left; width:265px; background:url(images/thumb-shad.gif) no-repeat; display:inline; margin:25px 18px 0 35px;}
.portfolio-thumb h3{margin:0; padding:0;}
.portfolio-thumb a.port-title{float:left; width:245px; height:22px; padding:8px 0 0 10px; background:#f9f9f9; border:solid 1px #f1f1f1; color:#7c7c7c; font:11px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.portfolio-thumb a.port-title-css{float:left; width:245px; height:22px; padding:8px 0 0 10px; background:url(images/css.gif) 220px 9px no-repeat #f9f9f9; border:solid 1px #f1f1f1; color:#7c7c7c; font:11px/12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.portfolio-thumb img{border:solid 1px #f1f1f1; padding:5px; border-top:none;}
.portfolio-thumb br{clear:both;}
.portfolio-thumb a.site-name{font-size:13px; text-decoration:none; float:right; margin:20px 15px 0 0;}
.portfolio-thumb p{text-align:justify; margin:0px; color:#a3a3a3; word-spacing:1px; width:auto; font-size:10px; padding:12px;}
a.logothumb:link, a.logothumb:visited{float:left; width:181px; padding-top:170px; color:#b8b8b8; text-decoration:none; margin-bottom:40px; outline:none;}
a.logothumb:hover{color:#5a5a5a;}
.logo-divider{float:left; width:40px;}

/*css for common-pg-----------------------------------------------*/
#common-main{float:left; width:982px; padding:0px 4px;}
#common-right-div{float:right;	width:465px; padding:0px 25px;}
#common-center-div{float:right; width:203px; padding:0px 9px;}


.main-page-box{float:left; width:219px; padding-top:46px; position:relative; margin-bottom:15px;}
.main-page-box-title{float:left; width:219px; height:70px; position:absolute; top:0px; left:0px; font-size:14px; font-style:italic;}
.main-page-box-title a.title{color:#333; text-decoration:none; display:block; margin-top:20px; float:left; outline:none;}
.main-page-box-content{float:left; width:217px; background:url(images/mainpage-box-bg.gif) repeat-x; min-height:266px; border-left:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0;}
/**html .main-page-box-content{height:266px;}*/
.main-page-box-content p{font-size:11px; color:#646464; padding:12px 20px; line-height:16px; text-align:left;}
.main-page-box a.readmore{color:#fc6307; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; background:url(images/bullet-readmore.gif) right no-repeat; display:block; float:right; padding-right:6px; margin-right:10px; position:absolute; right:0px; bottom:15px;}

.link{
	font-weight: bold;
	color: blue;
}

.link:hover{
	color: orange;
}