html,body,header,footer,section,div,nav,form,ul,ol,li,p,b,string,a,input,textarea,button,h1,h2,h3,h4,h5,h6,hr,span{
	margin:0;
	padding:0;
	text-decoration:none;
	outline:none;
	border:none;
}

ul,li,ol{
	list-style:none;
}

html,body{
	background:#f3f3f3;
	font-family:'Open Sans', Sans-serif;
	font-weight:300;
	font-size:11pt;
	line-height:18pt;
	color:#999;
}

p{
	float:left;
}

a{
	transition:all ease-out .3s;
	-moz-transition:all ease-out .3s;
	-ms-transition:all ease-out .3s;
	-o-transition:all ease-out .3s;
	-webkit-transition:all ease-out .3s;
}

/**********************************************************************************************************************************/
/* WRAPPER */
/**********************************************************************************************************************************/
#container{
	width:100%; height:auto;
	position:relative;
}

.wrapper{
	min-width:1200px;
	max-width:1200px;
	height:auto;
	display:block;
	margin:0 auto;
}

.content{
	width:100%; height:auto;
	display:inline-block;
	position:relative;
}


/**********************************************************************************************************************************/
/* BOXES */
/**********************************************************************************************************************************/
[class*=box-]{
	background:white;
	border-top:white solid 1px;
	border-right:#eee solid 1px;
	border-bottom:#ccc solid 1px;
	border-left:#eee solid 1px;
	box-shadow:#999 0 1px 1px;
	border-radius:2px;
	margin-top:10px;
	margin-bottom:10px;
	padding:4%;
	float:left;
	position:relative;
	z-index:1;
}

.box-x{
	width:92%;
}

.box-l{
	width:67%;
}

.box-m{
	width:42%;
}

.box-s{
	width:17%;
}

.pink{
	background:#fe0d98 url(images/txture.png);
	border-top:#fe6dc1 solid 1px;
	border-right:#f80d94 solid 1px;
	border-bottom:#c70a77 solid 1px;
	border-left:#f80d94  solid 1px;
	box-shadow:#ffbbe2 0 0 3px inset, #999 0 1px 1px;
}

[class*=box-] [class*=box-]{
	box-shadow:none;
	border:none;
	padding:0;
}

[class*=box-] .box-x{
	width:100%;
}

[class*=box-] .box-l{
	width:71%;
}

[class*=box-] .box-m{
	width:50%;
}

[class*=box-] .box-s{
	width:25%;
}




/**********************************************************************************************************************************/
/* CONTENT */
/**********************************************************************************************************************************/
.divider{
	background:red;
	float:left; clear:both;
	width:100%;
	margin:0;
}

.divider img{
	float:left;
	width:100%; height:auto;
}


/****************************************************************/
/* HEADER */
/****************************************************************/
#main-header{
	position:relative;
	height:auto;
	padding:2% 0;
	width:100%;
	z-index:9;
}

#logo{
	width:35%; height:auto;
	position:relative;
	float:left; clear:left;
	left:-4px; top:10px;
}

#logotype{
	float:right; clear:right;
	width:60%;
}


/****************************************************************/
/* NAV */
/****************************************************************/
#head-nav{
	padding:2% 10% 2% 2%;
	position:relative;
	top:0; right:-4px;
	background: url(images/nav-highlight.png) right no-repeat, url(images/txture.png) #fe0d98;
	border-top:#fe6dc1 solid 1px;
	border-right:#f80d94 solid 1px;
	border-bottom:#c70a77 solid 1px;
	border-left:#f80d94  solid 1px;
	box-shadow:#ffbbe2 0 0 3px inset, #999 0 1px 1px;
	width:auto;
	min-width:48%; height:30px;
	float:right; clear:right;
	transition:all ease-out .3s;
	-moz-transition:all ease-out .3s;
	-ms-transition:all ease-out .3s;
	-o-transition:all ease-out .3s;
	-webkit-transition:all ease-out .3s;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	z-index:999;
}

#head-nav a{
	color:#7c034c;
	font-weight:600;
	text-shadow:#fc6fc0 0 1px 0;
	padding:0 2%;
	position:relative;
	top:-12px;
	margin:0 5px;
}

#head-nav a:last-child{
	top:-2px;
}

#head-nav a:hover, #head-nav a.active-link{
	color:white;
	text-shadow:#7c034c 0 2px 0;
}

