@charset "utf-8"; /* global parameters for object inbetween . The Arial Narrow font is displayed for people who dont have flash plugin installed so if they cant see sIFR text, they will see similar font */ html, body{margin:0;padding:0;font:14px Tahoma, Geneva, sans-serif;color:#282828;} .clear{clear:both;font-size:0;} ul, ol, li{list-style:none;padding:0;margin:0;line-height:normal;} img{border:0px none;} a, a:hover{color:#555555;text-decoration:underline; font-weight:bold;} h1, h2, h3, h4, h5, p{margin:0;padding:0;font-weight:normal;font-size:14px;line-height:18px;} h1, h2, h3, h4, h5 {font-family:verdana;font-weight:bold;} .set-size {width:942px;margin:0 auto;position:relative;} /* set the position of any object to right or left (if it is already right), like more link */ .right {float:right;} .left {float:left;} /* more/continue button - you may use it anywhere you want */ a.more {background:url('images/bg-more-button.jpg') no-repeat top right;height:20px;border:1px solid #c0c0c0;display:block;color:#272727;font-weight:bold;font-size:11px;font-family:verdana; padding-left:8px; padding-right:30px; padding-top:4px; padding-bottom:0px} /* end */ a.main:link, a.main:active, a.main:visited{ color:#272727; text-decoration:underline; } a.main:hover{ color:#272727; text-decoration:underline; } .signdiv{ padding-top:10px; } .domaindiv{ padding:10px 0px 10px 0px; } .signupbg{ background:#F5F5F5; border:1px solid #CBCBCB; padding:10px 0px 0px 20px; height:150px; } .domainbg{ background:#F9F5D2; border:1px solid #C59919; padding:10px 0px 0px 20px; height:85px; font-size:11px; } .domchk{ float:left; } .domname{ float:left; padding:2px 10px 0px 0px; } .lbl_txt{ float:left; width:80px; padding-top:3px; } .domaintxt{ border:1px solid #CBCBCB; padding:2px 0px 2px 2px; width:160px; } .text_input_signin{ border:1px solid #CBCBCB; padding:2px 0px 2px 2px; width:200px; } .domaincombo{ border:1px solid #CBCBCB; width:70px; padding:1px 0px 1px 2px; } .signinbtn{ background:#E5E5E5; border:1px solid #ccc; } .submitbtn{ background:#E5E5E5; border:1px solid #ccc; } .portdesc{ text-align:justify; } .portfoliodetail{ padding-left:20px; } .imgborder{ border:1px solid #cbcbcb;padding:3px;background:#eee; } form{ margin:0px; padding:0px; } #top {background:url('images/bg-top.jpg') no-repeat top center;border-bottom:0px none;} #top a.logo {float:left;display:block;} #top h1 {font-size:32px;padding:20px 0px 14px 10px;cursor:default;line-height:normal;} .headerfont {font-size:32px;width:450px;padding:14px 0px 19px 10px;height:74px;cursor:default;line-height:normal;color:#C7AC13;} .sub_heading{ color:#FFF; } #top p {width:450px;height:60px;cursor:default;padding:0px 0px 0px 10px;} #main-menu {float:right;padding:19px 0px 19px 0px;font-size:12px;} #main-menu li {display:block;float:left;margin:0px;padding:0px;} #main-menu li a {color:#f7f8f6;font-weight:normal;text-decoration:none;} #main-menu li a:hover {color:#b7b7b7;} #main-menu .active {margin-top:-1px;} #main-menu .active a {color:#000;} /* lcd-container, contains the background with LCD monitor but without the rotated image */ #lcd-container {background:url('images/bg-lcd-blank.png') no-repeat;height:286px;width:400px;display:block;position:absolute;right:0px;top:60px} #search-container {height:25px;width:198px;display:block;position:absolute;right:22px;top:72px;} #client-container{ width:250px;height:100px; } #proj-container{ width:199px;height:114px; } .clientli{ width:250px; line-height:1.5em; } /* lcd li - defines the gap of img inbetween

tags - 9px from top, 0px from right, 0px from bottom and 8px from left ex: padding:1px 2px 3px 4px; means: 1px gap from top, 2px gap from right, 3px gap from bottom, 4px gap from left */ #lcd li {padding:9px 0px 0px 8px;} #main-buttons {padding:14px 0px 11px 0px;float:left;display:block;} #main-buttons li {float:left;display:block;margin:0px 10px 0px 0px;} #main-buttons li a {background:url('images/bg-top-buttons.jpg') no-repeat;width:208px;height:30px;display:block;border:1px solid #4c4d4f;font-size:18px;font-weight:bold;color:#272727; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:0px} #main-buttons li a:hover {background:url('images/bg-top-buttons2.jpg') no-repeat;width:208px;height:30px;display:block;border:1px solid #4c4d4f;font-size:18px;font-weight:bold;color:#272727; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:0px} /* end */ /* defines the height of top section for sub-pages so you dont need to use other backgrounds to have different images on main page (heigher) and sub-pages (smaller) */ .sub-page {height:120px;border-bottom:1px solid #818180;} /* content section */ #content {padding:20px 0px 20px 0px;background:#fff;position:relative;} /* big slogan on the sub-pages */ #content h1 {font-size:35px;padding:20px 0px 30px 10px;} #content h2 {font-size:18px;} .divtitle{ font-size:37px;padding:10px 0px 20px 10px; font-weight:bold;float:left; } .profilecategory{ float:left; padding:30px 0px 0px 20px; } /* left menu on sub-pages */ #submenu {width:218px;font-weight:bold;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin:0px 0px 40px 0px;background:#eee;} #submenu a {font-size:18px;color:#272727;width:200px;text-decoration:none;} #submenu li {width:208px;border-top:1px solid #dcdcdc;background:#eee url('images/submenu-arrow.jpg') no-repeat 180px 10px;display:block;height:22px; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:8px} #submenu li:hover {width:208px;border-top:1px solid #dcdcdc;background:#f6f6f6 url('images/submenu-arrow-hover.jpg') no-repeat 180px 10px;display:block;height:22px; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:8px} #submenu .active {width:208px;position:relative;border:1px solid #a8a8a8;background:#bacbdb url('images/submenu-arrow-selected.jpg') no-repeat 180px 10px;display:block;height:22px; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:8px} #submenu .active:hover {width:208px;position:relative;border:1px solid #a8a8a8;background:#bacbdb url('images/submenu-arrow-selected.jpg') no-repeat 180px 10px;display:block;height:22px; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:8px} /* end */ #servicesubmenu {width:258px;font-weight:bold;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin:0px 0px 40px 0px;background:#eee;} #servicesubmenu a {font-size:16px;color:#272727;width:200px;font-weight:normal;text-decoration:none;} #servicesubmenu li {width:248px;border-top:1px solid #dcdcdc;background:#eee url('images/submenu-arrow.jpg') no-repeat 220px 10px;display:block;height:22px; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:8px} #servicesubmenu li:hover {width:248px;border-top:1px solid #dcdcdc;background:#f6f6f6 url('images/submenu-arrow-hover.jpg') no-repeat 220px 10px;display:block;height:22px; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:8px} #servicesubmenu .active {width:248px;position:relative;border:1px solid #a8a8a8;background:#bacbdb url('images/submenu-arrow-selected.jpg') no-repeat 220px 10px;display:block;height:22px; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:8px} #servicesubmenu .active:hover {width:248px;position:relative;border:1px solid #a8a8a8;background:#bacbdb url('images/submenu-arrow-selected.jpg') no-repeat 220px 10px;display:block;height:22px; padding-left:10px; padding-right:0px; padding-top:8px; padding-bottom:8px} #portfoliosubmenu {width:218px;font-weight:bold;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin:0px;background:#eee;} #portfoliosubmenu a {font-size:16px;color:#272727;width:200px;font-weight:normal;text-decoration:none;} #portfoliosubmenu li {width:200px;border-top:1px solid #dcdcdc;background:#ffffff url('images/submenu-arrow-hover.jpg') no-repeat 180px 10px;display:block;height:22px; padding-left:18px; padding-right:0px; padding-top:8px; padding-bottom:8px} #portfoliosubmenu li:hover {width:200px;border-top:1px solid #dcdcdc;background:#f6f6f6 url('images/submenu-arrow.jpg') no-repeat 180px 10px;display:block;height:22px; padding-left:18px; padding-right:0px; padding-top:8px; padding-bottom:8px} #portfoliosubmenu .active {width:200px;position:relative;border:1px solid #a8a8a8;background:#bacbdb url('images/submenu-arrow-selected.jpg') no-repeat 180px 10px;display:block;height:22px; padding-left:18px; padding-right:0px; padding-top:8px; padding-bottom:8px} #portfoliosubmenu .active:hover {width:200px;position:relative;border:1px solid #a8a8a8;background:#bacbdb url('images/submenu-arrow-selected.jpg') no-repeat 180px 10px;display:block;height:22px; padding-left:18px; padding-right:0px; padding-top:8px; padding-bottom:8px} /* search bar on sub-pages */ #topsearch {width:198px;padding:10px;height:25px;} #topsearch .input {padding:3px;color:#7b7b7b;font-size:14px;border:1px solid #aeaeae;float:left;width:160px;margin:1px 0px 0px 0px;} #topsearch .submit {background:url('images/icon-search.png') no-repeat;border:0px none;height:24px;width:22px;float:right;cursor:pointer} #search {background:#F9F5D2;width:198px;border:1px solid #C59919;padding:10px;height:25px;} #search .input {padding:3px;color:#7b7b7b;font-size:14px;border:1px solid #aeaeae;float:left;width:160px;margin:1px 0px 0px 0px;} #search .submit {background:url('images/icon-search.png') no-repeat;border:0px none;height:24px;width:22px;float:right;cursor:pointer} /* end */ /* latest works box on services sub-page */ #latest-works {background:#F9F5D2;padding:10px;width:198px;border:1px solid #C59919;margin:40px 0px 0px 0px;} #latest-works img {margin:10px 0px 0px 0px;} /* end */ /* contact box displayed on contact page */ #contact-sub {background:#F9F5D2;padding:10px;width:198px;border:1px solid #C59919;line-height:18px;} #contact-sub a {color:#6e8893;} /* global parameters only for objects in #main-content div */ #main-portfolio-content {float:right;width:942px;text-align:justify;} #main-content {float:right;width:670px;text-align:justify;} #main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5 {padding:0px 0px;} #main-content h1 {font-size:24px;} #main-content h2 {font-size:20px;} #main-content h3 {font-size:16px;} #main-content h4 {font-size:14px;} #main-content h5 {font-size:9px;} #main-content p {padding:0px 0px 15px 0px;} blockquote {background:#F9F5D2 url('images/blockquote-white-left.gif') no-repeat top left;margin:20px 0px;line-height:18px;font-style:italic;border:1px solid #C59919; padding-left:60px; padding-right:0px; padding-top:30px; padding-bottom:0px} blockquote div {background:url('images/blockquote-white-right.gif') no-repeat bottom right;color:#515151; padding-left:0px; padding-right:60px; padding-top:0px; padding-bottom:30px} blockquote.testimonial {background:url('images/blockquote-white-left.gif') no-repeat top left;margin:20px 0px;line-height:18px;border:0px none;; padding-left:60px; padding-right:0px; padding-top:30px; padding-bottom:0px} blockquote div .testimonial{background:url('images/blockquote-white-right.gif') no-repeat bottom right;color:#515151; padding-left:0px; padding-right:60px; padding-top:0px; padding-bottom:30px} /* end */ /* welcome box on main page */ #welcome {background:#fff url('images/bg-welcome-box.jpg') repeat-x;width:498px;padding:10px;border:1px solid #C59919;float:left; text-align:justify} #welcome a {color:#272727;} #welcome a:hover {text-decoration:underline;} #welcome h2 {border-bottom:1px solid #e4e4e4;padding:0px 0px 7px 0px;font-size:20px;} #welcome p {padding:7px 0px 0px 0px;} #welcome img {float:left;padding:10px 10px 10px 0px;} #welcome ul {clear:both;} #welcome ul li {background:url('images/welcome-arrow-right.png') no-repeat 0px 6px;line-height:18px; padding-left:20px; padding-right:0px; padding-top:3px; padding-bottom:3px} /* end */ /* signup box on main page */ #signup {float:right;width:380px;} #signup h2 {padding:10px 0px 0px 0px;font-size:20px;} #signup ul {clear:both;} #signup ul li {clear:both;margin:10px 0px 30px 0px;padding:0px 0px 0px 0px;line-height:18px;} #signup img {float:left;padding:0px 10px 0px 0px;} /* end */ /* domain box on main page */ #domain {float:right;width:380px;} #domain h2 {padding:10px 0px 0px 0px;font-size:16px;} /* end */ /* domain box on main page */ #client {float:right;width:380px;} #client h2 {padding:10px 0px 0px 0px;font-size:16px;} /* end */ /* div on works sub-page */ #works {margin:0px 0px 0px 0px;width:950px;} #works li {float:left;width:300;padding:0px 0px 15px 0px; height:235px;text-align:center;} #works img {padding:7px;} #works p {margin:5px 0px 0px 41px; width:300;position:relative;text-align:left;} #works h4 {font-size:16px;margin:5px 0px 0px 41px; width:150px;position:relative;text-align:left;} /* end */ /* bottom section of page (get in touch - fast contact) */ #bottom {background:url('images/bg-bottom.jpg') repeat-x;height:96px;border-top:1px solid #d6d6d6;padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:10px} #bottom h2 {font-size:18px;padding:0px 0px 0px 10px;} #bottom p {line-height:18px;padding:10px 0px 10px 10px;} #bottom span {margin:0px 10px 0px 0px;color:#767676;padding:0px 0px 0px 10px;} #bottom span img {vertical-align:middle;padding:0px 2px 0px 0px;} #bottom span a {color:#6e8893;} #bottom .twitter {position:absolute;right:0;display:block;background:url('images/icon-twitter.png') no-repeat 0px 20px;font-size:10px;color:#000;height:35px;color:#272727; padding-left:55px; padding-right:0px; padding-top:40px; padding-bottom:0px} #bottom a.twitter:hover {text-decoration:underline;} /* end */ /* footer section containing smaller logo, copyright and links */ #footer {font-size:12px;padding:20px 0px 30px 0px;color:#7a7a7a;border-top:1px solid #d6d6d6;background:#e7e7e7;} #footer img {float:left;margin:-35px 10px 0px 0px;position:relative;} #footer a {color:#7a7a7a;margin:0px 5px 0px 5px;} #footer span {padding:0px 15px 0px 0px;} #footer ul {list-style:none;} #footer li {float:left;} /* end */ /* message is visible only after someone click "send message" button in the contact form */ .message {display:none;margin-top:30px;padding:0px 0px 0px 20px;width:200px;float:right;} .contact-submit {background:url('images/btn_sendmsg.png') no-repeat;width:158px;height:135px;border:1px none;cursor:pointer;float:right;padding:0px; margin-left:0px; margin-right:60px; margin-top:20px; margin-bottom:20px} /* additional centered message */ #form .msg {clear:both;text-align:center;} /* end */ .textarea { height : auto; width : 200px; color : #333333; background-color : #ffffff; border : 1px solid #333333; } .select { width : 200px; height : 20px; background-color : #ffffff; border : 1px solid #333333; } a.activecurrent { font-size: 14px; color: #555555; font-weight:bold; text-decoration: none; } a.testpaging:link, a.testpaging:active, a.testpaging:visited{ font-size: 14px; color: #555555; font-weight:bold; text-decoration:underline; } .clientby{ font-weight:bold; color:#006AB8; } .testimonialtxt{ border:1px solid #CBCBCB; padding:2px 0px 2px 2px; width:230px; } .test_textarea { height : auto; width : 232px; color : #333333; background-color : #ffffff; border : 1px solid #CBCBCB; } /*#testimonial {float:left;width:380px;}*/ #test{float:left;width:900px;} #test-container{ width:770px; height:auto; font-style:normal; } .testli{ width:560px; text-align:left; padding-top:10px; padding-left:130px ; line-height:1.5em; } .contactdetail{ font-size:12px; padding:5px 0px 0px 0px; } .contact{ font-size:25px; } .aboutdesc{ padding:5px 0px 10px 0px; } .projimg{ float:left; } .projdesc{ float:left; width:370px; padding:5px 0px 0px 15px; } .para_img{ float:left; margin-right:10px; } /* Contact Us Form Style */ .notification_error { border: 1px solid #A25965; height: auto; width: 90%; padding: 4px; text-align: left; background: #F8F0F1; } .notification_ok { border: 1px #567397 solid; height: auto; width: 90%; padding: 8px; background: #f5f9fd; text-align: center; } /* Label */ label { width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left; } .textbox, textarea.textbox { border:1px solid #c4c4c4;background:#f9f9f9;color:#666;padding:5px;font:12px Tahoma, Geneva, sans-serif;width:380px; } .textbox:focus, textarea.textbox:focus { border:solid 1px #00ABEC; background:#e0f5f8; } /* BR */ br { clear: left; } /* Contact Us Form Style */