/* CSS Document */ /* --------------------------------------------- 01. MAIN/DEFAULT ELEMENTS --------------------------------------------- */ body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px} a:link, a:visited {color:#da0a31; text-decoration: underline;} a:hover {color:#da0a31; text-decoration: underline} p, .s2 { margin:0; padding:0; font-size:13px; line-height:1.5em; color:#010000} p a:link, p a:visited {color:#da0a31; text-decoration: underline;} p a:hover {color:#da0a31; text-decoration: underline} h1, .s4 { margin:0; padding:0; font-size:22px; font-weight: bold; color:#da0a31; padding-bottom:10px} h2, .s3 { margin:0; padding:0; font-size:17px; font-weight: bold;color:#fff} h3 { margin:0; padding:0; font-size:22px; font-weight: bold;color:#000} h4 { margin:0; padding:0; font-size:14px; font-weight: bold;color:#333333; margin-top:20px} /* --------------------------------------------- 02. TOPBAR LOGO AND NAVIGATION --------------------------------------------- */ #topbar { width:900px; height:80px; margin:0 auto; padding-top:20px} #logo { width:340px; height:60px; float:left;} #nav { width:546px; float: right; position:relative; margin-top:20px; padding-left:0px; } #nav ul { list-style:none; margin:0; padding:0; float: left;} #nav li {margin: 0; width: auto; float:left; margin-left:1px} #nav li a {display: block; height:22px; text-decoration: none; float:left; color:#fff; font-size:12px; margin:0; padding:0; font-weight: bold; text-align:center; padding-top:5px;text-decoration:none; line-height:1.2em; padding-left:7px; padding-right:7px; background-color:#da0a31} #nav li a:hover {color:#fff; font-size:12px; margin:0; padding:0; font-weight: bold; text-align:center; padding-top:5px;text-decoration:none; line-height:1.2em; padding-left:7px; padding-right:7px; background-color:#f57b20} #nav li a.selected {color:#fff; font-size:12px; margin:0; padding:0; font-weight: bold; text-align:center; padding-top:5px;text-decoration:none; line-height:1.2em; padding-left:7px; padding-right:7px; background-color:#f57b20} #nav a#acerca {width:auto; height:22px; background:#da0a31 url(/100117/images/tpl/nav_left.gif) no-repeat;background-position: 0 0;} #nav a#acerca:hover {width:auto;height:22px; background:#f57b20 url(/100117/images/tpl/nav_left_hover.gif) no-repeat;background-position: 0 0; } #nav a#acerca_selected {width:auto;height:22px; background:#f57b20 url(/100117/images/tpl/nav_left_hover.gif) no-repeat;background-position: 0 0; } #nav a#contactenos {width: auto; height:22px; background:#da0a31 url(/100117/images/tpl/nav_right.gif) no-repeat top right; } #nav a#contactenos:hover {width: auto;height:22px; background:#f57b20 url(/100117/images/tpl/nav_right_hover.gif) no-repeat top right;} #nav a#contactenos_selected {width: auto;height:22px; background:#f57b20 url(/100117/images/tpl/nav_right_hover.gif) no-repeat top right;} /* --------------------------------------------- 03. HEADER 1 --------------------------------------------- */ #bgheader1 { width:100%; background-color:#f57b20; margin:0 auto} #header1 { width:900px; height:203px; margin:0 auto; overflow:hidden; background:url(/100117/images/tpl/bgheader.gif) no-repeat top center;} /* --------------------------------------------- 03.1 HEADER 1 - SLIDESHOW --------------------------------------------- */ #slideshow { width:400px; height:302px; overflow:hidden; float:left} /* --------------------------------------------- 03.2 HEADER 1 - WELCOME MESSAGE --------------------------------------------- */ #welcome { width:415px; height:203px; float: right; padding-left:65px; padding-right:20px; position:relative} #welcome h1 {font-size:30px; font-weight: normal; color:#FFFFFF; text-align:right; padding-top:15px; line-height:1.2em} #welcome p {font-size:13px; font-weight: normal; color:#FFFFFF; text-align:right; padding:0; margin:0;} ul.servicelist1 { width:210px; float:left; margin:0; padding:0; margin-top:10px; padding-left:70px} ul.servicelist1 li { margin:0; padding:0; color:#FFFFFF; font-size:13px; list-style:none; } ul.servicelist1 a:link, ul.servicelist1 a:visited {color:#fff; text-decoration: none;} ul.servicelist1 a:hover {color:#fff; text-decoration: underline} ul.servicelist2 { width:130px; float: right; margin:0; padding:0; margin-top:10px;} ul.servicelist2 li { margin:0; padding:0; color:#FFFFFF; font-size:13px; list-style:none; } ul.servicelist2 a:link, ul.servicelist2 a:visited {color:#fff; text-decoration: none;} ul.servicelist2 a:hover {color:#fff; text-decoration: underline} /* --------------------------------------------- 04. HEADER 2 --------------------------------------------- */ #bgheader2 { width:100%; background-color:#da0a31; margin:0 auto;} #header2 { width:900px; margin:0 auto; padding-top:33px; overflow:auto; padding-bottom:20px} /* --------------------------------------------- 04.1 HEADER 2 - NEED A WEBSITE --------------------------------------------- */ .needawebsite { width:300px; float:left; margin-right:20px} .needawebsite p { font-size:11px; padding-top:5px; color:#FFFFFF} .linkbutton { height:23px; margin:0; padding:0; background:url(/100117/images/tpl/button_left.gif) no-repeat top left; padding-left:14px; margin-top:20px} .linkbutton a {display: block; height:18px; float:left; color:#da0a31; font-size:11px; margin:0; padding:0; font-weight: bold; text-align:center; padding-top:5px;text-decoration:none; line-height:1.2em; padding-left:0px; padding-right:14px; background:#FFFFFF url(/100117/images/tpl/button_right.gif) no-repeat top right; } .linkbutton a:link, .linkbutton a:visited {color:#da0a31; text-decoration:none} .linkbutton a:hover { color:#da0a31; text-decoration:none} /* --------------------------------------------- 04.2 HEADER 2 - GOOD LOOKING --------------------------------------------- */ .goodlooking { width:275px; float:left} .goodlooking p { font-size:11px; padding-top:5px; color:#FFFFFF} /* --------------------------------------------- 04.3 HEADER 2 - TESTIMONIAL --------------------------------------------- */ .testimonial { width:280px; float: right} .testimonial p {color:#da0a31; font-size:17px; padding-top:20px; line-height:1.5em; padding-bottom:10px} .testimonial .bordertop { width:240px; background:#FFFFFF url(/100117/images/tpl/testimonialbox_top.gif) no-repeat top center; padding-left:20px; padding-right:20px; } .testimonial .borderbottom { width:205px; height:20px; background:url(/100117/images/tpl/testimonialbox_bottom.gif) no-repeat top center; padding-top:20px; color:#FFFFFF; font-size:12px; text-align:right; padding-right:75px} /* --------------------------------------------- 04. CONTENT --------------------------------------------- */ #content { width:900px; margin:0 auto; padding-top:10px} #pathing { margin-bottom:24px; color:#999999; } #pathing a:link, #pathing a:visited {text-decoration:none;} #pathing a:hover {text-decoration:underline;} /* --------------------------------------------- 05. RECENT PROJECTS --------------------------------------------- */ #recentprojects { width:900px; float:left; border-bottom:1px solid #dadada; padding-bottom:20px} #recentprojects h2 {font-size:22px; margin:0; padding:0; font-size:22px; font-weight: bold; color:#da0a31; padding-bottom:10px;margin-top:10px } .thumb { width:276px; height:143px; float:left; padding:1px; border:1px solid #dadada;; margin-right:30px} .thumb-last { width:276px; height:143px; float: right; padding:1px; border:1px solid #dadada;} .linkviewall { margin:0; padding:0; font-size:11px; line-height:1.4em; color:#da0a31; font-weight:normal} .linkviewall a:link, .linkviewall a:visited {color:#da0a31; text-decoration: underline;} .linkviewall a:hover {color:#da0a31; text-decoration: underline} /* --------------------------------------------- 06. ACERCA DE NOSOTROS --------------------------------------------- */ #acercade { width:900px; float:left; margin-top:30px; padding-bottom:20px} /* --------------------------------------------- 06.1 ACERCA DE NOSOTROS - PANEL LEFT --------------------------------------------- */ .panelleft { width:575px; float:left; padding-right:35px; padding-top:0px;font-size:13px; line-height:1.5em; color:#010000} .panelleft h2 {font-size:22px; margin:0; padding:0; font-size:22px; font-weight: bold; color:#da0a31; padding-bottom:10px;margin-top:0px } .homeblog { border-bottom:1px solid #dadada; padding-bottom:20px; padding-top:20px; } /* --------------------------------------------- 06.2 ACERCA DE NOSOTROS - PANEL RIGHT --------------------------------------------- */ .panelright { width:280px; float:right;} .getintouch { width:250px; background:#e8e8e8 url(/100117/images/tpl/boxtop_getintouch.gif) no-repeat top center; padding:15px} .getintouch p { color:#666666; font-size:12px} .getintouch fieldset { width:245px; margin:0; padding:0; border:none; padding-top:10px} .getintouch fieldset .input-name { width:111px; height:16px; float: left; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#666666; padding:2px; padding-left:5px; font-size:11px} .getintouch fieldset .input-name.required { color:#cc0000; background:#ffffcc;} .getintouch fieldset .input-email { width:111px; height:16px; float: right; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#666666; padding:2px; padding-left:5px; font-size:11px;} .getintouch fieldset .input-email.required { color:#cc0000; background:#ffffcc;} .getintouch fieldset .textbox { width:238px; height:48px; padding:2px; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#666666; padding:2px; padding-left:5px; margin-top:4px; font-size:11px;} .getintouch fieldset .textbox.required { color:#cc0000; background:#ffffcc;} .getintouch fieldset .button_enviar { float:right; margin-top:10px} .getintouch_bottom { width:280px; height:12px; background:url(/100117/images/tpl/boxbottom_getintouch.gif) no-repeat top center;} .featured-thumb {margin-bottom:34px;width:276px;border:1px solid #eeeeee;} /* --------------------------------------------- 07. FOOTER STYLES --------------------------------------------- */ #footer { width:900px; float:left; border-top:1px solid #dadada; margin-top:40px} #footer p{ font-size:11px; color:#5d5d5d; } #footer .copyright { width:365px; height:45px; float:left; background:url(/100117/images/tpl/icon_logo.gif) no-repeat center left; padding-top:10px; padding-left:35px} #footer .contact { width:500px; height:45px; float:right; padding-top:15px; font-size:15px; font-weight:bold; text-align:right; color:#da0a31; position:relative} /* --------------------------------------------- 08. MISCELLANEPUS STYLES --------------------------------------------- */ img { border:none} /* --------------------------------------------- 09. INNERPAGE - DEFAULT STYLES --------------------------------------------- */ #bgheading { width:100%; background-color:#da0a31; border-top:10px solid #f57b20; padding-bottom:5px; padding-top:10px; margin-bottom:10px} #heading { width:900px; margin:0 auto} #heading h1 { font-size:40px; font-weight:normal; color:#FFFFFF} #heading .sectionname { font-size:40px; font-weight:normal; color:#FFFFFF; margin:0; padding:0; padding-bottom:10px} #panelleft { width:575px; float:left; padding-right:35px; } #panelleft p { font-size:13px; color:#333333; font-weight: normal; padding-bottom:20px} #panelleft h1 { font-size:22px; color:#333333; font-weight:bold; padding-bottom:10px; margin-top:10px} #panelleft h2 { font-size:16px; color:#da0a31; font-weight:bold; padding-bottom:10px} #panelleft h3 { font-size:14px; color:#333333; font-weight:bold; padding-bottom:10px} #panelright { width:280px; float:right;} #panelright h1 { margin-top:20px; margin-bottom:5px} #panelright h2 {margin:0; padding:0; font-size:17px; font-weight: bold;color:#da0a31; padding-bottom:20px} #panelright ul {margin:0px 8px 20px 18px; padding:0px; list-style-type: disc; list-style-position: outside; color:#999999} #panelright ul li {margin:4px 0px 0px 0px; padding:0px;} #panelright ol {margin:0px 8px 20px 24px; padding:0px; list-style-position: outside; color:#999999} #panelright ol li {margin:4px 0px 0px 0px; padding:0px;} #panelright .bloghead { font-weight: bold; } /* --------------------------------------------- 10. INNERPAGE - ABOUT US PAGE --------------------------------------------- */ .testimonial-inner { width:280px; float: left; margin-top:20px } .testimonial-inner .bordertop { width:240px; background:#fef3be url(/100117/images/tpl/testimonialbox2_top.gif) no-repeat top center; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px } .testimonial-inner .borderbottom { width:205px; height:20px; background:url(/100117/images/tpl/testimonialbox2_bottom.gif) no-repeat top center; padding-top:20px; color:#333; font-size:12px; text-align:right; padding-right:75px} #boxgetintouch { width:280px; float: left; margin-top:40px} #boxgetintouch .button_send { float:right; margin-top:10px} /* --------------------------------------------- 11. INNERPAGE - SERVICES PAGE --------------------------------------------- */ .thumb-recentprojects { width:276px; height:143px; float:left; padding:1px; border:1px solid #dadada;; margin-bottom:30px} /* --------------------------------------------- 12. INNERPAGE - GALLERY PAGE --------------------------------------------- */ #galeria { width:900px; float:left; margin:0; padding:0} #galeria p { font-size:11px; color:#333333; padding-bottom:8px; position:relative} #galeria p a:link, #galeria p a:visited {color:#da0a31; text-decoration: underline; font-size:12px} #galeria p a:hover {color:#da0a31; text-decoration: underline} #galeria h2, #galeria h2 a:link, #galeria h2 a:visited { color:#333333; padding-bottom:10px; text-decoration:none;} #galeria h2 a:hover { color:#da0a31;text-decoration:underline;} #galeria .set-website { width:900px; float:left; margin:0; padding:0; margin-bottom:30px} #galeria .set-website .thumb { width:576px; height:164px; float:left; padding:1px; border:1px solid #dadada; margin-right:30px;} #galeria .details { width:250px; height:138px; float: left; background-color:#e8e8e8; padding:15px} /* --------------------------------------------- 13. INNERPAGE - CONTACT PAGE --------------------------------------------- */ #contact { width:540px; background-color:#e7e7e7; float:left; padding:20px;} #contact fieldset { width:540px; margin:0; padding:0; border:none} #contact fieldset .input-name { width:254px; height:20px; float: left; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#adacac; padding-left:5px; font-size:16px} #contact fieldset .input-company { width:254px; height:20px; float: right; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#adacac; padding-left:5px; font-size:16px;} #contact fieldset .input-email { width:254px; height:20px; float: left; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#adacac; padding-left:5px; font-size:16px; margin-top:20px;} #contact fieldset .input-listmenu { width:262px; height:25px; float: right; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#adacac; padding:2px; padding-left:5px; font-size:16px; margin-top:20px; position:relative; margin-bottom:20px} #contact fieldset .textbox-message { width:530px; height:100px; padding:2px; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#666666; padding-left:5px; margin-top:4px; font-size:16px; font-family:Arial, Helvetica, sans-serif; } #contact fieldset .button_send { float: left; margin-top:10px} #contactaddress { width:280px; float:left; margin:0; padding:0} /* --------------------------------------------- 14. SOCIAL BOOKMARKS --------------------------------------------- */ .socialLinks {margin-top:16px;} ul.social-bookmarks {list-style:none; margin:0 0 12px 0; padding:0;} ul.social-bookmarks li {background-color: transparent; background-repeat: no-repeat; margin: 0 12px 0 0; width: auto; height: 18px; display:inline; padding:0 0 6px 18px;} li.bookmark-digg {background-image: url('/100117/images/tpl/icon-digg.gif'); background-repeat: no-repeat;} li.bookmark-delicious {background-image: url('/100117/images/tpl/icon-delicious.gif'); background-repeat: no-repeat;} li.bookmark-facebook {background-image: url('/100117/images/tpl/icon-facebook.gif'); background-repeat: no-repeat;} li.bookmark-furl {background-image: url('/100117/images/tpl/icon-furl.gif'); background-repeat: no-repeat;} li.bookmark-google {background-image: url('/100117/images/tpl/icon-google.gif'); background-repeat: no-repeat;} li.bookmark-reddit {background-image: url('/100117/images/tpl/icon-reddit.gif'); background-repeat: no-repeat;} li.bookmark-spurl {background-image: url('/100117/images/tpl/icon-spurl.gif'); background-repeat: no-repeat;} li.bookmark-mixx {background-image: url('/100117/images/tpl/icon-mixx.gif'); background-repeat: no-repeat;} li.bookmark-buzz {background-image: url('/100117/images/tpl/icon-buzz.gif'); background-repeat: no-repeat;} li.bookmark-wong {background-image: url('/100117/images/tpl/icon-mr-wong.gif'); background-repeat: no-repeat;} li.bookmark-yahoo {background-image: url('/100117/images/tpl/icon-yahoo.gif'); background-repeat: no-repeat;} li.bookmark-permalink {background-image: url('/100117/images/tpl/icon-permalink.gif'); background-repeat: no-repeat;}