aside, article, section, header, footer, div {
	display: block;
}
html, body {
	margin: 0;
	padding: 0;
}
html {
	background: #cfdae4 
}
body {

	background: #cfdae4;
	margin: 0 auto 2em;
	font-family: 'Quicksand', sans-serif; font-weight: 400;
	list-style: none;}
}
header {


background-color:#cfdae4;
margin-top: 2px;

}

#title {
font-family: 'Quicksand', sans-serif; font-weight: 400;

list-style: none;

font-size: 0.75em;
color: #fb5d42;
}


nav#mainNavigation {
padding-left : 20px;
padding-top: 5px;
padding-bottom: 5px;
background: #e7eef4;
border-bottom-color: #fb5d42;
border-bottom-style:dotted;
border-bottom-width:thin;
border-top-color: #fb5d42;
border-top-style:solid;
border-top-width:thin;


}

nav#mainNavigation ul {overflow:hidden;}

nav#mainNavigation li {
	display: inline-block;
	font-family: 'Quicksand', sans-serif; font-weight: 400;
	list-style: none;
	font-size: 1.3em;
}

nav#mainNavigation li.social {
	float: right;
	margin-right: 15px;
}
@media (max-width: 700px) {
	nav#mainNavigation li {
	display:block;
 }
}
nav#mainNavigation li a {
	display: block;
	padding:0 24px 0 0;
}
nav#mainNavigation li a.active {
	color:#551a8b;
}

nav#mainNavigation li #social a {
	display: inline-block;
	padding:2px;
}

a {
	text-decoration: none;
	color: #fb5d42;
}

nav li a:visited, a:visited {
	color: #fb5d42;
}

a:hover {
	color: #AC007F;


}

a {
outline: 0;
}

#social {
float:right;
}

section#mainblock {
	text-align: center;
	width: 960px;
	height: 375px;
	padding-right: 20px;
	padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
}

.footer{
       color: #3458A8;
       list-style: none;}

       #article {
       color: #3458A8;
       list-style: none;}
       
        #article1 {
       color: #3458A8;
        
       list-style: none;
       border-top: 5px;
       border-top-style: solid;
        border-top-color: #F24F54;
     }
       
         #article2 {
       color: #3082E5;
        
       list-style: none;
       border-top: 5px;
       border-top-style: solid;
        border-top-color: #F24F54;
       }
       
         #article3 {
       color: #0090AB;
       list-style: none;
       border-top: 5px;
       border-top-style: dotted;
        border-top-color: #F24F54;}
        
    
     
       
         #article4 {
       color: #3458A8;
        
       list-style: none;
       border-top: 5px;
       border-top-style: dotted;
        border-top-color: #F24F54;}
       
         #article5 {
       color: #3458A8;
       list-style: none;}
       
       
       
       
        #article6 {
       color: #3458A8;
        
       list-style: none;
       
     }
         #article7 {
       color: #3458A8;
        
       list-style: none;
       
     }
       
         #article8 {
       color: #3458A8;
        
       list-style: none;
       
     }
       #article9 {
       color: #3458A8;
        
       list-style: none;
       
     }
       #article10 {
       color: #3458A8;
        
       list-style: none;
       
     }
       
       
    #article11 {
       color: #3458A8;
        
       list-style: none;
       
     }
          
   #article12 {
       color: #3458A8;
        
       list-style: none;
       
     }
           
       

header h1 {
	font: normal 2em Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;
	line-height: 4em;
	text-transform: uppercase;
	letter-spacing:.1em;
	margin: 0;
}
.col1 {
	background: #F4FF44;
	height: 500px;
	float: left;
	padding: 20px;
	width: 266px;
}
.col2 {
	background: #C4FF44;
	height: 500px;
	float: right;
	padding: 20px;
	width: 266px;
}
.col3 {
	background: #1FFFE8;
	height: 500px;
	padding: 20px;
	width: 266px;
	margin: 0 auto;
}
footer {
	background: #707f98;
	width: 960px;
height: 30px;
text-align: center;
	line-height: 3em;
	font-size: .6em;
	color: white;

	clear: both;
}


