*								{margin: 0 0 0 0; padding: 0 0 0 0; box-sizing: border-box;}
html							{width: 100%; background: #ffffff; height: 100%; font-family: 'Raleway', sans-serif; color: #111111; }

h1								{font-family: 'Raleway', sans-serif; font-size: 55px; line-height: 50px; font-weight: 300; margin: 0 0 0 0; padding: 0 0 0 0;}
h2								{font-family: 'Raleway', sans-serif; font-size: 36px; line-height: 40px; font-weight: 300; margin: 0 0 0 0; padding: 0 0 0 0;}

a:hover, a:active, a:visited  	{text-decoration:none;}

/*<link href='//fonts.googleapis.com/css?family=Pacifico|Raleway:400,200,500,900' rel='stylesheet' type='text/css'>*/

/*______REPEATABLES / Page Compisition______*/
.width-full						{width: 100%; overflow:hidden;}
.page-width						{max-width: 1000px; margin: 0 auto; padding: 0 20px 0 20px;} /* <<<----- Has padding on left and Right / adjust in responsive ----  */

.topdown-pad-fourty				{padding: 40px 0 40px 0;}
.topdown-pad-sixty				{padding: 60px 0 60px 0;}

.whitefont						{color: #ffffff;}
.serifd							{font-family:'Times New Roman', Times serif; font-size: 28px; color: #ffffff}


/*______floating divs______*/
/*______Each div is floated left. These must be used with a br/ tag. The tag must have the 'clear' class used below
 *______thirtythree is 33%. Fifty is 50% - you get the picture | no margin in between divs, rather use padding
 *______Enjoy */

.clear_float					{height: 0px; clear: both;}

.sixtyseven						{width: 67%; float: left;}
/*.thirtythree					{width: 33%; float: left;}*/
.thirtyfour						{width: 34%; float: left;}
.thirtyeight					{width: 38%; float: left;}
.twentyfour						{width: 24%; float: left;}
.fifty							{width: 50%; float: left;}
.twentyfive						{width: 25%; float: left;}
.seventyfive					{width: 75%; float: left;}
.twenty							{width: 20%; float: left;}

/*______HEADER AND FOOTER______*/


header							{background: url("../images/navigation_top.jpg") top center no-repeat; padding: 20px 0 20px 0; background-size: cover;}
	header img					{max-width: 170px; height: auto; display: block; float: left; margin: 15px 0 0 0;}
	header h2					{display: inline-block; margin: 33px 0 0 10px;}
	header ul  					{list-style-type: none; text-align: right; display: inline; margin: 0 0 0 0; padding: 0 0 0 0; color: #ffffff; }
	header ul li 				{display: inline-block; margin: 22px 10px 0px 10px; font-size: 15px; color: #ffffff;} 
	header ul li a, header ul li a:hover, header ul li a:visited		
								{color: #ffffff; text-decoration: none; font-weight:300;}
	.top-nav					{text-align:right; padding: 20px 0 0 0;}							
	
	
.last							{background: #333333; text-align: center; color: #888888; padding: 20px 0 20px 0;}
	.copyright  				{text-align: left; padding: 33px 0 0 0;}
	.foot-logo img				{max-width: 150px; height: auto;display: block; margin: 0 auto 0 auto;}
	
	.foot-nav					{text-align: right; padding: 5px 0 0 0; width: 39%;}
	.last ul					{list-style-type: none; text-align: right; display: inline; margin: 0 0 0 0; padding: 0 0 0 0;}
	.last ul li					{display: inline-block; margin: 20px 10px 0px 10px; font-size: 14px;}
	.last ul li a, .last ul li a:hover, .last ul li a:visited				
								{color: #888888; text-decoration: none;}
								
	.last .hidden-copy			{height: 0px; display: none;}	
								
/*_____END HEADER AND FOOTER____*/


/*______Page Properties______*/

.top_banner						{min-height: 535px; background: url("../images/top_banner.jpg") top center no-repeat; background-size:cover; text-align: left; padding: 78px 0 50px 0;}
	.top_banner	h1, .top_banner h2				{color: #ffffff; max-width: 650px;  text-shadow: 2px 2px 4px #222222;}
	
.green							{background: #85d0f7;}
.green_divide					{background: #85d0f7; height: 50px;}

.baroque_1						{padding: 80px 0 80px 0; background: url("../images/baroque_1.jpg") top center no-repeat; background-size: cover; text-align: left;}

	.baroque_1 p				{color: #1c3b1f; font-size: 16px; line-height: 40px; }

.home_content_section			{padding: 40px 20px 80px 20px; min-height: 280px; z-index: 1;}

.paddbottom						{padding: 0 0 30px 0;}
.centrdiv						{margin: 0 auto 0px auto; width: 300px; }

.baroque_2						{min-height: 715px; padding: 0px 0 0px 0; background: url("../images/baroque_2.jpg") top center no-repeat; background-size: cover; }

	.thanks-left				{float: left; padding: 110px 0 0 5%; width: 50%;}
		.thanks-left p			{color: #1c3b1f; font-size: 16px; line-height: 40px;}
		.thanks-left img		{display: block; margin: 40px auto 0 auto; }
	.thanks-right				{float: left; width: 50%;}
		.thanks-right img		{max-width: 861px; height: auto; overflow-x:hidden;}

.accolades						{width: 25%; text-align: center; padding: 20px 0 20px 0; float: left;}

	.z-up						{position: absolute; z-index: 999;}

.bouquet						{background: url("../images/bouquet.jpg") top center no-repeat; background-size: cover; min-height: 600px; padding: 60px 0 0 0; margin: 140px 0 0 0;}
	.thirty-right				{width: 30%; float: right; color: #ffffff; margin: 0 3% 0 0;}
	.twenty-right				{width: 20%; float: right; color: #ffffff; text-align: center;}
		.twenty-right a, .twenty-right a:hover, .twenty-right a:visited 
								{text-decoration: none; color: #ffffff;}
		.twenty-right a i       {font-size: 40px; line-height: 60px;}
								
								
	#map-canvas					{width: 280px; height: 280px;}
	
	
/*______Contact______*/
.contact-section				{padding: 60px 0 60px 0;}
.contact_banner					{min-height: 335px; background: url("../images/banner_3.jpg") top center no-repeat; background-size:cover; text-align: left; padding: 78px 0 50px 0;}
.contact_banner h1, .contact_banner h2					{ text-shadow: 2px 2px 4px #222222;}

.wpcf7-text						{width: 90%;}


/*______Gallery______*/


.gallery_banner					{min-height: 335px; background: url("../images/banner_2.jpg") top center no-repeat; background-size:cover; text-align: left; padding: 78px 0 50px 0;}
.gallery_banner h1, .gallery_banner h2				{ text-shadow: 2px 2px 4px #222222;}

.gallery-section				{padding: 60px 0 60px 0;}


/*______Testimonials______*/
.testimonial_banner					{min-height: 335px; background: url("../images/banner_1.jpg") top center no-repeat; background-size:cover; text-align: left; padding: 78px 0 50px 0;}

.testimonial_banner	h1, .testimonial_banner	h2			{ text-shadow: 2px 2px 4px #222222;}	

.testimonial-section			{padding: 70px 0 90px 0;}
.testimonial-section h2			{}
.testimonial-section p			{}




/*______Links______*/
.links_banner					{min-height: 335px; background: url("../images/banner_4.jpg") top center no-repeat; background-size:cover; text-align: left; padding: 78px 0 50px 0;}

.links_banner h1, .links_banner h2						{ text-shadow: 2px 2px 4px #222222;}


/*______News Reel______*/
.entry-content					{}
.widget-area					{}

.news-section					{max-width: 1000px; margin: 0 auto 0 auto; padding: 70px 0 90px 0;}
.news-far-left					{width: 58%; float: left;}
.news-devider					{width: 10%; float: left;}
.news-far-right					{width: 32%; float: left;}

.sixtyseven						{width: 65%; margin: 0 2% 0 0; float: left;}
.post-trim						{margin: 15px 15px 15px 15px; border: 1px solid #d2d2d2; background: url("../images/tweed_bg.jpg") top left repeat;}


.blog-reel article ul li			{list-style-type:none;}
.blog-reel article ul li.post-t				{font-size: 27px; padding: 15px 10px; background: #eeeeee; }
.post-t a, .post-t a:hover, .post-t a:visited			{color: #888888; text-decoration: none;}

.widget_recent_entries ul				{list-style-type:none; margin: 0 0 0 0;}
.widget_recent_entries ul li			{margin: 15px 0 0 0;}
#archives-2 ul					{list-style-type:none; margin: 0 0 0 0;}
#archives-2 ul li				{margin: 15px 0 0 0;}


/*______Responsive______*/


@media only screen and (min-width: 1400px)
{
	header						{background-size: cover;}
	.top_banner					{background-size: cover;}
	
}

@media only screen and (max-width: 1160px)
{
	header .fifty				{width: 100%;}	
	header img					{float: none; margin: 15px auto 10px auto;}
	header h2					{display: block; margin: 5px auto 0 auto; width: 300px}
	header ul  					{list-style-type: none; text-align: center; display: inline; margin: 0 0 0 0; padding: 0 0 0 0; color: #ffffff; }
	header ul li 				{display: inline-block; margin: 0px 10px 0px 10px; font-size: 20px; color: #ffffff;}

	.top-nav					{text-align:center; padding: 0px 0 0 0;}	
}

@media only screen and (max-width: 1160px)
{
	.contact-section			{padding: 60px 2% 60px 2%;}
}

@media only screen and (max-width: 980px)
{
	.thanks-left				{float: none; padding: 60px 5% 60px 5%; width: 100%;}
		.thanks-left p			{color: #1c3b1f; font-size: 16px; line-height: 40px;}
		.thanks-left img		{display: block; margin: 40px auto 60px auto; width: 170px; height: auto; }
	.thanks-right				{float: none; width: 0px; text-align: center; display: none;}
	.thanks-right img			{display: none; margin: 0 0 0 0; width: 0px;}
	.baroque_2					{min-height: 0px;}
}

@media only screen and (max-width: 890px)
{
.bouquet						{background: url("../images/bouquet_10percent.jpg") top center no-repeat; background-size: cover;}
	.thirty-right				{width: 50%; float: right; color: #ffffff; margin: 0 auto 0 4%;}
	.twenty-right				{width: 46%; float: right; color: #ffffff; margin: 0 auto 0 auto; text-align: center;}	
		.twenty-right a i       {font-size: 25px; line-height: 25px;}
}

@media only screen and (max-width: 850px) 
{
	.wpcf7-text						{width: 40%;}
	.twentyfive						{width: 100%; float: left;}
	.seventyfive					{width: 100%; float: left;}
}

@media only screen and (max-width: 820px)
{
	.news-section				{max-width: 1000px; margin: 0 2% 0 2%; padding: 70px 0px 90px 0;}
.news-far-left					{width: 100%; float: left;}
.news-devider					{width: 100%; height: 80px; float: left;}
.news-far-right					{width: 100%; float: left;}
}

@media only screen and (max-width: 680px)
{
	.copyright  				{padding: 0 0 0 0; height: 0px; display: none;}
	.last .twentyfour			{width: 100%}
	.last .thirtyeight			{width: 100%}
	.last .hidden-copy			{width: 100%; display:block; height: 40px;}
	.fifty						{width: 100%;}
	.foot-nav					{text-align: center; padding: 5px 0 10px 0;}
	.last ul					{list-style-type: none; text-align: center; display: inline; margin: 0 0 0 0; padding: 0 0 0 0;}
	.last ul li					{display: inline-block; margin: 0px 10px 0px 10px; font-size: 14px;}
}

@media only screen and (max-width: 580px)
{
	.thirty-right				{width: 80%; float: none; margin: 30px auto 0 auto; text-align: center;}
	.twenty-right				{width: 80%; float: none; margin: 0 auto 0 auto; }	
}

@media only screen and (max-width: 360px)
{
	header h2					{width: 270px; text-align: center;}
}