/*-------------------------------------------------
		    - GLOBAL -						
-------------------------------------------------*/

body {
    font: small "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
    background: #2f323b;
    color: #555;
    min-width: 780px;
    }
    
body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label {padding: 0;margin: 0}
		
#container { 
	width: 95%; 
	position: relative; 
	margin: 0 auto; 
	text-align: left; 
	background: #fff;	
	}
	
a {color: #cc3300; text-decoration: underline;}
a:hover {color: #002F5E; text-decoration: none;}

img { border: none; }

p { margin: 1em 0 1em 0; line-height: 1.5em }

#code {
    color: #cc0000;
    font-weight: bold;
    padding: 15px;
    background: #e6e5e5;
}

ul, dl, dt, dd {list-style: none}

ul.normal { list-style: disc; margin: 5px 0 5px 30px;}
ul.normal li { padding: 5px 0; }

.ghost { display : none; }
.center { text-align : center; }

span { color: #cc3300; font-weight: bold;}

.alert {
	background: #fff6bf url('../images/layout/exclamation.gif') center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	margin: 15px auto;
	padding: 5px 20px 5px 55px;
	border: 2px solid #ffd324;
	}
        
.att_box {
	background: #fff6bf;
	text-align: left;
	margin: 0 0 5px 5px;
	padding: 5px 15px;
	border: 2px solid #ffd324;
	}
	
.social { float: left; padding: 10px; }
.socialp { color: #fff; }
.socialp a { color: #fff; }
        
dfn {
    text-decoration: underline;
    cursor: help;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
}

.nospam { margin-right: -4px; }

p.print {
    float: right;
    font-size: 11px;
    /* #border: 1px solid #ccc;
    background: #eee; */
    width: 90px;height: 23px;    
    }
    p.print a {
        padding: 3px 27px 3px 5px; margin: 0;
        background:  url('../images/print_sml.gif') no-repeat right;
        display: block;
        color: #666;
        text-decoration: none;
        
    }
        p.print a:hover {
            color: #cc3300;
            text-decoration: underline;
        }
	
.button01 {
	width:235px;
	height:56px;
	display:block;
	background-image:url("../social/blog.jpg");
	background-position: top;
}
.button01:hover{
	width:235px; 
	background-position: bottom;
	height:56px;
	background-image:url("../social/blog.jpg") no repeat;
}

/*-------------------------------------------------
		    - TWITTER -						
-------------------------------------------------*/

.twitter_date a { color: #cc3300;
    font-weight: bold;
    background: #fff; }
    
.twitter_date a:hover { background: none; }

ol#twitter_update_list { list-style: none;
    MARGIN: 0; PADDING: 0;}
    

/* ------------------------------------------------
		HEADER LEVELS
------------------------------------------------- */

h1, h2, h4, h5, h6, dt {
	font-family: "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
	}
    
    h2 {
        height: 25px;
        width: 250px;
        margin: 5px 0;
        padding: 0;
    }
    h2 span { display: none; }
    
    h2.templates { background: url('../images/headings/heading_maxitectemplates.gif') no-repeat; }
    h2.signin { background: url('../images/headings/heading_signin.gif') no-repeat; }
    h2.notice { background: url('../images/headings/heading_notice.gif') no-repeat; }
    h2.news { background: url('../images/headings/heading_news.gif') no-repeat; }
    h2.takeDown { background: url('../images/headings/heading_takeDown.gif') no-repeat; }
   
   h2.protectionMinors { background: url('../images/headings/heading_protectionMinors.gif') no-repeat; }
   h2.serviceAgreement { background: url('../images/headings/heading_termsServices.gif') no-repeat; }
   h2.e-commerce { background: url('../images/headings/terms_of_use.png') no-repeat; }
   h2.adslHeading { background: url('../images/headings/adsl_heading.gif') no-repeat; }
    h2.helpdesk { background: url('../images/headings/heading_helpdesk.gif') no-repeat; }
    h2.setup { background: url('../images/headings/heading_setup.gif') no-repeat; }
    h2.tech { background: url('../images/headings/heading_tech.gif') no-repeat; }
    h2.selfhelp { background: url('../images/headings/heading_selfhelp.gif') no-repeat; }
    h2.emailsupport { background: url('../images/headings/heading_emailsupport.gif') no-repeat; }
    h2.livesupport { background: url('../images/headings/heading_livesupport.gif') no-repeat; }
    h2.services { background: url('../images/headings/heading_services.gif') no-repeat; }
    h2.adslallinc { background: url('../images/headings/heading_adslallinc.gif') no-repeat; }
    h2.adsl { background: url('../images/headings/heading_adsl.gif') no-repeat; }
    h2.uncapped { background: url('../images/headings/heading_uncapped.gif') no-repeat; }
    h2.dialup { background: url('../images/headings/heading_dialup.gif') no-repeat; }
    h2.contact { background: url('../images/headings/heading_contact.gif') no-repeat; }
    h2.maps { background: url('../images/headings/heading_maps.gif') no-repeat; }
    h2.about { background: url('../images/headings/heading_about.gif') no-repeat; }
    h2.links { background: url('../images/headings/heading_links.gif') no-repeat; }
    h2.legal { background: url('../images/headings/heading_legal.gif') no-repeat; }
    h2.terms { background: url('../images/headings/heading_terms.gif') no-repeat; }
    h2.signup { background: url('../images/headings/heading_signup.gif') no-repeat; }        
    h2.appl { background: url('../images/headings/heading_appl.gif') no-repeat; }
    h2.thanx { background: url('../images/headings/heading_thanx.gif') no-repeat; }
    h2.other { background: url('../images/headings/heading_other.gif') no-repeat; }
    h2.portfolio { background: url('../images/headings/heading_portfolio.gif') no-repeat; }
    h2.packages { background: url('../images/headings/heading_packages.gif') no-repeat; }
    h2.sitemap { background: url('../images/headings/heading_sitemap.gif') no-repeat; }
    h2.promotion { background: url('../images/headings/heading_promotion.gif') no-repeat; }
    h2.special { background: url('../images/headings/special.gif') no-repeat; }
    h2.wireless { background: url('../images/headings/wireless.gif') no-repeat; }
    h2.complaints { background: url('../images/headings/complaints.gif') no-repeat; }
    
   
    h3 {
        font-family: arial;
        color: #cc3300;
        font-size: 120%;
        padding: 5px 3px 5px 0;
    }
    
    h4 { font-size: 120%; font-family: arial;  }
/*-------------------------------------------------
		    - LISTS -					
-------------------------------------------------*/

ul.icon {
        padding: 10px 0;
        width: 400px;
        margin: 0;
    }
    ul.icon li {
        font-weight: bold;
        font-size: 120%;
        padding-bottom: 30px;
        display: block;                
        margin: 0 0 15px 10px;
        padding: 0;
    }
    
        ul.icon ul {
           padding: 10px 0 30px 0;
        }
    
    ul.icon li a {
        color: #666;
        font-size: 12px;
        text-decoration: none;
        margin: 0; padding: 8px 0 0 60px;
        display: block;
        background: #fff no-repeat 5px 5px;
        height: 42px;
    }
    
    ul.icon a em {
        font-style: normal;
        font-size: 11px;
        font-weight: normal;
    }
    
    ul.icon li a:hover {
        background-color: #eee;
        color: #cc3300;
        text-decoration: none;
    }
    
    ul.icon li a.back { background-image: url('../images/back_pyl.gif'); }
    ul.icon li a.op { background-image: url('../images/op_pyl.gif'); }
    ul.icon li a.print { background-image: url('../images/print.gif'); }
        
/*-------------------------------------------------
		    - FORMS -					
-------------------------------------------------*/

form {
    margin: 20px auto;
    }
    form p {
        text-align: left;
        font-size: 110%;
    }
	
    form input, form textarea {
        border: 1px solid #ccc;
        padding: 3px 4px;
    }
    
    form input[type='checkbox'] { border: 0; }
    
    form input[type='radio'] {
        border: 0;
    }
	
    form input.btn {
            font-size: 12px;
            padding: 4px 6px;
            margin: 0;
            cursor: pointer;
            border: 1px outset #ccc;
            color: #666;
            text-transform: uppercase;
            background: #eee;
    }
            
    form input.big {
            font-size: 110%;
            padding: 4px 5px;
            margin: 5px 0;
            color: #666;
    }

/*-------------------------------------------------
		    - HEADERS -					
-------------------------------------------------*/

div#header_01 { 
	clear: both;
	color: #333; background: #fff;	
	height: 63px; width: 95%;
	margin: 0 auto;
	}
    div#header_01 p {
	padding: 5px 15px 0 0; margin: 0;
	font-size: 90%;
	text-align: right;
	height: 20px;
    }
    div#header_01 p a {
	text-decoration: none;
	color: #666;
    }
    div#header_01 p a:hover {
	text-decoration: underline;
    }
	div#header_01 ul {
	    list-style: none;
	}
	div#header_01 ul li {
	    float: left;
	    display: block;
	    position: relative;
	    top: 6px; left: 5px;
	}
	div#header_01 ul li a {
	    background: url("../images/layout/button.jpg") no-repeat;
	    width: 122px; height: 32px;
	    display: block;
	    color: #edf1a5;
	    font-weight: bold; font-size: 100%;
	    text-align: center;
	    text-decoration: none;
	    padding-top: 6px;
	}
	div#header_01 ul li a:hover {
	    background: url("../images/layout/button_over.jpg") no-repeat;
	    color: #fff;
	}
	