.wrapper-portfolio {
padding-top: 10px;
text-align: center;

}

.wrapper-portfolio div, .wrapper-portfolio h4 {text-align:left;}
.item-portfolio {
	padding:5px;
	border-style:solid;
border-width:1px; 
	border-style:solid;
	border-color:#7A00A6;
	
	display: inline-block;

	
}
.item-portfolio img {
	width:217px;
}
.item-portfolio p {
	text-align: center;
}


.wrapper-carinterest {
padding-top: 5px;
margin-bottom: 15px;
text-align: center;

}


.item-carinterest {
	margin:5px;
	padding:10px;
	border-style:dotted;
border-width:1px; 
border-radius:25px;
	border-style:solid;
	border-color:#E86663;
	text-align:left;
	display: inline-block;

	}
	
.wrapper-resumeguide {
padding-top: 5px;
margin-bottom: 15px;
text-align: center;

}


.item-resumeguide {
	margin:5px;
	padding:10px;
	
	
	
	text-align:left;
	display: inline-block;

	}	
	
	
	
.wrapper-contact {
padding-top: 5px;
margin-bottom: 15px;
 color: #3458A8;
 text-align: center;

}


.item-contact {
	margin:5px;
	padding:10px;
 color: #3458A8;
	border-style:dotted;
border-width:1px; 
border-radius:25px;
	border-style:solid;
	border-color:#E86663;
	text-align:left;
	display: inline-block;

	}
		
	
.wrapper-build {
padding-top: 5px;
margin-bottom: 15px;
text-align: center;

}
.item-build li {
 list-style: none;}

.item-build {
	margin:5px;
	padding:10px;
	list-style: none;
	 color: #3458A8;
	border-style:dotted;
border-width:1px; 
border-radius:25px;
	border-style:solid;
	border-color:#E86663;
	
	display: inline-block;
		text-align: left;

	}
	
.wrapper-index {
padding-top: 5px;
margin-bottom: 15px;
text-align: center;

}
.item-index li {
 list-style: none;}

.item-index {
	margin:5px;
	padding:10px;
	list-style: none;
	border-style:dotted;
border-width:1px; 
border-radius:25px;
	border-style:solid;
	border-color:#E86663;
	
	display: inline-block;


	}

.item-portfolio p {
	text-align: center;
}


/* slideshow background color */
.galleria-container {
	background-color: #FF848C;
}

.back {
	display: inline-block;
	font-size:12px;
}

.portfolio-name {
	padding-left: 10px;
	display: inline-block;
}

.accordion {
   margin: 20px auto;
  
 }
.accordion dt,.accordion dd {
      padding: 10px;
      border: 1px solid #E34F46;
      list-style: none;
      border-bottom: 0;
}

.accordion dt.bottom-border {border-bottom:1px solid orange;}

 .accordion dt:last-of-type,.accordion dd:last-of-type {
        border-bottom: 1px solid orange;
        border-color: #E34F46; 
}
 .accordion li {
 list-style: none;}
 
 .accordion a {
        display: block;
        color: #353E73;
        font-weight: bold; 
        outline: 0;
        }
        
.accordion a:hover {
	color: #D635C5;


}

.accordion a: {
	outline: 0;


}


 
.accordion dd {
     border-top: 0; 
     font-size: 16px;
     list-style: none;
      background: #FFA4A2;
      outline-width: 0;
}
.accordion dd:last-of-type {
       border-top: 1px solid orange;
       position: relative;
       top: -1px;
}


.article {border-bottom:1px solid orange;}

 .portfolio-info {
color: #280457;
}


.footer{
       color:#cfdae4;
       list-style: none;}

.footer {
	background: #FF585B;
	padding: 5px 100px;
	margin: 12px 0;
}

.Galina{
 color:#426DD9;
}

.Petra{
 color:#0F9EA6;
 }
 
 .AnneB{
 color:#2C97B8;
}