/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
top-margin: 10;
padding: 0;
}


body {
	text-align: center;
	background-color:#E4E3D4;
}
#pagewrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color: #B8AD9F;
}

#header		{
   		width:950px;
}

#header img	{
		padding-bottom: 5px;
		padding-top: 0;

		}
#body_container	{
			clear: both;
			}
			
#main-content	{
			float: left;
			position: relative;
			}

#main-content {
	width: 760px;
}

#main-content ul li {
	margin: 3em 0 1em 1em;
	padding: 0px;
	list-style: circle;
}


#sidebar {
			position: relative;
			float: left;
			border-top: 0px none;
			}
#sidebar {
	width: 190px;
}

P {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px;
	FONT-FAMILY: ARIAL, HELVETICA, VERDANA, SANS-SERIF; 
	FONT-SIZE: 95%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 1.5em; 
	LINE-HEIGHT: 1.4em; 
	PADDING-TOP: 0px;
	text-align: justify;
}

/***************************** HEADINGS 
***************************************/
div#main-column h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#main-column h2 {
	color: #000000;
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 110%; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
	padding-top: 1em;
/* set borders around header */
	border-bottom: 1px dotted #FFF;
	line-height: 1.5em;
/* and some air under the border */
   	margin: 0 0 0.5em 0;
}
div#main-column h3 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}

#main-column img {
	display: block;
	PADDING-LEFT: 30px;
	padding: 4px;
	background: #fff;
	border: solid 1px #ccc;
}





/*-------------code for the products page thumbnails------------*/


																					/* -- Official Design Listing -- */
#main-content .official-th ul li {
	margin: 0;
	padding: 0 0 3em 0;
	background: none;
}
.official-th .row {
	position: relative;
	width: 100%;
}
.official-th .row li {
	width: 96px;
	padding-bottom: 3em;
	display: block;
}
.official-th .row li.second {
	position: absolute;
	left: 126px;
	top: 0;
}
.official-th .row li.third {
	position: absolute;
	left: 252px;
	top: 0;
}
.official-th .row li.fourth {
	position: absolute;
	left: 378px;
	top: 0;
}
.official-th .row li.fifth {
	position: absolute;
	left: 504px;
	top: 0;
}
.official-th .row li.sixth {
	position: absolute;
	left: 630px;
	top: 0;
}

.official-th .preview {
	display: block;
	width: 130px;
	height: 100px;
	margin-bottom: 2px;
	position: relative;
	float: left;
}
.official-th .preview img {
	display: block;
	padding: 2px;
	background: #fff;
	border: solid 1px #ccc;
}
.official-th .preview a:hover img {
	border-color: #999;
}
.official-th h3 {
	font: 95% Arial, sans-serif;
	margin: 0 0 1.3em 0;
	text-align: center;
}


.official-th h2 {
	margin: 1em 0 1em 0;
}
	
#menu_vert h2 {
	margin: 1em 0 1em 0;
	}

.official-th ul {
	padding: 0;
	margin: 0;
}
.official-th li p {
    margin: 0;
    line-height: 1.2;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #999;
    padding-left: 0;
    position: relative;
}
.official-th li a:link, .official li a:visited {
	text-decoration: none;
}
.official-th li a:hover {
	text-decoration: underline;
}

																					/* -- Translations List -- */
#main-content ul li {
	padding-left: 25px;
}


/*-------------code for the gallery page thumbnails------------*/


																					/* -- Official Design Listing -- */
#main-content .official-thgall ul li {
	margin: 0;
	padding: 0 0 3em 0;
	background: none;
}
.official-thgall .row {
	position: relative;
	width: 100%;
}
.official-thgall .row li {
	width: 201px;
	padding-bottom: 3em;
	display: block;
}
.official-thgall .row li.second {
	position: absolute;
	left: 260px;
	top: 0;
}
.official-thgall .row li.third {
	position: absolute;
	left: 520px;
	top: 0;
}


.official-thgall .preview {
	display: block;
	width: 220px;
	height: 170px;
	margin-bottom: 2px;
	position: relative;
	float: left;
}
.official-thgall .preview img {
	display: block;
	padding: 2px;
	background: #fff;
	border: solid 1px #ccc;
}
.official-thgall .preview a:hover img {
	border-color: #999;
}
.official-thgall h3 {
	font: 95% Arial, sans-serif;
	margin: 0 0 1.3em 0;
	text-align: center;
}


.official-thgall h2 {
	margin: 1em 0 1em 0;
}
	
#menu_vert h2 {
	margin: 1em 0 1em 0;
	}

.official-thgall ul {
	padding: 0;
	margin: 0;
}
.official-thgall li p {
    margin: 0;
    line-height: 1.2;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #999;
    padding-left: 0;
    position: relative;
}
.official-thgall li a:link, .official li a:visited {
	text-decoration: none;
}
.official-thgall li a:hover {
	text-decoration: underline;
}





/*****************
footer specs
*****************/
div#footer {
   clear: both;       /* keep footer below content and menu */
   color: #fff;
   background-color: #605F60; /* same bg color as in header */
}

div#footer p {
   font-size: 75%;
   padding: 0.7em;       /* some air for footer */
   text-align: center;  /* centered text */
   margin: 0;
}

div#footer p a {
   color: #fff; /* needed because footer link would be same color as background otherwise */
}

div#footer a:hover {
	text-decoration: none;
	BACKGROUND-COLOR: #B8AD9F;
	color: #46402D;
	}