@import url("./whitespace-reset.css");

/*
 				
====  ©2008 ---------. ====
====  All Rights Reserved.                 ====
====  Design: Brown Dog Creative           ====

*/






/* LAYOUT ==================================================================
============================================================================
*/



* { padding: 0; margin: 0; }
	 
a { color: #4769B4; outline:none; }
a:hover { text-decoration: underline; }

.clear { clear: both;}
.left { float: left;}
.right { float: right;}

div { display: inline-block; }
img { display: block; }

body{
	background: #202020 ;
	
}
#sitewrapper {
	width: 890px;
	margin: 0 auto;
	text-align: left;
	background-color: #000;
	 }
	 
#header {
	width: 890px; 
position: relative;
	}
	
/* logo -------------------------------------- */

#header #logo{
	float: left;
	width: 250px;
	height: 171px;		
	padding: 38px 0 0 38px;

}
#header #logo a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -9999px;
			background: transparent url(../_images/logo_img.gif) no-repeat 0 0; }


/* navigation -------------------------------------- */
#header #nav{
	float: right;
	width: 567px;
	height: 370px;
	background: url(../_images/bg_nav.gif) repeat-y}

#header #nav ul#navA, #header #nav ul#navB, #header #nav ul#navC {
	float: left;
	width: 141px;
	margin: 0;
	padding-top: 130px;
}

#header #nav ul li{
	margin: 0 0 0 1px;
	padding: 0px 0 0 0;
	line-height: 0;
	height: 35px;
	clear: both;
}

#header #nav ul li a{
	height: 8px;
	width: 100%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 0;
}

#header #nav ul#navD{
	float: left;
	width: 100px;
	margin: 0 0 0 20px;
	padding-top: 122px;
}

#header #nav ul#navD li a{
	height: 24px;
	width: 75px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	line-height: 0;
}

/*about navigation styles------------*/
#header #nav ul#navA li#about a{	
	background: transparent url(../_images/nav_about1.gif) no-repeat 0 0;
}

#header #nav ul#navA li#about a.select, #header #nav ul#navA li#about a:hover{
	background-position: 0 -8px;
}


/*contact navigation styles------------*/
#header #nav ul#navA li#contact a{
	background: transparent url(../_images/nav_contact1.gif) no-repeat -1px 0;
			
}

#header #nav ul#navA li#contact a.select, #header #nav ul#navA li#contact a:hover{
	background-position: -1px -8px;
}

/*services navigation styles------------*/
#header #nav ul#navB li#services a{
			background: transparent url(../_images/nav_services1.gif) no-repeat 0 0;			
}

#header #nav ul#navB li#services a.select, #header #nav ul#navB li#services a:hover{
	background-position: 0 -8px;
}

/*flooring navigation styles------------*/
#header #nav ul#navB li#flooring a{
	background: transparent url(../_images/nav_flooring1.gif) no-repeat 0 0;
			
}

#header #nav ul#navB li#flooring a.select, #header #nav ul#navB li#flooring a:hover{
	background-position: 0 -8px;
}


/*gallery navigation styles------------*/
#header #nav ul#navC li#gallery a{
	background: transparent url(../_images/nav_gallery1.gif) no-repeat -1px 0;
}

#header #nav ul#navC li#gallery a.select, #header #nav ul#navC li#gallery a:hover{
	background-position: -1px -8px;
}

/*blog navigation styles------------*/
#header #nav ul#navC li#blog a{
	background: transparent url(../_images/nav_blog.gif) no-repeat 0 0;
}

#header #nav ul#navC li#blog a.select, #header #nav ul#navC li#blog a:hover{
	background-position: 0 -8px;
}


/*facebook navigation styles------------*/
#header #nav ul#navD li#facebook a{
	background: transparent url(../_images/facebook-icon2.png) no-repeat 0 0;
}

#header #nav ul#navD li#facebook a.select, #header #nav ul#navD li#facebook a:hover{
	background-position: 0 -26px;
}

/*twitter navigation styles------------*/
#header #nav ul#navD li#twitter a{
	background: transparent url(../_images/twitter-icon2.png) no-repeat 0 0;
}

