body {  
margin:0px auto; text-align:center; padding-top:30px;  background: #0f2f5a
  url('../bkg.jpg'); background-repeat: repeat; }

#wrapper { 
  width:950px;  
  text-align:center; 
  margin:0px auto; padding:8px;  
  	  background:transparent
	color:#ffffff;
	 /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.9 opacity */
    background-color: rgba(255, 255, 255, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
      -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;   border-radius: 20px; max-width:100%;  
       
           border: 1px solid #000;
           
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.45);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.45);

 max-width:100%;
}

   
#bgfades {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url('style/images/tile.png');
}
   
   
  
/* menu */
   
 

 
/* Clearfix */
.catmenu:before,
.catmenu:after {
    content: " ";
    display: table;
}
.catmenu:after {
    clear: both;
}
.catmenu {
    *zoom: 1; 
}


nav {
   
	background: #296432;
	position: relative;   
	background:transparent;
 margin:2px 10px; 	color:#ffffff;
	 /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
 
}
 
 

nav ul {    max-width: 770px;
   height:18px; 
  text-align:center; 
  list-style:none;  
  margin:0px auto; padding:7px 0px 2px 0px; width: 100%;  
}

nav li { 
	float: left; display:inline-block;
  margin:0px; padding:0px; 
  text-align:center;    
  list-style:none;   
}


nav a {
	color: #fff;  float:left;
	display: inline-block; 
	text-decoration: none;
	 
}

 *:first-child+html nav li { float:left; } * html nav li { float:left;} 
 
 
 nav li a {
	  display:inline-block; 
  width:133px; /* let's work in round numbers */ 
  margin:0px;
  padding:0px 4px 0px 4px; /* pad top to center text in button */
  
 color:#081a4d;
  font:bold 12px myriad, arial,sans-serif; /* can now use different, but similar fonts */
  background:transparent;  
  text-decoration:none; text-transform: uppercase;
  border-right: 1px solid #081a4d;  
} 

nav li:last-child a {
	border-right: 0;
}
 

nav a#pull {
	display: none;  font:bold 12px  "arial", "gillsans",  "gill sans mt",san-serif;  
	padding:3px 0px 3px 1px; margin:2px 0px 0px 0px;
}


  

/* fiddle with widths to look nicer */
nav li.m1 a {
  width:60px; 
}
 
nav li.m2 a {
  width:150px; 
}

nav li.m3 a  {
  width:155px; 
}
 
nav li.m4 a  {
  width:220px; 
}
  
nav li.m5 a  {
  width:140px; border-right: 0px;  border-right: none;  
}

nav li.m6 a {
  width:200px;  
} 
 
nav li.m7 a {
  width:130px; 
}

nav li.m8 a  {
  width:160px;  
}

nav li.m9 a  {
  width:140px;  
}

nav li.m10 a {
  width:80px;   border-right: 0px;    border-right: none;  
}
  
  
    
 /* finish hover and active styling */
nav li a:hover,
nav li a:visited:hover,
nav li a#current:hover,
nav li a#current:visited:hover {
  background:transparent;
  color:#000000;  text-decoration:underline; 
}
nav li a#current,
nav li a#current:visited { 
  color:#000000;  background:transparent; 
 text-decoration:none;  
}  
 
 

#temparea { text-align:center; width:925px;
  background:#fff;  
  margin: 8px auto; 
  padding:0px 0px 8px 0px;    
  max-width:100%; 
    
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;   border-radius: 20px; max-width:100%;  
       
}

  
#contenthome { 
  max-width:890px; text-align:center; 
  background:transparent; 
  margin:0px auto; 
  padding:5px 0px;    width:100%;
}

#content { 
  max-width:900px; text-align:center; 
  background:transparent; 
  margin:0px auto; 
  padding:5px 0px;    width:100%;
}


#contenthome h1 { text-align:center; font: bold 16px verdana, arial, helvetica, san-serif;  color: #0f2f5a; background:#fff; margin:5px auto;  padding:4px 0px ; }
     
    
#contenthome h2 {
 font: bold 14px verdana,arial,helvetica,san-serif;
