* {
margin:0;
padding:0;
}



body {
	text-align: center;
	background-color:#706354;
}
#pagewrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
}
																				/* -- Header -- */
#header-meta {
	position: relative;
}
#header-meta h1 {
	top: 15px;
	left: -24px;
}

																				/* -- Primary Nav -- */
#primary-nav {
	width: 745px;
}
#primary-nav ul {
	top: 20px;
	right: 25px;
}
																				/* --------------------------------------------------------------- */
																				/* -- Content Area Base Layout -- */
#main-content {
	width: 646px;
}
#sidebar {
	width: 314px;
}
																				/* -- Form Styling -- */
																				
																				
/*-------------------------------------------------------------------
----------------------------------------------------------------------
------------------------FROM BASE CSS----------------------------------------------*/

/*added by originate*/


#page-body	{
			clear: both;
			}
			
#main-content	{
			float: left;
			position: relative;
			}
			
#sidebar {
			position: relative;
			float: left;
			border-top: 0px none;
			}



																					/* -- General tweaks -- */
hr {
	border-left:0px solid #ccc; border-right:0px solid #ccc; border-top:1px solid #ccc; border-bottom:0px solid #ccc; height: 1px;
	margin: 1.5em 0
}
#main-content ul li {
	margin: 1em 0 1em 0;
	padding: 0;
	list-style: none;
}


																					/* -- Official Design Listing -- */
#main-content .grid ul li {
	margin: 0;
	padding: 0 0 3em 0;
	background: none;
}
.grid .row {
	position: relative;
	width: 100%;
}
.grid .row li {
	width: 325px;
	padding-bottom: 3em;
	display: block;
}
.grid .row li.second {
	position: absolute;
	left: 330px;
	top: 0;
}
.grid .row li.third {
	position: absolute;
	left: 660px;
	top: 0;
}
.grid .row li.fourth {
	position: absolute;
	left: 990px;
	top: 0;
}
.grid .preview {
	display: block;
	width: 325px;
	height: 246px;
	margin-bottom: 5px;
	position: relative;
	float: left;
}
.grid .preview img {
	display: block;
	padding: 4px;
	background: #fff;
	border: solid 1px #ccc;
}
.grid .preview a:hover img {
	border-color: #999;
}
.grid h3 {
	font: 15px Arial, Helvetica, sans-serif;
	margin: 0 0 0.3em 0;
}


.grid h2 {
	margin: 1em 0 1em 0;
	}
	
#main-content h2	{
	font-size: 24px;
	}

#sidebar h2	{
	font-size: 24px;
	}

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




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


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


																					/* -- Official Design Listing -- */
#main-content .grid-th ul li {
	margin: 0;
	padding: 0 0 5px 0;
	background: none;
}
.grid-th .row {
	position: relative;
	width: 100%;
}
.grid-th .row li {
	width: 158px;
	padding-bottom: 3em;
	display: block;
}
.grid-th .row li.second {
	position: absolute;
	left: 164px;
	top: 0;
}
.grid-th .row li.third {
	position: absolute;
	left: 327px;
	top: 0;
}
.grid-th .row li.fourth {
	position: absolute;
	left: 490px;
	top: 0;
}
.grid-th .preview {
	display: block;
	width: 158px;
	height: 170px;
	margin-bottom: 1px;
	position: relative;
	float: left;
}
.grid-th .preview img {
	display: block;
	padding: 4px;
	background: #fff;
	border: solid 1px #ccc;
}
.grid-th .preview a:hover img {
	border-color: #999;
}
.grid-th h3 {
	font: 15px Arial, sans-serif;
	margin: 0 0 1.3em 0;
	background-color: #CCC;
	text-align: center;
	padding-bottom: 5px;
}


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

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

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




/*--------------------------------------------------------------------------------
---------code for thumbs----------------------------------------------------------
----------------------------------------------*/
																					/* -- Official Design Listing -- */
#main-content .grid02 ul li {
	margin: 0;
	padding: 0 0 3em 0;
	background: none;
}
.grid02 .row {
	position: relative;
	width: 100%;
}
.grid02 .row li {
	width: 158px;
	padding-bottom: 3em;
	display: block;
}
.grid02 .row li.second {
	position: absolute;
	left: 164px;
	top: 0;
}
.grid02 .row li.third {
	position: absolute;
	left: 327px;
	top: 0;
}
.grid02 .row li.fourth {
	position: absolute;
	left: 490px;
	top: 0;
}
.grid02 .preview {
	display: block;
	width: 158px;
	height: 170px;
	margin-bottom: 5px;
	position: relative;
	float: left;
}
.grid02 .preview img {
	display: block;
	padding: 4px;
	background: #fff;
	border: solid 1px #ccc;
}
.grid02 .preview a:hover img {
	border-color: #999;
}
.grid02 h3 {
	font: 15px Arial, Helvetica, sans-serif;
	margin: 0 0 0.3em 0;
}


