
/* CSS Document www.markcapitulov.com */

	* { margin: 0;  padding: 0; }

	body	{	background:black  url(http://www.markcapitulov.com/images/bg05.jpg) scroll ;
			background-repeat: repeat-y; 
			background-position: top right;
			color:#333333; 
			font-size: 12px;
			font-family: Sans-serif,  Arial, Verdana, Helvetica; 			
		}

	#flashcontent {	height: 100%; }

	#content   {	margin-left: 140px; margin-right: 140px;  }

	h1	{	color:#333333; font-size: 17px;}
	h2 	{	color:#333333; font-size: 16px;}
	h3	{	color:#333333; font-size: 14px;}
	h4	{	color:#333333; font-size: 12px;}
	p	{  	color:#333333; font-size: 12px;}

	a	{ 	text-decoration: none;} 		
	a:link	{	color: #333333;  }  /* unvisited link */
	a:visited	{	color: #333333}  /* visited link */
	a:hover	{	color: #FFFFFF}    /* mouse over link */
	a:active	{	color: #333333}   /* selected link */

	.thumbs 	{   	border: 1px solid gray; margin: 20px; }
	.thumb 	{   	margin: 20px; }

	#nax	{	color:#333333; cursor:text; }

/***********************************'  Header Menu  ****************/

	#header_menu{	
			background-image: url(http://www.markcapitulov.com/images/slice1.jpg);
			background-repeat: repeat-x;
			text-align: right;
			padding-right: 10px;
			padding-top: 1px;
			padding-bottom: 1px;
		}


	.navlist li	{	
			list-style-type: none;
			padding-right: 10px;
			font-size: 1.1em;
		}


	.blue_button
		{	background-image: url(http://www.markcapitulov.com/images/blue_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}

	.blue1_button
		{	background-image: url(http://www.markcapitulov.com/images/blue1_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}


	.blue2_button
		{	background-image: url(http://www.markcapitulov.com/images/blue2_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}

	.blue3_button
	 	{	background-image: url(http://www.markcapitulov.com/images/blue3_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}


	.blue4_button
		{	background-image: url(http://www.markcapitulov.com/images/blue4_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}


	.blue5_button
		{	background-image: url(http://www.markcapitulov.com/images/blue5_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}


	.blue6_button
		{	background-image: url(http://www.markcapitulov.com/images/blue6_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}


	.blue7_button
		{	background-image: url(http://www.markcapitulov.com/images/blue7_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}


	.blue8_button
		{	background-image: url(http://www.markcapitulov.com/images/blue8_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}


	.blue9_button
		{	background-image: url(http://www.markcapitulov.com/images/blue9_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}


	.blue10_button
		{	background-image: url(http://www.markcapitulov.com/images/blue10_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}


	.blue11_button
		{	background-image: url(http://www.markcapitulov.com/images/blue11_button.gif);
			background-repeat: repeat-no;
			width:  290px;
			text-align: center;			
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 1.3em;
			font-weight: bold;
		}


	#nav	
		{	
			background: url(http://www.markcapitulov.com/images/slice.jpg) repeat-x;
			width:100%;
			height:70px;
		}

	#navigation
		{
			margin-left:28.5%;
		}


	#navigation li
		{
			float:left;
			display:block;
		}

	#navigation li a
		{
			background-image:url(http://www.markcapitulov.com/images/sprite.jpg);
			display: block;
			outline: none;
			position: relative;
			height: 70px;
			text-decoration: none;
			width: auto;
		}

	
	#navigation .home 
		{
			background-position:0px -2px;
			width:102px;
			height:70px;
		}
	
	#navigation .services 
		{
			background-position:-102px -2px;
			width:110px;
			height:70px;
		}
	
	#navigation .portfolio 
		{
			background-position:-212px -2px;
			width:108px;
			height:70px;
		}
	
	#navigation .about 
		{
			background-position:-320px -2px;
			width:102px;
			height:70px;
		}
	
	#navigation .contact 
		{
			background-position:-422px -2px;
			width:103px;
			height:70px;
		}
	
	
	#navigation a .hover
		{
			background: transparent  url(http://www.markcapitulov.com/images/sprite.jpg) no-repeat;
			display:block ;
			opacity: 0;
			position: relative;
			top: 0;
			left: 0;
			height: 70px;
			width: 100%;
		}
	

	#navigation .home .hover 
		{
			background-position: -0px -73px;
		}

	#navigation .services .hover
		{
			background-position: -102px -73px;
		}

	#navigation .portfolio .hover
		{
			background-position: -212px -73px;
		}

	#navigation .about .hover
		{
			background-position: -320px -73px;
		}

	#navigation .contact .hover
		{
			background-position: -422px -73px;
		}


/***********************************'  BUTTON  TELEPHONE****************************************/

	#na 	{ 	align: center;   }

	#na  a	{	background-image:url(http://www.markcapitulov.com/images/Aqua01.gif); align: center;  
			display: block;
			outline: none;
			position: center;
			height: 96px;
			text-decoration: none;
			width: 302px;
		}

	#na a .hover{	background: transparent  url(http://www.markcapitulov.com/images/Aqua01.gif) no-repeat;
			display:block ;
			opacity: 0;
			position: center;
			top: 0;
			left: 0;
			height: 96px;
			width: 302px;
		}

	#na .home1	   { background-position: -0px     -95px;}

	#na .home1 .hover       { background-position:0px -2px; width:302px; height:96px; }




/***********************************'  FOOTER  ****************************************/

	#footer 	{ 	position:  margin-bottom: 0px; left: 0px;
			background-image: url(http://www.markcapitulov.com/images/slice.jpg);
			background-repeat: repeat-x;
			width:  100%;
			text-align: center;
			font-size: 10px;
			padding-top:    28px;
			padding-bottom: 28px;
			color:#000000; 
		}

