* {
margin: 0;
padding: 0;
}

/* -------- General -------- */
body {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 0.8em;
color: #32393d;
}
p {
line-height: 1.4em;
margin: 0 0 15px 0;
}
a {
color: #695A4E;
text-decoration: underline;
}
a:hover {
color: #7A70A7;
}
h1 {
font-size: 1.7em;
color: #695A4E;
margin: 5px 0 10px 0;
font-weight: normal;
}
h2 {
font-size: 18px;
color: #695A4E;
margin: 5px 0 10px 0;
font-weight: bold;
}
h3 {
font-size: 1.1em;
color: #1e292b;
margin: 5px 0 10px 0;
}
h4 {
font-size: 0.9em;
color: #fe4819;
margin: 5px 0 10px 0;
}
h5 {
font-size: 0.9em;
color: #1e292b;
margin: 5px 0 10px 0;
}
img, img a {
border: 0;
}
ul, ol {
margin: 10px 0 10px 25px;
padding: 0;
}
li {
margin: 4px 0 4px 0;
line-height: 1.4em;
}
ul li {
list-style-type: disc;
}
blockquote {
margin-left: 28px;
}
hr {
border: 0;
border-top: 3px solid #DCEAF6;
height: 3px;
margin: 0 0 10px 0;
}

/* -------- Outer Content Wrapper (Surrounds header & content) -------- */
#Outer {
	clear: both;
}
#Wrapper {
	clear: both;
	float: left;
	display: inline;
}

/* -------- Page Containers -------- */

#ContainerBottom {
clear: both;
position: relative;
width: 100%;
}

/* -------- Main Content Area -------- */
.Content {
float: left;
min-height: 500px;
width: 98%;
padding: 0 0 20px 0;
}
.Content.Wide {
margin: 0;
width: 98%;
padding: 0 0 20px 0;
}
.Content .Block {
	clear: both;
	margin-bottom: 10px;

}
.Content .BlockContent {

}
.Content.Home {
margin: 0;
width: 100%;
padding: 0 0 0 0;
}


/* -------- Footer -------- */
#Footer {
margin: 0 auto;
max-width: 870px;
border-top: solid 1px #cccccc;
padding: 15px 0 20px 0;
}
#Footer p{
font-size: 0.85em;
color: #666666;
line-height: 1.8em;
}
#Footer .Small {
font-size: 0.85em;
}
#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {
color: #666666;
text-decoration: none;
margin: 0;
}
#Footer a:hover {
color: #196297;
text-decoration: underline;
}

/* -------- Tables -------- */
table.General {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0 0 10px 0;
}
table.General th {
font-size: 0.9em;
text-align: left;
vertical-align: top;
padding: 6px 10px 6px 10px;
border-bottom: 1px dotted #c4c4c4;
}
table.General td {
padding: 6px 10px 6px 10px;
vertical-align: top;
}


/* -------- Home Page -------- */




.underScorePages {
    width: 770px;
    height: 150px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 0px solid #000000;
    background-color:#695A4E;
    margin: 10px 0 30px 0;
    overflow:hidden;
    color: #FFFFFF;
    behavior: url(PIE.htc);
}

input[type=text] {
    padding: 5px 10px;
    box-sizing: border-box;
	border-radius: 4px;
}

textarea {
    height: 150px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
}

select {
    padding: 5px 10px;
    border-radius: 4px;
}

.btn-group .button {
    background-color: #695A4E; /* Green */
    border: none;
    color: white;
    padding: 10px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    /*float: left;*/
	border-radius: 5px;
}

.btn-group-lrg .button-lrg {
    background-color: #695A4E; /* Green */
    border: none;
    color: white;
    padding: 10px 16px;
	margin: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    cursor: pointer;
    /*float: left;*/
	border-radius: 5px;
}

.btn-group .button:hover {
    background-color: #A68E7B;
}

@media only screen and (max-width: 481px){
	#Footer{
		width: 98%;
	}

	#Header {
		margin-top: 40px;
		width: 100%;
		height: 40px;
	}
	.HomeBanner{
		display: none;
	}
	#Container {
		position: relative;
		margin: 0 auto;
		width: 95%;
	}

	.underScore {
        display: none;
	}
	#Menu {
		position: fixed;
		/*clear: both;
		float: left;*/
		width: 100%;
		background-color: #695A4E;
		height: 30px;
		/*display: inline;*/
		/*position: fixed;*/
		z-index: 3;
		font-weight: bold;
		top: 0;
		left: 0;
		
	}
	#Menu ul { 
		margin: 0;
		padding: 0;
		width: 50%;
		list-style: none;
		overflow: hidden;
		background-color: #695A4E;
	}

	#Menu .menu{
		clear: both;
	  	max-height: 0;
	  	transition: max-height .2s ease-out;
	}
	#Menu li a:hover { 
		text-decoration: underline;
	}
	#Menu li a{
		color: #fff;
		display: block;
 		padding: 5px 5px;
  		border-right: 1px solid #f4f4f4;
  		text-decoration: none;
	}
	* html #Menu li a {
		float: left;
	}
	#Menu .menu-icon {
  		cursor: pointer;
  		display: inline-block;
  		float: left;
  		padding: 15px 10px;
  		position: relative;
		color: #ffffff;
  		user-select: none;
	}
 
	#Menu .menu-icon .navicon {
  		background: #fff;
  		display: block;
  		height: 2px;
  		position: relative;
  		transition: background .2s ease-out;
  		width: 18px;
	}
 
	#Menu .menu-icon .navicon:before,
	#Menu .menu-icon .navicon:after {
  		background: #fff;
  		content: '';
  		display: block;
  		height: 100%;
  		position: absolute;
  		transition: all .2s ease-out;
  		width: 100%;
	}
 
	#Menu .menu-icon .navicon:before {
  		top: 5px;
	}
 
	#Menu .menu-icon .navicon:after {
  		top: -5px;
	}
	#Menu .menu-btn {
  		display: none;
	}
 
	#Menu .menu-btn:checked ~ .menu {
  		max-height: 440px;
	}
 
	#Menu .menu-btn:checked ~ .menu-icon .navicon {
  		background: transparent;
	}
 
	#Menu .menu-btn:checked ~ .menu-icon .navicon:before {
  		transform: rotate(-45deg);
	}
 
	#Menu .menu-btn:checked ~ .menu-icon .navicon:after {
  		transform: rotate(45deg);
	}
 
	#Menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
	#Menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  		top: 0;
	}
	.HomeColumns {
	float: left;
	width: 85%;
	padding: 0 0 20px 0;
}
.HomeColumns770 {
	float: left;
	width: 85%;
	padding: 0 0 20px 0;
}

	.contacts{
		margin-left:0px; 
		line-height:30px;
		width: 80%;
	}
	
	.contacts textarea{
		width: 100%;
	}
}

