/* Reset default styles across browsers ---------------------------------------- */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,th,ul,ol,li { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } img { border:none; } ol,ul { list-style:none; } caption, th { text-align:left; } h1,h2,h3,h4,h5,h6,pre,address,caption,cite,code,em,th { font-size:1em; font-style:normal; font-weight:normal; } q:before,q:after { content:''; } /* Set uniform base font size ---------------------------------------- */ body { font:12px Arial, Helvetica, sans-serif; } /*#8B9298*/ table { font-size:inherit; } select,input,textarea { font:99% Arial, Helvetica, sans-serif; padding:2px; } pre,code { font:115% monospace; } /*body * { line-height:1.5em; } */ h1 { font-size:17px; color:#4F4F4D; font-weight:bold; border-bottom:2px solid #E9E9E9; padding-bottom:8px; padding-top:8px; margin-bottom:10px; } h2 { font-size:16px; font-weight:700; margin-bottom:10px; } p { text-align:justify; } /** Image Setting **/ img { behavior: url(../uiepngfix.htc); } img.left { float:left; margin:2px 20px 16px 0; } img.right { float:right; margin:2px 0 16px 20px; } img.across { margin:2px 0 16px 0; } img.flushleft { margin-left:-20px; } img.flushright { margin-right:-20px; } img.border { border:1px solid #C0C0C0; } /** Anchor Setting **/ a { text-decoration:none; color:#8B5A4B; } a:hover { text-decoration:underline; } /* LAYOUT */ .clear { clear:both; height:0px; line-height:0px; visibility:hidden; font-size:1px; } .clearer { clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; } /** Main Container **/ #container { width:924px; margin:0 auto; position:relative; background-color:#FFFFFF; height:auto !important; height:900px; border-left:1px solid #6B91E2; border-right:1px solid #6B91E2; } /** Header Part **/ #header .header_top { height:7px; width:100%; background-color:#94A8C6; } #header .header_logo { height:95px; line-height:95px; cursor:pointer; background-color:#F3F3F3; background-image:url('../images/logo.png'); background-position:15px 7px; background-repeat:no-repeat;} * html #header .header_logo{ height:95px; line-height:95px; background-color:#F3F3F3; background-image: url('../images/blank.gif'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://120.72.91.132/apm4solutions/fileadmin/ap4msolutions/images/logo.png", sizingMethod=""); } /** Menu Part **/ #menu ul { float:left; height:43px; line-height:43px; width:100%; background-image:url('../images/top_menu_bg.gif'); border-bottom:1px solid #6B91E2; padding:0px; margin:0px; } #menu ul li { float:left; padding-left:18px; padding-right:20px; } #menu ul li a { color:#FFFFFF; font-size:13px; text-decoration:none; } #menu ul li a:hover { text-decoration:underline; } #menu ul li.menu_separator { float:left; background-image:url('../images/menu_seperator.gif'); background-repeat:no-repeat; padding:0px; margin:0px; border-bottom:1px solid #6B91E2; border-top:1px solid #6B91E2; } /** Our Services **/ #our_services { float:left; width:99%; padding-top:20px; padding-left:8px; background-image:url('../images/main_bg.gif'); background-repeat:repeat-x } /*#our_services .title_services { font-size:16px; color:#333A68; font-weight:bold; }*/ #our_services .title_services { font-size:16px; color:#333A68; font-weight:bold;} #our_services ul { float:left; width:174px; margin-right:2px; border-bottom:1px solid #B3B3B3; margin-top:10px; height:200px; background-image:url('../images/box_bg.gif'); background-repeat:repeat-y} #our_services ul li { padding-left:5px; height:24px; line-height:24px; background-image:url('../images/box_menu_bg.jpg'); background-repeat:no-repeat; background-position:right; } #our_services a { color:#363636; text-decoration:none; } #our_services a:hover { text-decoration:underline; } /** Set All Title Style **/ /* #our_services ul li.label_software_development{ color:#292A48; font-size:12px; font-weight:bold; padding-left:13px; padding-top:8px; padding-bottom:5px; background-image:url('../images/box_header.jpg'); background-repeat:no-repeat; background-position:top; } */ #our_services ul li.label_software_development{ color:#292A48; font-size:12px; font-weight:bold; padding-top:8px; padding-bottom:5px; background-image:url('../images/box_header.jpg'); background-repeat:no-repeat; background-position:top; text-align:center } #our_services #software_development li span { padding-left:7px; padding-right:15px; background-image:url('../images/software_icon.jpg'); background-repeat:repeat-y; background-repeat:no-repeat; } /* #our_services ul li.label_web_development{ color:#567299; font-size:12px; font-weight:bold; padding-left:13px; padding-top:8px; padding-bottom:5px; background-image:url('../images/box_header.jpg'); background-repeat:no-repeat; background-position:top;} */ #our_services ul li.label_web_development{ color:#567299; font-size:12px; font-weight:bold; padding-top:8px; padding-bottom:5px; background-image:url('../images/box_header.jpg'); background-repeat:no-repeat; background-position:top; text-align:center } #our_services #web_development li span { padding-left:7px; padding-right:15px; background-image:url('../images/development_icon.jpg'); background-repeat:repeat-y; background-repeat:no-repeat; ; } /* #our_services ul li.label_graphic_design{ color:#7C2E3E; font-size:12px; font-weight:bold; padding-left:13px; padding-top:8px; padding-bottom:5px; background-image:url('../images/box_header.jpg'); background-repeat:no-repeat; background-position:top;} */ #our_services ul li.label_graphic_design{ color:#7C2E3E; font-size:12px; font-weight:bold; text-align:center; padding-top:8px; padding-bottom:5px; background-image:url('../images/box_header.jpg'); background-repeat:no-repeat; background-position:top;} #our_services #graphic_design li span { padding-left:7px; padding-right:15px; background-image:url('../images/graphics_icon.jpg'); background-repeat:repeat-y; background-repeat:no-repeat; } /* #our_services ul li.label_internet_marketing{ color:#464237; font-size:12px; font-weight:bold; padding-left:13px; padding-top:8px; padding-bottom:5px; background-image:url('../images/box_header.jpg'); background-repeat:no-repeat; background-position:top;} */ #our_services ul li.label_internet_marketing{ color:#464237; font-size:12px; font-weight:bold; text-align:center; padding-top:8px; padding-bottom:5px; background-image:url('../images/box_header.jpg'); background-repeat:no-repeat; background-position:top;} #our_services #internet_marketing li span { padding-left:7px; padding-right:15px; background-image:url('../images/magnifier_icon.gif'); background-repeat:repeat-y; background-repeat:no-repeat; } /** Contact Box **/ #our_services #kontact{ float:left; color:#666666; margin-left:8px; width:185px; height:200px; margin-top:10px; } /*background-color:#FDFDFD; */ #our_services #kontact li{ height:auto; min-height:30px; border-top:1px dotted #CCCCCC; padding:0px; margin-left:15px; margin-right:10px; } #our_services #kontact .title_kontact { border:0px; font-size:15px; color:#999999; font-weight:bold; padding-top:10px; padding-left:35px; background-image:url('../images/kontact_icon.jpg'); background-repeat:no-repeat; background-position:0px 7px; } /** Contact ICON **/ #our_services #kontact ol li.skype_icon { background-image:url('../images/skype_icon.jpg'); background-repeat:no-repeat; background-position:0px 2px; padding-left:30px; height:34px; line-height:35px; } #our_services #kontact ol li.msn_icon { background-image:url('../images/msn_icon.jpg'); background-repeat:no-repeat; background-position:0px 2px; padding-left:30px; height:34px; line-height:35px; } #our_services #kontact ol li.yahoo_icon { background-image:url('../images/yahoo_icon.jpg'); background-repeat:no-repeat; background-position:0px 2px; padding-left:30px; height:34px; line-height:35px; } #our_services #kontact ol li a { color:#666666; } #our_services #kontact ol li a:hover { text-decoration:underline; } #our_services ul li.read_more{ text-align:right; padding-right:7px; height:50px; line-height:50px; background-image:none; } #our_services ul li.read_more label { background-image:url('../images/arrow_icon.gif'); background-position:left; background-repeat:no-repeat; padding-left:15px; } #our_services ul li.read_more a { color:#616568; font-weight:bold; text-decoration:none; } #our_services ul li.read_more a:hover { text-decoration:underline; } /** MAIN Content Aread **/ #content { float:left; padding-top:24px; padding-left:8px; text-align:justify; } /** HOME PAGE CONTENT **/ /** Column 1 **/ #content .column1 { float:left; margin-right:7px; width:347px; } #content .column1 .title { font-size:17px; color:#4F4F4D; font-weight:bold; border-bottom:2px solid #E9E9E9; padding-bottom:10px; } #content .column1 .desc { padding-top:10px; } /** Middle Content For Latest News & Featured **/ #content .column2 { float:left; width:347px; } #content .column2 .title { font-size:17px; color:#4F4F4D; font-weight:bold; border-bottom:2px solid #E9E9E9; padding-bottom:10px; } #content .column2 .desc { padding-top:10px; } /** Banner **/ #content .column3 { float:left; padding:0px; margin:0px; margin-left:2px; } /** Latest News INNER STYLE **/ #content .latest_news { width:100%; } #content .latest_news ul { border-bottom:1px dotted #CCCCCC; margin-bottom:5px; padding-bottom:5px; } #content .latest_news li.n_title a { color:#000000; font-weight:bold; } #content .latest_news li.n_title a:hover { text-decoration:underline; } #content .latest_news li.n_date a { color:#999999; } #content .latest_news li.n_date a:hover { text-decoration:underline; } #content .latest_news li.n_read { text-align:right; } #content .latest_news li.n_read a { color:#8B5A4B; font-weight:bold; text-decoration:none; } #content .latest_news li.n_read a:hover { text-decoration:underline; } /**Featured Article INNER STYLE **/ #content .featured_article ul { } #content .featured_article li.n_title a { color:#000000; font-weight:bold; } #content .featured_article li.n_title a:hover { text-decoration:underline; } #content .featured_article li.n_date a { color:#999999; } #content .featured_article li.n_date a:hover { text-decoration:underline; } #content .featured_article li.n_read { text-align:right;} #content .featured_article li.n_read a { color:#8B5A4B; font-weight:bold; text-decoration:none; } #content .featured_article li.n_read a:hover { text-decoration:underline; } /** INNER PAGE CONTENT **/ /** Column 1 Inner **/ #content .column1_inner { float:left; width:700px; } #content .column1_inner .title { font-size:17px; color:#4F4F4D; font-weight:bold; border-bottom:2px solid #E9E9E9; padding-bottom:10px; } #content .column1_inner .desc { padding-top:10px; } /** Column 2 Inner **/ #content .column2_inner { float:left; padding:0px; margin:0px; margin-left:3px; } #footer { height:75px; margin-top:10px; background-color:#153860; font-size:11px; } #footer .footer_separtor { background-color:#E2E1DD; height:7px; line-height:7px; } #footer .footer_link { text-align:center; color:#FFFFFF; padding-top:15px;} #footer .footer_link a { color:#FFFFFF; } #footer .footer_link a:hover { text-decoration:underline; } #footer .footer_copyright { text-align:center; color:#B6D7F8; padding-top:10px; } /** GENERAL BOX STYLE **/ .t { background: url(../images/top_bg.gif) 0 0 repeat-x; width: auto; background-color:#FFF; float:left; } .b { background: url(../images/bottom_bg.gif) 0 100% repeat-x; float:left; } .l { background: url(../images/left_bg.gif) 0 0 repeat-y; float:left; } .r { background: url(../images/right_bg.gif) 100% 0 repeat-y; float:left; } .bl { background: url(../images/bottom_left_corner.gif) 0 100% no-repeat; float:left; } .br { background: url(../images/bottom_right_corner.gif) 100% 100% no-repeat; float:left; } .tl { background: url(../images/top_left_corner.gif) 0 0 no-repeat; float:left; } .tr { background: url(../images/top_right_corner.gif) 100% 0 no-repeat; float:left; } /** FORM STYLE **/ .formStyle input { border:1px solid #7F9DB9; width:170px; } .formStyle .button { background-color:#153860; color:#FFFFFF; width:100px !important; height:23px; margin:0px; padding:0px; } .formStyle select { background-color:#FFFFFF; border:1px solid #7F9DB9 !important; width:175px; } .formStyle textarea { background-color:#FFFFFF; border:1px solid #7F9DB9; width:170px; } .chk { margin:0px; padding:0px; width:20px !important; border:1px solid #FFF !important; } /* Bulletlists, general */ UL.csc-bulletlist LI { padding-top:2px; } /* Bulletlists, specifically */ UL.csc-bulletlist-0 { color: #000000; list-style:disc; padding-left:15px; } UL.csc-bulletlist-1 { list-style : decimal; } UL.csc-bulletlist-2 { list-style:square; padding-left:15px; } UL.csc-bulletlist-3 { list-style:circle; padding-left:15px; }