* {
	margin:0;
	padding:0;
}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
}

a{
	text-decoration: none;
}

body > #wrap {
	height: auto;
	min-height: 100%;
	background:url(http://studio-signs.com/images/paperbg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.cartnav {
	width:960px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:10px;
	font-weight:bold;
	padding-top:10px;
}

.cartnav a {
	color:#333;
	text-decoration:none;
}

.cartnav a:hover {
	color:#f26735;
}

#header {
	height:120px;
	text-align:center;
}

.header {
	width:960px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background:url(http://studio-signs.com/images/nav.png);
	height:95px;
	text-align:right;
	padding-top:10px;
}

#main {
	padding-bottom: 200px;
}  /* must be same height as the footer */

.left {
	float:left;
	width:275px;
}

.sidenav {
	background:#d7ebd2 url(http://studio-signs.com/images/sideNavBG.png) right no-repeat;
	text-align:left;
	border-top:dotted #333 thin;
	border-bottom:dotted #333 thin;
	margin-bottom:5px;
	color:#666;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:240px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:13px;
}

.sidenav h1 {
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	font-variant:small-caps;
	color:#333;
}

.sidenav a {
	color:#333333;
	text-decoration:none;
}

.sidenav a:hover {
	color:#f26735;
	text-decoration:none;
}

.sidenavcurrent {
	background:#f26735;
	color:#fff
}
.right {
	float:right;
	width:675px;
	padding-left:10px;
}

.right2 {
	float:right;
	padding-top:15px;
	width:650px;
	padding-left:10px;
}

.content {
	padding-top:30px;
	width:960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

#footer {
	background:url(http://studio-signs.com/images/main_bg.png) repeat-x;
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
}

.foot {
	padding-top:20px;
	height:145px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	color:#eaf4e4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.foot a {
	color:#eaf4e4;
}

.foot a:hover {
	color:#f26735;
	text-decoration:none;
}

.copyright {
	text-align:right;
	color:#eaf4e4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	margin-top:10px;
}

.copyright a {
	color:#eaf4e4;
	text-decoration:none;
}

.copyright a:hover {
	color:#f26735;}
	

#nav {
	width:615px;
	float:right;
	text-align:right;
	margin-top:17px;
	text-decoration:none;
	font-weight:bold;
}

#nav1 .current_page_item a,
#nav1 li.sfHover,
#nav1 li.current,
#nav1 li a:focus, #nav1 li a:hover, #nav1 li a:active {
	background-color: #f26735;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#nav1 .current_page_item ul li a {
	background-color: #FFFFFF;
	color: #f26735;
	font-weight:bold;
}

#nav1 .current_page_item ul li a:hover {
	background-color: #f26735;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#nav ul  li.back {
	background-color: #BE1E2D;
	color: #FFFFFF;
	font-weight:bold;
}

#nav li a {
	color: #333;
	font-weight:bold;
	text-decoration:none;
}

#nav1, #nav1 ul{
	padding: 0;
	float:left;
	list-style: none;
	font-weight:bold;
}
#nav1 {
	padding: 0;
	font-size:13px;
	float:right;
}
#nav1 a {
	display: block;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
}
#nav1 li {
	float: left;
	line-height:30px;
	font-weight:bold;
	font-size:11px;	
	text-transform:uppercase;
}
#nav1 li a:hover {
	background: #f26735;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}
#nav1 li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	padding-top:1px;
	font-weight:bold;
}
#nav1 li:hover ul, #nav1 li.sfhover ul {
	left: auto;
}
#nav1 li ul li {
    background: #FFFFFF;
	border-bottom:1px solid #dedbd1;	
	border-left:1px solid #dedbd1;	
	border-right:1px solid #dedbd1;			
	line-height:28px;	
	width:15em;
}

#nav1 li:hover, #nav1 li.hover {
    position: static;
}
#nav1 li ul ul {
	margin: -29px 0 0 15em;
	border-top:1px solid #dedbd1;	
}

#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {
	left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {
	left: auto;
}
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul {
	left: -999em;
}
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul {
	left: auto;
} 


/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

#titlebar {
	color:#f26735;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-bottom:dotted #333 thin;
	margin-bottom:10px;
}