#header #nav ul#navD li#twitter a.select, #header #nav ul#navD li#twitter a:hover{
	background-position: 0 -26px;
}


/* home page maincontent styles ----------------------------*/
#mainContent{
	/* margin-top: 70px; */
	background-color: #333333;
}

#mainContent #homeLeft{
	float: left;
	width: 464px;
	display: block;
	height: 250px;
	margin: 28px 0 28px 0;
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
}
#mainContent #homeLeft #flash_content{
	width: 464px;
	height: 250px;
	
}

#mainContent #homeRight{
	float: right;
	width: 378px;
	margin-left: 47px;
	padding-bottom: 28px;
}

#mainContent #homeRight h1{
	display: block;
	height: 152px;
	width: 284px;
	margin-top: 25px;
	text-indent: -9999px;
	background: url(../_images/header_intro.gif) no-repeat;
}

#mainContent #homeRight p{
	color: #fff;
	font-size: 12px;
	margin-right: 60px;
}
.gallery{
	text-indent: -9999px;
	display: block;
	width: 86px;
	height: 9px;
	margin: 5px 0 0 187px;
	background: url(../_images/btn_gallery.gif) no-repeat left top;
}
.manuListTitle_1 {
	list-style: none;
	color: #999;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	}

#mainContent #interiorLeft p.callout{
	color: #1c8294;
}

#mainContent #interiorLeft p.callout a{
	color: #1c8294;
}





/* interior page maincontent styles ----------------------------*/
#mainContent #interiorLeft{
	float: left;
	width: 520px;
	padding: 0 0 25px 0px;
}


#mainContent #interiorLeft.full-width{
	float: left;
	width: 890px;
	margin: 0 0 20px 0px;
	padding: 0;
}

#mainContent #interiorRight{
	float: right;
	width: 370px;
	margin: 18px 0 0 0;
}



#mainContent #interiorRight img{
	float: right;
	margin-top: 65px;
	margin-bottom: 65px;
}

#mainContent #interiorLeft h2{
	margin-left: 38px;
	margin-bottom: 02px;
}

#mainContent #interiorLeft p{
	width: 418px;
	color: #fff;
	font-size: 12px;
	margin: 0 0 10px 38px;
}


#mainContent #interiorLeft td {
	color: #fff;
	font-size: 12px;
}
#mainContent #interiorLeft a{
	color: #fff;
	text-decoration: underline;
}
#mainContent #interiorLeft a:hover{
	color: #666;
}
/*
.gallery{
	text-indent: -9999px;
	display: block;
	width: 86px;
	height: 9px;
	margin: 13px 0 0 187px;
	background: url(../_images/btn_gallery.gif) no-repeat left top;
}
*/
#mainContent #interiorLeft ul#affiliations{
	margin-left: 38px;
	margin-top: 10px;
	list-style-type: square;
	list-style-position: inside;
}
#mainContent #interiorLeft ul#affiliations li{
	color: #fff;
	margin-bottom: 8px;
	line-height: 1.25em;
}

div.highlight{
	width: 800px;
	clear: both;
	background-color: #202020;
	margin-left:35px;
        margin-top:48px;
	padding: 15px 15px 15px 0;
	border: 1px solid #999;
}
#mainContent #interiorLeft div.highlight h2{
	margin-left: 15px;
	color: #1c8294;
}
#mainContent #interiorLeft div.highlight p{
	margin-left: 15px;
    width: 750px;
}

#mainContent #interiorLeft div.highlight img{
	float: right;
	padding: 0 0 0 15px;
}
div.gallery-highlight{
	width: 813px;
	background-color: #202020;
	margin-left:38px;
        margin-top: 10px;
	padding: 15px 0 15px 0;
	border: 1px solid #999;
}
#mainContent #interiorLeft div.gallery-highlight h2{
	margin-left: 15px;
	color: #1c8294;
}
#mainContent #interiorLeft div.gallery-highlight p{
	margin-left: 15px;
        width: 750px;
}

