@charset "UTF-8";
/* CSS Document */

@media only screen and (max-device-width: 375px) {
		* {
	float: none;
	
	}
	
body {	
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: cover;
	background-size::;
	height: auto;
	}

/* divs*/
#all {
background-image: url(' ');
max-width:365px;
border: px purple solid;
background-repeat:;
width: auto;
height: auto;
float: none;
margin-left: auto;
margin-right: auto;
overflow:hidden;
background-size: cover;
background-repeat: no-repeat;
border: px solid yellow;	
}

#header {
border: px solid blue;
background-color: # ;
padding: 0em 0em 0em 0em;
text-align: center;
text-justify:auto;
font-size: medium;
float: left;
 width:99%;
   height:auto;
clear: both;
margin: 0 auto;
}

#left{
float: left;
width: 98%;
height: auto;
padding: 0em 0em 0em 3px;
background-color: # ;
text-align: justify;
text-justify:auto;
overflow:auto;
border: px solid yellow;
}

#left2 {
float: left;
width: 98%;
height: auto;
padding: 0em 0em 0em 0em;
background-color: # ;
text-align: justify;
text-justify:auto;
border: px solid yellow;
}

#left4 {
float: left;
width: 98%;
height: auto;
padding: 0em 0em 0em 3px;
background-color: # ;
text-align: left;
text-justify:auto;
border: px solid yellow;
}


div#right{
float: left;
width: 94%;
height: auto;
align:center;
text-align: justify;
text-justify:auto;
background-color: #;
border: 0px solid red;
padding: 1.6em 1em 0em 5em;
}



#right2 {
float: right;
text-align: center;
width: 99%;
height: auto;
padding-right:em;
}

#right 4{
float: left;
width: 98%;
height: auto;
padding: 0em 1em 0em 1em;
background-color: # ;
text-align: justify;
text-justify:auto;
overflow:hidden;
border: px solid gray;
}

#footer1 {
float: left;
width: 95%;
height: auto;
padding: 0em 0em 0em 0em;
background-color: # ;
text-align: center;
text-justify:auto;
display:inline-block;
border: px solid orange;
}	

#footer2 {
float: left;
width: 95%;
height: auto;
padding: 0em 0em 0em 0em;
background-color: # ;
text-align: center;
text-justify:auto;
border: px solid orange;
}	

div#header h1 {
font-size: 140%;
}

#content {
float: none;
width: 100%;
}

#navigation {
float:none;
width: auto;
}


/* links*/
a:link { 
text-decoration:none;
margin:0em 0em 24px 0em;
white-space: nowrap;
  overflow: hidden;
  font-size:1.2em;
}

a:visited {
	color:#FFFFFF;
}

/* htags*/
h1 {
	font-family: 'Arial';
	padding: 0px 0px 0px 3px;
	margin: 0px;
	font-size: 2.5em;
	color: #000000;
	font-weight:bold;
	text-align:left;
	white-space: ;
  overflow: auto;
	 text-shadow: -1px -1px 1px #11ed0ff, 1px 1px 1px #11ed0ff;
}

h2 {
	font-family: 'Arial';
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 1.45em;
	color: #007143;
	font-weight:bold;
	text-align:;
	white-space: nowrap;
  overflow: hidden;
	 text-shadow: -1px -1px 1px #11ed0ff, 1px 1px 1px #11ed0ff;
}

/* tables,tr,td*/
table{
	align:left;
	width:95%;
	font-size: .75em;
	white-space: nowrap;
  overflow: hidden;
}
		
/* classes*/

.header {  
   width:99%;
   height:auto;
}

p.center {
	font-size:1.2em;
	text-align:center;
	text-justify:distribute;
    color: black;
	font-family: Myriad Pro;
	color:#000;	
}
		
.contact{
font-size:1em;
text-align:left;
text-justify:;
}		

/* button*/
.button {
  font-family: verdana;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 2em;
  text-shadow: 1px 1px 0px #636363;
  box-shadow: 1px 1px 1px #BEE2F9;
  text-align:center;
  padding: 10px 25px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #000000;
  display:inline-block;
min-width: 4em;
width: 10em;
height:auto;
  background: #636363;
  background: linear-gradient(top,  #636363,  #535353);
  background: -ms-linear-gradient(top,  #636363,  #535353);
  background: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#535353));
  background: -moz-linear-gradient(top,  #636363,  #535353);
}
.button:hover {
  color: #FFFFFF !important;
  background: #468CCF;
  background: linear-gradient(top,  #F27102,  #f27102);
  background: -ms-linear-gradient(top,  #F27102,  #f27102);
  background: -webkit-gradient(linear, left top, left bottom, from(#F27102), to(#f27102));
  background: -moz-linear-gradient(top,  #F27102,  #f27102);
}
		
#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		align:center;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		max-width:99% ;
		width:;
		height:;
		overflow:auto; 		
		}	
		
	}