@charset "utf-8";
/* ejbtuppil@yahoo.com / Edward Julio B. Tuppil */

body {margin:0px; background:url(images/bg.jpg) repeat-x scroll;}

#bgframe {width:1000px; margin:0 auto;}
#mainframe {width:1000px; height:auto; margin:0 auto; background:url(images/bgframe.jpg) no-repeat}

#nav {width:800px; height:55px; margin:0 auto;}
 
 #head {width:800px; height:120px; margin:0 auto; background:url(images/header.jpg);}
 #headL {width:300px; height:auto; float:left}
 #headR {width:500px; height:auto; float:right}

 
#face {width:800px; height:60px; margin:0 auto; background:url(images/titlebar.jpg) no-repeat;}
 #faceL {width:500px; height:auto; float:left}
 #faceR {width:300px; height:auto; float:right}


#content {width:800px; height:auto; margin:0 auto; background:url(images/bbg.jpg)}
 #contentL {width:500px; height:auto; float:left}
 #contentR {width:300px; height:auto; float:right}

 
#foot {width:800px; height:60px; margin:0 auto; background:url(images/footer.jpg) no-repeat}
 #footL {width:300px; height:auto; float:left}
 #footR {width:500px; height:auto; float:right}

.v1l        {font-family:Verdana; font-size:11px; color:#ccc;}
.v1l a      {font-family:Verdana; font-size:11px; color:#ccc;}
.v1l a:hover{font-family:Verdana; font-size:11px; color:#999;}

.v1d        {font-family:Verdana; font-size:11px; color:#333;}
.v1d a      {font-family:Verdana; font-size:11px; color:#333;}
.v1d a:hover{font-family:Verdana; font-size:11px; color:#666;}

.v2l        {font-family:Verdana; font-size:12px; color:#ccc;}
.v2l a      {font-family:Verdana; font-size:12px; color:#ccc;}
.v2l a:hover{font-family:Verdana; font-size:12px; color:#999;}

.v2d        {font-family:Verdana; font-size:12px; color:#333;}
.v2d a      {font-family:Verdana; font-size:12px; color:#333;}
.v2d a:hover{font-family:Verdana; font-size:12px; color:#666;}
.v2b        {font-family:Verdana; font-size:12px; color:#275590;}
.v2b a      {font-family:Verdana; font-size:12px; color:#275590;}
.v2b a:hover{font-family:Verdana; font-size:12px; color:#275590;}
 
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:8px;}

h1, h2, h3, h4, h5, h6 { font-family:Tahoma; margin:0px; display:inline; color:#275590}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#275590; text-decoration:none}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#535353;}

.j {text-align:justify}
.c {text-align:center}
.l {text-align:left}
.r {text-align:right}

.wa {padding:15px;}
.wd {padding-bottom:10px;}
.wr {padding-right:10px;}
.wl {padding-left:10px;}
.wu {padding-top:10px;}
.ws {padding:0px 15px 0px 15px;}
.wsl {padding:0px 20px 0px 20px;}

.gal a img {padding:2px; height:50px; width:75px; background:url(images/g1.jpg)}
.gal a:hover img {padding:2px; height:50px; width:75px; background:url(images/g2.jpg)}
.gal img {padding:2px; height:50px; width:75px;}

.proj img, .proj a img {padding:4px; width:130px; height:auto; background:url(images/g1.jpg)}
.proj a:hover img {padding:4px; width:130px; height:auto; background:url(images/g2.jpg)}

img {border:0px;}
a img {border:0px;}
a {border:0px;}

.clr {clear:both; font-size:0px; height:0px; line-height:0px;}
.nav a img{float:left;}
.nav img{float:left;}