body{
margin-top: 15px;
padding:0;
line-height: 1.5em;
background: #000;
font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
font-size: 76%;
}

body.sec{
margin-top: 15px;
padding:0;
line-height: 1.5em;
background: #666;
font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
font-size: 76%;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 1px solid black;
overflow: hidden;
height: 100%;
max-height: 100%; 
background: #f00;
}

img {
border: 0;
}


#topsection{
background: #f00;
height: 195px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background: #f00;
min-height: 650px;
height:auto !important;
height: 650px;
min-height: 650px;
text-align: center;
}

#contentcolumn_sec {
margin-left: 230px; /*Set left margin to LeftColumnWidth*/
background: #f00;
min-height: 650px;
height:auto !important;
height: 650px;
padding: 8px 15px 8px 8px;
text-align: left;
}

#contentcolumn_sec p
{
margin-left: 15px;
}

#leftcolumn_sec {
float: left;
width: 230px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #000;
min-height: 700px;
height:auto !important;
height: 700px;
border-right: 2px solid #fff;
}

#leftcolumn_sec .divider
{
background: url(images/seclevel_flower.gif) top left no-repeat;
height: 123px;
position: relative;
left: 70%;
top: 5%;
z-index: 999;
margin-top: 15%;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
text-align: center;
}

/* HOMEPAGE */
#maincontainer_home {
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 1px solid black;
overflow: hidden;
height: 100%;
	max-height: 100%; 
}

#topsection_home {
background: #f00;
height: 195px; /*Height of top section*/
}

#topsection_home h1 {
margin: 0;
padding-top: 15px;
}

#contentwrapper_home {
float: left;
width: 100%;
background: #f00;
min-height: 650px;
height:auto !important;
height: 650px;
min-height: 650px;
text-align: center;
}

#contentcolumn_home {
margin-left: 230px; /*Set left margin to LeftColumnWidth*/
background: #f00 url(images/flower.jpg) top left no-repeat;
min-height: 650px;
height:auto !important;
height: 650px;
}

#leftcolumn_home {
float: left;
width: 230px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #f00 url(images/divider.gif) top right no-repeat;
min-height: 650px;
height:auto !important;
height: 650px;
}

#footer_home {
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer_home  a {
color: #FFFF80;
}

.innertube_home {
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
text-align: center;
}

	#menu_container_home
	{
	margin-left: 28px;
	
	}
	.top_level_home
	{
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 8px;
	text-align: left;
	color: #fff;
	}
	
	.second_level_home
	{
	margin-left: 10px;
	text-align: left;
	color: #fff;
	font-size: 1.1em;
	}
	
#menu_container_home a, #menu_container_home a:visited
{
color: #fff;
text-decoration: none;
}

#menu_container_home a:hover
{
color: #000;
text-decoration: underline;
}
/* end homepage styles */
	
/* MENU INNER PAGES */

	#menu_container_inner
	{
	margin-left: 28px;
	color: #fff;
	}
	
	#menu_container_inner ul
	{
	margin-top: -3%;
	margin-left: -18%;
	}
	
	#menu_container_inner li
	{
	list-style-type: none;
	color: #fff;
	font-size: 1.3em;
	margin-top: 8px;
	}
	
	#menu_container_inner ul ul
	{
	margin-top: 10px;
	margin-left: -7%;
	margin-bottom: 15px;
	}
	
	#menu_container_inner li li
	{
	list-style-type: none;
	color: #fff;
	font-size: .85em;
	margin-top: 8px;
	}
	
	#menu_container_inner a, #menu_container_inner a:visited
	{
	color: #fff;
	text-decoration: none;
	}
	
	#menu_container_inner a:hover
	{
	color: #f00;
	text-decoration: underline;
	}
	
	/* for large images pages */
	#menu_container_inner_img
	{
	margin-left: -15%;
	margin-top: 10%;
	color: #fff;
	}
	
	#menu_container_inner_img ul
	{
	margin-top: 5%;
	margin-left: 18%;
	}
	
	#menu_container_inner_img li
	{
	list-style-type: none;
	color: #fff;
	font-size: 1.3em;
	margin-top: 8px;
	}
	
	#menu_container_inner_img a, #menu_container_inner_img a:visited
	{
	color: #fff;
	text-decoration: none;
	font-size: .85em;
	}
	
	#menu_container_inner_img a:hover
	{
	color: #f00;
	text-decoration: underline;
	}
	/* end large image pages */
	
	#portfolio #nav_portfolio a, 
	#pendants #nav_pendants a, 
	#brooches #nav_brooches a, 
	#necklaces #nav_necklaces a, 
	#earrings #nav_earrings a, 
	#bracelets #nav_bracelets a,
	#rings #nav_rings a,
	#other #nav_other a,
	#gl_decor #nav_gl_decor a,
	#gl_funct #nav_gl_funct a,
	#gl_ears #nav_gl_ears a,
	#gl_brooches #nav_gl_brooches a,
	#gl_decor #nav_gl_decor a,
	#gl_pendants #nav_gl_pendants a,
	#news #nav_news a,
	#statement #nav_statement a,
	#contact #nav_contact a,
	#links #nav_links a
	 { 
	 color: #f00;
	 text-decoration: none;
/* declarations to style the current state */ 
} 

#portfolio #nav_portfolio a:hover, 
	#pendants #nav_pendants a:hover, 
	#brooches #nav_brooches a:hover, 
	#necklaces #nav_necklaces a:hover, 
	#earrings #nav_earrings a:hover, 
	#bracelets #nav_bracelets a:hover,
	#rings #nav_rings a:hover,
	#other #nav_other a:hover,
	#gl_decor #nav_gl_decor a:hover,
	#gl_funct #nav_gl_funct a:hover,
	#gl_ears #nav_gl_ears a:hover,
	#gl_brooches #nav_gl_brooches a:hover,
	#gl_decor #nav_gl_decor a:hover,
	#gl_pendants #nav_gl_pendants a:hover,
	#news #nav_news a:hover,
	#statement #nav_statement a:hover,
	#contact #nav_contact a:hover,
	#links #nav_links a:hover
	 { 
	 color: #f00;
	 text-decoration: underline;
/* declarations to style the hover state */ 
} 


h1 {
text-align: left;
margin-top: 10%;
margin-left: 10%;
}

/* GALLERY styles */
.port_largeimg {
      
      width: 95%;
      background: #000;
	  margin-top: 15%;
	  margin-left: 2%;
	  background: #f00;
      }
	  
.port_container {
      
      width: 95%;
      background: #000;
	  margin-top: 5%;
	  margin-left: 15%;
	  background: #f00;
      }

.port_row
      {
      padding: 0 1px 1px;
      margin-bottom: 8px;
      margin-top: 8px;
      margin-left: 0;
      font: bold 12px Verdana, sans-serif;
      clear: both;
      }
      
      .port_row li
      {
      list-style: none;
      margin: 0;
      float: left;
      padding: 5px;
      text-align: center;
      }
      
      .port_row li img
      {
      margin-top: 5px;
      }

	  .click_thumb
	  {
	  position: relative;
	  top: 10%;
	  left: 5%;
	  padding-top: 10%;
	  clear: both;
	  font-weight: normal;
	  text-align: left;
	  }

.descrip
{
margin-top: 8px;
font-weight: bold;
}

table#links
{
width: 98%;
margin-top: 55px;
}

table#links th
{
vertical-align: top;
text-align: left;
}

table#links td
{
vertical-align: top;
}

table#links td a, #table#links td a:visited
{
color: blue;
}

table#links td a:hover
{
color: blue;
}