color:#740f0f;  
text-align: center;
margin: 0px; 
padding: 5px 0px;  
background:#ffffff; 
}


#contenthome h3 {
 font: normal 12px verdana,arial,helvetica,san-serif;
color:#000000;  
text-align: left;
margin: 0px; 
padding: 3px 0px;  
background:#ffffff; 
}

 
  

#content ul {
padding:3px 0px 3px 0px; 
margin: 10px 0px 8px 30px;
background: transparent; }

#content li { text-align:left; 
font: normal 12px verdana, arial, helvetica, san-serif; 
color: #000000; 
padding:3px 0px 3px 3px; 
margin: 0px;
background: transparent; }


 

#logobox {   text-align:center;  
  margin: 2px auto; padding: 3px 10px 1px 6px ;
 background:transparent; 
  max-width:100%;  
}

    
 
 

#logobox {   text-align:center;  
  margin: 2px auto; padding: 3px 10px 14px 10px ;
 background:transparent; 
  max-width:100%;  
}
  
#logobox a {
   
color: #ffffff; 
text-decoration:none;
}

#logobox a:hover {
   
color: #ffffff; 
text-decoration:underline;
}
 
 
 

#logo { float:left;  text-align:left;  
  margin:  0px; padding: 0px;
 background:transparent; 
  max-width:100%; border:none;border:0px;     
}
 
 
#logoaddress {
 text-align: right; 
  color: #ffffff;
  font: bold 13px  myriad, arial, helvetica, sans-serif;
 background:transparent;  
  padding:3px 3px 3px 0px ;  
  margin:0px; 
  max-width:100%;   
 letter-spacing: 0.5px;  
 line-height: 16px; } 
  
 
#logoaddress a {
   
color: #ffffff; 
text-decoration:none;
}

#logoaddress a:hover {
   
color: #ffffff; 
text-decoration:underline;
}



 
#logolongaddress {
 text-align: center; 
  color: #ffffff;
  font: bold 14px  myriad, arial, helvetica, sans-serif;
 background:transparent; 
  padding:5px 0px 10px 0px ; 
  margin:0px; 
   max-width:100%;   
 letter-spacing: 0.5px;  
  line-height: 14px;  } 
  
 
  
 
 
h1 {
 
text-align:left; font: bold 15px verdana, arial, helvetica, san-serif; 
color:#0f2f5a;  
text-align: center;
margin:0px auto; 
padding: 10px 0px 8px 0px;  
background:#ffffff; 
}



h2 { 
font: normal 12px verdana,arial,helvetica,san-serif;
color:#000000;  
text-align: left;
margin: 0px; 
padding: 3px;  
background:#ffffff; 
}
  
 
h3 {  text-align:left; font: bold 12px verdana, arial, sans-serif; color: #0f2f5a; margin:10px 0px; padding:0px; background:transparent;   
}

h4 {  text-align:center; font: normal 11px verdana, arial, sans-serif; color: #000000; margin:10px 0; padding:0px; background:transparent;   
} 

h5 { font: normal 11px arial, helvetica, sans-serif; color: #000000; text-align:left; padding: 0px 0px 5px 0px; margin: 0px; background: #ffffff;}

h6 { font: bold 12px arial, helvetica, sans-serif; color: #ffffff;  width:690px; text-align:center; padding: 2px 0px 3px 0px; margin: 0px; background: #0000a8;}


#header {
 
font: bold 15px verdana,arial,helvetica,san-serif;
color:#0f2f5a;  
text-align: center;
margin:0px auto; 
padding: 10px 0px 8px 0px;  
background:#ffffff; 
}


.tabtextbold {  text-align:left; font: bold 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #000000; background:transparent; width:25%;}

.tabtext {  text-align:left; font:normal 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 15px 3px 5px;  color: #000000; background:transparent; }

.tabtextgrbkg {  text-align:left; font: bold 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #ffffff; background:#0f2f5a; width:49%;}


 
.clientsweb {
font: normal 12px verdana,arial,helvetica,san-serif;
 float:left;
text-align: left;
margin: 0px 3px;
padding: 3px;  width:48%;   max-width:100%;  
line-height: 21px;
background:#e2eced; 
}
 
  
 
 

#clientstab {
  
text-align: center;
margin: 0px auto; 
padding: 3px;  
background:#ffffff; 
}
 

#clientstab h2 {
 
font: normal 12px verdana,arial,helvetica,san-serif;
color:#000000;  
text-align: left;
margin: 3px; 
padding: 3px;  
background:#ffffff; 
}


  
  

#return { clear:both;  text-align:center; font: normal 9px verdana, arial, helvetica, san-serif; 
 color: #000000; padding: 10px 0px;   cursor: pointer; background: transparent;}

#return a { 
color: #000000;
text-decoration: underline;
}
 
#return a:hover {

color: #740f0f;
text-decoration: none;
}




