a {color:#3333ff; text-decoration: underline}
a:hover {color:#3333ff; text-decoration: none}
a.black {color:#000000; text-decoration: underline}
a.black:hover {color:#FFFFFF; background-color: #000000; text-decoration: none}
a.grey {color:#cccccc; text-decoration: none}
a.grey:hover {color:#cccccc; text-decoration: underline}

#header{
	width: 100%;
	height: 294px;
	background-image:url(../images/base/bg_logo.jpg);
	background-repeat:repeat;	
	border: 0 none;
	display: block;
}
#logo{
	width: 719px;
	height: 294px;
	background-image:url(../images/base/logo.jpg);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;
}
#footer{
	width: 100%;
	height: 228px;
	background-image:url(../images/base/bg_footer.jpg);
	background-repeat:repeat;	
	border: 0 none;
	display: block;
	

}
#about{
	width: 100%;
	height: 296px;
	background-image:url(../images/base/bg_about1pixel.jpg);
	background-repeat:repeat;	
	border: 0 none;
	display: block;
}
#aboutmiddle{
	width: 830px;
	height: 296px;
	background-image:url(../images/base/bg_about.jpg);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;
	text-align: left;
}
#abouttext{
	width: 400px;
	color:#000;
	font-size: 14px;
	font-family: Trebuchet MS;
	text-align: left;
	margin: 0 0 0 6px;
	
}
#resumeholder{
	margin: -200px 0 0 0;
}
#resume{
	height: 55px;
	color:#000;
	font-size: 14px;
	font-family: Trebuchet MS;
	text-align:left;
	padding: 0 0 0 70px;
	
}
.resumeimage{
	margin: -15px 0 0 561px;
}
#html{
	background-image:url(../images/base/html.gif);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;	
}
#word{
	background-image:url(../images/base/word.gif);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;	
}
#pdf{
	background-image:url(../images/base/pdf.gif);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;	
}

#contact{
	width: 100%;
	height: 301px;
	background-image:url(../images/base/bg_contact1pixel.jpg);
	background-repeat:repeat;	
	border: 0 none;
	display: block;
}
#contactmiddle{
	width: 830px;
	height: 301px;
	background-image:url(../images/base/bg_contact.jpg);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;
	text-align: left;
}
#contacttext{
	width: 400px;
	color:#000;
	font-size: 14px;
	font-family: Trebuchet MS;
	text-align: left;
	padding: 112px 0 0 6px;	
}
#contactform{
	width: 430px;
	margin: -180px 0 0 340px;

}
#contactleft{
	float: left;
}
#contactright{
	float: right;
}
#message{
	width: 600px;
	float: left;
}

/*-CONTACT PAGE-------------*/

.formtext{
	color:#000;
	font-size: 11px;
	font-family: Trebuchet MS;
	text-align: left;
	padding: 0 0 0 2px;	
}
.formtext2{
	color:#676767;
	font-size: 11px;
	font-family: Trebuchet MS;
	text-align: left;
	padding: 0 0 0 2px;	
}
#submit{
	margin: 7px 0 0 308px;
	width: 200px;
	float: left;
}



.contact-message, textarea.contact-message {
	font-size: 14px;
	color: #000;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	background: transparent url("") no-repeat fixed;
	border-style:solid;
	border-width:1px;	
	border-color: #333;
	margin:1px;	
	padding: 3px 2px;
	voice-family: "\"}\""; 
	height: 70px;
	width: 425px;	
	}
textarea.contact-message:hover {
	cursor: pointer;
	background: transparent url("") no-repeat fixed;
	border-style:solid;
	border-width:1px;	
	border-color: #333;
	
	}
textarea.contact-message:focus {
	cursor: pointer;
	background-color: #000;
	border-style:solid;
	border-width:1px;	
	border-color: #333;
	color: #fff;
	
	}
	
/* --------------------------------- */	
	
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#ff0000;
	border-color: #ff0000;
} 

    
.LV_invalid_field{
	font-size: 14px;
	color: #000;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	border-style:solid;
	border-width:1px;	
	border-color: #ff0000;
	margin:1px;	
	padding: 3px 2px;
	voice-family: "\"}\""; 
	height: 25px;
	width: 200px;
	}
input.LV_invalid_field:hover{
	cursor: pointer;
	border-style:solid;
	border-width:1px;	
	border-color: #ff0000;
	background-image: url(../images/validator-x.gif);
	background-position:right;
	background-repeat: no-repeat;
	color:#fff;
	}