/* interior page maincontent styles : h1 classes ----------------------------*/

#mainContent #interiorLeft h1.about{
	display: block;
	height: 43px;
	width: 284px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/header_about.gif) no-repeat;
}
#mainContent #interiorLeft h1.about a {
			display: block;
			height: 100%;
			width: 100%;
			 }
			
#mainContent #interiorLeft h1.services-header{
	display: block;
	height: 43px;
	width: 360px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/header_services.gif) no-repeat;
}
#mainContent #interiorLeft h1.services-header a {
			display: block;
			height: 100%;
			width: 100%;
			 }

#mainContent #interiorLeft h1.flooring-header{
	display: block;
	height: 43px;
	width: 360px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/header_flooring.gif) no-repeat;
}
#mainContent #interiorLeft h1.flooring-header a {
			display: block;
			height: 100%;
			width: 100%;
			 }

#mainContent #interiorLeft h1.blog-header{
	display: block;
	height: 43px;
	width: 135px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/blog_header.gif) no-repeat;
        float: left
}
#mainContent #interiorLeft h1.blog-header a {
			display: block;
			height: 100%;
			width: 100%;
			 }

#mainContent #interiorLeft a#rss-subscribe {
       text-indent: -9999px;
       background: url("../_images/rss-subscribe.png") no-repeat 0 0;
       position: relative;
       top: 42px;
       display: block;
       height: 24px;
       left: 180px;
       width: 80px;
}

#mainContent #interiorLeft a#rss-subscribe:hover {
      background: url("../_images/rss-subscribe.png") no-repeat 0 -26px;
}

#mainContent #interiorLeft h1.contact{
	display: block;
	height: 43px;
	width: 360px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/header_contact.gif) no-repeat;
}
#mainContent #interiorLeft h1.contact a {
			display: block;
			height: 100%;
			width: 100%;
			 }

#mainContent #interiorLeft h1.gallery-header{
	display: block;
	height: 43px;
	width: 360px;
	margin: 25px 0 0 38px;
	text-indent: -9999px;
	background: url(../_images/header_gallery.gif) no-repeat;
	}
#mainContent #interiorLeft h1.gallery-header a {
			display: block;
			height: 100%;
			width: 100%;
			 }

/*3 column list styles*/
#list-container {
	width: 890px;
	margin-bottom: 30px;
	
	}

#list-container ul{
	list-style-type: square;
	list-style-position: outside;
}	
#list-container ul li{
	color: #fff;
	margin-bottom: 8px;
	line-height: 1.25em;
}
#list-container li.manuListTitle_1 {
	list-style: none;
	color: #999;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	}

/*Left Side with Column 1*/		
#list-container-left{
	float: left;
	width: 300px;
	padding-left: 32px;
}

#list-container-right{
	float: right;
	width: 552px;
}

#list-container-left ul#col1{
	padding-right: 40px;
	margin-top: 10px;
	margin-left: 16px;
}
#right-col{
	margin-top: 45px;
}
/*Right side Column 2 and Column 3*/
#list-container-right #right-col ul#col2 {
	float: left;
	width: 225px;
	padding-left: 20px;
	display: inline;
	}
#list-container-right #right-col ul#col3{
	float: left;
	width: 225px;
	padding-left: 45px;
	display: inline;
}

/*Right Side Image*/
#list-container-right #image-block{
	float: right;
	width: 552px;
}

#list-container-right #image-block img{
	float: right;
}

/* 2 column list style */
#manuListContainer {
	width: 482px;
	margin-bottom: 30px;
	margin-left: 38px;
	margin-top: 10px;
	}


#mainContent #interiorLeft #manuListContainer ul#manuList1 li, #mainContent #interiorLeft #manuListContainer  ul#manuList2 li{
	color: #fff;
	margin-bottom: 8px;
	line-height: 1.25em;
	}
	
#mainContent #interiorLeft #manuListContainer ul#manuList1 {
	float: left;
	width: 220px;
	list-style-type: square;
	list-style-position: inside;
}
	
