/*==================================================== 
       Digital Leprosy Designs: Main CSS sheet        
                  Updated: 28/3/2008
 ====================================================*/


/* Global elements: */

body {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 12px;
color: #333;
text-align: center;
margin: 0px;
padding: 5px 0px 20px 0px;
background-color: #333;
}

h1 {
font-size: 10px;                /* Form sub-headers */    
margin: 0px;
}

h2 {
font-size: 18px;                 /* Section Header */
margin: 30px 0px 0px 20px;
}

h3 {
font-size: 10px;                   /* Section Sub-header */
margin: 10px 0px 0px 50px;
}

h4 {
font-size: 10px;                   /* Section Sub-header */
margin: 0px 0px 0px 15px;
}

a:link, a:visited, a:active{
color: #999;
text-decoration: none;
margin: 1px;
padding: 1px;
}

a:hover{
border-bottom: 2px solid #666;
color: #333;
} 

img.centered {
float: left;
padding: 25px;
display: block;
margin-left: auto;
margin-right: auto;
}

.small_text {
font-size: 10px;
}

p.text_center {
margin-left: auto;
margin-right: auto;
text-align: center;
}

p.tiny_text{
font-size: 10px;
color: #959595;
line-height: 1.2em;
margin: -10px 0px 0px 0px;

}

#hr_margin {
margin: 30px 0px 30px 0px;      /* used in all hr tags (including heads) for large margins */
}

/* Containers - Ordered: */

#wrapper {
width: 850px;
padding: 0px;
margin: 0px auto 0px auto;
height: auto;
text-align: left;
}

#container {
padding: 0px;
margin: 0px 0px 0px 0px;
background-image: url(dld_sliver.jpg);
background-repeat: repeat-y;
height: 1%;
width: auto;
}

#header {
margin: 0px;
padding: 0px;
height: 162px;
background-image: url(dld_header.jpg);
width: 850px;
background-color: #333;
}

#left {
margin: 0px;
width: 140px;
height: 100%;
padding: 10px 20px 10px 20px;
float: left;
border: 1px #666;
border-style: none dotted none none;
}

/* Nav structure - Within left container */

#nav {
margin: 0px;
padding: 0px 20px 10px 17px;
list-style-image: none;
list-style-type: none;
width: 100%;
}

#nav li {
margin: 0px;
padding: 0px;
display: block;
}

#nav li a:link, #nav li a:visited, #nav li a:active {
color: #999;
text-decoration: none;
display: block;
margin: 5px;
padding: 3px 15px 3px 8px;
border-bottom:2px solid #CCC; 
}

#nav li a:hover {
color: #333;
text-decoration: none;
border-bottom:2px solid #666; 
}

/* END Nav structure - Within left container */

#center {
height: auto;
width: 600px;
padding: 10px 10px 10px 10px;
float: left;
margin: 0px 0px 0px 6px;
line-height: 1.8em;
}

#center hr {
margin: 30px 0px 30px 0px;      /* used in all hr tags (including heads) for large margins */
}

/* Content Boxes - Per page */

#contBox_index {
background: #EEE url("conts/cont_bg_index.jpg") no-repeat top right;
height: auto;
width: 565px;
padding: 10px 10px 10px 10px;
float: left;
margin: 0px 0px 20px 6px;
line-height: 1.8em;
border: 2px solid #333;
}

#contBox_hosting {
background: #EEE url("conts/cont_bg_hosting.jpg") no-repeat top right;
height: auto;
width: 565px;
padding: 10px 10px 10px 10px;
float: left;
margin: 0px 0px 20px 6px;
line-height: 1.8em;
border: 2px solid #333;
}

#contBox_services {
background: #EEE url("conts/cont_bg_services.jpg") no-repeat top right;
height: auto;
width: 565px;
padding: 10px 10px 10px 10px;
float: left;
margin: 0px 0px 20px 6px;
line-height: 1.8em;
border: 2px solid #333;
}

#contBox_contact {
background: #EEE url("conts/cont_bg_contact.jpg") no-repeat top right;
height: auto;
width: 565px;
padding: 10px 10px 10px 10px;
float: left;
margin: 0px 0px 20px 6px;
line-height: 1.8em;
border: 2px solid #333;
}

#contBox_contact input {
margin: 0px 0px 0px 0px;
padding: 5px;
color: #666;
}

#contBox_contact textarea {
padding: 5px;
color: #666;
}

#contBox_support {
background: #EEE url("conts/cont_bg_support.jpg") no-repeat top right;
height: auto;
width: 565px;
padding: 10px 10px 10px 10px;
float: left;
margin: 0px 0px 20px 6px;
line-height: 1.8em;
border: 2px solid #333;
}

#contBox_support input {
margin: 0px 0px 0px 0px;
padding: 5px;
color: #666;
}

#contBox_support textarea {
padding: 5px;
color: #666;
}

#contBox_domains {
background: #EEE url("conts/cont_bg_domains.jpg") no-repeat top right;
height: auto;
width: 565px;
padding: 10px 10px 10px 10px;
float: left;
margin: 0px 0px 20px 6px;
line-height: 1.8em;
border: 2px solid #333;
}

#contBox_port {
background: #EEE url("conts/cont_bg_port.jpg") no-repeat top right;
height: auto;
width: 565px;
padding: 10px 10px 10px 10px;
float: left;
margin: 0px 0px 20px 6px;
line-height: 1.8em;
border: 2px solid #333;
}

#contBox_port img {
float: right;
margin: -40px 0px 0px 5px;
border: 2px solid #333;
}

#contBox_port_example {
background: #EEE url("conts/cont_bg_port.jpg") no-repeat top right;
height: auto;
width: 565px;
padding: 10px 10px 10px 10px;
float: left;
margin: 0px 0px 20px 6px;
line-height: 1.8em;
border: 2px solid #333;
}

#contBox_port_example img {
display: block;
margin: 20px auto 0px auto;
border: 2px solid #333;
}

#contBox_bcheck {
background: #eee;
width: 565px;
padding: 10px;
margin: 10px auto;
line-height: 1.8em;
border: 2px solid #ccc;
}

#contBox_quote {
background: #EEE url("conts/cont_bg_support.jpg") no-repeat top right;
height: auto;
width: 565px;
padding: 10px 10px 10px 10px;
float: left;
margin: 0px 0px 20px 6px;
line-height: 1.8em;
border: 2px solid #333;
}

#contBox_quote input {
margin: 0px 0px 0px 0px;
padding: 5px;
color: #666;
}

#contBox_quote textarea {
padding: 5px;
color: #666;
}

/* END Content Boxes - Per page */

#footer {
margin: 0px;
padding: 0px;
height: 220px;
background-image: url(dld_footer.jpg);
width: 850px;
background-color: #333;
}

#footer p {
text-align: center;
color: #666;
font-size: 9px;
margin: 0px auto 0px auto;
padding: 225px 0px 0px 0px;
}

#footer a:link, #footer a:visited, #footer a:active {
color: #666;
text-decoration: none;
border:none; 
}

#footer a:hover {
color: #ccc;
text-decoration: none;
}

.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}