/*SLIDESHOW*/
#slideshow {
    position:relative;
    height:250px;
}

#slideshow DIV {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	height: 250px;
	width: 675px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 250px;
    display: block;
}
/*END SLIDESHOW*/

/*Featured*/
#featuredleft {
	background:url(http://studio-signs.com/images/FeaturedBox.png);
	width:198px;
	height:285px;
	float:left;
	text-align:left;
	padding-top:15px;
	padding-left:1px;
	margin-right:38px;
}

#featuredmiddle {
	background:url(http://studio-signs.com/images/FeaturedBox.png);
	width:198px;
	height:285px;
	float:right;
	text-align:left;
	padding-top:15px;
	padding-left:1px;
	margin-right:auto;

}
	
#featuredright {
	background:url(http://studio-signs.com/images/FeaturedBox.png);
	width:198px;
	height:285px;
	float:left;
	text-align:left;
	padding-top:15px;
	padding-left:1px;
	margin-right:15px;
}

.text {
	color:#666;
	font:Arial, Helvetica, sans-serif;
	size:11px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}

.text a {
	color:#666;
	text-decoration:none;
}

.text a:hover {
	color:#f26735;
}

.text h1 {
	color:#f26735;
	font-size:14px;
	font-weight:bold;
	border-bottom:dotted #333 1px;
	margin-bottom:10px;
}
/* END Featured*/	

/* Lightbox*/
#SLB-Wrapper
{
  margin:0.5em 0;
  margin:auto;
  font-family:Verdana;
  text-align: left;
  position: absolute;
}

#SLB-Wrapper #SLB-Background
{
  position: absolute;
  left:7px;
  top:7px;
  float:left;
}

#SLB-Wrapper #SLB-Top
{
  background:transparent no-repeat scroll 100% 0;
  height:28px;
  margin:0 0 0 18px;
}

#SLB-Wrapper #SLB-Top a
{
  float:right;
  display:inline;
  padding:0;
  margin:5px 10px;
  width:41px;
  height:16px;
  text-decoration:none;
}

#SLB-Wrapper #SLB-Top a:hover
{
  background-position:0px -16px;
}

#SLB-Wrapper #SLB-Top img
{
  float:right;
  border:0px;
  margin:6px 10px;
  width:41px;
  height:16px;
}

#SLB-Wrapper #SLB-Top div
{
  background:transparent no-repeat scroll 0 0;
  font-size:0;
  height:28px;
  left:-18px;
  line-height:0;
  position:relative;
  width:18px;
}

#SLB-Wrapper #SLB-Bottom
{
  background:transparent no-repeat scroll 0 43%;
  height:20px;
  margin:0 18px 0 0;
}

#SLB-Wrapper #SLB-Bottom #SLB-BottomRight
{
  background:transparent no-repeat scroll 100% 43%;
  font-size:0;
  height:20px;
  right:-18px;
  line-height:0;
  position:relative;
  width:100%;
  float:right;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav,
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight
{
  height:52px;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav
{
  background-position:0 100%;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight
{
  background-position:100% 100%;
}

#SLB-Wrapper #SLB-Contenido
{
  border-left: 7px solid #000;
  border-right: 7px solid #000;
}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador
{
  font-size: 11px;
  color: #fff;
  height:30px;
  border-left:0px;
  border-right:0px;
  padding:10px 0px;
  margin:0;
  line-height:11px;
  float:left;
  width:100%;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right,
#SLB-Wrapper #SLB-Navegador #SLB-Left
{
  display:inline;
  padding:0;
  margin:0;
  width:26px;
  height:26px;
  text-decoration:none;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right
{
  background-position:26px 0;
  margin:0 18px 0 10px;
  float:right;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right:hover
{
  background-position:26px -26px;
}

#SLB-Wrapper #SLB-Navegador #SLB-Left
{
  background-position:52px 0;
  margin-right:10px;
  float:left;
}

#SLB-Wrapper #SLB-Navegador #SLB-Left:hover
{
  background-position:52px -26px;
}

#SLB-Wrapper #SLB-Navegador strong
{
  display: block;
  padding-top:5px;
}