input.LV_invalid_field:focus{
	cursor: pointer;
	background-color: #fff;
	border-style:solid;
	border-width:1px;	
	border-color: #ff0000;
	background-image: url(../images/validator-x.gif);
	background-position:right;
	background-repeat: no-repeat;
	color:#ff0000;
	}
	

.LV_field{
	font-size: 14px;
	color: #000;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	background: transparent url("") no-repeat fixed;
	border-style:solid;
	border-width:1px;	
	border-color: #333;
	margin:1px;	
	padding: 3px 2px;
	voice-family: "\"}\""; 
	height: 25px;
	width: 200px;
}
.LV_field:focus{
	font-size: 14px;
	color: #fff;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	background-color: #000;
	border-style:solid;
	border-width:1px;	
	border-color: #333;
	margin:1px;	
	padding: 3px 2px;
	voice-family: "\"}\""; 
	height: 25px;
	width: 200px;
}

/* --------------------------------- */
.LV_valid_field{
	font-size: 14px;
	color: #000;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	background: transparent url("") no-repeat fixed;
	border-style:solid;
	border-width:1px;	
	border-color: #333;
	margin:1px;	
	padding: 3px 2px;
	voice-family: "\"}\""; 
	height: 25px;
	width: 200px;
	}
input.LV_valid_field:hover{
	cursor: pointer;
	background: transparent url("") no-repeat fixed;
	border-style:solid;
	border-width:1px;	
	border-color: #333;
	color: #fff;
	}
input.LV_valid_field:focus{
	cursor: pointer;
	background-color: #000;
	border-style:solid;
	border-width:1px;	
	border-color: #333;
	color: #fff;
	}
	
/*-END CONTACT PAGE-------------*/

/*-------START WEB IMAGES--------*/
#webone{
	
	width: 687px;
	height: 145px;
	background-image:url(../images/web/work1img.jpg);
	background-repeat:no-repeat;
	
	border: 0 none;
	display: block;
	margin: 28px 0 0 32px;
	position:absolute;

}
#webtwo{
	
	width: 687px;
	height: 145px;
	background-image:url(../images/web/work2.jpg);
	background-repeat:no-repeat;
	
	border: 0 none;
	display: block;
	margin: 28px 0 0 32px;
	position:absolute;

}
#webthree{
	
	width: 687px;
	height: 145px;
	background-image:url(../images/web/work3.jpg);
	background-repeat:no-repeat;
	
	border: 0 none;
	display: block;
	margin: 28px 0 0 32px;
	position:absolute;

}
#webfour{
	
	width: 687px;
	height: 145px;
	background-image:url(../images/web/work4.jpg);
	background-repeat:no-repeat;
	
	border: 0 none;
	display: block;
	margin: 28px 0 0 32px;
	position:absolute;

}
#webfive{
	
	width: 687px;
	height: 145px;
	background-image:url(../images/web/work5.jpg);
	background-repeat:no-repeat;
	
	border: 0 none;
	display: block;
	margin: 28px 0 0 32px;
	position:absolute;

}
#websix{
	
	width: 687px;
	height: 145px;
	background-image:url(../images/web/work6.jpg);
	background-repeat:no-repeat;
	
	border: 0 none;
	display: block;
	margin: 28px 0 0 32px;
	position:absolute;

}
#webseven{
	
	width: 687px;
	height: 145px;
	background-image:url(../images/web/work7.jpg);
	background-repeat:no-repeat;
	
	border: 0 none;
	display: block;
	margin: 28px 0 0 32px;
	position:absolute;

}
#webeight{
	
	width: 687px;
	height: 145px;
	background-image:url(../images/web/work8.jpg);
	background-repeat:no-repeat;
	
	border: 0 none;
	display: block;
	margin: 28px 0 0 32px;
	position:absolute;

}
#webnine{
	
	width: 687px;
	height: 145px;
	background-image:url(../images/web/work9.jpg);
	background-repeat:no-repeat;
	
	border: 0 none;
	display: block;
	margin: 28px 0 0 32px;
	position:absolute;

}
/*--------END WEB IMAGES---------*/

