* {
	margin: 0; 
	padding: 0; 
	border: none; 
	outline:none;
}

body {
    background-color: #333;
    color: #ccc;
    font-family: Arial;
    font-size: 12px; 
    line-height: 14px;
}

#all {
	position: relative;
	height: 100%;
	width: 1269px;
	margin: 0;
	background-color: #333;
} 


p {
    margin-top: 10px;
}

.extra-margin {
    margin-top: 13px; 
    margin-bottom: 31px;    
}

ul {
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

li {
    margin-bottom: 2px;
    line-height: 14px;
}

li a {
	padding: 0px 0px 0px 16px;
    color: #ccc;
	background-image: url('../img/list_style.gif');
	background-repeat: no-repeat;
    text-decoration: none;
}

li a:hover {
	padding: 0px 0px 0px 16px;
    color: #fff;
    background-image: url('../img/list_style_over.gif');
	background-repeat: no-repeat;
	text-decoration: none;
}

.li-active {
	padding: 0px 0px 0px 8px;
    background: url('../img/list_style_active.gif') no-repeat;    
}

#left {
	float: left;
	width: 465px;
    height: 100%;
	padding-left: 35px;
	text-align: left;
	font-family: Arial;
	color: #ccc;
	font-size: 12px;
	line-height: 12pt;
}

#right {
    width: 749px;
    height: 100%;
    float: left;
	margin: 0;
	padding: 0;
}

.swf {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
}

.contact {
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
	overflow: hidden;
 }

.navigation {
    margin-top: 73px;
	font-family: Arial;
	color: #ccc;
	font-size: 12px;
	text-align: left;
}

.active {
    color: #99ffff;   
    padding-left: 8px;    
}

.linest {
	margin: 11px 0px 8px 0px;    
}

/* about classes */

.about {
    width: 450px;   
    margin-left: 0px;
}

.hello {
	margin-top: 26px;
	padding: 0;
	line-height: 14px;
}

.life {
	margin-top: 27px;	
	line-height: 14px;	
}

.skills {
	margin-top: 27px;		
	line-height: 14px;	
}

.firstabout {
	color: #99ffff;
	text-transform: uppercase;
	font-size: 15px;
}

.secondabout {
	color: #99ffff;
	font-size: 15px;
	text-decoration: none;
}

/* end about classes */

/* projects classes */

.projects-list {
    width: 460px;
    margin: 0;
    padding-top: 18px; 
	line-height: 14px;	
}

.yello {
    color: #ffff99;
    text-transform: uppercase;
    font-size: 15px;
    font-style: normal;
}

.turq {
    color: #99ffcc;
    text-transform: uppercase;
    font-size: 15px;
    font-style: normal;
}

.pink {
    color: #ff99ff;
    text-transform: uppercase;
    font-size: 15px;
    font-style: normal;
}

.backforward {
    width: 450px;
    height: 15px;
    color: #666;
    margin-left: 0px;    
}

a.back {
    float: left;  
    color: #666;
	text-decoration: none;    
}

a.forward {
    float: right; 
    color: #666;
	text-decoration: none;
}

a:hover.back {
    float: left;  
    color: #7d7d7d;    
	text-decoration: none;
}

a:hover.forward {
    float: right; 
    color: #7d7d7d;
	text-decoration: none;
}

a.projectsbacklink {
    color: #99ffff;   
    padding-left: 8px;
	background-image: none;	
}

a:hover.projectsbacklink {
	color: #c2fefe;   
	padding-left: 8px;
	background-image: none;	
}

.project-headline {
    width: 452px;
    margin: 29px 0px 25px 0px;
    color: #ffff99;
    text-transform: uppercase;
    font-size: 15px;
    font-style: normal;    
}

.project-image {
    width: 450px;
	height: auto;
	border: 0;
	padding: 0;
    margin: 0; 
}

.second {
	margin-top: 11px;
}

.project-description {
    width: 452px;
    font-size: 11px;    
    color: #cccccc;
    margin-top: 15px;
	padding-bottom: 15px;
}

a.bottomspace {
    float: left;  
    color: #666;
	text-decoration: none;
	margin-bottom: 15px;	
}

a:hover.bottomspace {
	float: left;  
    color: #7d7d7d;    
	text-decoration: none;
	margin-bottom: 15px;
}

/* end projects classes */

/* link classes */

.linklist {
    width: 452px;
    height: auto;  
    margin-top: 26px;
	line-height: 14px;	
}

.link-category {
    text-transform: uppercase;
    font-size: 15px;
    font-style: normal;
    color: #99ffff;    
}

a.linking {
    color: #ccc;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

a:hover.linking {
    color: #fff;
    text-decoration: none;  
    padding: 0;
    margin: 0;
}