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

	* {
		font-family: helvetica, arial, sans;
	}

	body {
		background-color: #e1dfdf;
		margin: 0 0 0 0;
	}

	#header {
		background-image: linear-gradient(bottom, rgb(13,57,128) 32%, rgb(11,52,117) 58%, rgb(10,47,107) 83%);
		background-image: -o-linear-gradient(bottom, rgb(13,57,128) 32%, rgb(11,52,117) 58%, rgb(10,47,107) 83%);
		background-image: -moz-linear-gradient(bottom, rgb(13,57,128) 32%, rgb(11,52,117) 58%, rgb(10,47,107) 83%);
		background-image: -webkit-linear-gradient(bottom, rgb(13,57,128) 32%, rgb(11,52,117) 58%, rgb(10,47,107) 83%);
		background-image: -ms-linear-gradient(bottom, rgb(13,57,128) 32%, rgb(11,52,117) 58%, rgb(10,47,107) 83%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.32, rgb(13,57,128)),
			color-stop(0.58, rgb(11,52,117)),
			color-stop(0.83, rgb(10,47,107))
		);

		height: 50px;
		

	}

	#header img {
		margin-top: 2px;
	}

	#topMenu {
		float: right;
		height: 50px;
	}

	#topMenu a {
		display: block;
		float: right;
		color: white;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		font-size: 15px;
		line-height: 16px;
		border-left: 1px solid black;
		height: 32px;
		width: 85px;
		text-transform: uppercase;
		padding-top: 17px;
		padding-left: 5px;
		padding-right: 5px;
	}

	#moreMenu {
		padding-top: 5px !important;
		height: 44px !important;
	}

	#topMenu a div {
		font-size: 22px;
		margin-bottom: 5px;
	}

	#subMenu {
		position: absolute;
		top: 50px;
		left: 0px;
		height: 40px;
		width: 100%;
		overflow: hidden;
		background-image: linear-gradient(bottom, rgb(227,227,228) 31%, rgb(195,195,196) 66%);
		background-image: -o-linear-gradient(bottom, rgb(227,227,228) 31%, rgb(195,195,196) 66%);
		background-image: -moz-linear-gradient(bottom, rgb(227,227,228) 31%, rgb(195,195,196) 66%);
		background-image: -webkit-linear-gradient(bottom, rgb(227,227,228) 31%, rgb(195,195,196) 66%);
		background-image: -ms-linear-gradient(bottom, rgb(227,227,228) 31%, rgb(195,195,196) 66%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.31, rgb(227,227,228)),
			color-stop(0.66, rgb(195,195,196))
		);	
		border-bottom: 1px solid #999;
		text-align: center;
		z-index: 999999;
	}

	#subMenu a {
		display: block;
		float: right;

		width: 52px;
		height: 40px;

		padding: 0px 5px 0px 5px;
		color: #333;
		text-transform: uppercase;
		text-decoration: none;
		border-right: 1px solid #999;
		text-align: center;
		font-weight: bold;
		font-size: 9px;
	}

	#subMenu a.last {
		border: none;
	}



	#slider {
		background-color: white;
		padding: 10px;
		margin: 20px;
		-moz-box-shadow:    0px 3px 1px -1px #a0a0a0;
	  	-webkit-box-shadow: 0px 3px 1px -1px #a0a0a0;
	  	box-shadow:         0px 3px 1px -1px #a0a0a0;	  	  	
	}

	#slides {
		width: 100%;
		height: 25%;
		margin: 0px auto 0px auto;

	}


	#slides img {
		width: 100%;
	}



	.homeBox {
		background-color: white;
		padding: 10px;	
		-moz-box-shadow:    0px 3px 1px -1px #a0a0a0;
	  	-webkit-box-shadow: 0px 3px 1px -1px #a0a0a0;
	  	box-shadow:         0px 3px 1px -1px #a0a0a0;		
	  	width: 36%;
	  	margin-top: 5px;
	}

	.homeBox img {
		width: 100%;
	}

	.homeBox.left {
		float: left;
		margin-left: 20px;
	}

	.homeBox.right {
		float: right;
		margin-right: 20px;
	}

	.homeLinks {	
		text-align: center;
		margin-top: 20px;
		font-size: 12px;	
	}

	.homeLinks a {
		color: black;	

	}


	.socialLinks {
		
		text-align: center;
	}

	.twitter-follow-button {
		
		margin-top: 10px;
		padding-top: 10px;
	}

	.footer {
		width: 100%;
		margin-top: 10px;
	}

	.footer img {
		width: 100%;
	}


	#backBar {
		text-decoration: none;
		display: block;
		background-color: #f0eff0;
		height: 20px;
		padding: 15px 15px 15px 50px;
		color: #0a306d;
		font-size: 20px;
		background-image: url(../images/back.png);
		background-repeat: no-repeat;
		background-position: 12px 12px;
		border-bottom: 1px solid #bbb;
	}

	#headerBar {
		text-decoration: none;
		display: block;
		background-color: #f0eff0;
		height: 20px;
		padding: 15px 15px 15px 15px;
		color: #0a306d;
		font-size: 20px;

		border-bottom: 1px solid #bbb;
	}


	.boxContent {
		background-color: white;
		padding: 20px;
		margin: 10px;
		-moz-box-shadow:    0px 3px 1px -1px #a0a0a0;
	  	-webkit-box-shadow: 0px 3px 1px -1px #a0a0a0;
	  	box-shadow:         0px 3px 1px -1px #a0a0a0;		

	  	font-size: 14px;
	  	line-height: 20px;
	}

	.boxContent p {
		font-size: 12px !important;
		padding: 5px !important;

	}



	.boxContent h2 {
		color: #535252;
		margin-top: 0px;
		font-size: 16px;
	}

	.boxContent ul {
		margin-left: 0px;
		padding-left: 20px;
	}

	.boxContent ul li {
		color: #0f3f89;
	}

	.boxContent ul li span {
		color: #333;
	}

	.boxContent.noPadding {
		padding: 0px 0px 0px 0px !important;

	}

	.boxImage {
		width: 94%;
		background-color: white;
		padding: 4px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		
		-moz-box-shadow:    -1px 1px 2px 1px #a0a0a0;
	  	-webkit-box-shadow: -1px 1px 2px 1px #a0a0a0;
	  	box-shadow:         -1px 1px 2px 1px #a0a0a0;		
	}

	.projectDescription {
		color: #333;
		text-align: center;
		font-size: 11px;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.projectDescription strong {
		display: block;
		color: #333;
		font-weight: bold;
		font-size: 12px;
	}


	.listItem {

		background-image: linear-gradient(top, rgb(254,254,254) 4%, rgb(233,233,233) 52%);
		background-image: -o-linear-gradient(top, rgb(254,254,254) 4%, rgb(233,233,233) 52%);
		background-image: -moz-linear-gradient(top, rgb(254,254,254) 4%, rgb(233,233,233) 52%);
		background-image: -webkit-linear-gradient(top, rgb(254,254,254) 4%, rgb(233,233,233) 52%);
		background-image: -ms-linear-gradient(top, rgb(254,254,254) 4%, rgb(233,233,233) 52%);

		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.04, rgb(254,254,254)),
			color-stop(0.52, rgb(233,233,233))
		);




		width: 100%;	
		height: 80px;
		color: #0d3882;
		font-weight: bold;
		font-size: 17px;

		line-height: 80px;

		border-top: 1px solid #c0c0c0;
		border-bottom: 1px solid #c0c0c0;

		display: block;
		text-decoration: none;

	}

	.listItem.productItem {
		line-height: 16px;
	}

	.listItem.productItem div {
		margin-top: 25px;
	}

	.listItem img {
		float: right;
		margin-right: 10px;
		margin-top: 22px;
	}

	.listItem div {
		padding: 0px 10px 10px 10px;
	}

	.listImage {
		float: left !important;
		width: 50px;
		margin-left: 10px;
		margin-top: 20px !important;
		border: 1px solid #777;
	}


	.productImage {
		width: 50px;
		background-color: white;
		padding: 4px;
		margin: 0px 10px 10px 0px;
		display: block;
		float: left !important;

		
		-moz-box-shadow:    -1px 1px 2px 1px #a0a0a0;
	  	-webkit-box-shadow: -1px 1px 2px 1px #a0a0a0;
	  	box-shadow:         -1px 1px 2px 1px #a0a0a0;		
	}

	.productText {
		float: right;
		width: 70%;
	}

	.productText h3, .productText h1 {
		padding-top: 0px;
		color: #0b3170;
		margin-top: 0px;
		font-size: 16px;
		margin-left: 3px;
	}

	table {
		width: 100%;
	}

	table * tr.row-1 td {
		color: white !important;
		padding: 5px;
		text-align: center;


		background-image: linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
		background-image: -o-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
		background-image: -moz-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
		background-image: -webkit-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
		background-image: -ms-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);

		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.04, rgb(14,58,134)),
			color-stop(0.52, rgb(10,48,108))

		);
	}

	table * tr td {
		text-align: center;
		color: #333;
	}

	table * tr.even td {
		background-color: #f5f3f3;
	}



	.colors {
		padding: 0 0 0 0 !important;
		margin: 0 auto 0 auto !important;
	}

	.colors li {
		float: left;
		padding: 5px 6px 5px 6px;
		
		text-align: left;
		color: #333 !important;
		font-weight: bold;
		font-size: 10px;
	}

	.colors li.last {
		border-right: none;
	}


	form {
		width: 100%;
	}

	form label {
		color: #0b3170;
		font-size: 16px;
		display: block;
		font-weight: bold;
	}

	form label span {
		color: darkred;
	}

	form input {
		width: 100%;
		padding: 5px;
		border-radius: 5px;
		font-size: 14px;
		display: block;
		margin-bottom: 5px;
	}

	form textarea {
		width: 100%;
		padding: 5px;
		border-radius: 5px;
		font-size: 14px;
		display: block;
		margin-bottom: 5px;
	}

	.buttons {
		margin-top: 10px;
		text-align: center;
		padding-left: 10px;
	}

	.buttons input {
		width: auto;
	}








	table.inventory {
		width: 100%;
	}

	table.inventory thead tr th {
		color: white !important;
		padding: 5px;
		text-align: left;
		font-size: 14px;

		background-image: linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
		background-image: -o-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
		background-image: -moz-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
		background-image: -webkit-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
		background-image: -ms-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);

		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.04, rgb(14,58,134)),
			color-stop(0.52, rgb(10,48,108))

		);
	}

	table.inventory * tr td {
		text-align: left;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		padding: 5px;
		background-image: url(../images/arrow-down.png);
		background-position: top right;
		background-repeat: no-repeat;
	}
	table.inventory * tr.open td {
		background-image: url(../images/arrow-up.png);
	}


	table.inventory * tr.even td {
		background-color: #f5f3f3;
	}

	.inventoryData {
		color: #0c377b;
		font-size: 14px;
	}

	.inventoryData strong {
		color: #535252;
	}

	.color {
	        margin-top: 5px;
	        float: left;
	        width: 65px;
	        margin-bottom: 5px;
	        padding-left: 20px;
	        color: #333;
	        font-size: 12px;

	}

	.color div {
	        width: 12px;
	        height: 12px;
	        border: 1px solid #333;
	        margin-right: 5px;
	        float: left;
	}


	.buttonLink {
		color: white;
		background-color: #0A2F6B;
		padding: 2px 4px 2px 4px;
		font-size: 10px;
		display: inline-block;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin-left: 10px;
		text-decoration: none;
		float: right;
	}
}

@media screen and ( min-width: 481px ) {
	#header { display: none!important; }
}