body {

    background: url(/event/evm/site/embed/background.gif) top center repeat-x #CFDEEA;

    margin: 0px;

    padding: 16px 0;

    font: 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;

    color: #282828;

    text-align: center;
    line-height: 1.5em;
}

p{

text-align:justify;

}

img {

    border-style: none;

}

img.pic_left{

float:left;

padding:5px;

margin:0 8px 8px 8px;

border:1px  #CCCCCC solid;

}

a {

    color: #2E9FED;

    text-decoration: none;

}

a:hover {

    color: #1471B1;

}

#welcome div{
    padding:5px 30px 0 20px;
    margin:0px;
    color:#FFFFFF;
}

h1{
    font-size:18px;
    color: #003366;
    font-weight: bold;
}

h2{
    color: #003366;
    font-size:16px;
    font-weight: bold;
}

h3{

font-size:14px;

color: #003366;

}

h4{

font-size:13px;

padding:2px;

margin:0px;

color: #003366;

border-bottom:1px #999999 dashed;

}

#container {

    position: relative;

    width: 750px;

    margin: 0 auto;

    padding: 0px;

    text-align: left;

}



#head {

    width: 750px;

    height: 172px;

    background: url(/event/evm/site/embed/head.gif) no-repeat;

}

#head h1 {
    position: absolute;
    margin: 31px 0 0 36px;
}

#head h1 a {
    text-indent: -2000px;
    width: 334px;
    height: 100px;
    background: url(/event/evm/site/embed/logo.png) no-repeat;
    display: block;
}


.top_head_banner{

float:right;

width:200px;

height:120px;

background:url(/event/evm/site/embed/top_head.gif) no-repeat right;

background-position:-12px 12px;

}



.menu {

    position: absolute;

    width: 617px;

    top: 155px;

    left: 25px;

    margin: 0px;

    padding: 0px;

    z-index: 100;

}

.menu li {

    list-style-type: none;

    float: left;

    margin: 0 8px;

    height: 22px;

}

.menu li a {

    padding: 0 0 7px 0;

    height: 22px;

    color: #8A8A8A;

}

.menu li a:hover {

color:#000033;

}

.menu .current {

color:#000033;

font-weight:bold;

}

#area {

    width: 750px;

    height: 54px;

    background: url(/event/evm/site/embed/area.gif) repeat-x;

}



#main {

    margin: auto;

    background: url(/event/evm/site/embed/bg_main.gif) repeat-y;

    width: 750px;

    height: auto; 

}



#content_left {

float:left;

padding:0 30px 30px 30px;

width: 445px;

height:auto;

}

#content_right{
    float:left;
    height: auto;
    padding:5px;
    position: absolute;
    right: 10px;
    top: 320px;
    width: 225px;
}

#welcome {

background: url(/event/evm/site/embed/center_banner.gif) no-repeat;

background-position:12px 0px;

padding:10px;

width: 750px;

height:80px; 

}

.item_box{

width:auto;

height:auto;

padding:10px 0 5px 0;

border-bottom:1px #666666 dashed;

}

.spacer{

width:auto; height:2px; clear:both; padding-bottom:2px;}

/*---------contact----------*/

#form {

    padding: 0px;

    margin: 0px;

}

#fields label {

    width: 260px;

    display: block;

    padding: 0px;

}

#fields input {

    border: 1px solid #C8D2D9;

    margin: 0 0 3px 0;

    width: 260px;

}

#fields textarea {

    border: 1px solid #C8D2D9;

    margin: 0 0 3px 0;

    width: 260px;

    height: 63px;

}

#send input {

    width: 64px;

    height: 20px;

    margin: 0px;

}

ul.menu {

    margin: 0 0 20px 0;

    padding: 0px;

    list-style-type: none;

}

.contact_info{

float:left;

padding:15px;

}



/*work------------*/

.project_details{

float:left;

width:200px;

color:#0099FF;

padding:10px 0 0 10px;

}

#site-footer {

text-align:center;

font-size:10px;

color:#000033;

background: url(/event/evm/site/embed/footer.gif) no-repeat;

background-position:0px 0px;

padding-top:10px;

width: 750px;

height:85px;

}

#site-footer a {

    background: none;

    padding: 0px;



}

#madeby{

width:200px;

height:85px;

float:right;

padding-right:30px;

text-align:center;

}

#madeby a{

text-decoration:none;

color:#666666;

}

#footer {
    display:none;
}

ol.phases {
    list-style: none;
    margin: 0px;
}

ol.phases li {
    background-position: 10px 16px;
    background-repeat:  no-repeat;
    box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;
    -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;    
    color: white;
    padding:1em 1em 1em 85px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -opera-border-radius:8px;
    -khtml-border-radius:8px;
    border-radius:8px;    
    margin-bottom:1em;
}

ol.phases li h2 {
    color: white;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: auto;
}

ol.phases li.phase1 {
    background-color: #f27e20;
    background-image: url(/img/nuvola/64x64/apps/iconthemes.png);
}

ol.phases li.phase2 {
    background-color: #008740;
    background-image: url(/img/nuvola/64x64/apps/amarok.png);
}

ol.phases li.phase3 {
    background-color: #bd1a89;
    background-image: url(/img/nuvola/64x64/apps/kchart.png);
}