/* CSS Document */
body{margin:0px; padding:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}
form, img { padding:0; margin:0;}
/* container */
.container{ width:802px;}

/* header */
.header{  background:url(../images/header_bg.gif) no-repeat top left; position:relative; height:415px;}

.logo_row{height:128px; position:relative;}

.logo{position:absolute; left:13px; top:23px;}

.toplnk{position:absolute; left:650px; top:0px;}
.toplnk-mid{background:#000000; border-bottom:1px solid #545C61; height:18px; padding:6px 4px 0px 4px; text-align:center;}
.toplnk img { display:inline;}
.toplnk a img { display:inline; margin:0 12px;}



/* float left */
.fl{float:left;}

/* float right */
.fr{float:right;}

/* clear */
.clear{clear:both; height:0px; font-size:0px;}

/* top navigation */
.topnav_box{ display:block; width:100%; position:absolute; top:128px; left:0; width:100%; z-index:1;}
.topnav{background:url(../images/topnav_mid.gif) repeat-x; height:35px; margin:0 8px;}

.topnav_box ul { padding:0; margin:0;}
.topnav_box ul li{ padding:0; margin:0; list-style:none; float:left; position:relative;  }

.topnav_box ul li a { height:35px; display:block; background-position:top; margin:0 7px 0 6px;}
.topnav_box ul li a:hover { background-position:bottom;}

#home .topnav_box ul li.top-nav-home a { background-position:bottom;}
#services .topnav_box ul li.top-nav-services a { background-position:bottom;}
#web_solutions .topnav_box ul li.top-nav-web_solutions a { background-position:bottom;}
#graphic_design .topnav_box ul li.top-nav-graphic_design a { background-position:bottom;}
#portfolio .topnav_box ul li.top-nav-portfolio a { background-position:bottom;}
#case_study .topnav_box ul li.top-nav-case_study a { background-position:bottom;}
#contactus .topnav_box ul li.top-nav-contactus a { background-position:bottom;}

.top-nav-home a { background-image:url(../images/top-nav-home.gif); width:59px;}
.top-nav-services a { background-image:url(../images/top-nav-services.gif); width:77px; }
.top-nav-web_solutions a { background-image:url(../images/top-nav-web_solutions.gif); width:120px; }
.top-nav-graphic_design a { background-image:url(../images/top-nav-graphic_design.gif); width:122px;}
.top-nav-portfolio a { background-image:url(../images/top-nav-portfolio.gif); width:89px;}
.top-nav-case_study a { background-image:url(../images/top-nav-case_studies.gif); width:116px;}
.top-nav-contactus a { background-image:url(../images/top-nav-contactus.gif); width:98px; }

/* main banner */

.main-banner{ height:280px; position:relative; background:transparent url(../images/2020_mainbanner.jpg); background-repeat:no-repeat; background-position:bottom;}
#home .main-banner{ background-image:url(../images/2020_mainbanner.jpg); }
#services .main-banner{ background-image:url(../images/services_banner.jpg); }
#web_solutions .main-banner{ background-image:url(../images/web_solution_banner.jpg); }
#graphic_design .main-banner{ background-image:url(../images/graphic_design_banner.jpg); }
#portfolio .main-banner{ background-image:url(../images/portfilio_banner.jpg); }
#case_study .main-banner{ background-image:url(../images/case_studies_banner.jpg); }
#contactus .main-banner{ background-image:url(../images/contactus_banner.jpg); }

.main-banner img{ display:none; position:absolute; top:29px; left:0;}


/* title 1 */
.tit-1{font:normal 25px Arial, Helvetica, sans-serif; color:#000000; padding:5px 0px;}

/* title 2 */
.tit-2{font:normal 20px Arial, Helvetica, sans-serif; color:#000000;}

/* title 5 */
.tit-5{font:bold 12px Arial, Helvetica, sans-serif;}

/* color dark gray */
.fc-drkgray{color:#6A6565;}

/* color black */
.fc-black{ color:#000000;}

/* color pink */
.fc-pink{color:#E52452;}

/* text align left */
.tal{ text-align:left;}

/* text align right */
.tar{ text-align:right;}

/* text align center */
.tac{ text-align:center;}

/* text align justify */
.taj{ text-align:justify;}

/* padding left right 10 px */
.pad-lr10{padding-left:10px; padding-right:10px;}

/* padding top bottom 10 px */
.pad-tb10{padding-top:10px; padding-bottom:10px;}

/* padding top 5 */
.pad-t5{padding-top:5px;}

/* inquiry form */
.inq-form{ width:513px; float:left; background:#83DCFA; font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}
.inq-form p{margin:0px; padding:2px 0px 3px 8px; text-align:left;}
.inq-form p label{width:260px; float:left; display:block; padding-bottom:2px;}
.inq-form .footer{ background:url(../images/inquiryform_footer_m.gif) repeat-x; height:52px;}

.inq-form-right{padding-left:30px; float:left;}

/* textbox */
.textbox{background:#FFFFFF; margin:0px; padding:3px; width:224px; font:normal 12px Arial, Helvetica, sans-serif; color:#000000; border:0px;}

/* footer */
.footer{ background:url(../images/footer_mid.gif) repeat-x; height:57px; font:normal 14px Arial, Helvetica, sans-serif; color:#FEFEFF;}
.footer .phone{padding-top:30px; padding-left:20px;}
.footer a:link, .footer a:visited{color:#FEFEFF; text-decoration:none;}
.footer a:hover{color:#FEFEFF; text-decoration:underline;}
.footer .email{padding-top:30px; padding-left:75px;}

/* copyright */
.copyright{color:#787878; font:normal 11px Arial, Helvetica, sans-serif; text-align:left; padding:7px 0px 7px 5px;}

/* inner pages */
.inner-left{ width:513px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}

/* normal link */
.nor-link{font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}
.nor-link a:link, .nor-link a:visited{ color:#000000; text-decoration:underline;}
.nor-link a:hover{ color:#000000; text-decoration:none;}

/* width 33% */
.w33{ width:33%;}

/* portfolio image and text */
.portfolio{width:33%; float:left; padding:5px 0px; text-align:center; font:normal 11px Arial, Helvetica, sans-serif; color:#000000;}
.portfolio a:link, .portfolio a:visited{ color:#000000; text-decoration:underline;}
.portfolio a:hover{ color:#E52452; text-decoration:none;}

/* mandatory fields */
.mandatory{color:#FF0000;}

/* margin padding 0 */
.mp0{margin:0px; padding:0px;}

/* services icon display */
.ser-icn{ display:inline;}
.ser-icn img{text-align:center; margin:10px; !important}

/* border top border bottom 1 px */
.bdr-tb{border-top:1px solid #999999; border-bottom:1px solid #999999; margin:20px 0 10px 0;}