#header_02 { 
	clear: both; 
	color: #333;
	height: 149px;
	background: #a8b000;
	}
	
	#header_02 div#head_center {
	    width: 95%; margin: 0 auto;
	    background: #b0b901 url("../images/layout/head_back.jpg") repeat-x;
	    height: 149px;
	}
	#header_02 div#head_left {
	    float: left;
	    height: 149px; width: 600px;
	    background: url("../images/layout/head_left.gif") no-repeat;
	}
	
	#header_02 div#head_right {
	    float: right;
	    height: 149px; width: 357px;
	}

/*-------------------------------------------------
		    - RIGHT -				
-------------------------------------------------*/

#right { 
	float: right; clear: right; 
	width: 230px; padding: 10px 0 220px 0; margin: 0;
        background: url('../images/layout/m.gif') no-repeat bottom right;
	}
    div#right_content {
        padding: 0 20px;
        border-left: 1px dotted #ccc;
    }
    
    #right h3 {
        font-size: 110%;
        font-family: arial;
        text-transform: uppercase;
        margin: 0 -20px 5px -20px;
        padding: 8px 0px 8px 20px;
        background: #eee;
        color: #444;
    }
    
    #right ul {
        list-style-type: none;
        margin: 0 -20px 10px -20px;
        padding: 0;
      }
      #right ul ul { margin: 0; font-size: 90%; background: #eee;}
      
    #right ul li {
        margin: 0;
        padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
        display: block;
      }
      
    #right ul li a  {
        color: #336600;
        background: url('../images/layout/pyl.gif') no-repeat 10px 13px;
        text-decoration: none;
        margin: 0;
        padding: 6px 0 6px 30px;
        display: block;
        
      }
        #right ul li ul li a  {
            background: #eee url('../images/layout/pyl_een.gif') no-repeat 20px 13px;
            padding-left: 40px;
        }
    #right ul li a:hover {
        color: #fff;
        background: #CC3300 url('../images/layout/pyl_hover.gif') no-repeat 10px 13px;
        text-decoration: none;
      }
        #right ul li ul li a:hover {
            background: #CC3300 url('../images/layout/pyl_een_hover.gif') no-repeat 20px 13px;
        }
      
    #right ul li a.on {
            font-weight: bold;
            background: #eee url('../images/layout/pyl_on.gif') no-repeat 10px 13px;
        }
              
        #right ul li a.on:hover {
            color: #fff;
            background: #CC3300 url('../images/layout/pyl_hover.gif') no-repeat 10px 13px;
            text-decoration: none;
        }
	
