
body{
    margin: 0;
    padding: 0;
    color: #333;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    background: #E2EBED;
    text-align: center;
}
a{
    color: #307082;
    outline: none;
    text-decoration: none;
}
a:hover{
    color: #d55307;
    text-decoration: underline;
}

acronym
    {
    border: none;
    }

#container
    {
    margin: 0 auto;
    width: 800px;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
    }
* html #container
    {
    width: 825px;
    w\idth: 800px;
    }

#feyaHeader
    {
    position: absolute;
    top: 5px;
    left: 40px;
    }
h1
    {
    background: url("../images/cubedrive_logo.png") no-repeat;
    width: 220px;
    height: 90px;
    overflow: hidden;
    margin: 0;
    }
h1 span
{
    display: none;
}
h2
    {
    font-size: 12px;
    margin: 0;
    }
#contact .p1
    {
    font-size: 12px;
    position: absolute;
    top: 60px;
    right: 40px;
    margin: 0;
    }
#contact .p2
    {
    font-size: 12px;
    position: absolute;
    top: 95px;
    right: 40px;
    margin: 0;
    }
#backImage
    {
    padding-top: 120px;
    padding-left: 30px;
    }
#container #intro #backImage .p1
    {
    font-size: 11px;
    height: 230px;
    background: url("../images/feya-product-mini.jpg") no-repeat;
    margin: 0;
    width: 800px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }
#container #intro #backImage .p1  span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }

#preamble, #supportingText
    {
    margin: 0 20px 0 243px;
    }
#supportingText p, #preamble p
    {
    line-height: 150%;
    margin: 10px 0 10px 0;
    }

#container #supportingText #news .date-header {
    margin:2em 0 0 0;
    color: #993333;
    font: normal normal 90% Georgia, Serif;
}

#container #normalText #news {
    margin: 0 20px 0 20px;
    font: normal normal 90% Georgia, Serif;
}

#linkList
    {
    position: absolute;
    top: 350px;
    left: 0;
    width: 210px;
    }
#lselect ul, #lresources ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    }
#lselect ul li a
    {
    text-decoration: underline;
    display: block;
    font-size: 13px;
    }
#lselect ul li.c, #lselect ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#lselect ul li a.c
    {
    text-decoration: none;
    }
#lselect ul li a.c:hover
    {
    color: #D60808;
    }
#lselect ul li
    {
    font-size: 12px;
    border-bottom: 1px solid #E6EEF0;
    }

#linkList #detailLink ul li
    {
    font-size: 13px;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    list-style-type: none;
    }

#container #x-footer {
	font-family: Geneva, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #285294;
	text-align: center;
	padding-bottom: 1.5em;
        padding-top: 1.5em;
}

/* --------------- start news --------------------*/
#backImageNews
    {
    padding-top: 120px;
    padding-left: 30px;
    }
#container #intro #backImageNews .p1
    {
    font-size: 11px;
    height: 185px;
    background: url("../images/news.jpg") no-repeat;
    margin: 0;
    width: 800px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }
#container #intro #backImageNews .p1  span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }

#linkListNews
    {
    position: absolute;
    top: 320px;
    left: 0;
    width: 210px;
    }
#linkListNews #detailLink ul li
    {
    font-size: 13px;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    list-style-type: none;
    }

/* --------------- end news --------------------*/

/* --------------- start customers --------------------*/
#backImageProduct
    {
    padding-top: 120px;
    padding-left: 30px;
    }
#container #intro #backImageProduct .p1
    {
    font-size: 11px;
    height: 185px;
    background: url("../images/products.jpg") no-repeat;
    margin: 0;
    width: 800px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }
#container #intro #backImageProduct .p1  span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }

/* --------------- end customers --------------------*/

/* --------------- start ss --------------------*/
#backImageSS
    {
    padding-top: 120px;
    padding-left: 30px;
    }
#container #intro #backImageSS .p1
    {
    font-size: 11px;
    height: 185px;
    background: url("../images/spreadsheet-tbar.jpg") no-repeat;
    margin: 0;
    width: 800px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }
#container #intro #backImageSS .p1  span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }

/* --------------- end ss --------------------*/

/* --------------- start ppt --------------------*/
#backImagePPT
    {
    padding-top: 120px;
    padding-left: 30px;
    }
#container #intro #backImagePPT .p1
    {
    font-size: 11px;
    height: 185px;
    background: url("../images/ppt-tbar.jpg") no-repeat;
    margin: 0;
    width: 800px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }
#container #intro #backImagePPT .p1  span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }

/* --------------- end ppt --------------------*/

/* --------------- start word --------------------*/
#backImageWord
    {
    padding-top: 120px;
    padding-left: 30px;
    }
#container #intro #backImageWord .p1
    {
    font-size: 11px;
    height: 185px;
    background: url("../images/word-tbar.jpg") no-repeat;
    margin: 0;
    width: 800px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }
#container #intro #backImageWord .p1  span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }

/* --------------- end word --------------------*/

/* --------------- start schedule --------------------*/
#backImageSch
    {
    padding-top: 120px;
    padding-left: 30px;
    }
#container #intro #backImageSch .p1
    {
    font-size: 11px;
    height: 185px;
    background: url("../images/schedule-tbar.jpg") no-repeat;
    margin: 0;
    width: 800px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }
#container #intro #backImageSch .p1  span
    {
    padding: 30px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }

/* --------------- end schedule --------------------*/

/* =Footer
___________________________________________________________________________ */
#footer-bg {
	height: 80px;
        padding: 30px 20px 0 20px;
}

#footer {
    border-top: 1px solid #ccc;
    height: 60px;
    font-size: 85%;
}

#footer .vcard {
        float: left;
}

#footer .vcard ul {
        float: left;
}

#footer .contact {
        float: left;
        padding-top: 9px;
}

#footer .contact .adr {
        float: left;
}

#footer .contact .block2 {
        float: left;
        margin-left: 30px;
}

#footer .footer-nav {
        float: right;
}

#footer .footer-nav ul {
        float: right;
}

#footer .copy {
        float: right;
        padding: 10px 0 0 0;
        text-align: right;
        color: #666;
        height: 30px;
}





