body { margin:0; padding:0; background:#fff; font-family:verdana,sans-serif; color:#445b6e; font-size:12px;}
a, a:visited {color:#445b6e;}

h1, h2 {font-size:12px; padding:0; margin:0; color:#445b6e;}

p, img, ul {padding:0; margin:0;}
img {border:0;}

#header {width:812px; min-width:540px; height:25px; margin:20px auto 0 auto; padding:0 0 22px 0; line-height:normal; background: url('line-01.gif') left bottom repeat-x;}
#header a {text-decoration:none;}

#logo {float:left; width: 129px; height: 25px; margin:0; padding:0; overflow:hidden;}
#logo span {margin:0; padding:0; width: 129px; height: 25px; background: url('sprites.png') -185px 0 no-repeat; position: absolute; cursor: pointer;}

#menu {list-style:none; float:right; margin:12px 0 0 0; padding:0; font-size:11px; font-weight:bold; font-family:'Trebuchet MS',sans-serif; letter-spacing:2px; color:#697c8b; height:13px;}
#menu li {float:left; margin:0 0 0 15px; padding:0; height:13px;}
#menu li span {position:absolute; cursor:pointer; height:13px;}


#home {width:46px; height:13px;}
#home span {width:46px; background: url('sprites.png') 0 0 no-repeat;}
#home span:hover {width:46px; background: url('sprites.png') 0 -15px no-repeat;}
#about {width:57px; height:13px;}
#about span {width:57px; background: url('sprites.png') -48px 0 no-repeat;}
#about span:hover {width:57px; background: url('sprites.png') -48px -15px no-repeat;}
#contact {width:76px; height:13px;}
#contact span {width:76px; background: url('sprites.png') -107px 0 no-repeat;}
#contact span:hover {width:76px; background: url('sprites.png') -107px -15px no-repeat;}

#main-title {width: 433px; height: 20px; margin:0 auto 20px auto; padding:0; overflow:hidden;}
#main-title span {margin:0; padding:0; width: 433px; height: 20px; background: url('sprites.png') 0 -30px no-repeat; position:absolute;}

#download-color-set {width:304px; margin:41px 0 0 0; float:left;}
#download-color-set h2 {width:273px; height:13px; margin:0 auto 12px auto; padding:0; overflow:hidden;}
#download-color-set h2 span {margin:0; padding:0; width:273px; height:13px; background:url('sprites.png') 0 -52px no-repeat; position:absolute;}

.color-set-row {margin:0; padding:0; overflow:hidden;}
.color-set {float:left; margin:18px 9px 0px 9px; height:70px; background:url('arrow-down-off.gif') center bottom no-repeat;}
.color-set:hover {background:url('arrow-down-on.gif') center bottom no-repeat;}
.color-set img {border:0; display:block; padding:0 0 18px 0;}
.color-set a {text-decoration:none; color:#666666;}


.color-set-name {text-align:center; font-size:10px; font-weight:bold; margin:-28px 0 0 0;}
.color-set-name  a {display:block;}

#ornicons-details {float:left; width:500px; margin:36px 0 0 0; padding:0;}

#about-icon-family {line-height:1.8; padding:0 0 0 20px; margin:0;}

#extras {width:480px; height:192px; margin:15px 0 0 21px; padding:0 0 0 3px; background:url('line-02.gif') left top repeat-y;}

.extra {float:left; font-size:11px; width:159px; height:192px; background:url('line-02.gif') right top repeat-y; text-align:center;}
.extra-image {display:block; padding:14px 0 0 0; margin:0 auto;}
.extra h3 {font-size:11px; padding:8px 0 0 0; margin:0;}
.extra p {padding:0 16px; margin:5px 0 0 0;}
.extra-download-icon {display:block; padding:8px 0 0 0; margin:0 auto; border:0;}

#content {color:#595959; width:812px; margin:0 auto 30px auto; padding:16px 0; overflow:hidden;}

.icon-family-banner {display:block;}

#download-info {line-height:1.5; font-size:11px; text-align:center; margin:16px 0 0 0; padding:0px 8px 0px 8px;}
#download-info a {color:#595959;}



#footer {width:812px; padding:2px 0 0 0; margin:0 auto; border-top:1px solid #cdd3d8;}
#footer-content {height:290px; margin:0; background:#dadee2 url('gradient-footer.gif') left top repeat-x;}
#footer-boxes {overflow:hidden; font-size:11px; font-family:verdana,sans-serif;}

#license {line-height:1.5; width:688px; height:100px; font-size:10px; background:#e1e5e8 url('license-corner-01.gif') left top no-repeat; padding:0px 0px 0px 38px; margin:0 auto 50px auto;}

#license p{margin:0; padding:20px 38px 20px 0; height:60px; background:#e1e5e8 url('license-corner-02.gif') right top no-repeat;}
#license p span {font-weight:bold;}


#quick-message {float:left; margin:0 0 0 45px; width:210px; background:url('quick-message.gif') 0 28px no-repeat; padding:49px 0 0 0;}
#message-text {overflow:auto; font-size:11px; font-family:verdana,sans-serif; color:#595959; background:#fff; height:86px; border:0; width:196px; margin:0; padding:7px;}
#message-name {font-size:11px; font-family:verdana,sans-serif; color:#595959; margin:2px 0 0 0; padding:5px 9px 0 50px; width:151px; height:19px; border:0; background:#dde1e4 url('input-name.gif') left top no-repeat;}
#message-email {font-size:11px; font-family:verdana,sans-serif; color:#595959; margin:2px 0 0 0; padding:5px 9px 0 50px; width:151px; height:19px; border:0; background:#dde1e4 url('input-email.gif') left top no-repeat;}

#message-send {width:52px; float:right;}
#message-send span {position:absolute; cursor:pointer; border:0; width:52px; height:24px; background:url('sprites.png') -316px 0 no-repeat; padding:0; margin:0;}
#message-send span:hover {background:url('sprites.png') -370px 0 no-repeat;}
#message-button {border:0; width:52px; height:24px; background:#ccc; padding:0; margin:0;}

#message-status {float:left; padding:9px 0 0 8px;}


#buy-brands {float:left; margin:0 0 0 45px; width:260px; background:url('buy-brands.gif') 0 28px no-repeat; padding:49px 0 0 0;}
#brand-preview {background:#fff; height:120px;}
#brand-info {text-align:right; margin:2px 0 0 0; padding:9px 10px 0 10px; background:#dde1e4; height:21px;}
#brand-info a {text-decoration:none;}
#brand-info a:hover {text-decoration:underline;}

#brand-name {float:left; font-weight:bold;}
#brand-details-link {float:right;}

#mini-icon-set {float:left; margin:0 0 0 45px; width:160px; background:url('mini-set-1.gif') 0 28px no-repeat; padding:49px 0 0 0;}
#mini-icon-set-preview {background:#fff; height:60px;}
#mini-icon-set-info {margin:2px 0 0 0; padding:6px 10px; background:#dde1e4; height:78px;}
#mini-icon-set-info a {text-decoration:none;}
#mini-icon-set-info a:hover {text-decoration:underline;}

#mini-icon-set-description {margin:4px 0 0 0;}
#mini-icon-set-download {margin:20px 0 0 0; text-align:right; font-size:11px; font-weight:bold;}


#copyright {text-align:center; width:720px; margin:12px auto 0 auto; padding:18px 0 0 0; border-top:1px dashed #697c8b;}

#about-icoland {width: 275px; height: 82px; background:#fff; margin:90px auto 50px auto;}
#about-icoland p {text-align:center; font-size:12px; line-height:1.5;}
#about-icoland span {width: 275px; height: 82px; background: url('sprites.png') 0 -67px no-repeat; position:absolute;}