@charset "utf-8";

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}


#body {
	background-color: #EFEFEF;
}

/* CSS Document */

#container {
	background-color: #EFEFEF;
	width: 1200px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	font-family: Tahoma, Geneva, sans-serif;
}

body  {
	background-color: #EFEFEF;
}

p  {
	
	font-family: "Gill Sans MT", "Swis721 BT", Arial
	font-size: .9em;
	text-align: left;
	font-family: "Gill Sans MT", Arial, Tahoma, Geneva, sans-serif;
	
	
	
	
	
	
	
}

h4 {
	font-family: "Gill Sans MT", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	
}


boxnw1 {
	font-family: "Gill Sans MT", "Swis721 BT", Arial
	font-size: .9em;
}


#topbox {
	background-color: #FF690F;
	height: auto;
	width: 1400px;
	float: left;
}
#topbox1 {
	background-color: #EFEFEF;
	height: 200px;
	width: 500px;
	float: left;
}
#intopbox1 {
	background-color: #EFEFEF;
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	font-weight: bolder;
}


#topbox2 {
	background-color: #EFEFEF;
	height: 200px;
	width: 500px;
	float: left;
}
#intopbox2a {
	font-family: "Gill Sans MT", Arial;
	font-size: 1em;
	color: #333;
	text-align: right;
	font-weight: 700;
}

#intopbox2b {
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Web Pro";
	font-size: 1em;
	color: #333;
	background-color: #EFEFEF;
	height: 80px;
}
#intopbox2c {
	color: #000;
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light", "Myriad Web Pro";

}

#topbox3 {
	background-color: #EFEFEF;
	height: 200px;
	width: auto;
}


#headbann {
	height: 250px;
	width: auto;
	border-collapse: collapse;
	background-color: #F9F;
	clear: both;
}
#topboxunder {
	background-color: #9F9;
	width: 500px;
	height: 200px;
}
#topboxunder {
	background-color: #F3C;
	height: 20px;
	width: 1400px;
	clear: both;
}

#topboxunder2 {
	background-color: #0C9;
	width: 600px;
	height: 200px;
	float: left;
}
#topboxunder3 {
	background-color: #669;
	height: 200px;
	width: 300px;
	float: left;
}
#topboxunder4 {
	background-color: #C9F;
	height: 200px;
	width: 500px;
	float: right;
}

#bar1 {
	background-color: #93F;
	height: 20px;
	width: 1400px;
	clear: both;
}
#headbann {
	background-color: #FCF;
	height: 221px;
	width: 600px;
	float: left;
}





#head {
	background-color: #6F0;
	height: 221px;
	width: 300px;
	float: left;
}


#head-underconst {
	background-color: #FFFF97;
	width: auto;
	height: 221px;
}

#head2 {
	background-color: #F6F;
	width: 900px;
	height: 500px;
}

#head2A {
	width: 300px;
	height: 300px;
	background-color: #F00;
	float: right;
}


#head2nav {
	background-color: #6FF;
	width: 900px;
	height: 200px;
}

#head3 {
	background-color: #FF0;
	height: 200px;
	width: 300px;
}
#head4 {
	background-color: #F90;
	height: 30px;
	width: 1200px;
	clear: both;
}
#head5 {
	background-color: #93F;
	height: 30px;
	width: 1200px;
	font-family: "Swis721 BT", Arial;
	font-size: 10px;
	font-weight: 100;
}
#nav {
	background-color: #09F;
	height: 50px;
	width: 1200px;
}
#text {
	background-color: #CF9;
	height: 30px;
	width: 1200px;
}
h5 {
	font-family: "Swis721 BT", Arial;
	font-size: 12px;
	font-weight: 100;
	text-align: center;
}
#container #footer {
}



/* Desktop view */
h1{
	color: #F00; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:100;
}

/* Tablet view */

@media (max-width: 800px){
	
	h1 {
		color:#0C0;
	}

	
	

/* Mobile view */  /*/note: used 600px/*/

@media (max-width: 400px){
	
	h1 {
		color: #F0F;