@charset "utf-8";
/* CSS Document */
/* ***************smaller screen layout changes: ******************************** */

/****  smaller screens ****/
@media (min-width: 1040px) {
	#nav ul li a:link, #nav ul li a:visited {
		width:203px;
		padding-right:0px;
		padding-left:0px;
		padding-top:.3em;
		padding-bottom:.3em;
		}
	#nav ul li.last-item a:link,
	#nav ul li.last-item a:visited {
		width:207px;
		border-right:0px;
		}	
	}
@media (max-width: 1044px) {
	#container {	
		margin-top:0px;
		
		}
}
@media (max-width: 1025px) {
		#container {
		width:100%;
		border-right:0px;
		border-left:0px;
		}
	}
@media (max-width: 801px) {



	#homepage #column1 {
		width:65%;
		}
	#homepage #column2 {
		width:25%;
		}
	#nav ul li a:link, #nav ul li a:visited {
		padding-right:1em;
		padding-left:1em;
		}
}

@media (max-width: 641px) {
	#nav ul li {
		
		}	
	#nav ul li a:link, #nav ul li a:visited {
		
		width:auto;
		
		padding-top:.4em;
		padding-bottom:.4em;
		padding-left:1em;
		padding-right:1em;
		
		text-align:left;
		/*text-shadow: 1px 1px 2px #000;*/
		}
	#nav ul li a:hover, #nav ul li a:active {
	background: none;
	color: #E9E9E9;		/*color:#0FC;*/
		}

	#homepage #column1,#design #column1, #about #column1,#products #column1,#contact #column1 {
		float:none;
		clear:both;
		width:94%;	
		}
	#homepage #column2,#design #column2, #about #column2, #products #column2, #contact #column2 {
		float:none;
		clear:both;
		padding:2%;
		width:96%;	
		}
  #column2.compartment {
    float:none;
  }
  .compartment {
    background: #303030;
    border: 0px;
    min-height:100px;	
    
  }

  .compartment h1 {
	margin-bottom: 10px;
	padding: 6px 0 4px;
	background-image: url(../images/bgunderscore.png);
	background-repeat: repeat-x;
	background-position: left bottom;
  font: normal 2.4em sans-serif;
    }
    
	#homepage #content #column2 .logoright,
#contact #content #column2 .logoright  {
		margin-top:0px;
    max-width:50%;
	}
	#homepage #content #column2 .blurb1,
    	#contact #content #column2 .blurb1 {
		font-weight:bold;
		float:left;
		font-size:1.5em;
    width:40%;
	}
	#homepage #content #column2 .blurb2,
    	#contact #content #column2 .blurb2 {
      float:right;
      width:55%;
      }
	#homepage #content #column2 div.blurbs {
		padding:0px;
		font-size:100%;
		/*text-align:justify;*/
		}		
}
@media (max-width: 600px) {
		#nav ul li a:link, #nav ul li a:visited {
  font-weight:normal;
		text-transform:capitalize;
		}
	}
@media (max-width: 500px) {
		#nav ul li a:link, #nav ul li a:visited {
  padding-right:.5em;
	padding-left:.5em;
		}
	}
/*  */
@media (max-width: 481px) {


  #contact #column1 {
    padding:0px;
  }
   fieldset {
    background-color:#303030;
    border:0px;
    width:96%;

    }
  fieldset legend {
    font-size:2em;
    border-radius:0px;
    background:none;
    }
/*  fieldset p#pcontact {
    
    text-align:left;
  }*/

} 
@media (max-width: 401px) {
	#homepage #content #column2 .logoright,
  #contact #content #column2 .logoright  {
		margin-top:0px;
    max-width:30%;
	}
	#homepage #content #column2 .blurb1,
    	#contact #content #column2 .blurb1 {
		font-weight:bold;
		float:none;
		font-size:1.5em;
    width:96%;
	}
	#homepage #content #column2 .blurb2,
    	#contact #content #column2 .blurb2 {
      float:none;
      width:96%;
      }
	#nav ul {
		display:none;
		}
	#nav ul li {
		float:none;
		}
	#nav ul li a:link,#nav ul li a:visited {
	display: block;
	background: none;
	background-color: #2a2a2a;
	border-bottom: 1px solid #444;
	text-align: center;
	color: #fff;
	width: 100%;
	margin: 0px;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
		}
		#nav ul li.last-item a:link,#nav ul li.last-item a:visited {
			border-bottom:0px;
			}
	#nav ul li a:hover,#nav ul li a:active {
		background:none;
		background:#444;

		}
	#nav a#menutoggle {
		display: block;
		
		color:#fff;
		
		text-indent:10px;
		padding-top:.5em;
		padding-bottom:.5em;
		text-decoration:none;
		text-align:left;
		width: 100%;
		position: relative;
background: #878787; /* Old browsers */
background: -moz-linear-gradient(top,  #878787 0%, #1f1f1f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #878787 0%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #878787 0%,#1f1f1f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #878787 0%,#1f1f1f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #878787 0%,#1f1f1f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */		

	}

	#nav a#menutoggle:after {
	content: "";
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 7px;
	background-image: url(../images/menu-icon-white.png);
	background-repeat: no-repeat;
	}  
}
@media (max-width: 321px) {

  
}
@media print {

}
@media speech, tty, braille {

}

/* ****************************************************************************** */