body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Simple page reset */
	margin:0px;
	padding:0px;
}

body{
	/* Setting default text color, background and a font stack */
	color:#ffffff;
	font-size:13px;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:scroll;
	background-color: #302b23;
	background-image: url(../images/homebg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border: 0;
}

ul{
	margin:0;
	padding:0;
}

ul.container{
	/* The topmost UL */
	width:875px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 75px;
	padding:0;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	/* The main list elements */
	padding:5px 0;
	width:100%;
}

li.button {
margin-top:-10px;
}

li.button a{
	/* The section titles */
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:21px;
	overflow:hidden;
	padding:0;
	position:relative;
	text-indent:-3000px;
	width:875px;
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

/* This span acts as the right part of the section's background */
/*li.button a span{
	
	height:44px;
	position:absolute;
	right:0;
	top:0;
	width:4px;
	display:block;
}*/

/* Setting up different styles for each section color */

li.button a.green{background:url(../images/masthead.gif) top left; color:#436800; height:77px;}
/*li.button a.green span{ background:url(img/green.png) repeat-x top right;}*/

li.button a.orange{background:url(../images/Profile_b.gif) top left; color:#882e02; height:64px;}
/*li.button a.orange span{ background:url(img/orange.png) repeat-x top right;}*/

li.button a.blue{background:url(../images/Portfolio_b.jpg) top left; color:#074384; height:64px;}
/*li.button a.blue span{ background:url(img/blue.png) repeat-x top right;}*/

li.button a.red{background:url(../images/Contact_b.jpg) top left; color:#641603; height:64px;}
/*li.button a.red span{ background:url(img/red.png) repeat-x top right;}*/

/* The hover effects 

li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}*/

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	width:100%;
	height:auto;
	margin:auto;
	overflow:auto;
}

/*.dropdown li{
	
	border-bottom:1px solid #363636;
	color:#ffffff;
	margin:0;
	padding-top:4px;
	padding-bottom:4px;
}*/


/* The styles below are only necessary for the demo page */



.clear{
	clear:both;
}

#main{
	/* The main container */
	margin:15px auto;
	width:875px;
	position:relative;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

p{
	/* The tut info on the bottom of the page */
	padding:10px;
}



/* Masthead area */
#masthead {
width: 875px;
background-image:url(../images/masthead2.gif);
background-repeat:no-repeat;
margin-top: -5px;

}
#masthtext {
padding-top: 10px;
padding-left:10px;

}
/* END MASTHEAD area */




/* PROFILE area */

#profile {
background-image:url(../images/Profile2.gif);
background-repeat:no-repeat;
background-color: #252525;
margin-top:-7px;
height: 510px;
width:870px;
overflow:auto;
}

#profcontent {
padding-top: 10px;
padding-left: 12px;
width: 835px;
}

#profcontent li{
padding:3px 3px 0 3px;
font-size: 12px;

}

#profcontent h1{
padding:10px;
}

#profcontent h2{
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
background-color:#000000;
margin-left:-4px;
margin-right:-4px;
}
#profcode {
	padding: 5px;
	width: 260px;
	border: 1px solid #999999;
	float: left;
	margin-bottom: 10px;
}
#profcode h1{
    margin-top: -5px;
	margin-bottom: 0px;
	margin-left: -5px;
	padding: 2px;
	background-color:#FF0000;
	width: 266px;
	font-size:17px;
}



#profsoft {
	padding: 5px;
	width:260px;
	border: 1px solid #999999;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}
#profsoft h1{
    margin-top: -5px;
	margin-bottom: 0px;
	margin-left: -5px;
	padding: 2px;
	background-color:#FF6600;
	width: 266px;
	font-size:17px;
}



#profskill {
	padding: 5px;
	width: 260px;
	border: 1px solid #999999;
	float:right;
	margin-bottom: 10px;
}
#profskill h1{
    margin-top: -5px;
	margin-bottom: 0px;
	margin-left: -5px;
	padding: 2px;
	background-color:#0066CC;
	width: 266px;
	font-size:17px;
}





#experience {
	clear: both;
	padding: 5px;
	border: 1px solid #999999;
	margin-bottom: 15px;	
}
#experience h1{
    margin-top: -5px;
	margin-bottom: 0px;
	margin-left: -5px;
	margin-right: -5px;
	padding: 2px;
	background-color:#003366;
	width: auto;
	font-size:17px;
}
#experience h2{
	font-size:17px;
}