#icon{
	display:none;
}

#expand{
	display:block;
}


/****************************************************************/
/* WELCOME */
/****************************************************************/
#welcome{
	color:white;
}

#welcome p{
	font-size:18pt;
	text-align:center;
	line-height:24pt;
}

#welcome p.quote-big{
	font-size:34pt;
	text-align:center;
	margin:40px 0 60px 0;
	width:100%;
}

#welcome p.quote-big img{
	position:relative;
	top:10px;
	padding:0 10px;
}



/****************************************************************/
/* ACCORDEON */
/****************************************************************/
#overview{
	margin:20px auto;
}

#overview p{
	text-align:justify;
	margin:10px 0;
	float:left; clear:both;
}

[class*=col-]{
	float:left;
	width:48%;
}

.col-left{
	margin-right:4%;
}

.trigger{
	background:#f3f3f3;
	border-radius:2px;
	border-top:#f2f2f2 solid 1px;
	border-left:#f2f2f2 solid 1px;
	border-right:#f2f2f2 solid 1px;
	border-bottom:#ddd solid 1px;
	box-shadow:white 0 0 5px inset, #ccc 0 1px 1px;
	cursor:pointer;
	padding:2%%;
	margin:5px 0;
	position:relative;
	float:left;
	width:96%;
}

.more-less{
	position:relative;
	top:2px; left:0;
	float:left;
	opacity:1;
	margin:0 5px 0 0;
}

.border{
	border:#666 solid 4px;
	border-radius:50%;
	width:18px; height:18px;
}

.v{
	background:#666;
	width:14px; height:4px;
	position:absolute;
	top:11px; left:6px;
}

.h{
	background:#666;
	width:4px; height:14px;
	position:absolute;
	top:6px; left:11px;
}

.active-tab div.more-less{
	opacity:.3;
}

.tab-content{
	float:left;
	display:none;
	opacity:0;
}

.tab span{
	float:left;
}

.active-tab div.tab-content{
	display:block;
	opacity:1;
}


/****************************************************************/
/* ABOUT */
/****************************************************************/
#about{
	margin:20px auto 0 auto;
}

#about p{
	text-align:justify;
	text-align-last:center;
	text-wrap:normal;
	margin:20px 0 0 0;
}

#about p.quote-small{
	background:#f3f3f3;
	position:relative;
	text-align:center;
	font-size:14pt;
	color:#fe0d98;
	padding:2%;
}

#dra{
	margin:0 auto 40px auto;
	display:block;
}



/****************************************************************/
/* SERVICES */
/****************************************************************/
#services{
	margin:0 auto;
}

.services{
	float:left;
	width:100%;
}

.cols{
	width:32%;
	float:left;
	display:block;
	overflow:hidden;
}

.cols:first-of-type{
	float:left;
}

.cols:nth-child(2){
	margin:0 2%;
	float:left;
}

.cols:last-of-type{
	float:right;
}

.cols ul{
	float:left; clear:both;
}

.cols li{
	list-style:inside url(images/list.jpg);
	padding:5px;
	text-align:start;
}

.thumbs{
	width:100%; height:auto;
}


/****************************************************************/
/* CONTACT */
/****************************************************************/
#contact{
	margin:0 auto 20px auto;
}

.input-wrap{
	position:relative;
	width:100%; height:auto;
	float:left; clear:both;
}

.input-wrap img{
	display:block;
	position:relative;
	top:4px; left:0;
	float:left;
}

label{
	position:absolute;
	top:15px; left:10px;
}

label span{
	float:left;
	position:relative;
	top:2px;
	margin:0 0 0 5px;
}

input, textarea{
	background:#f3f3f3;
	border-radius:2px;
	box-shadow:#CCC 0 2px 2px inset;
	width:98%;
	padding:10px;
	margin:5px 0;
	resize:none;
}

input{
	min-height:30px;
	max-height:30px;
}

textarea{
	min-height:150px;
	max-height:150px;
}

button{
	border-radius:2px;
	padding:2% 8%;
	margin:2% auto;
	color:white;
	font-size:16pt;
	text-shadow:#c50072 0 2px 1px;
}

.error{
	background:red;
}

#contact-info p{
	font-size:10pt;
	margin:5px 4%;
}

