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

* {
	margin: 0;
	border: 0;
	padding: 0;
}
@font-face {
   font-family: myFontL;
   src: url(ProximaNova-Light.otf);
}
@font-face {
   font-family: myFontT;
   src: url(ProximaNova-Thin.otf);
}

body {
	font-family: myFontT;

}
.mainbody {
	width: 100%;
	margin: 0;
}
img {
	text-align:center;
	margin: 0;
	max-width: 100%;
	
}
a[href^=tel]{
    color:inherit;
   
}
a:hover {
	text-decoration: underline;
}
.alinks {
	color:inherit;
    text-decoration:none;
	
}
.alinkstitle {
    color: inherit;
    text-decoration: none;
}
.alinkstitle:hover {
    opacity: 0.3;
    text-decoration: none;
}
.underline {
	color: inherit;
	text-decoration: underline;
}
.justify {
	text-align: justify;
}

h1 h2 {
	
}



footer {
	background-color: white;
	color: black;
	
}
.sitemap {
	text-align: center;
	
}
.sitemap ul {
	list-style-type: none; 
}
.sitemaplist {
	color:inherit;
   
}

.fbicon {
	width: 35px;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right: auto;
	}
.webdesigner {
	font-size: 12px;
	
}

/*Mobile device*/
@media only screen and (min-width: 320px) and (max-width: 767px){
	
header {
	padding-bottom: 4%;
	
	}
.image1 {
	width: 100%;
	height: auto;


}
.workshoptitle {
	font-family: myFontL;
	padding-top: 4%;
	padding-bottom: 1.5%;
	text-align: center;
	font-size: 34px;
	font-weight: 100;
	letter-spacing: 6px;
	width: 100%;
	background-color: white;
	position: fixed;
	z-index:10;	
	}
.logoaddress {
	text-align: center;
	line-height: 200%;
	font-size: 14px;
	padding: 3% 2% 1% 5%;
	}
.address {
	font-size: 13px;
    padding: 0% 2% 0% 0%;
	}
.registered {
	font-size: 12px;
	padding-top: 4%;
	}
h1 {
	font-size: 16px;
	line-height: 130%;
	}
.textoverimage1 {
	position: absolute;
	color: white;
    top: 21%;
	left: 8%;
    padding: 2% 2% 2% 2%;
    width: 78%;
    text-align: justify;
	height: 150px;
	background-attachment: fixed;
	overflow: scroll;
	-webkit-font-smoothing:antialiased;
	}
.workshoptext {
	font-size: 16px;
	line-height: 130%;
	}
.sitemap {
	font-size: 15px;
	padding: 2% 7% 8% 7%;
	
	}

.displayblock {
	display: block;
	}
.webdesigner {
	font-size: 9px;
	padding-top: 4%;
	}
.verticalbar2 {
	color: white;
	}
.verticalbar {
	color: white;
	padding-left: 8%;
	}
.emaile {
	color: white;
	}
/*Privacy Policy*/
.privacypolicy {
    color: #FFFFFF;
    padding: 30% 5% 10% 5%;
    margin: 0% 0% 0% 0%;
    font-size: 14px;
    text-align: justify;
    }
.image2 {
     max-width: 100%;
	background-image: url("images/draftingsevenoaksdesktop.jpg");
	height: auto;
    background-repeat: no-repeat;
	float:left;
	position: relative !important;  
  
	  background-size: cover !important;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
   	box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.2);
	margin: 0% 0% 4.5% 0%;
	padding: 0%;   
    }   
}

/*tablet view*/
@media only screen and (min-width: 768px) and (max-width: 1023px){

header {
	padding-bottom: 2%;
	}
.image1 {
	max-width: 100%;

	height: auto;
  
   
	margin: 0;
	padding: 0%;
}
.workshoptitle {
	font-family: myFontL;
	padding-top: 3%;
	padding-bottom: 1.5%;
	text-align: center;
	font-size: 39px;
	font-weight: 100;
	letter-spacing: 6px;
	width: 100%;
	background-color: white;
	position: fixed;
	z-index:10;

	}
.logoaddress {
	text-align: center;
	line-height: 200%;
	font-size: 16px;
	padding: 2%;
	}
.registered {
	font-size: 16px;
	padding-top: 4%;
	}
h1 {
	font-size: 20px;
	line-height: 150%;
	}
.textoverimage1 {
	position: absolute;
	color: white;
    top: 20%;
    left: 10%;
    width: 72%;
    padding: 4% 4% 4% 4%;
	text-align: justify;
		-webkit-font-smoothing:antialiased;
	height: 195px;
	background-attachment: fixed;
	overflow: scroll;
	}

.workshoptext {
	font-size: 20px;
	line-height: 150%;
	}
.verticalbar {
	color: white;
	}
.sitemap {
	padding: 2% 5% 2% 5%;

	}
 
.webdesigner {
	padding-top: 4%;	
	}
/*Privacy Policy*/
.privacypolicy {
    color: #FFFFFF;
    padding: 15% 5% 10% 5%;
    margin: 0% 0% 0% 0%;
    font-size: 14px;
    text-align: justify;
    }
.image2 {
     max-width: 100%;
	background-image: url("images/draftingsevenoaksdesktop.jpg");
	height: auto;
    background-repeat: no-repeat;
	float:left;
	position: relative !important;  
  
	  background-size: cover !important;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    	box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.3);
	margin: 0% 0% 4.5% 0%;
	padding: 0%;   
    }   

}

/*desktop view*/
@media only screen and (min-width: 1024px){

header {
	padding-bottom: 2%;
    width: 100%;
	}
.desktopimage {
    display: none;
    }
.myFont {
	max-width: 100%;
	background-image: url("images/draftingsevenoaksdesktop.jpg");
	height: auto;
    background-repeat: no-repeat;
	float:left;
	position: relative !important;  
  
	  background-size: cover !important;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
   
	margin: 0;
	padding: 0%;
}
footer {
	position:fixed;
   left:0px;
   bottom:0px;
   height:105px;
   width:100%;
   background:white;
    float: left;
    text-align: center;
	}
.workshoptitle {
	font-family: myFontL;
	text-align: center;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	font-size: 42px;
	font-weight: 100;
	letter-spacing: 6px;
	width: 100%;
	background-color: white;
	position: fixed;
	z-index:10;

	}
.logoaddress {
	text-align: center;
	line-height: 200%;
	font-size: 15px;
	
	}
.registered {
	font-size: 15px;
	}
.textoverimage1 {
	
	color: white;
    top: 20%;
   	left: 13%;
    width: 66%;
    padding: 4% 4% 4% 4%;
	text-align: justify;
		-webkit-font-smoothing:antialiased;
	position: fixed;

	}
h1 {
	font-size: 20px;
	line-height: 170%;
	}
.workshoptext {
	font-size: 20px;
	line-height: 170%;
	
	}
.sitemap {
	padding: 1% 0% 0% 0%;
    width: 100%;
	}
.sitemaplist {
	}
.webdesigner {
	font-size: 10px;
	padding-bottom: 2%;
	}


/*Privacy Policy*/
.privacypolicy {
    color: #FFFFFF;
    padding: 11% 8% 18% 8%;
    margin: 0% 0% 0% 0%;
    font-size: 15px;
    text-align: justify;
    }
.image2 {
     max-width: 100%;
	background-image: url("images/draftingsevenoaksdesktop.jpg");
	height: auto;
    background-repeat: no-repeat;
	float:left;
	position: relative !important;  
  
	  background-size: cover !important;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    	box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.2);
	margin: 0;
	padding: 0%;   
    }
}