#mainContent #interiorLeft #manuListContainer ul#manuList2 {
	float: left;
	width: 200px;
	margin-left: 20px;
	display: inline;
	list-style-type: square;
	list-style-position: inside;
	}





/* subContent styles ----------------------------*/
#subContent-left{
	float: left;
	width: 512px;
}
#subContent-left ul{
	color: #fff;
	margin: 50px 0 50px 38px;
}
#subContent-left ul li{
	display: inline;
	margin-left: 10px;
}

#subContent-left ul li a{
	font-family: arial;
	color: #666;
	font-size: 11px;
        text-decoration: none;
}
#subContent-left ul li a:hover{
	text-decoration: none;
	color: #999;
}
.flooring{
	float: left;
	text-indent: -9999px;
	display: block;
	width: 182px;
	height: 14px;
	background: url(../_images/header_sub_flooring.gif) no-repeat left top;
}

/*subContent RIGHT styles-------------*/
#subContent-right{
	float: right;
	width: 378px;
}

#subContent-right ul{
	color: #fff;
	margin: 50px 0 50px 0;
}
#subContent-right ul li{
	display: inline;
	margin-left: 10px;
}

#subContent-right ul li a{
	font-family: arial;
	color: #666;
	font-size: 11px;
        text-decoration: none;
}
#subContent-right ul li a:hover{
	text-decoration: none;
	color: #999;
        font-size: 11px;
}
.services{
	float: left;
	text-indent: -9999px;
	display: block;
	width: 75px;
	height: 14px;
	background: url(../_images/header_sub_services.gif) no-repeat left top;
}

/* inner content sub Nav styles------------------------ ----------------------------*/
#mainContent #interiorLeft #subNav{
	width: 418px;
}
#mainContent #interiorLeft #subNav ul{
	color: #fff;
	margin: 0px 0 10px 25px;
}
#mainContent #interiorLeft #subNav ul li{
	display: inline;
	text-transform: uppercase;
	
}

#mainContent #interiorLeft #subNav ul li a{
	text-decoration: none;
	color: #1c8294;
	font-size: 11px;
	padding: 2px 10px 2px 10px;
}

#mainContent #interiorLeft #subNav ul li a:hover{
	text-decoration: none;
	color: #999;
	background-color: #202020;
}	 
	 
.grey{
	color: #999;
}

.subnav-select{
	background-color: #202020;
}

/* Gallery div styles--------------------------*/
#myAlternativeContent{
        margin: 10px 0 0 38px;
        padding: 0;
}	
/*Form Styles*/
fieldset{
	border: none;
}

input#submit{
	margin-left: 38px;
}
.required{
	color: #1c8294;
	font-size: 10px;
}
/* footer -----------------------------------------------*/

#footer {
	clear: both;
	width: 890px;
	border-top: 1px solid #333333;
	padding-bottom: 30px;
}

#footer p{
	font-family: arial;
	color: #999;
	text-align: center;
	font-size: 10px;
	margin-top: 15px;
}

#footer a{
	color: #999 ;
        font-size: 10px;
        text-decoration: none;
}
		
#footer a:hover{
        text-decoration: none;
	color: #cbcbcb;
}		
		
		
/* TYPOGRAPHY ==============================================================
============================================================================
*/

body {
	text-align: center;
	font: 11px/18px Arial;
}

h1 {
	font: 18px/1.2em "Lucida Grande", Arial, Sans-serif;
	color: #737d84; 
	padding-bottom:  10px;}
	