#contact-info img{
	float:left;
	position:relative;
	padding:0 10px 0 0;
}



/****************************************************************/
/* MAP */
/****************************************************************/
#map{
	float:right;
}

#map-box{
	width:100%; height:280px;
	float:left; clear:both;
	margin:4px 0 10px 0;
	background:#f3f3f3;
	border-radius:2px;
	border-top:#f2f2f2 solid 1px;
	border-left:#f2f2f2 solid 1px;
	border-right:#f2f2f2 solid 1px;
	border-bottom:#ddd solid 1px;
	box-shadow:white 0 0 5px inset, #ccc 0 1px 1px;
}


/****************************************************************/
/* ALERT */
/****************************************************************/
#alert{
	border-radius:2px;
	border-top:white solid 1px;
	border-right:#eee solid 1px;
	border-bottom:#ccc solid 1px;
	border-left:#eee solid 1px;
	box-shadow:#999 0 1px 1px;
	display:none;
}

#alert h2{
	font-size:22pt;
	display:block;
	margin:20px 0 0 0;
}

#alert p{
	font-size:12pt;
	padding:20px;
	text-align:center;
	display:block;
	width:100%;
}

#close{
	background:#fe0d98 url(images/txture.png);
	border-top:#fe6dc1 solid 1px;
	border-right:#f80d94 solid 1px;
	border-bottom:#c70a77 solid 1px;
	border-left:#f80d94  solid 1px;
	box-shadow:#ffbbe2 0 0 3px inset, #999 0 1px 1px;
	border-radius:2px;
	color:white;
	display:block;
	float:left; clear:both;
	margin:10px 38%; padding:10px 2%;
	text-align:center;
	width:20%; height:auto;
	max-height:40px;
	
}

#overlay{
	display:none;
}

/****************************************************************/
/* HEADINGS */
/****************************************************************/
h1,h2,h3{
	font-weight:300;
	text-align:center;
	float:left; clear:both;
	width:100%;
}

h1{
	font-size:60pt;
	margin:40px 0;
	text-shadow:#c50072 0 2px 1px;
}

h2{
	font-size:34pt;
	margin:0 0 40px 0;
}

h3{
	color:#fe0d98;
	font-size:34pt;
	margin:0 0 40px 0;
}

h4{
	float:left; clear:both;
	margin:40px 0 10px 0;
}

h6{
	float:left;
	font-weight:300;
	color:#666;
}




/**********************************************************************************************************************************/
/* FOOTER */
/**********************************************************************************************************************************/
footer.box-x{
	background:transparent;
	box-shadow:none;
	border:none;
}

/****************************************************************/
/* NAV */
/****************************************************************/
#foot-nav{
	float:right;
	font-size:8pt;
}

#foot-nav a{
	color:#666;
	margin:0 20px;
}

#foot-nav a:last-child{
	margin:0 0 0 20px;
}

#foot-nav a:hover{
	color:#fe0d98;
}


/**********************************************************************************************************************************/
/* MEDIA QUERY */
/**********************************************************************************************************************************/
@media screen and (max-width : 1260px) {
	.wrapper{
		width:96%;
		height:auto;
		display:block;
		margin:0 2%;
	}
}

@media screen and (max-width : 1100px) {	
	#head-nav{
		width:38%;
		height:30px;
	}

	#head-nav a{
		padding:1%;
	}

	
	#head-nav a:hover, #head-nav a.active-link{
		color:white;
		text-shadow:#7c034c 0 2px 0;
	}

}

@media screen and (max-width : 860px) {
	#head-nav{
		width:38%;
		height:30px;
	}

	#head-nav a{
		padding:1%;
		font-size:10pt;
	}
	
	#head-nav a:hover, #head-nav a.active-link{
		color:white;
		text-shadow:#7c034c 0 2px 0;
	}

}