.grid02 h2 {
	margin: 1em 0 1em 0;
	}
	
#menu_vert h2 {
	margin: 1em 0 1em 0;
	}

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




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

/*-------------------------------------------------------------------
----------------------------------------------------------------------
------------------------END FROM BASE CSS----------------------------------------------*/


/*-------------------------------------------------------------------
----------------------------------------------------------------------
------------------------FROM LAYOUT ADJUSTMENTS CSS----------------------------------------------*/


/*****************
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		{ 
		background-color:#706354;
  		text-align: left;
   		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   		font-size: 14px;
   		line-height: 1em;
}

/* You need something to wrap the whole thing up in, this will also control your overall width and positioning */

#pagewrapper	{    /*find a coding standard that works best for you so that it is readable*/
  		width: 950px;
  		margin: 0 auto;     /*this is how you center a div*/
  		background-color:#FFF;
}

/*Now we must start our layout*/
#header		{
   		width:950px;
   		background-repeat:no-repeat;  /*This line and the next are best practices and usful attributes to know*/
   		/*Now we have our pic in the bg and can add all the text on top that we want*/
   		background-color:#FFF; background-position-y:50%
}

#header2		{
   		width:950px;
   		background-repeat:no-repeat;  /*This line and the next are best practices and usful attributes to know*/
   		/*Now we have our pic in the bg and can add all the text on top that we want*/
   		background-color:#FFF; background-position-y:50%
}

#header2 img	{
		padding-bottom: 2px;
		}

div#content {
   margin: 0 auto 2em 0;   /* some air above and under menu and content */
}

/*nav*/

A {
	COLOR: #18507c; TEXT-DECORATION: underline; font-weight: bold;
}
A:link A:active {
	COLOR: #18507c; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #18507c; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #385c72; BACKGROUND-COLOR: #888; TEXT-DECORATION: none
}


/*nav specs*/

div#sidebar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 29%;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
   margin-right: 10px;
   background-color:#FFF;
   margin-top: 0;
}

div#trade {
   margin-left: 10;
   padding-left: 20px;
   padding-top: 20px;
   padding-bottom: 30px;
   margin-bottom: 10px;
   margin-right: 10px;
   background-color:#FFF;
   margin-top: 0;
}



/*CONTENT*/

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/* HEADINGS */
div#content h1 {
   font-size: 18px; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
	color: #000000; 
	font-size: 18px; 
	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 solid #FFF;
	line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #294B5F; 
   font-size: 18px;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}

P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.5em; LINE-HEIGHT: 1.4em; PADDING-TOP: 0px;
	text-align: justify;
}


STRONG {
	FONT-WEIGHT: bold
}
B {
	FONT-WEIGHT: bold
}
EM {
	FONT-STYLE: italic
}
I {
	FONT-STYLE: italic
}
CODE {
	FONT-SIZE: 1em; FONT-FAMILY: "Courier New", Courier, monospace; WORD-WRAP: break-word
}
PRE {
	FONT-SIZE: 1em; FONT-FAMILY: "Courier New", Courier, monospace; WORD-WRAP: break-word
}
PRE {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0.5em; FONT-SIZE: 90%; PADDING-BOTTOM: 0.5em; MARGIN: 0px 1em 1em; BORDER-LEFT: #000 1px solid; LINE-HEIGHT: 1.5em; PADDING-TOP: 0.5em; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #ddd
}
DIV#main UL {
	FONT-SIZE: 1em; MARGIN: 0px 0px 1.5em; LINE-HEIGHT: 1.4em
}
DIV#main OL {
	FONT-SIZE: 1em; MARGIN: 0px 0px 1.5em; LINE-HEIGHT: 1.4em
}
DIV#main DL {
	FONT-SIZE: 1em; MARGIN: 0px 0px 1.5em; LINE-HEIGHT: 1.4em
}
DIV#main UL LI {
	MARGIN: 0px 0px 0.25em 3em
}
DIV#main OL LI {
	MARGIN: 0px 0px 0.25em 3em
}
DIV#dl DT {
	FONT-WEIGHT: bold; MARGIN: 0px 0px 0.25em 3em
}
DIV#dl DD {
	MARGIN: 0px 0px 0px 3em
}




/*
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: 11px;
   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 */
}

/*-------------------------------------------------------------------
----------------------------------------------------------------------
------------------------END FROM LAYOUT ADJUSTMENTS CSS----------------------------------------------*/