/* CSS Document Style Sheet (c) Copyright 2007 Tangletree Graphic Design - background-image:url('../img/tile_main.gif'); --------------------------------------------------------------------------------------------------*/ body { font-family: arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; background-color: #fff; color: #666465; } ul { list-style: square; line-height: 110%; padding-top: 0px; margin-top: 0px; padding-left: 0px; margin-left: 18px; } /* Contents --------------------------------------------------------------------------------------------------*/ #header { width: 650px; height: 106px; clear: both; } #wrapper { margin: 25px 0px 0px 0px; width: 1030px; } #navbox { float: left; width: 130px; margin-right: 0px; } #main { float: left; width: 900px; margin: 0px 0px 8px 0px; display: inline; } #p_box { float: right; width: 250px; height: 650px; background-color: #A1A1A1; margin: 0px 0px 0px 0px; display: inline; } #footer { width: 860px; height: 120px; margin: 0px 0px 0px 170px; clear: both; } #breadcrumb { float: left; margin: 8px 0px 0px 40px; width: 600px; height: 20px; display: inline; } #logo { float: left; margin: 26px 0px 0px 40px; width: 254px; height: 52px; display: inline; clear: both; } #column { margin: 0px 0px 0px 40px; width: 600px; display: inline; } #p_column { margin: 15px 15px 15px 15px; width: 220px; height: 385px; } #p_promotion { margin: 15px 15px 15px 15px; width: 220px; height: 220px; background-color:#fff; } .two_column { float: left; width: 360px; margin: 5px 0px 0px 40px; display: inline; } #column_contact { margin: 0px 0px 0px 40px; width: 600px; clear: both; } /* Links --------------------------------------------------------------------------------------------------*/ .text { font-size: 13px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text a:link { font-size: 13px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text a:visited { font-size: 13px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text a:hover { font-size: 13px; color: #A1A1A1; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text_bd { font-size: 13px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .legend { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend a:link { font-size: 9px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend a:visited { font-size: 9px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend a:hover { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .legend_bd { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .smallprint { font-size: 11px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .smallprint a:link { font-size: 11px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .smallprint a:visited { font-size: 11px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .smallprint a:hover { font-size: 11px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .smallprint_bd { font-size: 11px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .breadcrumb { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb a:link { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb a:visited { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb a:hover { font-size: 9px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .breadcrumb_bd { font-size: 9px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .intro_txt { font-size: 18px; color: #666465; font-family : georgia, serif; text-align:left; text-decoration: none; } .intro_txt a:link { font-size: 18px; color: #E21184; font-family : georgia, serif; text-align:left; text-decoration: none; } .intro_txt a:visited { font-size: 18px; color: #E21184; font-family : georgia, serif; text-align:left; text-decoration: none; } .intro_txt a:hover { font-size: 18px; color: #A1A1A1; font-family : georgia, serif; text-align:left; text-decoration: none; } .intro_txt_bd { font-size: 18px; color: #666465; font-family : georgia, serif; text-align:left; text-decoration: none; font-weight: bold; } .latest_txt { font-size: 12px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .latest_txt a:link { font-size: 12px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .latest_txt a:visited { font-size: 12px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .latest_txt a:hover { font-size: 12px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .latest_txt_bd { font-size: 12px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } .sub_txt { font-size: 12px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .sub_txt a:link { font-size: 12px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .sub_txt a:visited { font-size: 12px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .sub_txt a:hover { font-size: 12px; color: #A1A1A1; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .sub_txt_bd { font-size: 12px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .h4 { font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .description { font-size: 13px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .description a:link { font-size: 13px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .description a:visited { font-size: 13px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .description a:hover { font-size: 13px; color: #A1A1A1; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .description_bd { font-size: 13px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; } /* Type --------------------------------------------------------------------------------------------------*/ .dates { font-size: 10px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; } .news_h1 { font-size: 18px; color: #535353; font-family : arial, sans-serif; text-align:left; font-weight: bold; } .highlight_box { float: left; width: 135px; height: 125px; background-color: #D5D4D4; margin: 0px 0px 10px 15px; padding: 10px; } .website_links { float: left; width: 135px; height: 245px; margin: 0px 0px 0px 15px; padding: 10px; border: dotted 1px #D4D4D4; background-color: #E4E4E4; } /* Homepage --------------------------------------------------------------------------------------------------*/ #content_home { float: left; width: 650px; height: 650px; background-color: #FFFFFF; margin: 0px 0px 0px 0px; background-image: url('../img/home_page_laptop.jpg'); } #column_home { margin: 215px 0px 20px 40px; width: 430px; clear: both; } /* About --------------------------------------------------------------------------------------------------*/ #content_about { float: left; width: 650px; background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding-bottom: 40px; } #column_about { float: left; margin: 0px 0px 0px 40px; width: 430px; display: inline; clear: both; } #p_column_about { margin: 15px 15px 15px 15px; width: 220px; height: 615px; } #about_header { width: 600px; height: 100px; margin: 20px 0px 20px 40px; clear: both; } /* Vacancies --------------------------------------------------------------------------------------------------*/ #content_vacancies { float: left; width: 650px; background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding-bottom: 40px; } #column_vacancies { margin: 0px 0px 0px 40px; width: 430px; } #p_column_vacancies { margin: 15px 15px 15px 15px; width: 220px; height: 615px; } #vacancies_header { width: 600px; height: 100px; margin: 20px 0px 20px 40px; clear: both; } /* Work --------------------------------------------------------------------------------------------------*/ #content_work { float: left; width: 650px; height: 1600px; background-color: #FFFFFF; padding-bottom: 40px; } #column_work { width: 610px; margin: 0px 0px 0px 40px; clear: both; padding-top: 20px; } .thumbnail_wrapper { float: left; margin: 0px 0px 10px 0px; width: 280px; height: 80px; } .thumbnail { width: 70px; height: 70px; border: solid 6px #666465; } #work_header { width: 600px; margin: 20px 0px 20px 40px; clear: both; border-bottom: dotted 1px #D4D4D4; padding-bottom: 20px; } #work_wrapper { width: 610px; margin: 0px 0px 20px 40px; } .customers { float: left; width: 280px; height: 225px; margin: 0px 20px 20px 0px; border-bottom: dotted 1px #D4D4D4; } .client_desc { float: left; width: 140px; height: 50px; margin: 0px 0px 0px 0px; } .description { width: 280px; height: auto; margin: 0px 0px 0px 0px; } #g_box { float: left; width: 249px; height: 1600px; background-color: #fff; margin: 0px 0px 0px 0px; display: inline; border-left: 1px #D4D4D4 dotted; } /* Privacy --------------------------------------------------------------------------------------------------*/ #content_privacy { float: left; width: 900px; height: 1200px; background-color: #FFFFFF; margin: 0px 0px 0px 0px; display: inline; } #privacy_header { width: 760px; margin: 20px 0px 20px 40px; clear: both; border-bottom: dotted 1px #D4D4D4; padding-bottom: 20px; padding-bottom: 20px; } /* Sitemap --------------------------------------------------------------------------------------------------*/ #content_sitemap { float: left; width: 900px; background-color: #FFFFFF; margin: 0px 0px 80px 0px; display: inline; } #sitemap_header { width: 760px; margin: 20px 0px 20px 40px; clear: both; padding-bottom: 20px; border-bottom: dotted 1px #D4D4D4; } /* Terms and Conditions --------------------------------------------------------------------------------------------------*/ #content_terms { float: left; width: 900px; height: 2220px; background-color: #FFFFFF; margin: 0px 0px 0px 0px; display: inline; } #privacy_terms { width: 760px; margin: 20px 0px 20px 40px; clear: both; padding-bottom: 20px; border-bottom: dotted 1px #D4D4D4; } /* Contace --------------------------------------------------------------------------------------------------*/ #content_contact { float: left; width: 650px; height: auto; background-color: #FFFFFF; } #contact_header { width: 600px; margin: 20px 0px 20px 40px; clear: both; border-bottom: dotted 1px #D4D4D4; padding-bottom: 20px; } #contact_box { float: left; width: 249px; height: auto; background-color: #fff; margin: 0px 0px 0px 0px; display: inline; border-left: 1px #D4D4D4 dotted; } #c_form { float: left; padding-left: 0px; margin: 0px 0px 00px 40px; width: 430px;} .column_contact { float: left; margin: 0px 0px 0px 40px; width: 430px; display: inline; clear: both; } content { width: 800px; height: 600px; } imageViewer { width: 750px; height: 550px; background-color:#CCCCCC; } window { width: 600px; height: 500px; } /* HACKS --------------------------------------------------------------------------------------------------*/ .clearfix:after { content: "."; display:block; height:0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* --------------------------------------------------------------------------------------------------*/