/* 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; background-image: url('../img/promo_background.jpg'); background-repeat: no-repeat; } 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; } .text2 { font-size: 15px; color: #666465; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text2 a:link { font-size: 15px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text2 a:visited { font-size: 15px; color: #E21184; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text2 a:hover { font-size: 15px; color: #A1A1A1; font-family : arial, sans-serif; text-align:left; text-decoration: none; } .text2_bd { font-size: 15px; 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; } .price { font-size: 13px; color: #E21184; 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: 265px; margin: 0px 0px 0px 15px; padding: 10px; border: dotted 1px #D4D4D4; } /* Comparison Tables --------------------------------------------------------------------------------------------------*/ .website_packages { float: left; width: 600px; height: 635px; margin: 10px 0px 20px 40px; display: inline; } .optional_extras { float: left; width: 600px; height: 80px; margin: 10px 0px 30px 40px; display: inline; clear: both; } .extras { float: left; width: 116px; height: 80px; padding: 10px; border: dotted 1px #D4D4D4; margin: 0px 10px 0px 0px; } .package { float: left; width: 160px; height: 180px; border: dotted 1px #D4D4D4; } .design_layout { float: left; width: 140px; height: 95px; padding: 10px; border-left: dotted 1px #D4D4D4; border-right: dotted 1px #D4D4D4; } .contents { float: left; width: 140px; height: 330px; padding: 10px; border: dotted 1px #D4D4D4; } .column { float: left; width: 160px; height: 650px; margin: 0px 10px 0px 0px; } .sub_content { float: left; width: 68px; height: 650px; margin: 0px 10px 0px 0px; } .sub_hdr { float: left; width: 68px; height: 180px; border: dotted 1px #D4D4D4; } .sub_layout { float: left; width: 48px; height: 95px; padding: 10px; border-left: dotted 1px #D4D4D4; border-right: dotted 1px #D4D4D4; } .sub_contents { float: left; width: 48px; height: 330px; padding: 10px; border: dotted 1px #D4D4D4; } /* --------------------------------------------------------------------------------------------------*/ #content_promotion { float: left; width: 650px; margin: 0px 0px 0px 0px; clear: both; } .column_promotion { float: left; margin: 0px 0px 0px 40px; width: 430px; display: inline; } #p_column_promotion { margin: 15px 15px 15px 15px; width: 220px; height: 615px; } #promotion_header { width: 600px; margin: 275px 0px 20px 40px; clear: both; } #column_work { width: 610px; margin: 0px 0px 0px 40px; padding: 30px 0px 20px 0px; clear: both; } .thumbnail_wrapper { float: left; margin: 0px 0px 10px 0px; width: 280px; height: 80px; } .thumbnail { width: 70px; height: 70px; border: solid 6px #666465; } .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; } /* 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 */ /* --------------------------------------------------------------------------------------------------*/