/* Template */

body {

	background-color:#e2e2e2;


	/* color: #315f52; */
	font-family: 'latoregular';
	font-size: 14px;
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato-regular-webfont.eot');
	src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/lato-regular-webfont.woff') format('woff'),
		url('../fonts/lato-regular-webfont.ttf') format('truetype'),
		url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nixie_oneregular';
	src: url('../fonts/nixieone-regular-webfont.eot');
	src: url('../fonts/nixieone-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/nixieone-regular-webfont.woff') format('woff'),
		url('../fonts/nixieone-regular-webfont.ttf') format('truetype'),
		url('../fonts/nixieone-regular-webfont.svg#nixie_oneregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
a {
	outline: none;
}
img {
	border: none;
}
p {
	line-height: 30px;
	margin: 0;
}
p a {
	color: #315f52;
}
p a:hover {
	color: #451374;
}
	

 
/* ==============================================================
							P A G E	 - 	p a g e
 ============================================================== */
#page 
{
	width: 100%;
	height: 1800px;
}

#header-menu-line
{
	margin: 0 auto;
	position: relative;
	top:70px;
	background: url(/images/menu/header-line.png) repeat-x;
	height: 10px;
	width: 100%;
}

#header-menu-line-a
{
	margin: 0 auto;
	position: relative;
	top:68px;
	background: url(/images/menu/header-line.png) repeat-x;
	height: 10px;
	width: 100%;
}

/*==========================================================
				
==========================================================*/

#webtitle 
{
	position: relative;
	background-color:#f2f2f2;
	top: 67px;
}

#us-screen
{
	margin: 0 auto;
	position: relative;
	top:68px;
	background-color:#366495;
	height: 100%;
	height: 1375px;
}

/*==========================================================
				 I M A G E S   images 
==========================================================*/

#page-us
{
	position: absolute;
	background-image: url(/images/us/c_us-a.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 125px;
  	width: 100%;
  	height: 320px;
}

/*==========================================================
				 E M A I L   email-box 
==========================================================*/

#email-box
{
	margin: 0 auto;
	position: relative;
	background-color:#e2e2e2;
	top: 500px;
	padding-left1: 20px;
	width: 675px;
	height: 675px;
	border: 10px solid black;
	border-block: double 15px #303026;
}

/*==========================================================
				M E D I A   O N L Y   S C R E E N
==========================================================*/

/*=============  975px ============*/

@media only screen and (max-width : 975px) {
	
#page 
{
	width: 100%;
	height: 1675px;
}

#page-us
{
	position: relative;
	background-image: url(/images/us/c_us-e.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 150px;
  	width: 100%;
  	height: 320px;
}

#us-screen
{
	height: 1250px;
}

#email-box
{
	top: 200px;
}
}

/*=============  725px ============*/

@media only screen and (max-width : 725px) {
	
#page 
{
	width: 100%;
	height: 1675px;
}

#us-screen
{
	height: 1250px;
}


#email-box
{
	top: 200px;
	width: 375px;
	height: 675px;
}

#contact_form form textarea 
{ 
	width: 325px; 
}

#contact_form
{
    width:300px;
}

}

/*=============  575px ============*/

@media only screen and (max-width : 575px) {
	
#page 
{
	width: 100%;
	height: 1625px;
}
	
#webtitle 
{
	top: 0px;
}

#header-menu-line-a
{
	margin: 0 auto;
	position: relative;
	top:0px;
}

#us-screen
{
	top:0px;
	height: 1275px;
}
	
}

/*=============  499px ============*/

@media only screen and (max-width : 499px) {

#page 
{
	width: 100%;
	height: 1750px;
}

#page-us
{
	position: relative;
	background-image: url(/images/us/c_us-c.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 150px;
  	width: 100%;
  	height: 350px;
}

#contact_form1 form textarea 
{
	width: 200px; 
}
	
}

/*=============  375px ============*/

@media only screen and (max-width : 375px) {

#email-box
{
	top: 200px;
	width: 300px;
	height: 675px;
}

#contact_form form textarea 
{
	width: 250px; 
}
	
}

@media only screen and (max-width : 365px) {

#page-us
{
	position: relative;
	background-image: url(/images/us/c_us-f.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 150px;
  	width: 100%;
  	height: 300px;
}
	
}