@media only screen and (min-width: 480px) and (max-width:780px){
	#Footer{
		width: 98%;
	}
	#Header {
		width: 100%;
		height: 40px;
	}
	#Container {
		position: relative;
		margin: 0 auto;
		width: 98%;
	}
	#Menu {
		position: relative;
		clear: both;
		/*float: left;*/
		width: auto;
		background-color: #695A4E;
		height: 30px;
		/*display: inline;*/
		/*position: fixed;*/
		z-index: 3;
		font-weight: bold;
		outline: none;
		
	}
	#Menu ul { 
		margin: 0;
		padding: 0;
		width: 50%;
		list-style: none;
		overflow: hidden;
		background-color: #695A4E;
	}
	#Menu .menu{
		clear: both;
	  	max-height: 0;
	  	transition: max-height .2s ease-out;
	}
	#Menu li a:hover { 
		text-decoration: underline;
	}
	#Menu li a{
		color: #fff;
		display: block;
 		padding: 5px 5px;
  		border-right: 1px solid #f4f4f4;
  		text-decoration: none;
	}
	* html #Menu li a {
		float: left;
	}
	#Menu .menu-icon {
  		cursor: pointer;
  		display: inline-block;
  		float: left;
  		padding: 15px 10px;
  		position: relative;
		color: #ffffff;
  		user-select: none;
	}
 
	#Menu .menu-icon .navicon {
  		background: #fff;
  		display: block;
  		height: 2px;
  		position: relative;
  		transition: background .2s ease-out;
  		width: 18px;
	}
 
	#Menu .menu-icon .navicon:before,
	#Menu .menu-icon .navicon:after {
  		background: #fff;
  		content: '';
  		display: block;
  		height: 100%;
  		position: absolute;
  		transition: all .2s ease-out;
  		width: 100%;
	}
 
	#Menu .menu-icon .navicon:before {
  		top: 5px;
	}
 
	#Menu .menu-icon .navicon:after {
  		top: -5px;
	}
	#Menu .menu-btn {
  		display: none;
	}
 
	#Menu .menu-btn:checked ~ .menu {
  		max-height: 440px;
	}
 
	#Menu .menu-btn:checked ~ .menu-icon .navicon {
  		background: transparent;
	}
 
	#Menu .menu-btn:checked ~ .menu-icon .navicon:before {
  		transform: rotate(-45deg);
	}
 
	#Menu .menu-btn:checked ~ .menu-icon .navicon:after {
  		transform: rotate(45deg);
	}
 
	#Menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
	#Menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  		top: 0;
	}
}

@media only screen and (min-width: 780px){
	#Footer{
		width: 99%;
	}
	#Header {
		width: 100%;
		max-width: 770px;
		height: 90px;
		margin-top: 10px;
	}
	#Container {
		position: relative;
		margin: 0 auto;
		width: 100%;
		max-width: 770px;
	}
	
	.HomeBanner {
		position: relative;
		width: 770px;
		height: 250px;
		font-size: 24px;
		overflow:hidden;
		border: 1px solid;
		color: #FFFFFF;
		z-index: 0;
	}

	.underScore {
        width: 770px;
        height: 250px;
		margin-top: 5px;
        border: 0px solid #000000;
        background-color:#695A4E;
        color: #FFFFFF;
        overflow:hidden;
        behavior: url(PIE.htc);
	}
	/* -------- Main Menu for Round design -------- */

	#Menu {
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		background-color: #695A4E;
		height: 31px;
		display: inline;
		z-index: 10;
	}

	#Menu ul { 
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#Menu li { 
		float: left;
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#Menu a { 
		display: block;
		height: 24px;
		color: #FFFFFF;
		font-size: 0.85em;
		font-weight: bold;
		text-decoration: none;
		padding: 6px 13px 0 13px;
	}

	#Menu li a:hover { 
		text-decoration: underline;
	}

	#Menu span {
		display: block;
		height: 24px;
		color: #FFFFFF;
		font-size: 0.85em;
		font-weight: bold;
		text-decoration: none;
		padding: 6px 13px 0 13px;
	}
	
	.menu-btn{
		display: none;
	}

	#Menu span{
		display: none;
	}
	/* -------- IE 6 MENU FIX -------- */

	* html #Menu li a {
		float: left;
	}
	
	.HomeColumns {
	float: left;
	width: 100%;
	padding: 15px;
}
.HomeColumns770 {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}
	.contacts{
		margin-left:150px; 
		line-height:30px;
	}
}