.ContactLeftRight{
	padding-left:20px;
	padding-right:20px;
}
.LeftContact{
	padding:10px 0px;
}
.RightContact{
	padding:10px 0px;
}
.LeftContact2{
	padding:10px 0px;
}
.ContactRussel{
	float:left;
}
.MarginTop10px{
	margin-top:10px;
}
.ContactDetails{
	padding-right:15px;
	border-right:0px solid #ffffff;
	color:#ffffff;
}

.AboutContent{
	padding:40px 20px 0px 20px;
}
.ClientsContent{
	padding:20px;
	font-size:120%;
}
.WorkContent{
	font-size:120%;
}
.About{
	padding:40px 20px 0px 20px;
	min-height:60px;
	font-size:120%;
}
.WorkImages{
	padding-top:0px;;
}
.WorkImages1{
	padding-top:0px;;
}
.wrapperBlack {
	width: 100%;
    min-height: 95px;
    overflow: hidden;
	background-color:#000000;
}
.wrapperCopyright {
	width: 100%;
    min-height: 35px;
    overflow: hidden;
	background-color:#000000;
}
.wrapperCream{
	background-color:#ecead8;
}
.wrapperGrey{
	background-color:#dddcd4;
}
.wrapperBrown{
	background-color:#60554b;
}
.wrapperClear{
	background:none !important;
	background-color:transparent !;
}
.centre{
	text-align:center;
}
.left{
	text-align:left;
}
.AboutImages{
	text-align:center;
}
/*ID's*/
#MainNav{
	padding-top:0px;
}
#NavBar{
	display:none;
}
/*ID's*/
/*ELEMENTS*/
textarea{
    font-family: 'Open Sans', sans-serif;
	height:80px;
}
p{
	color:#746d50;
}
/*END ELEMENTS*/
/*CLASSES*/


.Headline {
	margin:0px 0px 0px 0px;
	position:relative;
	top:10px;
}
.HeadlineArrow {
	position:relative;
	top:-20px;
}

input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=password],textarea,select {
    width: 100%; 
    font-family: 'Open Sans', sans-serif;
	height:35px;
	color:#000000;
	border:0px;
	padding:10px;
	margin:10px 0px 10px 0px;
  }


H2{
	color:#353535;
	margin-top:0px;
}
H3{
	color:#353535;
	margin-top:0px;
}
H2.About{
	color:#c895b7;
}
H2.Blue{
	color:#50aadf;
	margin-top:0px;
}
H2.Brown{
	color:#a2906a;
	margin-top:0px;
}
H2.Classes{
	color:#50aadf;
}
H2.Green{
	color:#6fc171;
	margin-top:0px;
}
H2.Grey{
	color:#353535;
	margin-top:0px;
}

a.Green{
	color:#6fc171;
	text-decoration:none;
	font-style:italic;
}
a.Green:hover{
	text-decoration:underline;
}
a.Grey{
	color:#373d40;
	text-decoration:none;
	font-style:italic;
}
a.Grey:hover{
	text-decoration:underline;
}
a.White{
	color:#ffffff;
	text-decoration:none;
	font-style:italic;
}
a.White:hover{
	text-decoration:underline;
}
a.Blue{
	color:#50aadf;
	text-decoration:none;
	font-style:italic;
}
a.Blue:hover{
	text-decoration:underline;
}
.Dark p{
	color:#414141;
}
a.Orange{
	color:#f58220;
	text-decoration:none;
}
.Footer P, .Footer{
	color:#414141;
	font-size:10px;
}
.Active{
	color:#ffffff !important;
}

div.Navigation{
	width:16.6%;
	text-align:center;
	float:left;
	height:23px;
	padding:0px 4px 0px 4px;
	background-image:url(../images/NavDivBar.png);
	background-position:right;
	background-repeat:no-repeat;
}
div.Navigation:last-child{
	background-image:none;
}
.NavLink{
	color:#746d50;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
}
.NavLink:hover{
	border-bottom:1px solid #a9a9a9;
	color:#a9a9a9;
	text-decoration:none;
}
.mobiNav{
	height:35px;
	padding-top:7px;
	vertical-align:middle;
	text-align:center;
	background: #000000;
	color:#ffffff;
}
.mobiNav a{
	color:#ffffff;
	text-decoration:none;
}
.mobiNav a:hover{
	text-decoration:underline;
}
.mobilemenu-label {
  font-size: 1em;
  background: #000000;
  padding: 0.4em;
  color:#ffffff;
  width:100%;
  text-align:left;
  cursor: pointer;
  display: inline-block;
}
.mobilemenu-input {
    display: none;
} /*Hide input element*/

.mobilemenu-content {
    xmargin-bottom: 0em;
}
.mobilemenu-input:not(checked) ~ .mobilemenu-content {
    display: none !important;
}
.mobilemenu-input:checked ~ .mobilemenu-content {       
    display: block !important;
}

/*END CLASSES*/

/*MEDIA QUERIES*/
@media (min-width: 600px) {
.ContactLeftRight{
	padding-left:100px;
	padding-right:100px;
}
.RightContact{
	padding:25px 90px 10px 20px;
}
.LeftContact{
	padding:25px 10px 10px 90px;
}
.LeftContact2{
	padding:25px 10px 30px 90px;
}
.ContactRussel{
	float:right;
}
.ContactDetails{
	padding-right:15px;
	border-right:1px solid #ffffff;
	color:#ffffff;
}
.ClientsContent{
	padding:40px 0px 0px 0px;
	font-size:75%;
}
.WorkContent{
	font-size:99%;
}
.About{
	padding:40px 20px 0px 20px;
	min-height:60px;
	font-size:100%;
}
.AboutContent{
	padding:40px 20px 0px 20px;
	font-size:70%;
}
.AboutImages{
	text-align:left;
}
.WorkImages{
	padding-top:50px;;
}
.WorkImages1{
	padding-top:20px;;
}
}
@media (max-width: 800px) {
  #Main{
	  width:100% !important;
  }
  #Nav{
	  display:none !important;
  }
  #MobileNav{
  }
  .Contact {
	background-image:none !important;
	padding-left:60px !important;
  }
  #MENU{
	  display:block !important;
	  padding-top:20px;
  }

}



@media (min-width: 800px) {
	#NavBar{
		display:block;
	}
}