/*-------------------------------------------------
		- MAIN STUFF-				
-------------------------------------------------*/

#main { margin: 0 250px 0 0; }

#main_content { margin: 0; padding: 10px 20px 0 20px; }

    #main_content h2 {
	font-family: arial, sans-serif;
	font-size: 20px;
	color: #cc3300;
	font-weight: normal;
	width: 80%;
        padding: 0 0 4px 0;
        margin-bottom: 8px;
        border-bottom: 1px solid #eee;
    }
	
	#main_content ol li { padding:0 0 1em 0;}
    
    div#imgleft {
        float: left;
        width: 45%;
        text-align: center;
    }
    
    div#imgright {
        float: left;
        width: 45%;
        text-align: center;
    }
    
    div.news p {
        padding: 0; margin: 0;
    }
    #nopad p { padding: 0; margin: 0; }
    
    
    p.nav { font-size: 90%; }
    p.nav a { color: #666; }
	.templateBox {float:left; width:45%; margin:0 2em 2em 0;}
    .templateBox h3 { padding:0 0 1em 0;}
    
/*-------------------------------------------------
		- SIGN UP -				
-------------------------------------------------*/
    
ul.icon li a.form { background-image: url('../images/signup/logo_forms.gif'); }
ul.icon li a.terms { background-image: url('../images/signup/logo_terms.gif'); }

   table#form {
    border: 0;
    width: 100%;
    border-collapse: collapse;
}
    table#form td {
        padding: 5px 15px;
        vertical-align: top;
    }
    table#form td.left {
        font-weight: normal;
        text-align: right;
    }
    
    ol.termslist li {
        padding: 8px 0;
    }
    
