/*

curio-screen.css
June 17, 2008

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, td, tr, th, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
  background-color: #1c1c1c;
  background: url(http://kitchensandbathsbycurio.com/img/body_bg_brown.gif) 0 -1100px repeat; 
  margin: 0 0 0 0; 
  padding: 0 0 0 0; 
  text-align: center; 
}

body, div, p, th, td, li, dd, h1, h2, h3, h4, h5, h6, a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  line-height: 1.3ems;
  color: #ECE9DF;
}

h1 {
	color: #F6BA0C;
	font-size: 140%;
	font-weight: bold;
	line-height: 2em;
	margin: 15px 15px 8px 15px;
}

h2 {
	color: #F6BA0C;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.5em;
	padding: 5px 15px 0px 15px;
}

h3 {
	color: #c17456;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5em;
	padding: 15px 15px 15px 15px;
}

h4 {
	color: #c17456;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	padding: 15px 15px 15px 15px;
}

h5 {
	color: #c17456;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	padding: 15px 15px 15px 15px;
}

h6 {
	color: #2C3E8F;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.5em;
	padding: 10px 15px 10px 15px;
        text-decoration: none;
}

h6:hover {
  color: #0033ff;
  text-decoration: underline overline;
}

h6:visited {
  color: #0033ff;
  text-decoration: none;
}

table {
  padding: 0 15px 0 15px;
}

p {
  margin: 0px 0px 0px 0px;
  padding: 0 15px 0 15px; 
}


hr {
  border: 0;
  height: 1px;
  margin: 0 15px 0 15px; 
  background-color: #999999;
  color: #999999;
}

a,  a:link {
  color: #2C3E8F;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: #0033ff;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #0033ff;
  text-decoration: underline;
}

a:focus {
  color: #63a4ba;
  text-decoration: underline;
}

a:active {
  color: #63a4ba;
  text-decoration: underline;
}



#outerWrapper {
	background-color: #1c1c1c;
	margin: 0 auto 0 auto; 
	text-align: left;
	/*background-image: url(http://kitchensandbathsbycurio.com/img/home-bgnd.gif);
	background-repeat: repeat-y;*/
	width: 975px;
}
#homepage {margin: 0;}
#contentWrapper { margin: 0; }



#outerWrapper #contentWrapper #top { position: relative;}

#outerWrapper #contentWrapper #top #flash { width: 450px; position: relative; display: inline; margin: 0; padding:0;}

#outerWrapper #contentWrapper #top #otherspace {
width: 523px;  position: relative; float: right; margin: 0; padding: 0 5px 0 0; line-height: 19px;}

#outerWrapper #contentWrapper #top #otherspace h1 {  margin: 10px 0 0 15px;}
#outerWrapper #contentWrapper #top #otherspace hr { margin: 0 15px 10px 15px;}

#outerWrapper #contentWrapper #content #primary-nav {
background-image: url('http://kitchensandbathsbycurio.com/img/navbg.gif');
	width: 200px;
	padding: 10px 0 0 0;
    font-size: 10pt; 
}

#primary-nav ul { 
    padding: 0 0 0 0;
    list-style-type: none;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #FAEC33;

}

#primary-nav li {
    display: block;
    color: #666666; 
    padding: 2px 2px 2px 10px;
    margin: 0 0 0 0;
}
#primary-nav a:focus { font-weight: bold; color: #FAEC33; border: 1px solid #63a4ba;}
#primary-nav a:hover { font-weight: bold; color: #66CCFF; border: 1px solid #58976e;}
#primary-nav a:visited { font-weight: bold; color: #FAEC33; }
#primary-nav a { 
font-weight: bold; 
color: #FAEC33; 
font-size: .9em;  
display: block;
 border: 1px solid #af35af;
    padding: 2px 2px 2px 10px;
    margin: 0 10px 5px 5px;
    background-color: #313b6d;
}


#outerWrapper #contentWrapper #content {
    display: block;
	margin: 0 337px 0 0px;
    padding: 0px 0px 0px 0px;
