@charset "utf-8";
/* CSS Document */


* {
    margin:0;
    padding:0;
}


body {
    background-color:#000;
    font-family: verdana, ariel, sans-serif;
    font-size:62.5%;
	color:#fff;
    text-align:center; /* Centers content for older IE browsers*/
    margin:0 auto;
    padding:0;
	overflow:auto; /*Prevents scroll bars in IE when setting display:auto for child elements*/
 }
 
#container {
    width:980px;
	height:100%;
    margin: 10px auto;
    overflow:hidden; /* Set to auto or hidden to avoid margin collapse. To avoid scroll bars use hidden but to avoid hidden content in child elements, make sure height value is set at 100%*/ 
	text-align:left;
	background:#131927 url(images/mainbg4.jpg); 
	background-repeat:repeat-x;/*alternate colors:313142,dfe3ec,dceaf4,efedee,ccd4db,e9eaec,*/
	border:#ccc solid medium;
}

#header{
	width:100%;
	height:100%;
	padding: 10px;
	background: #000 url(images/headerbg.jpg); 
	background-repeat:repeat-x;
	border-bottom:#ccc double medium;
}

#header-text {
	margin:30px 0 0 75px;
	display:block;
	overflow:hidden;
}

#navigation {
	width:100%;
	height:12.5px;
	display:block;
	margin:0 auto;
	padding-bottom:10px;
	border:#131927 1px solid;
	background: #383e4c url(images/link.jpg); 
	background-repeat:repeat-x;
	border-bottom:#ccc double medium;

}

#maincontent{
	width:100%;
	height:100%;
}

#promocontent{
	width:100%;
	height:100%;
	
}

#giftsmaincontent{
	width:100%;
	height:100%;
}

#giftsmaincontent span{
	padding-left:15px;
}

#subcontentcontainer {
    display:block;
    width:960px;
	height:auto;
    margin:0px auto;
	padding:0px;
	clear:both;
}

#subcontentcontainer h3{
    text-align:left;
	padding-left:25px;
}

#subcontentcontainer li{
    text-align:left;
	padding-left:25px;
}

#subcontent1 {
	background:#313142 url(images/boxbg1b.jpg);
	background-repeat:repeat-x;
	display:inline;
	width:280px;
	height:100%;
	margin: 15px 12px 15px 20px;
	padding: 10px 10px 10px 0;
	float:left;
	border: #ccc double medium;
}

#subcontent2 {
	background:#313142 url(images/boxbg1b.jpg);
	background-repeat:repeat-x;
	display:inline;
	width:280px;
	height:100%;
	margin: 15px 12px 15px 12px;
	padding-top: 10px;
	padding-right:10px;
	float:left;
	border: #ccc double medium;
}

#subcontent3 {
	background:#313142 url(images/boxbg1b.jpg);
	background-repeat:repeat-x;
	display:inline;
	width:280px;
	height:100%;
	margin: 15px 25px 15px 0px;
	padding: 10px 7px 0 0;
	border: #ccc double medium;
	float:right;
}

#subcontent1 li {
    padding-left:15px;
}

#subcontent2 li {
    padding-left:15px;
}
#subcontent3 li {
    padding-left:15px;
}

/* Following 3 divs are for the containers on testimonials page*/
#subcontent1b {
	background:#313142 url(images/boxbg1b.jpg);
	background-repeat:repeat-x;
	display:inline;
	width:280px;
	height:100%;
	margin: 15px 12px 15px 10px;
	padding: 10px 10px 0 0;
	float:left;
	border: #ccc double medium;
}

#subcontent2b {
	background:#313142 url(images/boxbg1b.jpg);
	background-repeat:repeat-x;
	display:inline;
	width:280px;
	height:100%;
	margin: 15px 10px 15px 10px;
	padding-top: 10px;
	padding-right:10px;
	float:left;
	border: #ccc double medium;
}

#subcontent3b {
    background:#313142 url(images/boxbg1b.jpg); 
	background-repeat:repeat-x;
    display:inline;
    width:280px;
	height:100%;
    margin: 15px 18px 15px 0px;
	padding: 10px 7px 0 0;
	border: #ccc double medium;
    float:right;
}

#footer{
	width:100%;
	height:100%;
	background:#313142;
	text-align:center;
	clear:both;
	padding-bottom:0px;
}

#footer p{
	font-size:.9em;	
}

#footerlinks {
	width:100%;
	border:none;
	color:#9d8466;
	font-size:.9em;
}

