@charset "UTF-8";

/* CSS Document */

/* main styles */

body {background-color: #000; overflow-y: hidden;}
p, h1, h2, h3, h4, h5, h6, li, td {color: #fff; font-family: Arial, Helvetica, sans-serif;}
p {font-size: 14px; line-height: 1.1em;}
a {color: #727272;}
img {border: none; outline: none; margin: 0px; /* For IE */}

/* frame */
.holder {background-color: #000; background-image: url(images/bgslice.gif); background-repeat: repeat-x; border-collapse: collapse;}

/* sections */
.mainframe {width: 950px; height: 624px; margin: 0px auto;}
.logo {background-image:url(images/header_btn.gif) width: 379px; height: 76px; float: left;}
a#logo {background-image:url(images/header_btn.gif); width: 379px; height: 76px; float: left; display: block;}
a#logo:hover {background-image:url(images/header_btn.gif); width: 379px; height: 76px; float: left; display: block;}
.menu {background-image: url(images/dlfmenu.gif); width: 950px; height: 76px; float: left;}
/* main content window */
.main {background-image: url(images/main.gif); width: 950px; height: 624px; float: left; border: 1px solid #555;}
.footer {width: 950px; height: 20px; margin: 0px; padding-top: 1px; margin: 25px;}
.footer p {font-size: 12px; text-align: center;}


/* menu buttons */
#projectsbtn {background-image:url(images/projects_btn.gif); width: 129px; height: 76px; float: left;}
#projectsbtn a{display:block; width:129px; height:76px; background-image:url(images/projects_btn.gif); float:left;}
#projectsbtn a:hover{width:129px; height:76px; background-image:url(images/projects_btnRO.gif); float:left;}

#blogbtn {background-image:url(images/blog_btn.gif); width: 74px; height: 76px; float: left;}
#blogbtn a{display:block; width:74px; height:76px; background-image:url(images/blog_btn.gif); float:left;}
#blogbtn a:hover{width:74px; height:76px; background-image:url(images/blog_btnRO.gif); float:left;}

#aboutbtn {background-image:url(images/about_btn.gif); width: 87px; height: 76px; float: left;}
#aboutbtn a{display:block; width:87px; height:76px; background-image:url(images/about_btn.gif); float:left;}
#aboutbtn a:hover{width:87px; height:76px; background-image:url(images/about_btnRO.gif); float:left;}

#dlmbtn {background-image:url(images/dlm_btn.gif); width: 255px; height: 76px; float: left;}
#dlmbtn a{display:block; width:255px; height:76px; background-image:url(images/dlm_btn.gif); float:left;}
#dlmbtn a:hover{width:255px; height:76px; background-image:url(images/dlm_btnRO.gif); float:left;}

#headerbtn {background-image:url(images/header_btn.gif); width: 379px; height: 76px; float: left;}
#headerbtn a{display:block; width:379px; height:76px; background-image:url(images/header_btn.gif); float:left;}
#headerbtn a:hover{width:379px; height:76px; background-image:url(images/dlm_btnRO.gif) float:left;}


/* content windows */
.feedbox {width:950px; height:550px; float:left; margin:5px;}
.contentbox1 {width:250px; height:500px; float:left; margin:20px 0px 20px 20px;}
.contentbox2 {width:500px; height:300px; float:left; margin:20px 0px 20px 60px;}
.contentbox3 {width:900px; height:300px; float:left; margin:20px 2px 20px 20px;}