/* --- CSS Reset --- */

/*Improved Meyer Reset */.reset,a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}blockquote,q{quotes:none}body{background:#fff;color:#000;line-height:1}del{text-decoration:line-through}:focus{outline:0}ins{text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}
/* --- Basic Page Elements --- */
/* --- Force Footer To Stick At Bottom of Content ---*/


/* --- Layout --- */

#container 
{
	width:800px;
	margin:auto;
}

#main_content
{
	padding:30px 0 30px 0;
	
}

#main_content .left-content-secondary h1 {
	text-align: center;
	font-size: 1.6em;
	color: #545454;
	font-weight: bold;
	letter-spacing: 1px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 8px 0;
	margin: 0 0;
}
#main_content .left-content-secondary .arrow {
	background: url(../images/arrow.jpg) no-repeat 7px 0;
	width: 30px;
	text-indent: -9999px;
	margin: -2px auto 0 auto
}
#main_content .left-content-secondary ul#categories li a {
	font-weight: normal;
	text-transform: capitalize;
	padding:8px 0 8px 5px;
}
#main_content .left-content-secondary ul.blog-sidebar-a li a {
	font-weight: normal;
	text-transform: capitalize;
	padding:8px 0 8px 5px;
}
#main_content .left-content-secondary div#archives {
	margin-top: 40px
}
#main_content .left-content-secondary div#text-widget {
	margin-top: 40px
}
#main_content .left-content-secondary div#ads {
	margin-top: 40px
}



/*Image Container*/

#hidden
{
	display:none;
	max-height:1px;
	max-width:1px;
	overflow:hidden;
}

div#images 
{
	display:block;
	clear:both;
}
div#image-view-wrap 
{
	width:100%;
	margin:auto;
	margin-bottom:25px;
	float:none;
	display:block;
}

/* --- Image Loader --- */
p#loading 
{
	background: center center no-repeat;
	display:block;
	height:150px;
	width:220px;
	margin:150px auto;
	text-align: center;
}

/*Thumb Styles*/

li {
	list-style: none;

}

div#image-view-wrap li a
{
	width:75px;
	height:75px;
	display:block;
	box-shadow: 3px 3px 5px #333;
	-moz-box-shadow: 3px 3px 5px #333;
	-webkit-box-shadow: 3px 3px 5px #333;
	background: #eeeeee url(../images/ImageLoader.gif) no-repeat center center;
	border:5px solid #fff;
}
ul#image-view 
{
	padding-top:15px;
	
}
ul#image-view li 
{
	float:left;
	margin:8px 7px;
}
div#image-view-wrap a
{
 -webkit-transition: border ease-in .25s;
}
div#image-view-wrap a:hover 
{
	border:5px solid #666;
 -webkit-transition: border ease-in .25s;
}



/* Gallery display thumb Styles */
div#album-view-wrap
{
	width:100%;
	margin:auto;
	overflow:hidden;
}

div#album-view-wrap li a:link , div#album-view-wrap li a:visited
{
	display:block;
	margin:16px 0px 0px 17px;
}
ul#album-view 
{
	padding-top:15px;
}
ul#album-view li 
{
	width:159px;
	height:161px;
	background: url(../images/imageStack.png) no-repeat center center;
	float:left;
}

ul#album-view li img{
	margin:12px 0 0 15px;
}
ul#album-view li span.title
{
	color:#666;
	font-size:10px;
	text-align:center;
	display:block;
	margin-top:-4px;
}

/* Add To Order Window */

#orderForm table tr td
{
	padding-bottom: 20px;
}
#orderForm table tr td
{
font-size: 12px;
}

/* Lightbox */
ul#lb-view 
{
	padding-top:15px;
	margin-top:-15px;
}
ul#lb-view li 
{
	float:left;
	margin:8px 6px;
}
ul#lb-view li a.img
{
	border:5px solid #ffffff;
}

ul#lb-view li  a.close
{
	background: url(../images/fancy_close.png) no-repeat top right;
	margin-top:-10px;
	margin-right:-10px;
	width:30px;
	height:30px;
	display: block;
	z-index: 10000;
	float: right;
	
}

#preview{
	position:absolute;
	border:5px solid #ffffff;
	background:#fff;
	padding:10px;
	display:none;
	color:#666;
	text-align: center;
	/* Do rounding (native in Safari, Firefox and Chrome) */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/* box shadow */
	box-shadow: 3px 3px 5px #333;
	-moz-box-shadow: 3px 3px 5px #333;
	-webkit-box-shadow: 3px 3px 5px #333;

	}
	


/* Errors */
.error {
color:red;
font-style: italic;
}