#footerlinks li {
	display:inline;
	padding-left:10px;	
}

#copyright {
	background-color:#000;
	color:#fff;
	line-height:0.6em;
	font-size:8px;
	padding:5px;
	clear:both;
	width:980px;
	height:15px;
	margin:0 auto;
	overflow:hidden;
	display:inline;
}

.promo{
	color:#9e794d;
	line-height:0.6em;
	font-size:0.6em;
	padding-bottom:5px;
	position:relative;
	width:900px;
	height:15px;
	margin:0 auto;
	overflow:hidden;
}

#gallerybox {
	width:930px;
	height:100%;
	padding-left: 15px;
	overflow:hidden;
	float:left;
	display:inline;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#gallerybox img{
	padding:15px;
	border:#9e794d thin double;

}

#tablecontainer {
	width:930px;
	height:100%;
	margin: 0 auto;
	padding-left: 30px;
	overflow:hidden;
	float:left;
	display:inline;
}

#tablecontainer td{
	padding:40px 30px 40px 20px;	
	text-align:left;
	font-size:1.2em;
}

#art_print_table_container {
	width:96%;
	height:100%;
	margin: 10px auto;
	padding-left: 20px;
	overflow:hidden;
	float:left;
	display:inline;
}

#art_print_table_container td{
	padding:20px 30px 20px 20px;	
	text-align:center;
	font-size:1.2em;
	vertical-align:text-top;
	color:#9e794d;
}

#art_print_table_container td img {	
	padding-top:10px;
}

/**** Table For Mugs ****/
#mugs_table_container {
	width:100%;
	height:100%;
	margin: 0px auto;
	padding-left: 0px;
	overflow:hidden;
	float:left;
	display:inline;
}

#mugs_table_container td{
	padding:20px 40px 20px 40px;	
	text-align:center;
	font-size:1.0em;
	vertical-align:middle;
}

#mugs_table_container img{
	padding:10px 0;	
	vertical-align:middle;
}

#mugs_table_container h2{
    text-align:center;
	margin-left:-20px;
}

/**** Table For Screensavers ****/
#screensaver_table_container {
	width:96%;
	height:100%;
	margin: 0px auto;
	padding-left: 0px;
	overflow:hidden;
	float:left;
	display:inline;
}

#screensaver_table_container td{
	padding:20px 40px 20px 0px;	
	text-align:center;
	font-size:1.2em;
	vertical-align:middle;
	color:#fff;
}

#screensaver_table_container th{
	padding:20px 40px 20px 40px;	
	text-align:left;
	font-size:1.2em;
	vertical-align:middle;
	color:#9e794d;
}

#screensaver_table_container td img {	
	padding-top:10px;
}
/**** End Table For Screensavers ****/

/*****mousepads*****/
#tablecontainer2 {
	width:100%;
	height:100%;
	margin: 0 auto;
	padding-left: 5px;
	overflow:hidden;
	float:left;
	display:inline;
}

#tablecontainer2 td{
	padding:20px 10px 20px 35px;
	text-align:center;
	color:#9e794d;
	font-weight:bold;
	font-size:1.2em;
}

/*****End Mousepads Table*****/

#mainsubcontent{
	width:66%;
	display:block;
	float:left;
	padding-top:15px;
	padding-right:15px;
}

#slideshow {
	display:block;
	width:250px;
	height:188px;
	float:left;
	padding-top:55px;
	padding-right:18px;
}

/* Screensaver Page Slideshow */
#mainsubcontent2{
	width:98%;
	display:inline;
	float:left;
	padding-top:15px;
	padding-right:50px;
	padding-left:20px;
}


#slideshow2 {
	display:block;
	width:300px;
	height:225px;
	float:right;
	padding-top:25px;
	padding-right:28px;
	padding-left:20px;
}
/*End Screensaver Page */

/*Home Page Slideshow*/
#rotator
{
	border: 0px solid #000;
    color: #000;
    float: left;
	cursor: none;
	overflow: hidden;
	margin: 0px auto;
    padding:35px 20px 0px 0px; 
	position: relative;
    display: block;
	width: 250px;
	height: 188px;	
}

#rotator img
{
	border: 0px;	
	width: 250px;
	height: 188px;	
}

#rotator h2{
	font-size:18px;
	color:#000000;
	padding: 0px 0px 0px 0px;
}

#rotator p{
	text-align: center;
}

