*{margin:0;padding:0;}
img{border:none;}
li {list-style-type:none;display:inline;}
object{border:none;outline:none;}
h1 span, h3 span, h4 span{display:none;}
h2 span{visibility:hidden;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.none{display:none;}
.auto{margin:0px auto;}
.underline{text-decoration:underline;}
.hidden{visibility:hidden;}



/**************************************slapshot*/

.hotspot {
	color:#03ecfc; 
	padding-bottom:2px; 
	border-bottom:1px dotted #03ecfc; 
	cursor:pointer;
	}
#tt {
	position:absolute; 
	display:block; 
	background: url("images/tt_left.gif") top left no-repeat;
	}
#tttop {
	display:block; 
	height:5px; 
	margin-left:5px; 
	background: url("images/tt_top.gif") top right no-repeat; 
	overflow:hidden;
	}
#ttcont{
	display:block; 
	padding:2px 12px 3px 7px; 
	margin-left:5px; 
	background:#000; 
	color:#03ecfc;
	}
#ttbot {
	display:block; 
	height:5px; 
	margin-left:5px; 
	background: url("../images/tt_bottom.gif") top right no-repeat; 
	overflow:hidden;
}

/**************************************shelf*/

#shelf {
	height: 0px;
	margin: 0;
	padding: 5px;
	overflow: hidden; 
}
#shelf_contents {
	padding: 0;
	width: 60%;
}
	
/**************************************MAIN PAGE*/	

body{
	color:#fff;
	margin: 0;
	padding: 0;
	font-family: Verdana;
	background: #111015 url("img/outer.jpg") center top no-repeat;
	font-size:11px;
	background-attachment: fixed;
}
p{
	text-align:justify;
	padding:5px 0;
}
a{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
h3{
	font-size:14px;
	color:#03ecfc;
	padding:5px 0 5px 50px;
	text-align:left;
	text-indent:0px;
}
h4{
	font-size:11px;
	padding:5px 0 5px 50px;
	text-align:left;
	text-indent:0px;
	font-family:Verdana;
}
#page{
	width:600px;
	margin:0px auto;
}
.top_change{
	font-family:Tahoma;
	font-weight:bold;
	padding:10px 0 0 5px;
	font-size:11px;
}
#logo{
	padding:20px 0 0 20px;
	width:160px;
	float:left;
}
#logo h1{
	width:180px;
	height:50px;	
	background: url("img/aloha.png") left top no-repeat;
}
.content{
	float:left;
	clear:both;
}
.top{text-align:center;}


a:hover, .top a:hover, .content h4 a:hover, .mail a:hover, .skype a:hover{color:#03ecfc;}


.style_change{
	font-weight:bold;
	padding:20px 0 0 10px;
}
.style_change div{height:20px;}

/********************************************************menu**/

.menu{
	width:370px;
	float:right;
	padding:20px 0 10px 0px;
}
.menu ul{
    position: relative;
    height: 26px;
    margin: 10px auto 0 auto;
    overflow: hidden;
    text-align:center;
 }
.menu ul li {
    float: right;
    list-style: none;
    background:#000;
    margin:0px 0px 0 10px;
    padding:0;
}
.menu ul li.back {
     background-color: #c9226f;
     width: 9px;
     height: 26px;
     z-index: 8;
     position: absolute;
     text-align:center;
     margin:0;
 }
.menu ul li a {
 	font-size:11px;
 	font-family:Myiriad Pro, Verdana;
    color: #fff;
    text-align: center;
	top:7px;
    z-index: 10;
    display: block;
    float: left;
    height: 26px;
    position: relative;
    overflow: hidden;
    margin: auto 7px;
}

/******************************************************headers**/

h3#aboutme, h3#welcome, h3#mywork, h3#contactme, h3#newprojects{
	display:block;
	height:35px;
	width:330px;
	margin:5px 0 0 30px;
}
h3#aboutme{
	background: url("img/aboutme.png") left top no-repeat;
}
h3#welcome{
	background: url("img/welcome.png") left top no-repeat;
}
h3#newprojects{
	background: url("img/newprojects.png") left top no-repeat;
}
h3#mywork{
	background: url("img/mywork.png") left top no-repeat;
}
h3#contactme{
	background: url("img/contactme.png") left top no-repeat;
}
#name, #skills, #location, #basics{
	display:block;
	float:left;
	width:50px;
	height:13px;
}
#name{
	background: url("img/name.png") left 2px no-repeat;
}
#skills{
	background: url("img/skills.png") left top no-repeat;
}
#location{
	width:70px;
	background: url("img/location.png") left top no-repeat;
}
#basics{
	background: url("img/basics.png") left top no-repeat;
}
.arrow{
	background: url("img/arrow.png") left 5px no-repeat;
	padding-left:35px;
}
 .section-1, .section-2, .section-3, .section-4, .section-5{
 	padding:20px 0;
	width:610px;
 	background: url("img/black.png") left top repeat;
}  	
 .section-5{padding:10px 0 5px 0;} 
    	
/*******************************HOME section-1**/

.section-1{
	margin:20px 0 40px 0;
	}
.section-1 p{
	padding:5px 50px;
}
.section-1 h4{
	padding:5px 0 5px 50px;
}
.section-1 a, .section-1 h4{color:#03ecfc;}
 
.section-1 ul{
	padding:0px 0 0 50px;
} 
.section-1 ul li{
	display:block;
	padding:5px 0 5px 20px;
}

/*******************************ABOUT section-2**/

.section-2{
	margin:40px 0;
	display:block;
	min-height:200px;
	height:200px;
	height:auto;
}
.about_text{float:left;
	width:340px;
	padding:0 0 0 20px;
}
.about_text span{
	color:#21989f;
	font-weight:bold;
	padding:2px;
}
.about_text div{margin:5px 0}

.section-2 img{
	margin:5px 0 0 0px;
	border:1px solid #000;
}
.about_image{
	background:url("img/denitsa.jpg") 0px top no-repeat;
	width:120px;
	height:106px;
	display:block;
	margin:5px 0 0 30px;
	border:1px solid #474847;
	float:left;
}

/*******************************GALLERY section-3**/

.section-3{
	margin:40px 0 40px 0;
}
.section-3 h4{color:#11ecfb;}
.work_desc{
	padding:10px 20px;
}
.work_desc a{color:#11ecfb;}
.work_desc a:hover{color:#f268a8;}
#gallery, #gallery2{
	padding: 10px;
	width: 575px;
	margin:0px auto;
}
#gallery ul img, #gallery2 ul img  {
	margin:2px;
	border: 8px solid #fff;
	border-width: 8px 8px 8px;
}
#gallery ul a:hover img, #gallery2 ul a:hover img{
	border: 8px solid #21989f;
	border-width: 8px 8px 8px;
	color:#03ecfc;
}
.ugs{color:#03ecfc;}

/*******************************CONTACT section-5**/

.section-4{
	padding:10px 0 10px 40px;
	margin:40px 0;
	width:570px;
}
.mail{
	margin:10px 0 0 10px;
	background: url("img/mail.png") left top no-repeat;
	display:block;
	height:25px;
}
.mail a{
	padding-left:25px;
	font-weight:bold;
	color:#c9226f;
	}
.skype{margin-left:10px;}

.section-5 p{
	text-align:center;
}
a#css, a#xhtml {font-size:10px;}