background-color: #2B2B2B; 
border-top: 1px solid #938B69;
    width: 975px;
}

#outerWrapper #contentWrapper .clearFloat {
  clear: both;
margin:0;
padding:0;
}

#outerWrapper #contentWrapper #rightColumn1 {
	float: right;
	padding: 0 0 0 0;
	width: 775px;
	height: 100%;
}

#footer {
	background-color: #f4f1e7;
	border-top: solid 1px #bd9c76; 
	padding: 0px 10px 0px 0px; 
	margin: 0 0 0 0;
/*	color: #2B2B2B;*/
clear: both;
}





a:hover {
	color: #0033ff;
}

span.panel {
	display: block;
	background-color: #333333;
	color: #CCCCCC;
	margin: 15px 15px 15px 15px;
	padding:  10px 0 10px 0;
}

span.panel h3 {
	color: #F6BA0C;
	font-size: 100%;
	font-weight: bold;
	line-height: 1em;
	border: 0 0 0 0;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;

}

span.panel p {
	color: #ECE9DF;
	font-size: 90%;
	line-height: 2em;
}


/*
======================================================================
Inside Page overrides
======================================================================
*/
#inside body, #inside div, #inside p, #inside th, #inside td, #inside li, #inside dd, #inside h1, #inside h2, #inside h3, #inside h4, #inside h5, #inside h1 {
  color: #2b2b2b;
}

#inside #outerWrapper {

	margin: 0 auto 0 auto; 
	text-align: left;
	background-image: none;
        background-color: white;
	background-repeat: no-repeat;
	width: 975px;
}

#inside #outerWrapper #contentWrapper #logo {
position: absolute;
top: 5px;
display: block;
width: 152px;
height: 75px;
z-index:2000;
background-color:none;
}
#inside #outerWrapper #contentWrapper #content {
  background-color: white;
  clear: both;
  margin: 0 0 0 0;
  padding: 5px 0px 0px 0px;
line-height: 1.75em;
}

#outerWrapper #contentWrapper #content #primary-nav {
background-image: url('/img/navbg.gif');
	width: 200px;
	padding: 10px 0 0 0;
    font-size: 10pt; 
}

#primary-nav li {
    display: block;
    color: #666666; 
    padding: 2px 2px 2px 10px;
    margin: 0 0 0 0;
}
#primary-nav a:focus { font-weight: bold; color: #FAEC33; border: 1px solid #63a4ba;}
#primary-nav a:hover { font-weight: bold; color: #66CCFF; border: 1px solid #58976e;}
#primary-nav a:visited { font-weight: bold; color: #FAEC33; }
#primary-nav a { 
font-weight: bold; 
color: #FAEC33; 
font-size: .9em;  
display: block;
 border: 1px solid #af35af;
    padding: 2px 2px 2px 10px;
    margin: 0 10px 5px 5px;
    background-color: #313b6d;
}

#inside #primary-nav {
background-color: none;
clear: left;
width: 975px;
background-color: #2B2B2B;
padding:0; 
margin: 40px 0 0 0; 
position:relative; 
font-size: 10pt;
display:block; 
height: 2em;
}

#inside #primary-nav ul {
display: block;
margin:0 0 0 152px; 
padding:4px 0 0 0; 
list-style-type:none; 
width:auto;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#inside #primary-nav li {
font-family: Verdana, Arial, Helvetica, sans-serif; 
display:inline;  
padding:0;
margin: 0;
}

#inside #primary-nav a:focus {
color: #FAEC33; 
border: 0;
}

#inside #primary-nav a:hover {
color: #66CCFF;
border: 0;
}

#inside #primary-nav a:visited {
color: #FAEC33;
border: 0;
}

#inside  #primary-nav a { 
border: 0;
display: inline; 
font-size: 10pt;
background-color: #2B2B2B;
color: #FAEC33;  
padding: 0px 8px 0px 8px; 
margin: 0px 0px 0px 0px;

}