@import url("reset.css");
@import url("//fonts.googleapis.com/css?family=Alegreya+Sans:300,300italic,400,400italic,500,500italic,700,700italic,800,800italic");

*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body
{
	background: #CCDAC5;
	color: #000000;
	padding: 30px 0;
	font-family: "Alegreya Sans", Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
}

img
{
	border: 0;
}

#mainslider
{
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	width: 860px;
	overflow: auto;
}

#pagecontainer
{
	margin: 0 auto;
	width: 900px;
	background: url('../images/pagebg.gif') repeat-y;
}

#menuslider
{
	margin: 0 auto;
	width: 860px;
	padding: 10px;
	background: #3A6F1F url('../images/tel.gif') no-repeat right center;
}

#menuslider ul
{
	list-style-type: none;
}

	#menuslider ul li
	{
		display: inline;
	}
	
		#menuslider ul li a
		{
			float: left;
			font-weight: 600;
			color: #1C3D0B;
			text-transform: uppercase;
			text-decoration: none;
			line-height: 46px;
			padding: 0 20px;
			margin: 0 10px 0 0;
			background: #72AB54;
		}
		
			#menuslider ul li a:hover
			{
				color: #FFF;
				background: #1C3D0B;
			}

#body
{
	margin: 0 auto;
	width: 860px;
	color: #3A6F1F;
	background: #FFF url('../images/design_05.gif') repeat-x;
	
}

#body h1, #body h2, #body h3, #body h4
{
	color: #1C3D0B;
	font-size: 26px;
	line-height: 26px;
	margin: 0 0 20px 0;
	font-weight: 600;
}

	#body h2
	{
		font-size: 22px;
		line-height: 22px;
	}
	
		#body h3, #body h4
		{
			font-size: 20px;
			line-height: 20px;
		}

#body p
{
	margin-bottom: 20px;
}

#body a
{
	color: #1C3D0B;
}

.gallery
{
	margin: 0;
}

#picture1, #picture2, #picture3, #picture4, #picture5
{
	list-style-type: none;
}

#homeleft, #contactleft
{
	float: left;
	width: 540px;
	padding: 0 20px 40px 20px;
}

#homeright, #contactright
{
	float: right;
	width: 320px;
	padding: 50px 20px 0 0;
}

#select
{
	padding-right: 0;
}

	#select ul
	{
		list-style-type: none;
		display: inline;
		float: right;
	}
	
		#select ul li
		{
			font-size: 18px;
			float: left;
			margin-left: 5px;
		}
		
			#select ul li a
			{
				float: left;
				color: #FFF;
				text-decoration: none;
				background: #1C3D0B;
				padding: 0px 8px;
			}

#graphic
{
	margin: 0 auto;
	width: 860px;
	font-size: 85%;
	height: 139px;
	color: #000000;
	background: url('../images/design_07.gif') center no-repeat;	
}

#graphic a
{
	float: left;
	width: 860px;
	height: 139px;
	display: block;
}

#gallery
{
	margin: 0 auto;
	width: 860px;
	height: 140px;
	background: #244C10;	
}

strong
{
	font-size: 30px;
	color: #244C10;	
}

.padding
{
	margin-bottom: 10px;
}

.image1
{
	float: left;
	height: 140px;
	width: 260px;
	margin-left: 20px;
	background: url('../images/photo1.gif') bottom no-repeat;	
}

.image2
{
	float: left;
	height: 140px;
	width: 260px;
	margin-left: 20px;
	background: url('../images/photo2.gif') bottom no-repeat;	
}

.image3
{
	float: left;
	height: 140px;
	width: 260px;
	margin-left: 20px;
	background: url('../images/photo3.gif') bottom no-repeat;	
}

.logo
{
	float: left;
	margin-right: 16px;	
}

.right
{
	float: right;
}

#footer
{
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
	width: 860px;
	color: #C8D2C3;
	padding: 20px 0;
	background: #244C10;	
	text-decoration: none;
}

	#footer a
	{
		color: #fff;
		text-decoration: none;
	}
	
		#footer a:hover
		{
			text-decoration: underline;
		}


.errorform
{
	margin: 0 0 20px 0;
}