<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>FlashTemplateDesign Free Css Template</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<form id="form1" runat="server">
<body>
<div id="bg">
<div id="main">
<div id="maintop"></div>
<!-- header begins -->
<div id="header">
<div id="buttons">
<ul>
<li class="first"><a href="#" title="">Address</a></li>
<li><a href="#" title="">Items</a></li>
<li><a href="#" title="">Sales</a></li>
<li><a href="#" title="">Planning</a></li>
<li><a href="#" title="">Purchase</a></li>
<li><a href="#" title="">Production</a></li>
<li><a href="#" title="">SubContract</a></li>
<li><a href="#" title="">Stores</a></li>
</ul>
</div>
</div>
<!-- header ends -->
<!-- content begins -->
<div id="content">
<div style="clear: both; height: 8px; width: 835px;"></div>
</div>
<!-- content ends -->
</div>
<!-- footer begins -->
<div id="footer">
<p>Copyright © 2010. 010. <a href="http://www.flashtemplatesdesign.com/" title="Web Design">Web Design</a> by <a href="http://www.flashtemplatesdesign.com/" title="Flash Website Templates">Flash Website Templates</a></p>
<p><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p></div>
<center><span style="width: 100%; font-family: helvetica; font-size: 10px;">Design Downloaded from <a href="http://www.template4all.com/css/" style="font-family: helvetica; color: gray; font-size: 11px;">Free CSS Templates</a> | <a href="http://www.freethemes4all.com" style="font-family: helvetica; color: gray; font-size: 11px;">Free Website Templates</a></span></center>
<!-- footer ends -->
</div>
</body>
</form>
</html>
CSS
/*
Design by FlashTemplatesDesign
http://www.flashtemplatesdesign.com/
Released for free under a Creative Commons Attribution 3.0 License
*/
*
{
border-style: none;
border-color: inherit;
border-width: 0;
margin: 0;
font-family: Tahoma;
}
img
{
border: 0px;
}
a{
color: #1165AA;
text-decoration:none;
}
a:hover{
text-decoration: underline;
color: #000000;
}
body{
font: normal normal normal 8.25pt normal Tahoma;
color: #000000;
background: #70B1D2 url('images/bg.jpg') repeat-x 50% top;
margin-top: 48px;
}
#bg{
background:url(images/bg_img.jpg) center top no-repeat;
}
#maintop{
background: url(images/topresize.png) 0px 0px no-repeat;
width:900px;
height: 9px;
}
#mainbot{
background: url(images/bot.png) no-repeat;
width:900px;
height: 14px;
}
#main{
width: 900px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
}
#header{
width: 900px;
height: 70px;
margin: 0px auto;
background:#FFFFFF;
}
#logo{
text-align: right;
padding-top: 200px;
padding-right: 50px;
height: 45px;
background: url(images/b_img.jpg) 10px 10px no-repeat;
}
#logo a {
text-decoration: none;
font-style: italic;
font-size: 26px;
color: #FFFFFF;
font-weight: bold;
}
#logo H2 a{
font-size: 10px;
}
#buttons{
width: 900px;
height: 46px;
margin-left: 10px ;
background: url(images/NEWMENU1.jpg) left top no-repeat;
text-align:left;
}
#buttons ul {
padding-left: 60px;
margin: 0px;
}
#buttons li {
display: inline;
}
#buttons a {
font-family: Tahoma;
font-size: 12px;
font-weight:Bold;
display: block;
float: left;
width: 80px;
height: 32px;
text-decoration: none;
color: #FFFFFF;
padding-top: 14px;
margin-right: 5px;
text-align: center;
}
#buttons a:hover {
text-decoration: underline;
background: url(images/bg_but.jpg) 0px 2px repeat-x;
}
#content{
width: 899px;
background: #FFFFFF;
font-family:Tahoma;
font-size:8.25pt
}
#left{
width: 523px;
padding: 0px 0px 0px 7px;
margin: 0px;
}
.text{
padding: 10px;
}
#left H1{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:normal;
color: #1165AA;
padding-bottom: 10px;
}
.read{
text-align:right;
padding-right:20px;
}
#right{
float:left;
width: 150px;
background: url(images/right_bg.gif) left repeat-y;
margin-right: 10px;
height: 285px;
}
#right_top {
background:url(images/right_top.gif) top no-repeat;
}
#right_bot {
background: url(images/right_bot.gif) bottom no-repeat;
padding-top: 9px
}
#right ul
{
list-style: none;
padding-left:30px;
margin: 0px;
display:block;
padding-bottom: 30px;
padding-top: 20px;
background:url(images/tit_b.jpg) no-repeat;
}
#right ul li{
padding-bottom: 2px;
}
#archives ul li {
margin-bottom: 5px;
background: url(images/small.gif) no-repeat left;
padding-left: 15px;
}
#right h2 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:normal;
color: #FFFFFF;
text-align:center;
padding-top: 10px;
height: 34px;
background: url(images/tit.jpg) no-repeat;
width: 251px;
margin: 0px 0px 0px 9px;
}
#right li a {
padding-left: 10px;
}
#calendar {
padding: 20px 20px 20px 20px;
background: url(images/tit_b.jpg) left top no-repeat
}
#calendar table {
width: 100%;
text-align: center;
}
#calendar tbody td {
border: 1px solid #F1F1F1;
}
#calendar #prev {
text-align: left;
}
#calendar #next {
text-align: right;
}
#calendar tfoot a {
text-decoration: none;
font-weight: bold;
}
#calendar #now {
background: #696969;
border: 1px solid #ff0000;
font-weight: bold;
color: #FFFFFF;
}
.lo { padding: 20px 20px 15px 20px;
height: 187px;
}
#right H4 {
font-size: 14px;
}
#right p
{
padding: 10px;
padding-left: 20px;
}
#archives {
}
#footer{
height: 37px;
width: 801px;
font-size: 10px;
color: #FFFFFF;
padding-top: 8px;
text-align: center;
clear:both;
margin: 0px auto;
padding-bottom: 15px;
}
#footer a{
color: #FFFFFF;
font-size: 10px;
text-decoration: none;
}
.padding{
padding: 10px;
color:#FF0000;
font-weight: bold;
}