/*-------------------------------------------------
		- HELP DESK -				
-------------------------------------------------*/

ul.icon li a.tel { background-image: url('../images/helpdesk/logo_tel.gif'); }
ul.icon li a.self { background-image: url('../images/helpdesk/logo_self.gif'); }
ul.icon li a.emailsupport { background-image: url('../images/helpdesk/logo_emailsupport.gif'); }

ul.icon li a.faq { background-image: url('../images/helpdesk/logo_faq.gif'); }
ul.icon li a.tech { background-image: url('../images/helpdesk/logo_tech.gif'); }    
ul.icon li a.dialup { background-image: url('../images/helpdesk/logo_dialup.gif'); }
ul.icon li a.email_setup { background-image: url('../images/helpdesk/logo_email.gif'); }
ul.icon li a.router { background-image: url('../images/helpdesk/logo_router.gif'); }

ul.icon ul li a.winvista { background-image: url('../images/helpdesk/logos/win_vista.gif'); }
ul.icon ul li a.winxp { background-image: url('../images/helpdesk/logos/win_xp.gif'); }
ul.icon ul li a.win2000 { background-image: url('../images/helpdesk/logos/win_2000.gif'); }
ul.icon ul li a.winme { background-image: url('../images/helpdesk/logos/win_me.gif'); }
ul.icon ul li a.win98 { background-image: url('../images/helpdesk/logos/win_98.gif'); }

ul.icon ul li a.outlookexpress { background-image: url('../images/helpdesk/logos/email_outlookexpress.gif'); }
ul.icon ul li a.outlook2000 { background-image: url('../images/helpdesk/logos/email_outlook2000.gif'); }
ul.icon ul li a.outlook2003 { background-image: url('../images/helpdesk/logos/email_outlook2003.gif'); }
ul.icon ul li a.outlook2007 { background-image: url('../images/helpdesk/logos/email_outlook2007.gif'); }
ul.icon ul li a.thunderbird { background-image: url('../images/helpdesk/logos/email_thunderbird.gif'); }
ul.icon ul li a.winmail { background-image: url('../images/helpdesk/logos/email_winmail.gif'); }

ul.icon ul li a.netgear { background-image: url('../images/helpdesk/logos/modem_netgear.gif'); }
ul.icon ul li a.dlink { background-image: url('../images/helpdesk/logos/modem_dlink.gif'); }
         
