@charset "utf-8";
/* CSS Document */
*
{
margin:0;
padding:0;
}
a img
{
border:none;
}
ul
{
list-style-type:none;
}
body
{
background-color:#fff;
height:100%;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
align: center;
}

h4{
    color:#3d5a98;
}

#menu
{
/*width:100%;*/
height:160px;
background:#e4e3e3 url('../images/main_01.jpg') no-repeat top left;
padding-left:340px
}
#menu ul
{
list-style-type:none;
float:left;
margin-top:10px;
*margin-top:0px;
}
#menu ul li
{
/*margin-bottom:2px;*/
*margin-bottom:0px;
}

#menu li a
{
margin:0px;
padding:0px;
color:#87bb0d;
text-decoration:none;
font-weight:bold;
font-size:18px;
width:250px;
overflow:hidden;
display:block;
}
.flag{
float:right;
margin:10px;
}
.flag a img
{
text-decoration:none;
border:0px none;
}

#menu li a#about:hover, a#what:hover, a#advice:hover, a#why:hover, a#get:hover, a#contact:hover, a#how:hover
{
color:#3d5a98;
}
#menu li a.selected
{
color:#3d5a98;
}

#middle
{
float:left;
clear:left;
width:100%;
background: url('../images/bckgr_content_13.gif') repeat-y top left;
}
#wrapper
{
width:100%;
height:100%;
background: url('../images/main_15.jpg') no-repeat bottom left;
float:left
}
#content
{
float:left;
width:650px;
padding:10px;
}
#artwork
{
float:left;
width:317px;
height:380px;
background:url('../images/main_12.gif') no-repeat top left;
}
div.float_correct
{
width:100%;
clear:both;
height:1px;
}
#footer
{
width:100%;
height:159px;
float:left;
clear:left;
background:#e4e3e3;
}
#copyleft
{
width:317px;
height:159px;
float:left;
background:#fff url('../images/main_14.jpg') no-repeat top left;
}
#copyright
{
float:left;
height:159px;
width:473px;
background:url('../images/footerbk_17.gif') no-repeat top left;
}


#content p
{
color:#333333;
text-align:justify;
margin-left:10px;
}
#content p a
{
color:#87bb0d;
text-decoration:underline;
font-weight:bold;
}
#content p a:hover
{
color:#3d5a98;
}
div.separator
{
width:97%;
height:1px;
background: #CCCCCC;
display:block;
margin:15px auto 15px auto;
text-align:center;
}
div.portofolio-home
{
display:block;
margin-left:0px;
margin-top:10px;
margin-bottom:15px;
}
a.more
{
margin-left:10px;
margin-bottom:20px;
}
#content h2
{
display:block;
margin-left:10px;
color:#87bb0d;
font:bold 18px Arial, Helvetica, sans-serif;
margin-top:10px;
margin-bottom:10px;
}
#content h3
{
display:block;
margin-left:10px;
color:#87bb0d;
font:bold 14px Arial, Helvetica, sans-serif;
}
#content ul
{
list-style:url(../images/list-style.jpg);
margin-left:30px;
margin-top:5px;
margin-bottom:5px;
width:500px;
}
#content ul li
{
margin-bottom:3px;
}
p.category
{
width:600px;
margin:5px;
}
#content form
{
border:1px solid #eee;
padding:10px;
margin-left:10px;
}
#content form input
{
border:1px solid #87bb0d;
margin-bottom:2px;
margin-right:2px;
vertical-align:middle;
}
#content form input, select, textarea
{
border:1px solid #87bb0d;
}
textarea
{
background-color:#f9f9f9;
}
div.subcat-form
{
margin-left:20px!important;
margin-top:5px;
border:1px solid #87bb0d;
background:#f6f6f6;
padding:5px;
margin-bottom:10px;
}
form b
{
padding-bottom:2px;
}
input.buton
{
background:#87bb0d;
border:1px solid green;
color:#fff;
font:bold 12px Arial, Helvetica, sans-serif;
padding:3px;
}