#navbottom { 
color: #000;
margin:10px auto ;
text-align:center;  
border-top: 2px solid #740f0f; padding:10px;  
border-bottom: 2px solid #740f0f; padding-top:10px;
font: normal 10px verdana, arial, helvetica, san-serif;
text-decoration: none;
cursor: pointer; max-width:100%;
}

#navbottom a {
color: #000; 
text-decoration: none;
}
 
#navbottom a:hover {
color: #000; 
text-decoration: underline;
}
  



#address {
 text-align: center;
 font: bold 14px windsor, myriad, arial, helvetica, sans-serif;
 margin:0px auto; 
 padding:10px 0px 0px 0px;   color: #0f2f5a;
 background: transparent;
}
  
#subaddress {
 text-align: center;
 font: normal 12px myriad, arial, helvetica, sans-serif;
 margin:0px auto; 
 padding:0px 5px 10px 5px;   color: #000000;
 background: transparent;
}
  
 

    
    
#byline {
  text-align: center;
  color: #ffffff;
  font: bold 9px verdana, arial, helvetica, sans-serif;
 background:transparent;
  padding:8px 0px 5px 0px ;
  margin:0px auto;
text-decoration:none;
}
 

#byline a {
color: #ffffff;
text-decoration:none;
}

#byline a:hover {
color: #ffffff;
text-decoration:underline;
}
 


#stats { 
  text-align:center; 
  font: normal 9px verdana,arial,helvetica,san-serif; 
  color:#ffffff; 
  background:transparent; 
  margin:0 auto;
  padding-top:80px;
}
 

  
 
 

 #imageleft { float:left;
margin:5px 10px 10px 0px; 
padding: 0px;
background: transparent;  max-width:100%;
}

 #imageright { float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}
 
 

.imageright { float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}
 


#imagerightweb { float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}
 


.imagerightprint { float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}
 

.imagerightprinttwo { float:right;
margin:5px 0px 10px 10px; 
padding: 0px;
background: transparent;  max-width:100%;
}
 
 
 
table { 
  width: 98%;  margin:0px auto; text-align:left;
  padding:0px;background: #fff;
  border-collapse: collapse; 
}
	
   
form input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] { max-width:90%;min-width:90%; 
  display: block;
  margin: 0px; padding:1px;
  width: 100%; height: 15px;
  line-height: 10px;  
  border: 1px solid #bbb;
}
   

form input[type=submit], input[type=reset] { margin: 0px auto;  
  max-width: 87%;width: 87px; float:left;  }
 

#wrapbox { text-align:left; float:left; 
   margin:0px; padding: 10px 0px 5px 0px;    
 
}


  
.thumb {  float:left;
   max-width:203px; width:100%; border:1px solid #000;  margin:0px; padding:0px;   
}
    

  .imageleft { float:left;
margin:4px 8px 6px 8px; 
padding: 0px;
background: transparent;  max-width:100%;
}




      
#tags { 
  text-align: left;
  color: #ffffff;
  font: bold 9px verdana, arial, helvetica, sans-serif; 
  padding:12px;
  margin:0px auto;
  margin-top:800px;  
 border:2px solid #fff;

  background:transparent
	color:#ffffff;
	 /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.9 opacity */
    background-color: rgba(255, 255, 255, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
      -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;   border-radius: 20px; max-width:100%;  
       
           border: 1px solid #000;
           
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.45);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.45);


  max-width:980px;
  width:100%;
}
 