h2 {
	color: #999;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;}
h3 {
	font: 15px/1.5em "Lucida Grande", Arial, Sans-serif;
	color: #737d84; 
	padding: 10px 0 5px 0;}

h4 /*blue*/ {
	font: bold 18px/1.75em "Lucida Grande", Arial, Sans-serif;
	color: #1c8294; 
	margin: 0 0 0 36px;
	padding: 0 0 2px 0;
	}	






.choose_category a {
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none !important;
    color: #1C8294 !important;
    padding: 0px 10px;
    border-left: 1px solid #aaa;
}

.choose_category .first {
    padding-left: 0;
    border-left: none;
}

.choose_category a:hover {
background-color: #202020;
color: #999 !important;
}

.choose_category {
    color: #fff;
    margin: 0 0 10px 25px;
    width: 800px !important;
}


.blog_entry h2 a{
    text-decoration: none !important;
    color: #999 !important;
}

.blog_entry a {
    text-decoration: none !important;
    color: #1C8294 !important;
}

.blog_entry p, .blog_entry h1, .blog_entry h2, .blog_entry h3 {
    margin-left: 0!important;
}

.blog_entry {
    border-bottom: 1px solid #888;
    margin: 10px 0 10px 38px;
margin:10px 0 10px 38px;
overflow:hidden;
width:432px;
}

.pagination {
border-bottom: none;
text-align:right;
width:420px;
}

.pagination a {
text-decoration: none !important;
}

.uniform {
    width: 300px;
    border: 1px solid #222;
    padding: 2px;
    font-family: arial;
    font-size: 11px;
    line-height: 1.4em;
}

.my_comments label {
width: 70px;
display: block;
float: left;
}

.blog_entry p, .blog_entry h1, .blog_entry h2, .blog_entry h3 {
    width: 100% !important;
}

.blog_entry {
width: 810px !important;
}

#interiorLeft.contracts ul {
	list-style-type: square;
	list-style-position: inside;
	font-size: 1.25em;
        margin-left: 38px;
        font-weight: bold;
}

#interiorLeft.contracts ul li {
        margin-bottom: 10px;
}

#interiorLeft ul li a.contract_list:hover {
	color: white !important;
}

.contract_list {
	color: #1C8294 !important;
	text-decoration: none !important;
}

.fullwidth {
    width: 100% !important;
}

table.pricing {
    border: 1px solid #4D4D4D;
    border-collapse:collapse;
    width: 800px;
    margin: -1px 0px 0px 40px;
}

table.pricing tr.heading {
        background-color: #2c2d2d;
}

table.pricing tr.heading-img {
        background-color: #1b1b1b;
}

table.pricing td {
    border: 1px solid #4d4d4d;
    padding: 4px 10px;
}

table.pricing a {
	color: #30717B !important;
	text-decoration: none !important;
	font-weight:bold;
}

table.pricing a:hover {
	color: white !important;
}

p.after-table {
	margin-top: 20px !important;
}


td.sin {
    width: 50px;
}

td.product_name {
    width: 340px;
}

td.model_number {
    width: 150px;
}

td.gsa_price {
    width: 60px;
}

a.fancybox:hover {
color: white !important;
}

#contract_button {
    background: url('../_images/gsa-button.jpg') no-repeat;
    text-indent: -999px;
    overflow: hidden;
    display: block;
    width: 206px;
    height: 82px;
    position: absolute;
    top: 234px;
    left: 60px;
}

#contract_button:hover {
    height: 109px;
}

        #galleria{
        	height:500px;
        	width: 816px;
        	margin-left: 38px;
        	background-color: #222;
        	}
        .galleria-thumbnails-list {
        	width: 740px;
        }
        
.col1 {
    float: left;
    width: 200px !important;
    clear: left;
}

.col2 {
    float: left;
    width: 200px !important;
    clear: right;
}

body.pricebook p > a > img {
	margin-top: 38px;
}

body.pricebook p:last-child {
	margin-bottom: 30px;
}

.contract-toc {
	margin-left: 40px;
}

.sales-team {
	margin-bottom: 15px;
}

	#mainContent #interiorLeft .contract-toc ul {
	    font-size: 1.25em;
	    font-weight: bold;
	    line-height: 1.75;
	}
	
		#mainContent #interiorLeft .contract-toc a {
			text-decoration: none;
			color: #1D7D8E;
		}
		
		#mainContent #interiorLeft .contract-toc a:hover {
			text-decoration: none;
			color: #fff;
		}

.home-slider {
	overflow: hidden;
	width: 464px;
	height: 250px;
}

ul.contract-toc.ad-services {
	color: #fff;
	list-style-type: square;
	list-style-position: inside;
	margin-bottom: 15px;
	font-size: 1.125em;
	line-height: 1.5;
}