#education {
	padding-top: 5px;
	border: 1px solid #999999;	
	margin-bottom: 15px;
}
#education li{
    padding-left:5px;
}
#education h1{
    margin-top: -5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 2px;
	background-color:#0066CC;
	width: auto;
	font-size:17px;
}
#education h2{
	font-size:17px;
}



#awards {
	padding-top: 5px;
	border: 1px solid #999999;
	margin-bottom: 15px;	
	
}
#awards li{
    padding-left:5px;
}
#awards h1{
    margin-top: -5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 2px;
	background-color:#FF0000;
	width: auto;
	font-size:17px;
}
#awards h2{
	font-size:17px;
}




#panel {
	padding-top: 5px;
	border: 1px solid #999999;
	margin-bottom: 15px;	
}

#panel li{
    padding-left:5px;
}

#panel h1{
    margin-top: -5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 2px;
	background-color:#00CC00;
	width: auto;
	font-size:17px;
}




#downl {
	padding-top: 5px;
	border: 1px solid #999999;	
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	font-size:10px;
	color:#999999;
	
}
#downl h1{
    margin-top: -5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 2px;
	background-color:#1c1c1c;
	color:#666666;
	width: auto;
	font-size:15px;
}
/* END PROFILE area */



/*  PORTFOLIO AREA  */

#port1 {

height: 285px;
width:770px;
overflow: auto;
margin-top:-4px;
background-image:url(../images/portfolio2.jpg);
background-repeat:no-repeat;
background-color:#302b23;
padding-left: 100px;
}


.img {
  margin:10px 47px 20px 3px;
  height:auto;
  width:300px;
  float:left;
  padding:0px;
  border-width:1px;
  border-style:solid;
  border-color:#999999;
  }
  
  .imgil {
  margin:50px 0px 50px -80px;
  height:auto;
  width:763px;
  float:left;
  padding:0px;
  border-width:1px;
  border-style:solid;
  border-color:#999999;
  }

.img img {
margin:0px;
  }
  
.img a img {
  border:0px;
  margin:0px;
  }
  
.imgil a img {
  border:0px;
    margin:0px;
  }  

/*.img a:hover img {
  border:1px solid #FFFF00;
  }*/
  
.desc {
  }

.desc h1{
  text-align:left;
  font-weight:bold;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  margin: 0px;
  width:autopx;
  padding: 5px;
  color:#ffffff;
  background-color:#000000;
  }



/*  END PORTFOLIO AREA  */



/*  BEGIN CONTACT AREA  */

#contact{
background-image:url(../images/Contact3.jpg);
background-repeat:no-repeat;
background-color: #252525;
margin-top: -7px;
padding-top: 12px;
padding-bottom:10px;
padding-left:110px;

}




#contacttx h1{
    margin-top: 1px;
	margin-bottom: 0px;
	padding: 2px 10px 2px 2px;
	background-color:#00CC00;
	width: 650px;
	border: #999999 solid 1px;
	font-size:20px;
}

#contactform{
width: 650px;
padding: 2px 10px 2px 2px;
margin-left: -5px;
border-right:#999999 solid 1px;
border-left:#999999 solid 1px;
border-bottom:#999999 solid 1px;
}

#contactform table{
margin-top: 11px;
margin-left: 30px;
}

#contactform td{
font-size:11px;
}

#contactform input{
font-size:11px;
font-family:Arial,Helvetica,sans-serif;
}

#contactform textarea{
font-size:11px;
font-family:Arial,Helvetica,sans-serif;
}

#contacttx {
width: 650px;
font-size:122px;
margin-left: -5px;
font-weight:bold;
text-align:left;
}

#contacttx2 {
width: 275px;
font-size:12px;
margin-left: 25px;
margin-right: 30px;
padding-top:5px;
font-weight: normal;
float:left;
color:#FFFFFF;
}

#contacttx2 a{
text-decoration:none;
color:#FFCC66;
}

#contacttx2 a:hover{
text-decoration:underline;
color:#00CCFF;
}



/*  END CONTACT AREA  */


/* Footer area */
#footer {
width: 875px;
height: 205px;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
text-indent: -3000px;
margin-top: -5px;

}
/* END Footer area */