#tags a {
color: #ffffff;
text-decoration:none;
}

#tags a:hover {
color: #ffffff;
text-decoration:underline;
}
 


 
.callus { 	display: none;   padding:0px; margin:0px;
}
 



/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 2980px)  and  (min-width: 480px)

{
 
 
.callus { 	display: none;  padding:0px; margin:0px;
}
 
   

 } 

 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 2980px)  and  (min-width: 950px)

{

#logolongaddress {display: none;   padding:0px; margin:0px;
}
   

 } 
 
  


/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 949px) {

 body {  
 padding-top:20px;  }   
 
 

#logobox {   text-align:center;  
  margin: 2px auto; padding: 3px 10px 3px 10px ;
 background:transparent; 
  max-width:100%;  
}
  
  
#logoaddress {
 display: none;   padding:0px; margin:0px;
} 


#logo { float:none;  text-align:center;  
  margin: 2px auto 0px auto; padding: 0px;
 background:transparent; 
  max-width:100%; border:none;border:0px;
  
}


 
#logolongaddress {
 text-align: center; 
  color: #ffffff;
  font: bold 12px arial, helvetica, sans-serif;
 background:transparent; 
  padding:1px 0px 10px 0px ; line-height: 14px;
  margin:0px; 
  max-width:100%; }
  
 
 
 
#logolongaddress a {
   
color: #ffffff; 
text-decoration:none;
}

#logolongaddress a:hover {
   
color: #ffffff; 
text-decoration:underline;
}
 
 
}



 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 480px) {
  
  

.callus { display: block; width:100%;
 text-align: center;  color: #ffffff;
 font: bold 11px verdana, arial, helvetica, sans-serif;
 margin:6px auto; 
 padding:3px 3px 6px 3px;   
 background: #0f2f5a;   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;max-width:95%; 
min-width:95%;
}

.callus a { 
 padding:0px; margin:0px;  color: #ffffff; text-decoration:none;
 background: transparent;
}
  
 
 .callus a:hover { 
 padding:0px; margin:0px;  color: #ffe035; 
 background: #transparent; text-decoration: underline;
}
 
 
 
}






/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0; max-width:96%;
     text-align:center; 
     margin:10px auto 20px auto;
}
 
.responsive-iframe-container iframe,  
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

   
    
    
    
    
/*Media QUeries styles for screen 950px and lower*/
@media screen and (max-width: 980px) 

{    
  


#wrapper { 
 
  text-align:center; 
  margin:0px auto; padding:5px;     
  max-width:96%;	  
}

#temparea  {   max-width:98%;	 }
 
#contenthome, #content  {   max-width:95%;	  }
 


h1 {text-align:center;
	font: bold 14px verdana, arial, helvetica, sans-serif;
	color: #0f2f5a;
	padding: 5px 0px 5px 0px; margin:0px;  
}

}


    
/*Media QUeries styles for screen 950px and lower*/
@media screen and (max-width: 800px) 

{    

#wrapper {   max-width:94%;	 } 

}




     
/*Styles for screen 765px and lower*/
@media only screen and (max-width: 765px) {
 

#contenthome h1 { text-align:left; font: bold 15px verdana, arial, helvetica, san-serif;  color: #0f2f5a; background:#fff; margin:5px auto;  padding:4px 0px ; }

#contenthome h2 {
 font: bold 14px verdana,arial,helvetica,san-serif;
color:#740f0f;  
text-align: left;
margin: 0px; 
padding: 5px 0px;  
background:#ffffff; 
}


  }
  
  
     
/*Styles for screen 765px and lower*/
@media only screen and (max-width: 700px) {

.clientsweb {
font: normal 12px verdana,arial,helvetica,san-serif;
 float:left;
text-align: left;
margin: 0px 2px;
padding: 0px;   max-width:100%;  
line-height: 21px; 
}
 
  
  
  }
  
     