body.pricebook {
	font-family: arial;
	background: none repeat scroll 0 0 #202020;
	text-align: left;
}
body.pricebook #wrapper {
	display: inherit;
}
.pricebook img{
	display: inline;
}
.pricebook h2 {
	margin-bottom: 4px;
}
.pricebook h1 {
	margin-bottom: 50px;
	color: black;
}
.pricebook table {
	border-collapse: collapse;
	font-size: 12px;
	font-family: arial;
	margin: 0 auto 60px;
}
.pricebook table th {
	border-width: 1px;
	padding: 5px 10px;
	border-style: solid;
	border-color: #4D4D4D;
	background-color: #2C2D2D;
	color: #fff;
	text-align: left;
	width: 100px;
}
.pricebook table td {
	border-width: 1px;
	padding: 5px 10px;
	border-style: solid;
	border-color: #4D4D4D;
	background-color: #333333;
	color: #fff;
}
.pricebook h2 span {
    font-size: 19px;
    color: rgba(0,0,0,.5);
    margin-left: 12px;
  }
.pricebook p {
	color: #fff;
	text-align: center;
}
.pricebook a {
	color: #30717B;
	text-decoration: none;
	font-weight: bold;
}

.pricebook a:hover {
	text-decoration: underline;
}

body.samples-request #mainContent #interiorLeft {
    width: 602px;
}

body.samples-request #mainContent #interiorLeft p {
    width: 500px;
}

/* GSA Contract page */
#mainContent #interiorLeft.contracts h2{
	margin-top: 20px;
	margin-bottom: 5px;
	color: #ffffff;
}

#mainContent #interiorLeft.contracts p a {
	color: #999999;
	text-decoration: none;
}

	#mainContent #interiorLeft.contracts p a:hover {
		color: #ffffff;
		text-decoration: none;
	}

#mainContent #interiorLeft.contracts p.full-gsa-link a {
	color: #1C8294;
	font-weight: bold;
}


	#mainContent #interiorLeft.contracts p.full-gsa-link a:hover {
		color: #ffffff;
	}



/* RESPONSIVE ======================================================
*/

