html {
background-image:url(i/back.jpg);
}
body {
width:901px;
margin:0 auto;
margin-top:22px;
margin-bottom:10px;
}
#header {
background-image:url(i/header.jpg);
width:901px;
height:102px;
}
#content {
width:901px;
background-image:url(i/conb.jpg);
}
#buffer {
padding-left:15px;
padding-right:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:12px;
}
#buffer img {
padding-left:0px;
}
#footer {
width:901px;
height:270px;
background-image:url(i/footer2.jpg);
}
#nav {
width:901px;
height:33px;
background-image:url(i/nav.jpg);
}
#content h1, #footer h1 {
color:#990000;
padding:0px;
margin:0px;
font-size:22px;
}
#content p, #footer p {
color:black;
padding:0px;
margin:0px;
}
#front {
display:;
list-style-type:none;
}
a {
color:#990000;
text-decoration:none;
}
a:hover {
color:#591E1E;
}
a img {
border:none;
}
input {
padding: 0px;
border: 1px solid #BCD9E7;
height:40px;
font-size:30px;
padding-left:10px;
font-weight:bold;
width:410px;  
}
INPUT#name  { background-image:url(i/name.jpg); }
INPUT#email  { background-image:url(i/email.jpg); }
INPUT#subject  { background-image:url(i/subject.jpg); }
textarea {
padding: 0px;
border: 1px solid #BCD9E7;
height:120px;
width:410px;
font-size:18px;
padding-left:10px;
font-weight:bold;
background-image:url(i/message.jpg);
}
#submit {
padding:0px;
margin:0px;
width:420px;
}
#image {
height:288px;
width:370px;
background-image:url(i/image.jpg);
padding:10px;
overflow:hidden;
background-repeat:no-repeat;
}

.floatleft {
float:left;
}
.floatright {
float:right;
}

#clear {
clear:both;
}

#project {

}
#alert {
position:absolute;
height:17px;
top:0px;
left:0px;
text-align:center;
width:100%;
font-size:12px;
font-weight:bold;
background-image:url(i/alert.jpg);
background-repeat: repeat-x;
line-height:17px;
border-bottom:2px solid gray;
}

#somepadding {
 padding:5px;
}
#left {
width:390px;
float:left;
}

ul#front {
line-height:16px;
}

ul#nav1 {
	position: relative;
	top: 0px;
	left: 190px;
	width: 504px;
	margin: 0;
	height: 22px;
	list-style-type: none;
	overflow: hidden;
}


body#home ul#nav1  { background: transparent url(i/nav_f_2.png) no-repeat 0 0; }
body#portfolio ul#nav1 { background: transparent url(i/nav_f_22.png) no-repeat 0 -22px; }
body#coding ul#nav1  { background: transparent url(i/nav_f_22.png) no-repeat 0 -44px; }
body#pricing ul#nav1  { background: transparent url(i/nav_f_22.png) no-repeat 0 -66px; }
body#aboutme ul#nav1  { background: transparent url(i/nav_f_22.png) no-repeat 0 -88px; }
body#contact ul#nav1  { background: transparent url(i/nav_f_22.png) no-repeat 0 -110px; }

ul#nav1 li a {
	position: absolute;
	top: 0;
	width: 84px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:22px; /* IE5/Win */
	background: transparent url(i/nav_f_22.png) no-repeat;
}

body#home li#wel a 			{ background-position: 0 0; width: 84px; left: 0; }
body#home li#wel a:hover		{ background-position: 0 0; }
body#home li#pro a 			{ background-position: -84px -132px; left: 84px; }
body#home li#pro a:hover		{ background-position: -84px 0px; }
body#home li#cod a 			{ background-position: -168px -132px; left: 168px; }
body#home li#cod a:hover		{ background-position: -168px 0; }
body#home li#pri a 			{ background-position: -252px -132px; left: 252px; }
body#home li#pri a:hover		{ background-position: -252px 0; }
body#home li#abo a 			{ background-position: -336px -132px; left: 336px; }
body#home li#abo a:hover		{ background-position: -336px 0; }
body#home li#con a 			{ background-position: -440px -132px; left: 440px; }
body#home li#con a:hover		{ background-position: -440px 0; }

