/* css by jose erlino lontok*/
body {
font-family: "Trebuchet MS", verdana, "Bitstream Vera Sans", sans-serif;
color:#333333;
font-size:11px;
background-color:#FFF;
}
#center {
width:780px;
height:530px;
position:absolute;
top: 50%;
left: 50%;
margin-top:-265px;
margin-left:-390px;
}
#wrap {
width:780px;
height:530px;
background-color:#FFFFFF;
background-image:url(/images/wrap_lefbg.png);
background-repeat: no-repeat;
border:1px #B9CCE9 solid;
}
#main {
width:568px;
margin-left:200px;
}
#content {
height:270px;
overflow:auto;
}
h1 {
font-size: 28px;
border-bottom: 1px #C9A7CB solid;
margin: 20px 0;
padding:0 0 5px 0;
}
h2 {
font-size: 22px;
text-align:right;
margin:0;
padding:0;
}
#content p {
text-align:justify;
margin: 10px 0;
}
#content p a{
color:#0099FF;
text-decoration:none;
}

.light_green {
color:#00AF4F
}
.light_blue {
color:#B9CCE9;
}
#nav {
color:#ccc;
font-size:16px;
font-weight:bolder;
margin:25px 0 0 4px;
}
#nav ul{
list-style-type:none;
margin:0;
padding:0;
height:140px;
}
#nav ul li {
width:120px;
height:140px;
float:left;
margin-left:15px;
display:inline; /* added to fix ie's doubled left margin */
text-align:center;
}
.btn_luminous {
background-image:url(/images/luminous.png);
background-repeat:no-repeat;
}
.btn_sweetpea {
background-image:url(/images/sweetpea.png);
background-repeat:no-repeat;
}
.btn_aboutme {
background-image:url(/images/aboutme.png);
background-repeat:no-repeat;
}
.btn_contact {
background-image:url(/images/white.png);
background-repeat:no-repeat;
}
#nav a {
text-decoration:none;
color:#C9A7CB;
bottom:0;
padding-top:104px;
display:block;
width:100%;
}
#nav ul li a:hover {
background-image:url(/images/white.png);
background-repeat:no-repeat;
color:#00AF4F;
}
#footer {
text-align:right;
}
#footer a{
color:#333333;
text-decoration:none;
}