/*Styles for screen 765px and lower*/
@media only screen and (max-width:500px) {
   
.clientsweb {
font: normal 12px verdana,arial,helvetica,san-serif; 
 width:100%;   max-width:100%;  
line-height: 21px;
margin:0px 2px 0px 0px;  
padding: 0px;   
}
  
  }
  
  
/*Styles for screen 650px and lower*/
@media only screen and (max-width: 650px) {
 
   
#contenthome h1 { text-align:center; font: bold 15px verdana, arial, helvetica, san-serif;  color: #0f2f5a; background:#fff; margin:5px auto;  padding:4px 0px ; }

#contenthome h2 {
 font: bold 14px verdana,arial,helvetica,san-serif;
color:#740f0f;  
text-align: center;
margin: 0px; 
padding: 5px 0px;  
background:#ffffff; 
}


.imagerightprint {float:right; text-align:right; max-width:100%;
	padding: 5px 0px 5px 0px; margin:0px auto;  
} 

  }
  
  
  
  

/*Styles for screen 935px and lower*/
@media only screen and (max-width: 935px) {
 
    
#temparea  { 
 
 width: 97%; }
  
 #contenthome, #content  { 
 
 width: 97%; } 
  
  
#tags  { display: none; 
	}
 
  	}
 
 
  
/*Media QUeries styles for screen 920px and lower*/
@media screen and (max-width: 845px) 

{  


#wrapperbox {  text-align:center; 
   margin:0px auto; padding: 0px 10px 0px 0px; 
   
}
  
  
#temparea { text-align:center; 
  background:#fff;  
  margin: 0px auto; 
  padding:0px 2px 8px 2px;    
  max-width:100%; 
      max-width:100%;  
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;   border-radius: 0px;  
       
    
     border-bottom-left-radius: 20px;
     -moz-border-bottom-left-radius: 20px;
-webkit-bottom-left-radius: 20px;
-khtml-bottom-left-radius: 20px;
    
    
    border-bottom-right-radius: 20px;
         -moz-border-bottom-right-radius: 20px;
   -webkit-bottom-right-radius: 20px;
 -khtml-bottom-right-radius: 20px;
    
}

  
  
nav li.m6 a {
  width:180px;  padding: 0px 0px 0px  0px;
}
 
 
 
nav {
   border: 0px; border:none;
  text-align:center;   
 margin:0px 10px; padding:0px;
background:transparent; 
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.8); border-top: none;
}

   
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 10px; 
  	}
   
    
  	nav li { float: left;  
	
	width:49%; 
  		float: left; padding:4px 0px 4px 0px;
  		position: relative; 
  		border-right: 0px; margin:3px; 
   height:18px; 
  	}
 
 
 
 nav li a {
	  display:inline-block; 
    margin:0px;
  padding:2px 0px 2px 0px; /* pad top to center text in button */     border-right:0px; border-right: none;  
} 
  	
  nav ul {
		display: none; margin:0px; padding:0px;
		    border: 0px; border:none;
	}
	
	nav a#pull {
		display: block; border-top: 1px solid #fff;
		background-color: #0b184d;
		width: 100%; margin:1px 0px; padding: 5px 0px;
		position: relative;   
	}
	 

	nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 15px;
		height: 15px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 5px; margin:0px;
	}
	 
nav a#pull:hover { color:#ffe035; 
	  
}
   
 
   
  
	   
#tags {  display: none;
}
 
 

#stats  { display: none; }

}



  
   


  
  
/*Media QUeries styles for screen 810px and lower*/
@media screen and (max-width: 800px) {  
 
  
#tags  { display: none; 
	}
 
 
 #address { text-align: center; 
margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; 
}
 

#stats  { display: none; }
	
	 
}

 


/*Styles for screen 695px and lower*/
@media only screen and (max-width: 730px) {
 
  
 
 nav { 
 margin:0px 6px;}  
 
  	nav li { float: left;  
	width:49%; 
  		float: left; padding:4px 0px 4px 0px;
  		position: relative; 
  		letter-spacing: -0.5px; 
  font:bold 12px myriad, arial,sans-serif; /* can now use different, but similar fonts */
   
  	} 
 
 }
   
 
  

