/********* STYLE ------------------------------------- */
/*                                                     */
/*                                                     */
/* --------------------------------------------------- */

* {
    padding:0;
    margin:0;
}

/********* BASIC LAYOUT ------------------------------ */
/*                                                     */
/*                                                     */
/* --------------------------------------------------- */

#pageHeader a {
    background:url(../Pics/header.png) no-repeat scroll left top;
    width:768px;
    height:113px;
    text-indent:-9999px;
    display:block;
    overflow:hidden;
}

#menu {
    background:url(../Pics/header.png) no-repeat scroll left bottom;
    height:40px;
    list-style:none;
    padding-left:200px;
    padding-top:10px;
    margin-bottom:20px;
}

#menu li {
    display:inline;
}

#menu li a {
    color:#fff;
    font-size:16px;
    text-decoration:none;
    padding-right:40px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#webMainContent {
    margin: 0 20px;
    font-size:12px;

}

div#welcome h3 {
    color: #003F68;
    padding-right:40px;
    font-weight:normal;
}

div#welcome h3 span{
    font-size: 34px;
    float:left;
     margin-right:230px;
     margin-left:40px;
     margin-bottom:50px;
}

ul.section li {
    margin:20px 0px 20pt 0px;
    background:transparent url(../Pics/homebackground.png) repeat-y top right;
    height:170px;
}

ul.section a {
    text-align:right;
    font-size:14px;
    color: #003F68;
    text-decoration:none;
    height:170px;
    width:740px;
    display:block;
}

ul.section a span {
    height:170px;
    width:680px;
    display:block;
    padding-right:60px;
    padding-top:60px;
    height:110px;
}

ul.section {
    list-style:none;
    clear:left;
}

a.sectionShop {
    background:transparent url(../Pics/picshop.png) no-repeat;
}

ul.section a.sectionShop span {
    padding-top:60px;
    height:110px;
}

ul.section a.sectionCustom span {
    padding-top:60px;
    height:110px;
}

ul.section a.sectionNews span {
    padding-top:60px;
    height:110px;
}

ul.section a.sectionAbout span {
    padding-top:60px;
    height:110px;
}

a.sectionCustom {
    background:transparent url(../Pics/piccustom.png) no-repeat;
}

a.sectionNews {
    background:transparent url(../Pics/picnews.png) no-repeat;
}

a.sectionAbout {
    background:transparent url(../Pics/picabout.png) no-repeat;
}

div.contactdetails {
    padding:18px 0pt 0pt 80px;
    margin-top:10px;
}

div.contactdetails#write {
    background:transparent url(/Pics/contact_write.png) no-repeat scroll 0%;
}

div.contactdetails#phone {
    background:transparent url(/Pics/contact_phone.png) no-repeat scroll 0%;
}

div.contactdetails#email {
    background:transparent url(/Pics/contact_mail.png) no-repeat scroll 0%;
}


div.contactdetails p {
    padding-left: 20px;
}


div.aboutdetails {
    float:left;
    width:345px;
    margin-right:20px;
}

div.aboutdetails h3 {
    display: inline;
    vertical-align: middle;
}


div.customsteps {
    padding:25px 0pt 0pt 280px;
    height:140px;
}

div.customsteps#idea {
    background:transparent url(/Pics/custom_idea.jpg) no-repeat scroll 40px 10px;
}

div.customsteps#puzzle {
    background:transparent url(/Pics/custom_puzzle.jpg) no-repeat scroll 0pt 10px;
}

div.customsteps#box {
    background:transparent url(/Pics/custom_box.jpg) no-repeat scroll 0pt 10px;
}

div.customsteps ul{
    margin-left: 20px;
    line-height: 150%;
}

div.newscontent {
    margin-top:10px;
}

div.newscontent img{
    float:left;
    margin:0;
    padding:0em 3em 1em 1em;
}


.footer {
    border-top:6px #0070b6 solid; 
    text-align:center;
    padding-top:30px;
    clear: both;
}

.footer ul {
    list-style:none;
}

.footer a {
    color:#0070b6;
}

.footer ul li {
    display:inline;
}