ol.setup li {
    padding: 0 0 20px 0;
}
ol.setup li img {
    border: 0;
    margin-top: 10px;
}
    
    table.details {
        width: 380px;
        margin: 0 auto;
        border: 1px solid #ccc;
        background: #f1f1f1;
    }
        table.details td {
            vertical-align: top;
            padding: 3px 8px;
        }
        table.details td.first {
            text-align: right;
            font-weight: bold;
        }
        
        table.details h3 {
            text-align: center;
            border-bottom: 1px solid #ccc;
            text-transform: uppercase;
        }
    
/*-------------------------------------------------
		- SERVICES -				
-------------------------------------------------*/

#updateArea {
    margin: 6px 10px;
    font-weight: bold;
    height: 16px;
}
    
#updateArea .yes { color: #333333; background: url('../images/services/merk_reg.gif') no-repeat 0 2px; padding-left: 28px;}
#updateArea .no { color: #cc3300; background: url('../images/services/merk_verkeerd.gif') no-repeat 0 1px; padding-left: 28px; }
#updateArea .error { color: #cc3300; }
    
ul.icon li a.connect { background-image: url('../images/services/logo_connect.gif'); }
ul.icon li a.email { background-image: url('../images/services/logo_email.gif'); }
ul.icon li a.domains { background-image: url('../images/services/logo_domains.gif'); }
ul.icon li a.hosting { background-image: url('../images/services/logo_hosting.gif'); }
ul.icon li a.web { background-image: url('../images/services/logo_web.gif'); }
ul.icon li a.marketing { background-image: url('../images/services/logo_marketing.gif'); }
ul.icon li a.servers { background-image: url('../images/services/logo_servers.gif'); }
ul.icon li a.access { background-image: url('../images/services/logo_access.gif'); }

ul.icon li a.adslallinc { background-image: url('../images/services/logo_adslallinc.gif'); }
ul.icon li a.adsl { background-image: url('../images/services/logo_adsl.gif'); }
ul.icon li a.dialup_connect { background-image: url('../images/services/logo_dialup.gif'); }
ul.icon li a.wireless_connect { background-image: url('../images/services/logo_wireless.gif'); }

ul.icon li a.web_package { background-image: url('../images/services/logo_webpackage.gif'); }
ul.icon li a.portfolio { background-image: url('../images/services/logo_portfolio.gif'); }

table.compare {
    border-collapse: collapse;
    width: 95%;
    margin: 10px auto;
    color: #666;
}
    table.compare th, table.compare td {
        border: 1px solid #ccc;
        padding: 6px 10px;
        text-align: center;
        vertical-align: top;
    }    
    table.compare th {
        font-weight: bold;
        background: #eee;
        color: #666;
    }    
    table.compare td.first { text-align: left; font-weight: bold; }
    
    

table.services_table {
    border-collapse: collapse;
    margin: 10px auto;
    color: #666;
    width: 95%;
}
    table.services_table th, table.services_table td {
        border: 1px solid #ccc;
        padding: 6px 10px;
        vertical-align: top;
    }    
    table.services_table th {
        font-weight: normal;
        background: #f1f1f1;
        color: #666;
    }       
        table.services_table .right { text-align: right; width: 16%;
        }
    
    div#portfolio {
        margin: 0 auto;
        text-align: center;
    }
    
        div#portfolio a img  {
            border: 3px solid #ddd;
            margin: 10px 10px 0 0;
        }
        div#portfolio a:hover img  {
            border: 3px solid #aaa;
        }
	
    div#special {
        margin: 0 0 0 190px;
    }
    
        div#special a img  {
            border: 3px solid #ddd;
            margin: 10px 10px 0 0;
        }
        div#special a:hover img  {
            border: 3px solid #aaa;
        }
        
    ul.summary {
        padding: 0 0 0 10px;
        margin: -10px 0 0 0;
    }
        ul.summary li {
            padding: 3px 0 3px 20px;
            background: url('../images/layout/icon_summary.gif') no-repeat 2px 8px;
        }

/*-------------------------------------------------
		- ABOUT MAXITEC -				
-------------------------------------------------*/

ul.icon li a.links { background-image: url('../images/about/logo_links.gif'); }
ul.icon li a.legal { background-image: url('../images/about/logo_legal.gif'); }

