/* CSS Document */ /* --------------------------------------------- 01. main/ default elements --------------------------------------------- */ body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.5em;} p { margin:0px 0 20px 0; padding:0px; font-size:13px; font-weight:normal; line-height:1.5em; color:#000} p a:link, p a:visited, a:link, a:visited { text-decoration: none; color:#0076c0} p a:hover, a:hover { text-decoration: underline; color:#0076c0} ul, ul li {font-size:13px; font-weight:normal; line-height:1.5em;} td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.8em;} h1 {margin:0; padding:0; color:#525252; font-size:20px; margin-bottom:25px; font-weight:normal} h2 {margin:0; padding:0; color:#0078c1; font-size:13px; margin-bottom:10px; font-weight: bold} h3 {margin:0; padding:0; color:#525252; font-size:12px; margin-bottom:10px; font-weight: bold} h4 { margin:0; padding:0; font-size:12px; font-weight:bold; color:#555555;} fieldset, img { border:none} .link { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#0076c0; font-size:10px; padding-right:10px; padding-bottom:10px} .link a {background:url(/level9digital/images/template/arrow.gif) no-repeat center right; padding-right:14px; color:#0076c0; text-decoration:none} .heading { padding-bottom:25px} .clearall {width:100%;clear:both;height:1px;overflow:hidden;} /* --------------------------------------------- 02. wrapper --------------------------------------------- */ #wrapper { width:900px; float:left} /* --------------------------------------------- 03. top bar --------------------------------------------- */ #topbar { width:900px; float:left; height:127px} #topbar .left { width:300px; float:left;} #topbar .right { width:600px; float: left;} /* --------------------------------------------- 04. top bar - caption, language and nav --------------------------------------------- */ #topbar .caption { width:250px; height:42px; float:left; padding-left:50px; padding-top:80px} #topbar .language { width:600px; float:left; height:70px; padding-top:5px} #topbar .language .en { float:left} #topbar .language .espanol { float:left} #topbar .nav {width:600px; height:20px; float:left; margin: 0;padding: 0; position:relative; padding-top:10px;} #topbar .nav ul {display:inline;} #topbar .nav li {display:inline;} #topbar .nav li a {float: left;} #topbar .nav a.company {width:85px; height: 20px; background: url(/level9digital/images/template/nav_company.gif); background-position: 0 0;} #topbar .nav a:hover.company {width:85px;height:20px;background:url(/level9digital/images/template/nav_company_hover.gif);background-position: 0 0;} #topbar .nav a.company_selected {width:85px;height:20px;background: url(/level9digital/images/template/nav_company_hover.gif);background-position: 0 0;} #topbar .nav a.services {width:95px; height: 20px; background: url(/level9digital/images/template/nav_services.gif); background-position: 0 0;} #topbar .nav a:hover.services {width:95px;height:20px;background:url(/level9digital/images/template/nav_services_hover.gif);background-position: 0 0;} #topbar .nav a.services_selected {width:95px;height:20px;background: url(/level9digital/images/template/nav_services_hover.gif);background-position: 0 0;} #topbar .nav a.portfolio {width:110px; height: 20px; background: url(/level9digital/images/template/nav_portfolios.gif); background-position: 0 0;} #topbar .nav a:hover.portfolio {width:110px;height:20px;background:url(/level9digital/images/template/nav_portfolios_hover.gif);background-position: 0 0;} #topbar .nav a.portfolio_selected {width:110px;height:20px;background: url(/level9digital/images/template/nav_portfolios_hover.gif);background-position: 0 0;} #topbar .nav a.news {width:75px; height: 20px; background: url(/level9digital/images/template/nav_news.gif); background-position: 0 0;} #topbar .nav a:hover.news {width:75px;height:20px;background:url(/level9digital/images/template/nav_news_hover.gif);background-position: 0 0;} #topbar .nav a.news_selected {width:75px;height:20px;background: url(/level9digital/images/template/nav_news_hover.gif);background-position: 0 0;} #topbar .nav a.blog {width:70px; height: 20px; background: url(/level9digital/images/template/nav_blog.gif); background-position: 0 0;} #topbar .nav a:hover.blog {width:70px;height:20px;background:url(/level9digital/images/template/nav_blog_hover.gif);background-position: 0 0;} #topbar .nav a.blog_selected {width:70px;height:20px;background: url(/level9digital/images/template/nav_blog_hover.gif);background-position: 0 0;} #topbar .nav a.contact {width:90px; height: 20px; background: url(/level9digital/images/template/nav_contact.gif); background-position: 0 0;} #topbar .nav a:hover.contact {width:90px;height:20px;background:url(/level9digital/images/template/nav_contact_hover.gif);background-position: 0 0;} #topbar .nav a.contact_selected {width:90px;height:20px;background: url(/level9digital/images/template/nav_contact_hover.gif);background-position: 0 0;} .navdisplay { display: none} /* --------------------------------------------- 05. header --------------------------------------------- */ #header { width:900px; float:left;} #header .logo { width:260px; height:188px; float:left; background:#0076c0; padding-top:112px; padding-left:40px} #header .slideshow { width:600px; height:300px; float:left; background:#0f45a1 url(/level9digital/images/template/bg_slideshow.gif) no-repeat} /* --------------------------------------------- 06. recent projects --------------------------------------------- */ #reentprojects { width:900px; float:left; margin-top:20px;} #reentprojects .greybox { width:250px; height:85px; float:left; background:#e8e8e8; padding-left:50px; padding-top:14px} #reentprojects .heading { padding-bottom:40px} #reentprojects .projects { width:598px; float:left; margin: 0px; padding:0;} #reentprojects .projects img {width:auto; margin:0; border:none; padding:0; } #reentprojects .thumb { width:96px; height:96px; border:1px solid #008dca; float:left; margin-right:2px; margin-left:0px} #reentprojects .thumb-last { width:96px; height:96px; border:1px solid #008dca; float:left; margin:0px} #reentprojects .projects .home-thumb { width:195px; height:98px; float:left; margin: 0 0 0 4px; padding:0;} #reentprojects .projects .home-thumb img {width:auto; margin:0; border:none; padding:0; } /* --------------------------------------------- 07. news updates --------------------------------------------- */ #social_links {width:300px;float:left;margin-top:30px;text-align:center;} /*#newsupdates { width:600px; float:left; padding-left:300px; margin-top:30px}*/ #newsupdates { width:600px; float:left; margin-top:30px} #newsupdates .heading { padding-bottom:15px} #newsupdates p { color:#a4a4a4; line-height:1.6em; padding-bottom:15px} #newsupdates .date { font-weight:bold; color:#0076c0} .newsdate { font-weight:normal; color:#0076c0; padding-right:12px;} #newsupdates .newscontainer {width:600px;padding:0;margin:0;clear:both;} #newsupdates .newscontainer .newsblock {width:290px; margin-right:10px; float:left;} /* --------------------------------------------- 08. footer styles --------------------------------------------- */ #footer { width:900px; float:left; border-top:1px solid #d0d1c9; padding-top:15px; margin-top:10px; padding-bottom:10px} #footer p { color:#9c9c9c; font-size:11px;} #footer .copyright { width:280px; float:left; padding-left:20px} #footer .contact { width:430px; float:left;} #footer .contact .phone { color:#0076c0; padding-right:20px} #footer .privacy { width:170px; float:left;} /* --------------------------------------------- 09. innerpage - common styles --------------------------------------------- */ #topbar .left_innerpage { width:225px; float:left;} #topbar .logo { float:left; padding-top:20px; padding-left:14px} #bluebar { width:900px; float:left; height:25px; background:#00b6ee} #content { width:900px; float:left; margin-top:35px} #leftpanel { width:225px; float:left} #rightpanel { width:675px; float: left} #leftpanel .sidenav {width:200px; float:left; margin: 0;padding: 0; position:relative; margin-top:98px; padding-left:25px} #leftpanel .sidenav ul {width:140px; margin:0; padding:0} #leftpanel .sidenav li { margin:0; padding:0; float:left; list-style:none; padding-bottom:20px;} #leftpanel .sidenav li a {width:140px; float:left; display:block; color:#9c9c9c; text-transform:uppercase; font-size:12px;} #leftpanel .sidenav li a.selected, #leftpanel .sidenav li a:hover {color:#0076c0;text-decoration:none;} #leftpanel .sidenav a.designprocess {width:95px; height:15px; background: url(/level9digital/images/template/sidenav_designprocess.gif); background-position: 0 0;} #leftpanel .sidenav a:hover.designprocess {width:95px;height:15px;background:url(/level9digital/images/template/sidenav_designprocess_hover.gif);background-position: 0 0;} #leftpanel .sidenav a.designprocess_selected {width:95px;height:15px;background: url(/level9digital/images/template/sidenav_designprocess_hover.gif);background-position: 0 0;} #leftpanel .sidenav a.founder {width:55px; height:16px; background: url(/level9digital/images/template/sidenav_founder.gif); background-position: 0 0;} #leftpanel .sidenav a:hover.founder {width:55px;height:16px;background:url(/level9digital/images/template/sidenav_founder_hover.gif);background-position: 0 0;} #leftpanel .sidenav a.founder_selected {width:55px;height:16px;background: url(/level9digital/images/template/sidenav_founder_hover.gif);background-position: 0 0;} .navdisplay { display: none} /* --------------------------------------------- 10. innerpage - company page styles --------------------------------------------- */ #company { width:400px; float:left} #whatourclientsay { width:225px; float: right; margin-top:100px} #whatourclientsay p { padding-bottom:10px} #whatourclientsay .textblue { color:#00499b} #whatourclientsay .name { color:#00499b; font-weight:bold} #whatourclientsay .designation { font-size:10px; line-height:1.4em; color:#525252} /* --------------------------------------------- 11. innerpage - portfolio page styles --------------------------------------------- */ #leftpanel .sidenav a.websitedesign {width:95px; height:16px; background: url(/level9digital/images/template/sidenav_websitedesign.gif); background-position: 0 0;} #leftpanel .sidenav a:hover.websitedesign {width:95px;height:16px;background:url(/level9digital/images/template/sidenav_websitedesign_hover.gif);background-position: 0 0;} #leftpanel .sidenav a.websitedesign_selected {width:95px;height:16px;background: url(/level9digital/images/template/sidenav_websitedesign_hover.gif);background-position: 0 0;} #leftpanel .sidenav a.identity {width:55px; height:16px; background: url(/level9digital/images/template/sidenav_identity.gif); background-position: 0 0;} #leftpanel .sidenav a:hover.identity {width:55px;height:16px;background:url(/level9digital/images/template/sidenav_identity_hover.gif);background-position: 0 0;} #leftpanel .sidenav a.identity_selected {width:55px;height:16px;background: url(/level9digital/images/template/sidenav_identity_hover.gif);background-position: 0 0;} #leftpanel .sidenav a.graphicdesign {width:95px; height:16px; background: url(/level9digital/images/template/sidenav_graphicdesign.gif); background-position: 0 0;} #leftpanel .sidenav a:hover.graphicdesign {width:95px;height:16px;background:url(/level9digital/images/template/sidenav_graphicdesign_hover.gif);background-position: 0 0;} #leftpanel .sidenav a.graphicdesign_selected {width:95px;height:16px;background: url(/level9digital/images/template/sidenav_graphicdesign_hover.gif);background-position: 0 0;} #portfolio { width:475px; float:left; padding-bottom:30px} #portfolio .screenshot { width:473px; float:left; border:1px solid #cccccc} #portfolio .navbar { width:455px; height:12px; float:left; background:#65bee0; margin-top:15px; padding:6px 10px } /* #portfolio .link_back { float:left; color:#fff; font-size:10px; padding-bottom:10px} #portfolio .link_back a {background:url(/level9digital/images/template/arrow_white_left.gif) no-repeat center left; padding-left:14px; color:#fff; text-decoration:none} #portfolio .link_next { float: right; color:#fff; font-size:10px; padding-bottom:10px} #portfolio .link_next a {background:url(/level9digital/images/template/arrow_white_right.gif) no-repeat center right; padding-right:14px; color:#fff; text-decoration:none} */ .link_back { float:left; color:#fff; font-size:10px; padding-bottom:10px} .link_next { float: right; color:#fff; font-size:10px; padding-bottom:10px} #information { width:175px; float: right; margin-top:0px} #information h3 { font-size:15px; color:#666666; font-weight:normal; padding-bottom:20px} #information p { color:#666666; font-weight:normal} #information p a {font-weight: bold} #information p a:hover { text-decoration:none} /* --------------------------------------------- 12. innerpage - blog page styles --------------------------------------------- */ #search { width:175px; float:left; margin-top:33px; padding-left:20px} #search fieldset { width:175px; float:left; margin:0; padding:0; border: none} #search fieldset .input { width:116px; float:left; margin-right:2px} #search fieldset .button_search { width:50px; height:20px; float: right; background:url(/level9digital/images/template/button_search.gif) no-repeat; font-size:11px; color:#FFFFFF; font-weight:bold; text-align:center; padding-top:2px; position:relative; font-family:Arial, Helvetica, sans-serif} #search fieldset .button_search a { text-decoration:none; color:#FFFFFF} .sidebarlist { width:155px; float:left; margin-top:25px; padding-left:20px; padding-bottom:10px} .sidebarlist .heading { padding-bottom:15px} .sidebarlist ul {list-style:none; margin:0; padding:0;} .sidebarlist ul li { margin:0; padding:0;} .sidebarlist ul li a {display:block; text-decoration:none; padding:7px 0; width:175px; font-size:13px; color:#0078c2; border-bottom:1px dotted #9f9c98; } .sidebarlist ul li a.selected {color:#9c9c9c; } .sidebarlist ul li a:hover { text-decoration:underline} .sidebarlist .bloghead { color:#aaaaab; font-weight:bold; font-size:13px;padding-bottom:6px;} #blog { width:575px; float:left; padding-bottom:50px} #blog h1 { font-size:21px; color:#0078c2; margin-bottom:10px} #blog h3 { font-size:14px; margin-bottom:15px;} #blog p { font-size:13px; color:#000; margin:0px 0 20px 0; line-height:1.5em} #blog .postedby { width:575px; height:19px; float:left;border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; padding-top:5px; font-size:10px; color:#525252; margin-bottom:15px; text-transform:uppercase} #blog .postedby a { color:#0078c2; text-decoration:none} #blog .postedby .left { width:auto; float:left} #blog .postedby .right { width:auto; float: right} #blog .postcomment { width:575px; float:left; padding-bottom:10px} #blog .postcomment h4 { float:left;} #blog .postcomment p {float:right; text-align:right; margin:0; padding:0} #blog .postcomment p a:hover { text-decoration:none} #blog .commentbox { width:555px; float:left; background:#f7f7f7; padding:10px; border:1px solid #cccccc; margin-bottom:25px} #blog .commentbox p { padding-bottom:5px} #blog .poster { font-size:12px; float:left; font-weight: normal; padding-bottom:5px; text-align:left; color:#555555} #blog .date { font-size:11px; float:right; font-weight: normal; text-align:right; color:#555555} #blog .comment { width:520px; float:left; font-weight: normal; color:#555555; padding-top:10px; padding-bottom:5px} #blog .name_blue { color:#007ebf; font-weight:bold} #blog .name_grey { color:#555555; font-weight:bold} #blog fieldset { margin:0; padding:0; border:none; padding-bottom:20px} #blog fieldset .left { width:190px; float:left; margin:0; padding:0; border:none} #blog fieldset .left .input { width:160px; padding:5px; background:url(/level9digital/images/template/bg_input.gif) no-repeat top left; border:1px solid #bbbbbb; color:#7f7f7f; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px} #blog fieldset .right { width:380px; float: right; margin:0; padding:0; border:none} #blog fieldset .right .textarea { width:370px; height:165px; padding:5px; background:url(/level9digital/images/template/bg_input.gif) no-repeat top left; border:1px solid #bbbbbb; color:#7f7f7f; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:15px} #blog fieldset .button_submit { float:left} #blog .pagination { width:575px; float:left; padding-top:10px} #blog .pagination h4 { font-size:12px; float:left; padding-top:5px;font-weight:normal;} #blog .pagination h4 span { font-weight:normal} #blog .pagination ul { float:right; padding-bottom:5px; list-style:none;} #blog .pagination ul li { float:left; font-size:12px; color:#0079c0; padding-left:3px} #blog .pagination ul li a { float:left; color:#0079c0; text-decoration:none; border:1px solid #dddddd; padding:3px 6px} #blog .pagination ul li a:hover { color:#ffffff; text-decoration:none; border:1px solid #000000; background:#0079c0} #blog .pagination ul li a.selected { color:#000000; text-decoration:none; border: none; font-weight:bold} #blog .pagination ul li a.selected:hover { color:#000000; text-decoration:none; border: none; background:none} #blog .pagination ul li span a { border:none; color:#000000} #blog .pagination ul li span a:hover { border:none; color:#000000; background:none} #blog .pagination ul li.arrow a { border:none} #blog .pagination ul li.arrow a span { padding-right:0px} #blog .pagination ul li.arrow a:hover { border:none; background:none} #blog .pagination ul li.arrow a:hover span { padding-right:0px; background:none} #blog .set { width:575px; float:left; border-bottom:1px solid #cccccc; padding-top:20px; padding-bottom:18px} #blog .set_last { width:575px; float:left; padding-top:20px; padding-bottom:18px} #blog .photo { width:46px; float:left; padding-right:20px} #blog .details { width:575px; float:left; margin-top:-3px} #blog .details h4 { color:#333333; font-weight:bold; padding-bottom:2px;} #blog .details h4 a { font-size:14px} #blog .details h6 { padding-bottom:15px;float:left;} #blog .details p { font-size:13px; line-height:1.4em;padding:0;margin:0;} #blog .details p a { font-size:11px} --------------------------------------------- 18. signup / login combo page --------------------------------------------- */ #signup_or_login #newaccount {float:left;border-right:1px solid #666666;padding:0 35px 0 0;width:250px;} #signup_or_login #loginaccount {float:left;padding:0 0 0 46px;width:250px;} #signup_or_login fieldset { margin:0px; padding:20px 0 10px 0; } #signup_or_login .loginpage p { padding:0;margin:0; } #signup_or_login input[type=text], #signup_or_login input[type=password] { display:block; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #aaccee; font-size:13px; margin:0 0 5px; padding:5px; width:203px; } #signup_or_login p { margin:0; } #signup_or_login a { color:#6AC; } #signup_or_login label { font-weight:normal; } #signup_or_login p.remember { padding:10px 0; } #signup_or_login p.forgot, #signup_or_login p.complete { clear:both; margin:5px 0; } #signup_or_login p a { color:#27B!important; } #signup_or_login .login_submit { -moz-border-radius:4px; -webkit-border-radius:4px; background:#d27c00 url('/level9digital/images/smbiz/bg-btn-orange.png') repeat-x scroll 0 0; border:1px solid #d27c00; color:#fff; text-shadow:0 -1px 0 #d27c00; padding:4px 10px 5px; font-size:13px; margin:0 5px 0 0; font-weight:bold; } #signup_or_login .login_submit::-moz-focus-inner { padding:0; border:0; } #signup_or_login .login_submit:hover, #signup_or_login .login_submit:focus { background-position:0 -5px; cursor:pointer; } .entry_error {background:#ffcccc;} .error_ok {background:white;} #signup_or_login #newaccount #account_status {clear:both;width:230px;} #signup_or_login #newaccount #account_status p {color:#48AFFA;padding:6px} .captcha_image { float:left; width:68px;height:25px;padding-top:6px; }