#specials {
    display:block;
    width:1024px;
	height:auto;
    margin:0 auto;
	padding: 0;
	clear:both;	
	padding-bottom:10px;
}

#important {
	width:100%;
	height:100%;
	display:block;
	clear:both;
}

#faqs {
    width:900px;
	height:100%;
	display:block;
	margin:10px auto;
	font-size:1.2em;
}

#faqs dt {
    font-size:1.2em;
	color:#9e794d;
	font-weight:bold;
}

#faqs dd {
	font-size:1.2em;
	color:#fff;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:10px;
}

p {
	font-weight:normal;
	font-size:1.3em;
	line-height: 1.3em;
	padding-left:25px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:15px;
}


h1, h2, h3, h4, h5 {
	padding-left:25px;
	padding-top:10px;
	float: none;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-size:300%;
}
	

h2 {
    color:#9e794d;
	font-size:160%;
	padding-top:15px;
}

h3 {
    color:#fff;
	font-weight:bold;
	text-align:left;
	font-size:150%;
}

.tm {
    font-size:6px;	
}

img {
    border:0;
}

/***** Links *****/ 

a, a:visited {
    text-decoration:none;
	color:#9d8466;
	font-weight:bold;
	font-size:1.0em;
}

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

ul, ol, dl {
    list-style:none;
    padding:0;
}

li {
    font-size:1.2em;
	padding-top:0px;
		padding-bottom:10px;

	padding-bottom:10px;
	line-height:1.3em;
	
}

.fontcolorchange {
    color:#9e794d;
	font-weight:bold;
	font-size:1.2em;
}


#testimonial_1 {
	background:#313142 url(images/boxbg1b.jpg); background-repeat:repeat-x;
    display:inline;
    width:265px;
	height:100%;
    margin: 2px 18px 15px 15px;
	padding: 10px 20px 0px 0px;
	border: #ccc double medium;
    float:right;
}


#testimonial_2 {
	background:#313142 url(images/boxbg1b.jpg); background-repeat:repeat-x;
	font-size:.9em;
	line-height:2.2em;
    display:block;
    width:295px;
    margin: 15px 18px 15px 15px;
	padding: 10px 7px 20px 0;
	border: #ccc double medium;
    float:right;

}

#testimonials {
    width: 960px;
	margin:0 auto;
	padding:15px;
	clear:both;
}


/***** Global Classes *****/ 

.designpromo{text-align:center; font-size:1.2em;}

.align-center   {text-align:center; }

.link-center {padding-left:230px; font-size:14px;}

.clear         { clear:both; } /* Use for clearing float in final element of parent container*/

.float-left    { float:left; display:inline; /*Solves Double Margin bug in IE */}

.float-right   { float:right; display:inline;} 

.text-left     { text-align:left; }

.text-right    { text-align:right; }

.text-center   { text-align:center; font-size:1.6em;}

.text-justify  { text-align:justify; } 

.bold          { font-weight:bold; }

.italic        { font-style:italic; }

.underline     { border-bottom:1px solid; }

.highlight     { background:#ffc; } 

.wrap          { width:960px;margin:0 auto; } 

.img-left      { float:left;margin:0px 10px 0px 0px; }

.img-left2     { float:left;margin:0px 10px 10px 0px; }

.img-right     { float:right;margin:4px 15px 10px 10px; } 

.imgborder{border-color:#fff; border-width:3px;}

.nopadding     { padding:0; }

.padding       { padding:30px 0 30px 100px; }

.gallerypadding {padding:10px 5px 10px 5px; }

.padding-right {padding:10px 30px 10px 25px; }

.padding-left {padding:0 30px 5px 25px; }

.left-padding {padding-left:370px; font-size:14px;}

.paypal-padding{padding:0 0 0 15px; }

.padding-top   {padding-top:20px; }

.padding-bottom {padding-bottom:50px;}

.margin-bottom{margin-bottom:25px;}

.noindent      { margin-left:0;padding-left:0; }

.nobullet      { list-style:none;list-style-image:none; }

.question      {color:#9d8466; }

.indent        {text-indent:15px;}

.border {border-style:double; border-width:thin;}

.paypal      { float:left; margin:0px 10px 0px 400px; }

.paypal2     { float:left; margin:0px 10px 0px 10px; }

.paypal3    { float:left; margin:5px 10px 5px 10px; }

.paypal3txt{font-size:160%;text-align:center;}


/*******LightBox CSS *********/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}



#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.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 */