ul.icon li a.gist { background-image: url('../images/about/logo_gist.gif'); }
ul.icon li a.overberg { background-image: url('../images/about/logo_overberg.gif'); }

ul.icon li a.dros { background-image: url('../images/about/logo_dros.gif'); }
ul.icon li a.ctfm { background-image: url('../images/about/logo_ctfm.gif'); }
ul.icon li a.heart { background-image: url('../images/about/logo_heart.gif'); }
ul.icon li a.overstrand { background-image: url('../images/about/logo_overstrand.gif'); }

    .legal h3 {
        margin: 0 0 -5px 0; padding: 15px 0 4px 0;
        width: 450px;
        border-bottom: 1px solid #ccc;
    }
    .legal h3.clean { border: 0; }
    .legal h3 em {
        font-size: 11px;
        font-weight: normal;
        font-style: normal;
        color: #666;
    }
    
    table.legaltable {
        width: 100%;
        margin: 10px 0 0 0; padding: 0;
        border-collapse: collapse;
        border: 0;
    }
        table.legaltable td {
            padding: 4px 10px; margin: 0;
            border: 0;
            vertical-align: top;
        }
        table.legaltable td.first {
            font-weight: bold;
            width: 150px;
            text-align: right;
        }

    
/*-------------------------------------------------
		- CONTACT -				
-------------------------------------------------*/
  
ul.icon li a.maps { background-image: url('../images/contact/logo_maps.gif'); }
ul.icon li a.google { background-image: url('../images/contact/logo_google.gif'); }

    table.contact {
        width: 350px;
        text-align: left;
        margin: 10px 0 25px 0;
    }
        table.contact td {
            padding: 4px 6px;
            vertical-align: top;
        }
        table.contact td.left {
            font-weight: bold;
        }
        
    .contact h3 {
        margin: 10px 0 -5px 0;
    }
/*-------------------------------------------------
		- SITEMAP -				
-------------------------------------------------*/

.news_items h3 {
    font-size: 110%;
    font-family: arial;
    text-transform: uppercase;
    margin: 20px -40px 5px -20px;
    padding: 8px 0px 8px 20px;
    background: #eee;
    color: #444;    
}
   
/*-------------------------------------------------
		- SITEMAP -				
-------------------------------------------------*/   
    .ezmap {
        background-color: #fff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #7A7A7A;
        font-weight: normal;
        width: 90%;
        margin: 0 auto;
        border: 0;
    }
    .ezmap td a {
        font-size: 100%;
    }
        .ezmap img {
            vertical-align: top;
            border: 0;
        }
    
    .ezmap_details {
        background-color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        
        font-weight: normal;
        color: #666666;
    }
    
    .ezmap_gen {
        background-color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #666666;
    }

/*-------------------------------------------------
		    - FOOTER -					
-------------------------------------------------*/

#green_footer { 
	clear: both; 
	color: #333;
	height: 90px;
	}
	
	#green_footer div#footer_center {
	    background: #9ca303 url("../images/layout/footer_back.jpg") repeat-x;
	    height: 90px;
	}
	#green_footer div#footer_left {
	    float: left;
	    height: 90px; width: 250px;
	    background: url("../images/layout/footer_left.jpg") no-repeat;
	}
            	
	#green_footer div#footer_right {
	    float: right;
	    height: 90px; width: 600px;
	    background: url("../images/layout/footer_right.jpg") no-repeat right;
	}
        #green_footer div#footer_right p {
            padding: 0 20px 0 10px; margin: 0;
            float: right;
            font-size: 10px;
            color: #fff;
        }
        #green_footer div#footer_right p a { color: #fff; text-decoration: none; }
        #green_footer div#footer_right p a:hover { text-decoration: underline; }

#footer {
    clear: both;
    }
	
#footer p { 
	text-align: center; 
	margin: 0; padding: 20px 0; 
	font-size : 0.9em;
	color: #fff;
        line-height: 2.5em;
	}
    #footer p a {
	color: #fff;
    }
#indent { margin:0 2em 0 2em; font-size:11px;}

#takeDown table { border:1px solid #999999;}

#takeDown th { background-color:#333; font-weight:bold; color:#FFFFFF;}