/*Styles for screen 510px and lower*/
@media only screen and (max-width: 590px) {

   body {  
 padding-top:10px;  }  
 
 
  
#logolongaddress {
 text-align:center;
  margin:0px auto; 
  padding:1px 0px 5px 0px ;  	 width: 96%; 
}
  
 

#navbottom {  text-align:center;
  margin:0px auto; 
width:95%;
}
 
 

  
  }
 
 
  

/*Styles for screen 800px and lower*/
@media only screen and (max-width: 800px) {


#imagerightweb { float:right; max-width:100%;
	padding: 5px 0px 5px 0px; margin:0px 0px 10px 10px;  width:70%;
}
  
  }
 
 

/*Styles for screen 800px and lower*/
@media only screen and (max-width: 500px) {


#imagerightweb { float:none; text-align:center; max-width:100%;
	padding:5px 0px 0px 0px; margin:0px auto;  width:100%
}
  
  }
 
 


/*Styles for screen 800px and lower*/
@media only screen and (max-width: 410px) {

 

.imagerightprinttwo { float:none;
margin:5px auto; 
padding: 0px;
background: transparent;  max-width:100%;
}
 
 
  }
 

/*Smartphone*/

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

  
#temparea, #content, #contenthome { 
  width:98%;   
}
 
 

#contenthome h1 { text-align:center; font: bold 13px verdana, arial, helvetica, san-serif;  color: #0f2f5a; background:#fff; margin:5px auto;  padding:4px 0px ; }
     
    
#contenthome h2 {
 font: bold 12px verdana,arial,helvetica,san-serif;
color:#740f0f;  
text-align: center;
margin: 0px auto; 
padding: 3px 8px;  
background:#ffffff; 
}


#contenthome h3 {
 font: normal 12px verdana,arial,helvetica,san-serif;
color:#000000;  
text-align: left;
margin: 0px; 
padding: 3px 8px;  
background:#ffffff; 
}
 
      
      
#imageright {float:none; text-align:center; max-width:100%;
	padding: 5px 0px 5px 0px; margin:0px auto;  
}

   
h1 {text-align:center;
	font: bold 14px verdana, arial, helvetica, sans-serif;
	color: #0f2f5a;
	padding: 5px 0px 5px 0px; margin:0px;  
}

    
 
h2 {text-align:left;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding: 5px 0px; 
    margin:0px;
}

h3 {text-align:center;
	font: bold 12px verdana, arial, helvetica, sans-serif;
	color: #006633;
	padding: 10px 0px 5px 0px;
    margin:0px;
}
  
h4 {text-align:center;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding: 5px 0px 5px 0px;
    margin:0px;
}
  
h5 {text-align:center;
	font: normal 9px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding: 5px 0px 5px 0px;
    margin:0px; font-style: italic;
}  

h6 {text-align:left;
	font: bold 12px verdana, arial, helvetica, sans-serif;
	color: #0f2f5a;
	padding: 5px 0px 5px 0px; margin:0px;
} 

 
 

ul { text-align:left; margin:0px 0px 0px 20px; padding:5px 10px 1px 10px;}

li { text-align:left; font: normal 11px   arial, helvetica, sans-serif; color: #000000; background:transparent; margin:0px; padding:5px 0px 2px 0px;}
	
  
	

#address {
 width:95%; text-align:center; margin:0px auto;
}
  
#subaddress {
 width:90%;text-align:center; margin:0px auto;
}
  
   
  
#logolongaddress { 
 display:none; 
}
 
   
 
#navbottom {  text-align:center;
  margin:0px auto; 
width:90%;
}


 
 
	#stats { display: none; 
	}
	
	#tags  { display: none; 
	}
    
    }


/*Smartphone*/

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

	nav li {
  		width: 100%;
  		float: left;
  		position: relative;
  	}
  	 
  	 
  	 }