@charset "utf-8";
/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-size: 67.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/body-bg2.png) repeat-x top left #1e4ea1;
}

a
{
	color: white;
	text-decoration: none;
}

a:hover, a:active
{
	text-decoration: underline;
}

h1
{
   font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 1px;
}

h2
{
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: 1px;
	font-style: italic;
}

img
{
	border: none;
}

div.clear
{
	clear: both;
}

div.page-wrap
{
   width: 800px;
	margin: 0 auto;
}

div#nav
{
   height: 128px;
	background: #0a1431;
}

div#nav ul
{
	display: block;
}

div#nav ul#menu-first
{
	list-style: none;
	height: 104px;
	padding-left: 55px;
	display: block;
}

div#nav ul#menu-second
{
	clear: both;
	list-style: none;
	padding-left: 150px;
}

div#nav ul li
{
	display: inline;
}

div#nav ul#menu-first li a 
{
	display: block;
	float: left;
	margin: 103px 15px 0 15px;
	color: #7092ca;
	padding-top: 2px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

div#nav ul#menu-second li a 
{
	display: block;
	float: left;
	margin: 7px 20px 0 20px;
	color: #7092ca;
	padding-top: 2px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}


div#nav ul#menu-first li a.alternate
{
   color: white;
}

div#nav ul#menu-second li a.alternate
{
   color: white;
}

div#nav ul#menu-first li a:hover, div#nav ul li a:active 
{
	color: yellow;
}

div#nav ul#menu-second li a:hover, div#nav ul li a:active 
{
	color: yellow;
}

body#about div#nav ul
{
	background: url(../img/about-bg.png) no-repeat top center;
}


body#accessories div#nav ul
{
	background: url(../img/accessories-bg.png) no-repeat top center;
}

body#contact div#nav ul
{
	background: url(../img/contact-bg.png) no-repeat top center;
}

body#desk div#nav ul, body#archworks div#nav ul, body#advantage div#nav ul, body#essentials div#nav ul, body#pacifica div#nav ul, body#studio div#nav ul
{
	background: url(../img/desk-bg.png) no-repeat top center;
}

body#index div#nav ul#menu-first, body#images div#nav ul
{
	background: url(../img/index-bg.png) no-repeat top center;
}

body#images div#nav ul
{
	background: url(../img/images-bg.png) no-repeat top center;
}

body#reps div#nav ul
{
	background: url(../img/rep-bg.png) no-repeat top center;
}

body#literature div#nav ul
{
	background: url(../img/literature-bg.png) no-repeat top center;
}

body#laminates div#nav ul
{
	background: url(../img/laminates-bg.png) no-repeat top center;
}

body#sustainability div#nav ul
{
	background: url(../img/sustainability-bg.png) no-repeat top center;
}

body#tables div#nav ul
{
	background: url(../img/tables-bg.png) no-repeat top center;
}



div#main-content
{
	color: white;
	margin-top: 50px;
	text-align: center;
}

div#main-content p
{
   margin-bottom: 10px;
}

div#main-content div#left-col
{
   width: 400px;
	float: left;
	text-align: right;
}

div#main-content div#right-col
{
	width: 350px;
	float: right;
	text-align: left;
}

div#main-content div#right-col ul
{
	list-style: none;
}

div#main-content div#right-col ul.bullet-list
{
	list-style: inside disc;
}
div#main-content div#right-col ul.bullet-list li
{
	margin-bottom: 1em;
}

div#footer
{
   background: url(../img/footer-bg.png) top center no-repeat;
	margin-top: 40px;
	padding-top: 25px;
	text-align: center;
}

div#footer img
{
   margin-bottom: 5px;
}

div#footer p
{
	color: white;
}

div#footer p#feedback
{
	text-transform: uppercase;
}

table.imgtable
{
	margin-left: auto;
	margin-right: auto;
}

table.imgtable td
{
	vertical-align: top;
	width: 200px;
}