@font-face {
	font-family: 'parisish';
	src: url('../font/parisish-webfont.eot'); /* IE9 Compat Modes */
	src: url('../font/parisish-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../font/parisish-webfont.woff') format('woff'), /* Modern Browsers */
	     url('../font/parisish-webfont')  format('truetype'), /* Safari, Android, iOS */
	     url('../font/parisish-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

body, html	{
	margin:	0px;
	background:	#fff;
	min-width:	960px;
	font-family:	parisish;
	font-size:	30px;
}

body	{

}

a	{
	color:	black;
}

#serviceText	{
	float:	left;
	margin-top:	200px;
	font-size:	38px;
	text-align:	center;
}

#borderLeft	{
	position:	fixed;
	height:	100%;
	width:	0px;
	border-left:	20px solid black;
	left:	0px;
	z-index:	100;
}

#borderRight	{
	position:	fixed;
	height:	100%;
	width:	0px;
	border-right:	20px solid black;
	right:	0px;
	z-index:	100;
}

#borderTop	{
	position:	fixed;
	width:	100%;
	height:	0px;
	border-top:	20px solid black;
	top:	0px;
	z-index:	100;
}

#borderBottom	{
	position:	fixed;
	width:	100%;
	height:	0px;
	border-bottom:	20px solid black;
	bottom:	0px;
	z-index:	100;
}

#superWrapper	{
	padding:	20px;

}

header	{
	width:	100%;
	height:	200px;
	float:	left;
	background:	url('../img/repeatLightThread.jpg');
	padding-bottom:	20px;
}

#logo	{
	margin:	0px 20px;
	margin-top:	20px;
	width:	420px;
	height:	180px;
	float:	left;
}

#headerWrap	{
	margin:	auto;
	width:	960px;
	height:	200px;
}

nav	{
	width:	500px;
	height:	200px;
	float:	left;
}

.navItem	{
	background:	url('../img/navItemBg.png') no-repeat top center;
	width:	147px;
	height:	182px;
	float:	left;
	padding:	0px 5px;
	cursor:	pointer;
}

.navItem:hover	{
	background:	url('../img/navItemBgHover.png') no-repeat top center;
}

.navText	{
	width:	100%;
	padding-top:	100px;
	font-size:	45px;
	text-align:	center;
}

#content	{
	float:	left;
	width:	100%;
	background:	url('../img/repeatLightThread.jpg');
	padding-bottom:	50px;
}

.introTextOuter	{
	width:	100%;
	background:	#A7A9AC;
	float:	left;
	min-width:	960px;
	border-bottom:	7px solid black;
	border-top:	1px solid #fff;
	position:	relative;
}

.introTextInner	{
	background:	#ddd;
	width:	840px;
	padding:	20px 30px;
	color:	#000;
	border:	15px dashed #A7A9AC;
	font-size:	30px;
	margin:	10px auto;
	text-align:	justify;
	border-radius:	10px;
}

.whiteText	{
	line-height:	50px;
	text-align:	right;
	width:	45%;
	position:	relative;
	float:	right;
	margin-top:	-100px;
	color:	#444;
	margin-right:	30px;
	height:	300px;
}

.blackText	{
	line-height:	50px;
	text-align:	left;
	width:	45%;
	float:	left;
}

#textSpacer	{
	width:	100%;
	height:	200px;
}

#rolandAvatar	{
	float:	left;
	padding:	30px 20px;
	padding-left:	6%;
	position:	relative;
	margin-top:	35px;
	position:	relative;
	z-index:	99;
}

#slideshow	{
	width:	65%;
	margin-top:	10px;
	height:	500px;
	background:	#bbb;
	border-top:	1px solid black;
	float:	left;
	border-radius:	20px;
	padding:	15px;
	margin-bottom:	50px;
	margin-left:	-5%;
	border-bottom:	5px solid black;
	border-right:	2px solid black;
	border-left:	2px solid black;
	position:	relative;
	
}

#slideshowInner	{
	width:	100%;
	height:	100%;
	border-radius:	15px;
	border:	2px solid #222;
	margin-left:	-2.5px;
	overflow:	hidden;
	position:	relative;
	z-index:	10;
	-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
   background-color:	#222;
}

.slide	{
	position:	absolute;
	left:	50%;
	margin-left:	-500px;
	z-index:	1;
	opacity:	0;
	display:	none;
}

.next	{
	z-index:	4;
	display:	block;
	opacity:	0;
}

.active	{
	z-index:	5;
	opacity:	1;
	display:	block;
}

footer	{
	width:	100%;
	height:	450px;
	background:	#000;
	float:	left;
	color:	#ddd;
}

#footerTitle	{
	width:	100%;
	height:	70px;
	font-size:	70px;
	padding: 25px 0px;
	text-decoration:	underline;
	text-align:	center;
}

#footerContent	{
	width:	100%;
	height:	220px;
	float:	left;
	background:	black;
}




.footerDivLink	{
	width:	100%;
	height:	35px;
	padding:	10px 0px;
	font-size:	35px;
	float:	left;
}

.footerDivLink	a	{
	color:	white;
}

.footerDivLink	a:hover	{
	color:	#bbb;
}

.footerDivInner	{
	border-radius: 45px;
	border:	2px dashed #666;
	margin:	10px auto;
	width:	95%;
	height:	90%;
}

.footerDiv	{
	width:	40%;
	margin:	0px 5%;
	height:	200px;
	float:	left;
	text-align:	center;
	background:	#222;
	border-radius:	50px;
}

#copasiteLink	{
	color:	white;
	width:	100%;
	text-align:	center;
	padding-top:	35px;
	float:	left;
}

#copasiteLink a 	{
	color:	#97FF97;
}

#copasiteLink a:hover 	{
	color:	#55bb55;
}

#mapWrap	{
	padding:	10px;
	margin:	auto;
	position:	relative;
	margin-top:	400px;
	margin-bottom:	50px;
	border-radius:	35px;
	background:	#222;
	width:	880px;
	height:	630px;
}

#googleMap	{
	width:	800px;
	height:	550px;
	float:	left;
	padding:	40px;
	border-radius:	30px;
	border:	2px dashed #ddd;
}

.contactDiv	{
	width:	50%;
	float:	left;
	height:	250px;
	font-size:	30px;
	text-align:	center;
}

#serviceInfo	{
	width:	70%;
	width:	65%;
	margin-top:	30px;
	height:	500px;
	float:	left;
}