@media screen and (min-width : 320px) and (max-width : 480px) {
	
	body{
		font-size:10pt;
		line-height:14pt;
	}
	
	p{
		padding:1% 4%; margin:0;
	}
	
	/**********************************************************************************************************************************/
	/* WRAPPER */
	/**********************************************************************************************************************************/
	.wrapper{
		width:96%;
		min-width:96%;
		height:auto;
		display:block;
		margin:0 2%;
	}
	

	/**********************************************************************************************************************************/
	/* BOXES */
	/**********************************************************************************************************************************/
	[class*=box-]{
		width:98%;
		padding:1%;
	}
		
	
	/****************************************************************/
	/* HEADER */
	/****************************************************************/
	header{
		position:relative;
		height:auto;
	}
	
	#logo{
		width:100%; height:auto;
		position:relative;
		left:-6px; top:20px;
		z-index:9;
	}
	
	#logotype{
		width:92%; height:auto;
		position:relative;
		bottom:0;
		padding:4%;
		float:right;
	}


	/**********************************************************************************************************************************/
	/* CONTENT */
	/**********************************************************************************************************************************/
	.divider{
		background:red;
		float:left; clear:both;
		width:95%; height:auto;
		margin:0;
	}
	
	.divider img{
		float:left;
		width:100%; height:auto;
	}


	
	/****************************************************************/
	/* NAV */
	/****************************************************************/
	#head-nav{
		padding:2%;
		position:absolute;
		top:30px; right:-4px;
		background: url(images/nav-highlight.png) right no-repeat, url(images/txture.png) #fe0d98;
		border-top:#fe6dc1 solid 1px;
		border-right:#f80d94 solid 1px;
		border-bottom:#c70a77 solid 1px;
		border-left:#f80d94  solid 1px;
		box-shadow:#ffbbe2 0 0 3px inset, #999 0 1px 1px;
		width:50px;
		min-width:50px;
		height:30px;
		z-index:9;
	}

	#icon{
		display:block;
		cursor:pointer;
	}

	#expand{
		display:none;
		width:100px;
		background:white;
		border-top:white solid 1px;
		border-right:#eee solid 1px;
		border-bottom:#ccc solid 1px;
		border-left:#eee solid 1px;
		box-shadow:#999 0 3px 10px;
		border-radius:2px;
		padding:1%;
		position:absolute;
		top:60px; right:0;
	}
	
	#head-nav #expand a{
		color:#fe0d98;
		float:right; clear:both;
		margin:0; padding:10px;
		left:0; top:0;
		text-shadow:none;
	}
	
	/****************************************************************/
	/* WELCOME */
	/****************************************************************/
	#welcome p{
		font-size:12pt;
		text-align:center;
		line-height:18pt;
		padding:10px;
	}
	
	#welcome p.quote-big{
		font-size:16pt;
		text-align:center;
		padding:2%; margin:20px 0;
		width:96%;
		position:relative;
	}
	
	#welcome p.quote-big img{
		width:45px;
		position:absolute;
		top:5px;
		padding:0 10px;
		z-index:0;
		display:none;
	}
	
	#about p.quote-small{
		background:#f3f3f3;
		position:relative;
		text-align:center;
		font-size:12pt;
		line-height:16pt;
		color:#fe0d98;
		padding:6% 2%;
	}
	
	/****************************************************************/
	/* SERVICES */
	/****************************************************************/
	.services{
		float:left;
		width:100%;
	}
	
	.cols{
		width:96%;
		margin:0 2%;
		float:left;
		display:block;
		overflow:hidden;
	}
	
	.cols:nth-child(2){
		margin:8% 2%;
		float:left;
	}
	
	.col-left{
		width:98%;
	}
	
	#accordeon{
		width:92%;
		padding:0 3%;
	}
	
	.more-less{
		top:0px; 
	}
	
	.tab span{
		position:relative;
		top:3px;
	}
	
	/****************************************************************/
	/* CONTACT */
	/****************************************************************/
	#contact-form,#map{
		width:96%;
		padding:0 2%;
	}
	
	input, textarea{
		width:94%;
	}
	
	button{
		width:100%;
		padding:2% 8%; margin:2% 0;
	}
	
	#contact-info p{
		font-size:10pt;
		margin:5px 0;
	}
	
	#dra{
		margin-top:20px;
	}
	
	footer nav{
		display:none;
	}

	/****************************************************************/
	/* HEADINGS */
	/****************************************************************/
	h1,h2,h3,h4,h5,h6{
		text-align:center;
		float:left; clear:both;
		width:100%;
	}
	
	h1{
		font-size:24pt;
		margin:20px 0 0 0;
		float:left; clear:both;
	}
	
	h2{
		font-size:20pt;
		margin:0;
	}
	
	h3{
		float:left; clear:both;
		margin:40px 0 20px 0;
	}

	
}