body#portfolio li#wel a 			{ background-position: 0 -132px; width: 84px; left: 0; }
body#portfolio li#wel a:hover		{ background-position: 0 -22px; }
body#portfolio li#pro a 			{ background-position: -84px -22px; left: 84px; }
body#portfolio li#pro a:hover		{ background-position: -84px -22px; }
body#portfolio li#cod a 			{ background-position: -168px -132px; left: 168px; }
body#portfolio li#cod a:hover		{ background-position: -168px 0; }
body#portfolio li#pri a 			{ background-position: -252px -132px; left: 252px; }
body#portfolio li#pri a:hover		{ background-position: -252px 0; }
body#portfolio li#abo a 			{ background-position: -336px -132px; left: 336px; }
body#portfolio li#abo a:hover		{ background-position: -336px 0; }
body#portfolio li#con a 			{ background-position: -420px -132px; left: 420px; }
body#portfolio li#con a:hover		{ background-position: -420px 0; }

body#coding li#wel a 			{ background-position: 0 -132px; width: 84px; left: 0; }
body#coding li#wel a:hover		{ background-position: 0 -44px; }
body#coding li#pro a 			{ background-position: -84px -132px; left: 84px; }
body#coding li#pro a:hover		{ background-position: -84px -44px; }
body#coding li#cod a 			{ background-position: -168px -44px; left: 168px; }
body#coding li#cod a:hover		{ background-position: -168px -44px; }
body#coding li#pri a 			{ background-position: -252px -132px; left: 252px; }
body#coding li#pri a:hover		{ background-position: -252px 0; }
body#coding li#abo a 			{ background-position: -336px -132px; left: 336px; }
body#coding li#abo a:hover		{ background-position: -336px 0; }
body#coding li#con a 			{ background-position: -420px -132px; left: 420px; }
body#coding li#con a:hover		{ background-position: -420px 0; }

body#pricing li#wel a 			{ background-position: 0 -132px; width: 84px; left: 0; }
body#pricing li#wel a:hover		{ background-position: 0 -66px; }
body#pricing li#pro a 			{ background-position: -84px -132px; left: 84px; }
body#pricing li#pro a:hover		{ background-position: -84px -66px; }
body#pricing li#cod a 			{ background-position: -168px -132px; left: 168px; }
body#pricing li#cod a:hover		{ background-position: -168px 0; }
body#pricing li#pri a 			{ background-position: -252px -66px; left: 252px; }
body#pricing li#pri a:hover		{ background-position: -252px -66px; }
body#pricing li#abo a 			{ background-position: -336px -132px; left: 336px; }
body#pricing li#abo a:hover		{ background-position: -336px 0; }
body#pricing li#con a 			{ background-position: -420px -132px; left: 420px; }
body#pricing li#con a:hover		{ background-position: -420px 0; }

body#aboutme li#wel a 			{ background-position: 0 -132px; width: 84px; left: 0; }
body#aboutme li#wel a:hover		{ background-position: 0 -88px; }
body#aboutme li#pro a 			{ background-position: -84px -132px; left: 84px; }
body#aboutme li#pro a:hover		{ background-position: -84px -88px; }
body#aboutme li#cod a 			{ background-position: -168px -132px; left: 168px; }
body#aboutme li#cod a:hover		{ background-position: -168px 0; }
body#aboutme li#pri a 			{ background-position: -252px -132px; left: 252px; }
body#aboutme li#pri a:hover		{ background-position: -252px 0; }
body#aboutme li#abo a 			{ background-position: -336px -88px; left: 336px; }
body#aboutme li#abo a:hover		{ background-position: -336px -88px; }
body#aboutme li#con a 			{ background-position: -420px -132px; left: 420px; }
body#aboutme li#con a:hover		{ background-position: -420px 0; }

body#contact li#wel a 			{ background-position: 0 -132px; width: 84px; left: 0; }
body#contact li#wel a:hover		{ background-position: 0 -110px; }
body#contact li#pro a 			{ background-position: -84px -132px; left: 84px; }
body#contact li#pro a:hover		{ background-position: -84px -110px; }
body#contact li#cod a 			{ background-position: -168px -132px; left: 168px; }
body#contact li#cod a:hover		{ background-position: -168px 0; }
body#contact li#pri a 			{ background-position: -252px -132px; left: 252px; }
body#contact li#pri a:hover		{ background-position: -252px 0; }
body#contact li#abo a 			{ background-position: -336px -132px; left: 336px; }
body#contact li#abo a:hover		{ background-position: -336px 0; }
body#contact li#con a 			{ background-position: -420px -110px; left: 420px; }
body#contact li#con a:hover		{ background-position: -420px -110px; }