* { 
padding: 0; 
margin: 0;
} 

body {
background: #fff url(http://www.i2con.biz/fileadmin/images/css/bd-header.gif) repeat-x top left;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
background-color: #fff;
}

p { 
margin:0 0px 10px 0px;
}


/* --- Links -------------------------------- */

a:link, a:visited { 
color: #f00;
text-decoration: none;
}

a:hover { 
color: #f00; 
text-decoration: underline;
}

#header h1 a {
width: 285px;
height: 95px;
display: block;
text-decoration: none;
}

#header a span {
visibility: hidden;
}

.mtpag a, .mtpag a:visited, .mtpag a:hover {
padding: .3em .6em; 
margin: 0 .3em;
text-decoration: none;
}

#promo p a, #promo p a:visited  { 
color: #fff;
text-decoration: none
}

#promo p a:hover  { 
color: #fff;
border-bottom: 1px solid #fff;
text-decoration: none
}

.mtpag a{
border-color: #555;
background: #647c09; 
color: #fff;
text-decoration: none;
}

.mtpag a:visited, .mtpag a:hover {
border-color: #7a913f; 
background: #bacf80; 
color: #222;
}

#footer a:hover {
color:#ddd;
text-decoration: underline;
}

#footer a {
color:#fff;
text-decoration: none;
}

a img { border: none; }

a.more { 
padding-right: 6px;
background: url(http://www.i2con.biz/fileadmin/images/css/a-more.gif) no-repeat 100% 60%;
}

a.more:hover { 
padding-right: 6px;
background: url(http://www.i2con.biz/fileadmin/images/css/a-moreh.gif) no-repeat 100% 60%;
text-decoration: underline
}

h2.title a:link, h2.title a:visited, h3.title a:link, h3.title a:visited {
color: #333;
text-decoration: none;
}

/* --- Header -------------------------------- */

#header {
height: 100px;
text-align: justify;
}

#header h1 {
background: url(http://www.i2con.biz/fileadmin/images/css/logo.gif) no-repeat 0 0;
}

#top {
float: right;
text-align: right;
padding: 3px;
color: #ddd;
}

#top span {
float: left;
padding: 24px 5px;
color: #ddd;
}

#footer {
font-size: 9px;
text-align: right;
}

#top a {
text-decoration: none;
float: left;
font-size: 13px;
padding: 24px 5px;
color: #ddd;
background: url(http://www.i2con.biz/fileadmin/images/css/arr-d0.gif) no-repeat center top;
}

#top a:hover {
color: #fff;
background: url(http://www.i2con.biz/fileadmin/images/css/arr-d1.gif) no-repeat center top;
}

#top a.current {
color: #fff;
background: url(http://www.i2con.biz/fileadmin/images/css/arr-d2.gif) no-repeat center top;
}


#breadcrumbs {
padding: 10px 0px 0px 0px;
}

/* --- Header steps / Breadcrumb ----  */

#promo {
height: 75px;
}

#promo p {
padding: 2px 0px 0px 0px;
font-size: 13px;
color: #eee;
}

.step {
float: left; 
padding: 0px 2px 0px 0px; 
width: 780px; 
}

.step img {
float: right; 
padding: 0;
margin: 0;
}

.step h1 { 
padding: 10px 0px 5px 0px;
font-size: 18px;
letter-spacing: 1px;
color: #eee;
}


#feature .step {
float: left; 
width: 780px;
}


/* --- Structure ---------------------------------- */

#wrap, #ft {
width: 780px; 
margin: 0 auto; 
position: relative;
text-align: left;
}

#main {
width:600px;
float: left;
text-align: justify;
}

#sidebar {
display:block;
margin-bottom: 20px;
width:165px; 
float: right;
text-align: justify;
}

/*#sidebar a { */
/*padding: 0px 15px 1px; */
/* background: url(http://www.i2con.biz/fileadmin/images/css/ext_link.gif) no-repeat left; */
/*} */

/*#sidebar a:hover { */
/*padding: 0px 15px 1px; */
/* background: url(http://www.i2con.biz/fileadmin/images/css/link.gif) no-repeat left; */
/*} */


/* --- Sidebar list --------------------------------- */

ul {
margin: 0;
padding: 0;
}


#sidebar li, td li {
list-style: none;
margin: 0;
border-bottom: 1px dotted #ccc;
padding: .2em 0 .5em 20px;
background:url(http://www.i2con.biz/fileadmin/images/css/ext_link.gif) no-repeat left;
}

td li {
width: 135px;
margin-bottom: 5px;
}

/* --- Titles ------------- */

h1 {
font-size: 16px;
color: #f00;
}

h2 {
margin: 1em 0;
font-size: 14px;
color: #f00;
}

#sidebar h2 {
margin-top: 1em;
font-size: 11px;
color: #f00;
}

h3 {
margin: 1em 0;
font-size: 12px;
color: #f00;
}

h2.search {
margin: 1em 0;
border-bottom: 1px dotted #ddd;
padding-bottom: 3px;
color: #f00;
}

h4{
margin: 20px 0 10px;
font-size: 11px;
color: #f00;
}

#sidebar h6 {
font-size: 8px;
letter-spacing: 1px;
text-transform:uppercase;
color: #bbb;
}

#sidebar p { 
font-size: 9px;
color: #999;
}

/* --- Footer -------------------------------- */

#footer
{
position: relative;
margin: 0;
height:103px;
background: url(http://www.i2con.biz/fileadmin/images/css/bd-footer.gif) repeat-x;
color:#ddd;
clear: both /* -- firefox -- */
}

#footer p
{
margin: 0;
padding-top: 20px
}

#ft p {
float: left;
width: 780px;
}

/* Sitemap Styles */

.csc-sitemap-level1{
 font-size:12px;
 padding-top: 20px;
 text-transform:uppercase;
}
.csc-sitemap-level2{
 font-size:11px;
 padding-left: 20px;
}
.csc-sitemap-level3{
 font-size:10px;
 padding-left: 30px;
}
.csc-sitemap-level4{
 font-size:9px;
 padding-left: 40px;
}