/*--------START CSS WORK---------*/
#nav{
	margin: -123px 0 0 548px;
	height: 47px;
	display: block;
	height: 150px;
}
#nav2{
	margin: -123px 0 0 521px;
	height: 47px;
	display: block;
	height: 150px;
}
#divider{
	width: 687px;
	height: 32px;
	background-image:url(../images/base/work_divider.jpg);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;
	margin: 15px 0 0 62px;
}
#workframe{

	width: 750px;
	height: 200px;
	background-image:url(../images/base/image-holder.jpg);
	background-repeat:no-repeat;	
	border: 0 none;
	margin: 0 0 0 37px;
	display: block;
	

}

.title{
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	font-family: Trebuchet MS;
	text-align: left;
}
.skill{
	color:#CCCCCC;
	font-size: 11px;
	font-weight: bold;
	font-family: Trebuchet MS;
	text-align: left;
}
#detailsleft{
	color: #666666;
	text-align: left;
	width: 300px;
}
#title{
	float: left;
	width: 500px;
}
#tools{
	float:left;
	width: 300px;
	margin: -18px 0 0 35px;
}
#details{
	margin: -22px 0 0 68px;
	color:#a6a6a6;
	font-size: 11px;
	font-family: Trebuchet MS;
	text-align: left;
}
.details{
	color:#a6a6a6;
	font-size: 11px;
	font-family: Trebuchet MS;
}

#container{
	margin: 0 auto;
	position: abosolute;
	width: 825px;
	height: 300px;
	text-align: left;

}
/*--------END CSS WORK---------*/

/*--------START CSS TITLES---------*/
#maintitleholder{
	width: 825px;
	align: left;
	text-align: left;
	position: aboslute;
}
#worktitle{
	width: 87px;
	height: 61px;
	background-image:url(../images/base/works_text.jpg);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;
}
#webtitle{
	width: 818px;
	height: 76px;
	background-image:url(../images/base/web_title.jpg);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;
}
#videotitle{
	width: 818px;
	height: 76px;
	background-image:url(../images/base/video_title.jpg);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;
}
#flashtitle{
	width: 818px;
	height: 76px;
	background-image:url(../images/base/flash_title.jpg);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;
}
#graphicstitle{
	width: 818px;
	height: 76px;
	background-image:url(../images/base/graphics_title.jpg);
	background-repeat:no-repeat;	
	border: 0 none;
	display: block;
}
/*--------END CSS TITLES-----------*/


body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.welcomeheader {
	font-size: 14px;
	font-family: Trebuchet MS;
}
.maintext {
	font-size: 12px;
	font-family: Trebuchet MS;
}
.large {
	font-size: 16px;
	font-family: Trebuchet MS;
}
.worktitle {
	font-size: 14px;
	color: #FFFF00;
	font-family: Trebuchet MS;
	font-weight: bold;
}
.workdetails {
	font-size: 11px;
	color: #b3b3b3;
	font-family: Trebuchet MS;
}
.workdate {
	font-size: 12px;
	color: #939393;
	font-family: Trebuchet MS;
	font-weight: bold;
}
.footer {
	font-size: 12px;
	color: #cccccc;
	font-family: Trebuchet MS;
}
.contactyellow {
	font-size: 11px;
	color: #ffff00;
	font-family: Trebuchet MS;
}
.contactgrey {
	font-size: 11px;
	color: #666666;
	font-family: Trebuchet MS;
}
.contactwhite {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Trebuchet MS;
}

.inputfield {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Trebuchet MS;	
	border-style:solid;
	border-width:0px;	
	margin:1px;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 2px;
	background: transparent url("../images/inputfield.jpg") no-repeat fixed;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:122px;
	
}
.dropdown {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Trebuchet MS;	
	border-style:solid;
	border-width:0px;	
	margin:1px;
	height:20px;
	border:solid 1 #fff;
	padding: 3px 0px;
	background: transparent url("../images/inputfield.jpg") no-repeat fixed;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:130px;
	
}



<!--
  
fieldset>input.textfield {
background: transparent url("../images/inputfield.jpg") no-repeat;
}
textarea {
font-family: Trebuchet MS;
color: #FFFFFF;
font-size: 11px;
margin:3px;
height:90px;
border:solid 0 #fff;
padding: 0 2px;
background: transparent url("") no-repeat fixed;
width:327px;
voice-family: "\"}\""; 
voice-family:inherit;
}
fieldset>textarea {
background: transparent url("../images/works_text.jpg") no-repeat;
}
-->

a.srollover {
	display: block;
	width: 82px;
	height: 25px;
	background: url("../images/viewproject.jpg") 0 0 no-repeat; 
	text-decoration: none;
}


a:hover.srollover {
	background-position: 0 -25px;
}