/* CSS Document */

/**********************
	-	RESET	-
************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

 * {
/*	 -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
*/

	margin: 0;
	padding: 0;
	
	-webkit-font-smoothing: antialiased;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


html {
	overflow-x:hidden;
	padding: 0 !important;
	background-image:;
	margin:0px !important;
}

body { 
	
	font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	 }

@font-face {
	font-family:'Festival 1';
	src:url('../fonts/festival.ttf)') format('truetype');
	font-family:'Louisianne';
	src:url('../fonts/Louisianne.ttf') format('truetype');
	font-family:'LouisianneShadow-Black';
	src:url('../fonts/LouisianneShadow-Black.ttf') format('truetype');
	font-family:'FacetsNF';
	src:url('../fonts/FacetsNF.otf') format('truetype');
	font-family:'night At The Opera NF';
	src:url('../fonts/NightAtTheOperaNF.otf') format('truetype')
}

@font-face {
    font-family: 'antoniolight';
    src: url('../fonts/antonio-light-webfont.eot');
    src: url('../fonts/antonio-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/antonio-light-webfont.woff2') format('woff2'),
        url('../fonts/antonio-light-webfont.woff') format('woff'),
        url('../fonts/antonio-light-webfont.ttf') format('truetype'),
        url('../fonts/antonio-light-webfont.svg#antoniolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'antonioregular';
    src: url('../fonts/antonio-regular-webfont.eot');
    src: url('../fonts/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/antonio-regular-webfont.woff2') format('woff2'),
        url('../fonts/antonio-regular-webfont.woff') format('woff'),
        url('../fonts/antonio-regular-webfont.ttf') format('truetype'),
        url('../fonts/antonio-regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

img		{text-decoration:none; 
 		 border-width: 0; }

h1, h2, h3, h4, p {
	font-weight: 400;
	font-family:Arial, Helvetica, sans-serif;
}

	h1, h2 {
		font-size: 24px;
		padding-bottom: 10px;
		text-align:center; }

	h3 {
		font-size: 20px;
		padding:15px 15px 10px 15px;
		text-align:left; }
	
		h4 {
		font-size: 20px;
		padding:15px 15px 10px 15px;
		text-align:center; }
	
	b {
		font-weight: 500;
		font-size: 16px;
		
		color: #c3522f; }
	
p {
	margin-bottom: 2em; padding:10px 0 10px 0; font-size:1.2em; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:1.8em; }	

/***********************
	-	BASICS 	-
***********************/


ol, ul 		{  list-style: none; }

a			{	text-decoration:none;}

.clear 		{	clear:both;}
.space10	{	width:100%;height:10px;}
.space15	{	width:100%;height:15px;}
.space20	{	width:100%;height:20px;}
.space30	{	width:100%;height:30px;}
.space40	{	width:100%;height:40px;}

	
header, nav, section, article, aside, footer {
   display:block;
}

.wrap {
	position:relative;
	margin: 0 auto;
	width: 960px;
}


section		{ 		}
article		{width:33%; display:inline-block; 	}
article p	{padding:0.5em;	background-color:rgba(9,9,9,.03);		}

iframe			{position:absolute; z-index:10;		}

header {width:100%; background-color:#ffffff;   }

#logo {width:100%; padding-bottom:0.5em; 
}
#logo ul			{list-style: none; display:inline; 	}
#logo ul li			{display:inline; 		}

.active				{pointer-events:none; cursor:default;}

.main-logo			{float:left; clear:right;   }
.tel				{float:right; clear:right; }

#nav {
	width:65%;
	float:right;
	clear:right;
	background-color:#fff;
	text-align:right;
	line-height:40px;
	color: #fff;
	margin:1em 0 3em 0;
	font-family:'antoniolight';
}

#nav ul li 	{
	display:inline;
	padding-top: 1em;
	padding-right: 1.5em;
	padding-bottom: 1em;
	padding-left: 0;
	margin: 0em;
	list-style: none;
	color:#999
}
#nav a	    	{color:#666; text-decoration:none; font-size:18px;	}
#nav a:hover	{border-bottom:solid 5px #666; padding-bottom:0.2em; color:#ccc	}

	

.line-shadow			{clear:both; box-shadow: inset 0 1.5px 3px rgba(0,0,0,.04); height:0.5em; margin:0 0 0.5em 0;			}

#main-text-box			{ width:100%; float:left; clear:right; margin:2em 0 2em 0;	}


  


/* HOME/ABOUT SERVICES */

.cent-al		{text-align:center;}
.cent-al h2		{font-size:1.5em;}


.main-container		{ width:100%; float:left; clear:right;	background-image:url(../images/patterns/notebook.png); background-repeat:repeat-x repeat-y; 			}


.main-text-mobile		{ display:block !important;	}
.main-text-mobile h2			{margin:0; padding:5px; text-align:left;		}
.main-text-mobile h3			{margin:0; padding:5px 10px; background-color:#900; color:#fff;		}

.main-text-mobile-about		{ display:none;			}


#strip1		{width:100%; float:left; clear:right;  height:auto;  margin:30px 0 5px 0; -webkit-box-shadow: -2px 10px 15px -10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -2px 10px 15px -10px rgba(0, 0, 0, 0.5);
box-shadow: -2px 10px 15px -10px rgba(0, 0, 0, 0.5); padding: 1% 0; 	}

#strip2		{width:100%; float:left; clear:right;  height:auto; margin-bottom:5px;	-webkit-box-shadow: -2px 10px 15px -10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -2px 10px 15px -10px rgba(0, 0, 0, 0.5);
box-shadow: -2px 10px 15px -10px rgba(0, 0, 0, 0.5); padding: 3% 0 2% 0;	}

#strip3		{width:100%; float:left; clear:right;  height:auto; margin-bottom:5px; padding: 3% 0 2% 0;		} 
 
 
 
.tape		    {width:100%; float:left; clear:right; margin-top:-25px;	}
.tape-left		{width:30%; float:left; clear:right; height:50px; 	}
.tape-middle    { width:30%; float:left; clear:right; height:150px; text-align:center; margin-top:-50px;	}
.tape-middle img    { height:150px; text-align:center;	}

.tape-right		{width:30%; float:right; clear:right; height:50px;	}



.service-text			{float:right; clear:right; font-family:"antonioregular"; font-size:15px;	width:50%; text-align:center; margin-top:25px;		}
.service-text p			{text-align:center;	font-size:14px;	}
.service-text h2		{text-align:center;	font-size:30px;	font-family:"antonioregular"; padding:10px; line-height: 120%;}

.service-icon			{float:left; clear:right; width:40%; padding:30px;	text-align:center; 		}
.service-icon img		{text-align:center; margin:auto;		}

.text-img				{list-style:none; max-width:100%; height:auto;			}
.include-header			{width:75%;	height:auto;		}

.service-text2			{float:left; clear:left; font-family:"antonioregular"; font-size:15px; width:50%; text-align:center;  margin-top:25px; margin-left:-70px;		}
.service-text2 p		{text-align:center;	font-size:14px;	}
.service-text2 h2		{text-align:center;	font-size:30px;	font-family:"antonioregular"; padding:10px; line-height: 120%;}

.service-icon2			{float:right; clear:right; width:40%; padding:0 30px 30px 30px;	text-align:center;		}
.service-icon2 img		{text-align:center; margin:auto;		}

.service-icon3			{float:left; clear:right; width:40%; padding:0 30px 30px 30px;	text-align:center;		}
.service-icon3 img		{text-align:center; margin:auto;		}


/* FOOTER */

footer {
	line-height:25px;
	color: #fff;
	background-color: #2A2A2A;
	clear:both;
	padding:1.5em 0 0 0;
}
footer p				{color:#999999; font-size:12px;	}


.footer-boxes {
	overflow: hidden;
	padding: 10px 0 0 0;
	background:none;
	text-align:left;
}
.footer-boxes ul			{width:100%;		}

.footer-boxes ul li a {
	text-decoration:none;
	color:#999999;
	text-align:center;
	font-size:12px;
}
.footer-boxes ul li a:hover {
	color:#ffffff;	
}

.footer-boxes li {
		position: relative;
		margin:0;
		list-style: none;
		width: 30%;
		float: left;
		text-align:left;	
}

.footer-boxes li:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			display: block;
			width: 30px;
			height: 22px;
}
		
.footer-boxes b {
		display: block;
		padding:5px;
		text-align:center;
		color:#5b6770;
		font-family:Arial, Helvetica, sans-serif;
	}

.footer-boxes .footer-contact					{float:right; margin-right:0; 	}
.footer-boxes .footer-contact p					{float:right; margin-right:0; 	}
.footer-boxes .footer-logo						{width:40%; text-align:center;		}


.footer-text				{clear:both; text-align:center;			}

footer a 	    {color:#999999; font-size:11px  }
footer a:hover 	{color:#fff;   }

.footer-space	{height:30px; background-color:#000;				}

.currentLink { color: #C90A39; border-top:solid 5px #333333; padding-top:0.2em }



/* Pages-Extra */
#top-text-box			{clear:both; max-width:100%; margin:2em 0 0 0; padding-top:1em;}
#top-text-box ul	    {list-style:none;	}
#top-text-box h1	{font-family:"night At The Opera NF", Arial, Helvetica, sans-serif; font-size:2.5em; line-height:90%;}
#top-text-box h2	{font-family:"night At The Opera NF", Arial, Helvetica, sans-serif; font-size:2em;}
#top-text-box p			{text-align:center; padding-top:1em;	}
#top-text-box a					{ text-decoration:none; color:#930;}
#top-text-box a:hover			{ color:#CCC;	}



/* Privacy-Extra */
.back-button-other			{width:100%; float:left; clear:right; text-align:center; padding-bottom:1em; margin:5em 0 5em 0; }
.back-button-other a		{color:#333; text-decoration:none; font-size:1em;  }
.back-button-other a:hover	{color:#fff; text-decoration:none; font-size:1em;	}

/* Graphics-Extra */

.graphics-side-text		{	
	clear: both;
	float: left;
	margin-right:2%;
	margin-left:2%;
	margin-bottom:4%;
	margin-top:4%;
	width: 29.3%;
	height:100%;
	background-color:#ffffff;
	padding-bottom:0.5em;
	border:solid 2px #999999;}
	
.graphics-side-text p		{font-size:1em; padding:5% 5% 0 5%;	}

.logo-image	    {width:65%; float:right; clear:right; padding-bottom:2em;	}
.logos			{border:solid 2px #999999; margin-top:6%; max-width:100% !important;
    height:auto;	}
	
	
/* Other Media-Extra */
#other-text-box			{float:left; clear:right; width:100%; margin:1em 0 1em 0; padding-top:1em; background-color:rgba(255,255,255,0.3);}
#other-text-box ul	   		{list-style:none;	}
#other-text-box p			{text-align:center;	padding:1em;}
#other-text-box h2			{font-family:"night At The Opera NF"; font-size:2em;}
#other-text-box a			{color:#000; text-decoration:none;		}
#other-text-box a:hover		{color:#fff;			}
.event-marketing-image		{max-width:100%;				}


/* Responsive-Page-Extra */
#responsive-image-box		{float:left; clear:right; max-width:100%;	}
.responsive-pic				{max-width:100%;	}
.video						{position:relative; padding-bottom:56%; padding-top:30px; height:0; overflow:hidden;		}

.video object,				
.video embed				{position:absolute;	top:0; left:0; width:100%; height:100%;		}



/* Thanks-Extra */
#thanks-box			{clear:both; max-width:100%; margin:2em 0 10em 0; padding-top:1em;}



/* Rsstoration-Extra */
.restoration-img		{display:block;	float:left;	clear:right; max-width:100%; }
.restoration-img2		{display:block; float:right; clear:right; max-width:100%;  }



/* Contact-Extra */
#map				  {float:left; clear:right; width:65%; background-color:rgba(255,255,255,0.3); margin:0; border:solid 3px rgba(255,255,255,0.3); }
.contact-side-text	  {float:right; clear:right; width:32%; background-color:rgba(255,255,255,0.3); margin:0 0 1em 0; border:solid 3px rgba(255,255,255,0.3);  }
.contact-side-text h1	{padding:0.5em; font-size:1.8em;
  font-family:"Louisianne", Arial, Helvetica, sans-serif; }	
.contact-side-text p	{padding:0.5em; margin-bottom:0.5em; text-align:center;		}
	


/* Forms */
#contactform		{width:100%; float:left; clear:both;  padding:0 0 1.5em 0; margin-top:1em; }

#contactform p		{color:#000; font-size:0.8em; margin-bottom:-0.4em;		}

#contactform fieldset {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	text-transform: capitalize;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	border:solid 3px rgba(255,255,255,0.3);
	background-color:rgba(255,255,255,0.3); background-image:url(../images/contact-us.png);
}
#contactform fieldset p strong input	{ color:#fff; background-color:#900; padding:0.5em; margin:-0.5em 0 1em 0; 	border-radius: 0.4em; border:solid #CCC 2px; }

#submit				{font-size:1em;		}
#submit:hover		{background-color:#333;	}
textarea 			{width:50%; height:3.5em; border:solid #CCC 2px; font-size:1.1em;}		

#name				{width:35%; height:1.7em; line-height: 1.5em; font-size:1.1em; border:solid #CCC 2px;}
#contactnumber		{width:35%; height:1.7em; line-height: 1.5em; font-size:1.1em; border:solid #CCC 2px;}
#email				{width:40%; height:1.7em; line-height: 1.5em; font-size:1.1em; border:solid #CCC 2px;}

#address		{float:right; clear:right; width:40%; text-align:center;	}


#name:focus	{background-color:#FFC;		}
input:focus
{
background-color:#FFC;
} 
textarea:focus
{
background-color:#FFC;
}
select			{height:25px; line-height:1em; font-size:1em; border:solid #ccc 2px; color:#666; background-color:#fff;		}



/* CSS Media Queries */

@media (max-width: 520px) {

.tape-left		{ display:none; }
.tape-right		{ display:none; }	

.service-text			{width:100%; text-align:center; }
.service-icon			{width:100%; text-align:center;	}
.service-text2			{width:100%; text-align:center; margin-left:0; }
.service-icon2			{width:100%; text-align:center;	}
.service-icon3			{width:100%; text-align:center;	}
	
}



@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {

.wrap {
		width: 90%;
	}
	
.service-boxes li {
		width: 100%;
		margin-left: 10px;
		margin-bottom: 30px;
	}
	

#logo			{padding-top:60px;	}
.fullwidthbanner-container		{margin-top: -2.5em;		}

.main-logo		{ margin-left:1em; width:35%; height:auto;	}
.tel			{ margin:1em 1em 0 0;	width:50%; height:auto;}

.service-text			{width:100%; text-align:center; }
.service-icon			{width:100%; text-align:center;	}
.service-text2			{width:100%; text-align:center; margin-left:0; }
.service-icon2			{width:100%; text-align:center;	}

#top-text-box		{width:100%; background-color:rgba(255,255,255,0.6);	}
#top-text-box p		{padding:0.5em;			}

.footer-logo		{display:none;}

.tape-left		{ display:none; }
.tape-right		{ display:none; }

}


@media only screen and (min-width: 321px) and (max-width: 767px) {

.cent-al	{}

.wrap {
		width: 90%;
	}

#logo			{padding-top:60px;	}

.main-logo		{ margin-left:1em; width:30%; height:auto;	}
.tel			{ margin:1em 1em 0 0;	width:40%; height:auto;}

.service-text2			{margin-left:15px; }


.footer-logo		{display:none;}
}



@media only screen and (min-width: 320px) and (max-width: 568px) {

.main-text-mobile-about			{ display:block !important;	}
.main-text-mobile-about	 h2			{margin:0; padding:5px; text-align:left;		}
.main-text-mobile-about	 h3			{margin:0; padding:5px 10px; background-color:#900; color:#fff;		}

.theslider			{display:none;}		
}


@media only screen and (min-width: 768px) and (max-width: 1024px) { 

.cent-al h2		{font-size:1.2em;}

.wrap { width: 90%; }

#logo 			{left:50px; top:30px; }
.main-logo		{width:25%;	}

#nav				{width:100%; clear:right; background-color:transparent; margin:3em 0 2em 0; text-align:center; }
#nav ul li				{padding:0 1.2em 0 1.2em;	}

section			{margin-bottom:10em;			}
}

@media only screen and (min-width: 1280px) {
.tel		{cursor:default;  pointer-events: none;		}
}