@charset "utf-8";
/* CSS Document */


html,body{
 font-family: 'Dosis';
	width:100%;
	height:100%;
	margin:0px auto;
	background:#fff;
}

.heading{
margin-top:15%;
}

.heading_in{
margin-top:1%;
}

.navigation{
	margin:35px 0 4px 0px;
	padding:0px;
}
.navigation li{
	color:#333333;
	display:inline;
	font-size:25px;
	text-align:center;
	text-decoration:none;
	margin:0px 5px;
}


.navigation li a{
	color:#333333;
	padding:2px 10px;
	font-size:25px;
	text-align:center;
	text-decoration:none;

}

.navigation li a:hover, .navigation li .sel { position: relative; background: #333333; border: 1px solid #000000; color:#fff; } 
.navigation li a:hover:after, .navigation li a:hover:before,.navigation li .sel:after, .navigation li .sel:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.navigation li a:hover:before, .navigation li .sel:before  { border-color: rgba(0, 0, 0, 0); border-top-color: #333333; border-width: 18px; left: 50%; margin-left: -18px; }




h1, h1 a {
font-size:50px; color:#333; margin:20px 0px 10px 0px; font-weight:normal; line-height:52px; text-shadow: 0px 1px 1px #000; text-decoration:none; text-transform:uppercase;}

h2, h2 a{
font-size:32px; color:#666; margin:5px 0px 20px 0px; font-weight:normal; line-height:44px; text-shadow: 0px 1px 1px #333; text-decoration:none;}

h3{
font-size:40px; color:#333; margin:45px 0px 20px 15px; font-weight:normal; line-height:44px; text-transform:uppercase; }

#circle { 
   width: 140px;
   height: 140px;
   background: #ccc; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
   margin-right:20px;
   float:left;}


.art-container{
	width:602px;
	margin:0 auto;
	font-size:18px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	padding:50px;
	background:#fff; 
	line-height:24px;

}
.clear {
clear:both;}

.image {
background:url(../images/bkg-img.png) no-repeat; 
margin-bottom:35px;
	}
	
.image img{	
	width:580px; height:260px;
	padding:12px 11px;
	}


.footer {
margin-top:40px;
text-align:center;
font-size:14px;
color:#666;
line-height:20px;
padding-bottom:5px;}

.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-color:#333333;
	background-image:url(../images/arrow.png);
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}