@media only screen 
and (min-device-width : 0) 
and (max-device-width : 700px)
{        
	body {
	   width: 100%;
	   float: none;
	}
	
	#sitewrapper {
		width: 95%;
		float: none;
		margin: 0 auto;
	}
	
	
	#header, #mainContent, #subContent, #footer {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	
		/* Header */
		#header #logo {
		    float: none;
		    display: block;
		    padding: 0;
		    margin: 20px auto;
		}
		
		#contract_button {
		    position: static;
		    display: block;
		    margin: 0 auto;
		    margin-bottom: 23px;
		}
		
			#contract_button:hover {
			    margin-bottom: 0;
			    height: 105px;
			}
		
		/* Navigation */
		#header #nav{
			float: none;
			width: 100%;
			height: auto;
			margin: 0px 0 20px;
			background: none;
		}
		
		#header #nav ul#navA, #header #nav ul#navB, #header #nav ul#navC, #header #nav ul#navD {
			float: none;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		
		#header #nav ul li{
			margin: 0 0 8px 0;
			padding: 0;
			float: none;
			height: auto;
			clear: none;
		}
		
			#header #nav ul li a, #header #nav ul#navD li a{
				height: auto;
				line-height: 1;
				width: 250px;
				display: block;
				float: none;
				margin: 0 auto;
				padding: 10px 0;
				text-indent: 0;
				text-transform: uppercase;
				text-align: center;
				color: #ffffff;
				font-weight: bold;
				letter-spacing: 3px;
			}
			
				#header #nav ul li a:hover {
					text-decoration: none;
					background: #666666 !important;
				}
		
			#header #nav ul#navA li#about a, #header #nav ul#navA li#contact a, #header #nav ul#navB li#services a, #header #nav ul#navB li#flooring a, #header #nav ul#navC li#gallery a, #header #nav ul#navC li#blog a, #header #nav ul#navD li#facebook a, #header #nav ul#navD li#twitter a {	
				background: #333333;
			}
			
		/* Two Column Nav */
		#header #nav ul li a, #header #nav ul#navD li a{
				width: auto; 
			}
		
		#header #nav ul#navA, #header #nav ul#navC {
			float: left;
	    	margin: 0;
	    	padding-top: 0;
	    	width: 47.5%;
	    	margin-right: 2.5%;
	    	margin-left: 2.5%;
		}
		
		#header #nav ul#navB, #header #nav ul#navD {
			float: left;
	    	margin: 0;
	    	padding-top: 0;
	    	width: 45%;
	    	margin-right: 2.5%;
	    	margin-left: 0%;
		}

	/* Typography */
	h1, h1 a {
		font: 50px/1em "Lucida Grande", Arial, sans-serif !important;
		color: #1C8294 !important; 
		font-weight: normal !important;
		height: auto !important;
		width: auto !important;
		padding-bottom:  0 !important;
		background-image: none !important;
		text-indent: 0 !important;
		text-transform: uppercase !important;
		text-decoration: none !important;
		float: none !important;
	}	
			
	/* Home Content */
	#mainContent #homeLeft, #mainContent #homeRight {
		width: 95%;
		display: block !important;
		margin: 2.5% auto 0;
		float: none !important;
		border: none;
	}
		
		#mainContent #homeLeft div.home-slider {
			border: none;
			display: block !important;
			width: auto !important;
		}
	
				#mainContent #homeLeft div.home-slider img {
					display: block !important;
					border: 1px solid #AEAEAE;
					width: 99% !important;
				}
			
		#mainContent #homeRight p {
		    margin-right: 0;
		}
		
		#mainContent #homeRight h1 {
		    margin-top: 0;
		}
	
	#subContent-left, #subContent-right {
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
		#subContent-left ul {
		    margin: 20px 0 0 2.5%;
		    text-align: left;
		}
	
		#subContent-right ul {
		    margin: 15px 0 20px 2.875%;
		    text-align: left;
		}
	
	/* Footer */
	#footer p{
		width: 90%;
		float: none;
		margin: 15px auto 0;
	}
	
	
	/* General Page */
	#mainContent {
		width: 100%;
	}
	
	#mainContent #interiorLeft {
		margin: 5% 2.5% 0 2.5%;
		padding: 0;
		width: 100%;
		float: none;
	}
	
		#mainContent #interiorLeft h1{
			margin: 0 0 0 0 !important;
		}
		
		#mainContent #interiorLeft #subNav ul{
			margin: 0 0 10px -2.5%;
			width: 90%;
		}
		
		#mainContent #interiorLeft h2{
			margin:0 0 0 0;
		}
		
		#mainContent #interiorLeft p{
			width: auto;
			margin: 0 8% 10px 0;
		}
	
	#mainContent #interiorRight {
	    float: none;
	    margin: 5% 2.5% 0 2.5%;
	    width: 95%;
	}
	
		#mainContent #interiorRight img {
		    float: none;
		    width: 100%;
		    height: auto;
		    margin-bottom: 2.55%;
		    margin-top: 0;
		}
	
	/* About - Projects page */
	#mainContent #interiorLeft.full-width{
		margin: 5% 2.5% 0 2.5%;
		padding: 0;
		width: 95%;
		float: none;
	}
	
	#list-container {
	    margin-bottom: 2.5%;
	    width: 100%;
	}
	
	#list-container-left{
		float: none;
		width: auto;
		padding-left: 0;
		width: 95%;
	}
	
		#list-container-left ul#col1 {
		    margin-left: 16px;
		    margin-top: 10px;
		    padding-right: 0;
		    width: 100%;
		}
	
	#list-container-right {
	    float: none;
		width: 100%;
	}
	
		#list-container-right #image-block {
		    float: none;
		    width: 100%;
		}
		
			#list-container-right #image-block img {
			    float: none;
			    width: 100%;
			    height: 100%;
			    height: auto;
			}
		
		#right-col {
		    margin-top: 15px;
		    width: 100%;
		}
		
		#list-container-right #right-col ul#col2 {
		    display: block;
		    float: none;
		    width: 95%;
		    padding-left: 16px;
		}
	
		#list-container-right #right-col ul#col3 {
		    display: block;
		    float: none;
		    margin-top: 15px;
		    padding-left: 16px;
		    width: 95%;
		}
	
	/* About - Manufacturers page */
	#manuListContainer {
	    margin-bottom: 0;
	    margin-left: 3px;
	    margin-top: 10px;
	    width: 95%;
	}
	
		#mainContent #interiorLeft #manuListContainer ul#manuList1 {
		    float: none;
		    width: auto;
		}
		
		#mainContent #interiorLeft #manuListContainer ul#manuList2 {
		    display: block;
		    float: none;
		    margin-left: 0;
		    width: auto;
		}
	
	/* About - Affiliations page */
	#list-container-left {
	    float: nne;
	    padding-left: 0;
	    width: auto;
	}
	
	#list-container-left ul#col1 {
	    margin-left: 16px;
	}
	
	div.highlight {
	    margin-left: 0;
	    margin-top: 2.5%;
	    padding: 15px 15px 15px 0;
	    width: auto;
	}
	
		#mainContent #interiorLeft div.highlight p {
		    margin-left: 15px;
		    width: auto;
		}
	
	/* Gallery Page */
	p.choose_category {
	    margin: 0 2.5% 10px 0 !important;
	    width: 100% !important;
	}
	
		p.choose_category a {
		    display: inline;
		}
	
	#galleria {
	    width: 100%;
	    margin-left: 0%;
	    margin-right: 0%;
	}
	
	.galleria-stage {
	    width: 95%;  
	}
	
	.galleria-thumbnails-container {
		width: 95%;
	}
	
	.galleria-carousel .galleria-thumbnails-list {
	    width: 83%;
	}
	
	div.gallery-highlight {
	    margin-left: 0;
	    margin-top: 10px;
	    padding: 15px 0;
	    width: 100%;
	}
	
		#mainContent #interiorLeft div.gallery-highlight p {
		    margin-left: 15px;
		    width: auto;
		}
	
	/* Blog Page */
	#mainContent #interiorLeft a#rss-subscribe {display:none;}
	
	#mainContent #interiorLeft .blog_entry {
	    margin: 20px 0 0 0;
	    padding-bottom: 10px;
	    overflow: hidden;
	    width: 95% !important;
	    float: none;
	    display: block;
	}
	
	/*Blog posts */
	.blog_entry {
	    display: block;
	    float: none;
	    max-width: 95%;
	}
	
	form#comment_form div {
		margin-left: 0 !important;
	}
	
	/* styles not working
	.blog_entry table {
		max-width: 100%;
		width: 200px;
	}
	
		.blog_entry table tr {
			width: 50%;
		}
	*/	
		.blog_entry table td img {
			max-width: 100%;
			height: auto;
		}
	
	
	/* GSA Product Tables */
	table.pricing {
	    margin: -1px 0 0 0;
	    width: 95%;
	    max-width: 280px;
	}
	
	#mainContent #interiorLeft td img {
	    max-width: 100%;
	}
	
	/* Price Book Tables */
	body.pricebook #wrapper {
		background-color: transparent;
		margin: 0 auto !important;
		width: 95% !important;
		display: inherit;
	}
	
		/* Brand list */
		.contract-toc {
			margin-left: 0;
		}

		/* Pricebook tables */
		.pricebook table th {
			padding: 0 4px;
			line-height: 1.25;
			width: auto !important;
		}
		.pricebook table td {
			padding: 0 4px;
			line-height: 1.25;
		}

	
	/* Image styles */
	body #mainContent img {
		max-width: 100% !important;
		height: auto !important;
		float: none !important;
		margin: 0 0 10px 0;
		display: block;
	}
	
	body div.blog_entry p img {
		max-width: 100% !important;
		float: none !important;
		margin: 0 0 10px 0;
		display: block;
	}

}