/*debug helper* { outline: 1px dotted red }* * { outline: 1px dotted green }* * * { outline: 1px dotted orange }* * * * { outline: 1px dotted blue }* * * * * { outline: 1px solid red }* * * * * * { outline: 1px solid green }* * * * * * * { outline: 1px solid orange }* * * * * * * * { outline: 1px solid blue }*/
html, body, #wrap {	height: 100%;}			
html {		
    /*background-image: url(img/bg-body.png);		
    background-repeat: repeat-x;		
    background-position: top;		
    background-attachment: fixed;*/	}	
    html.cufon-loading #wrap {		
        visibility: hidden !important;	}
        /* main wrap - setting the background */
        #wrap {	
            /*position: relative;	
            background-image: url(img/bg-footer.png);	
            background-repeat: repeat-x;	
            background-position: bottom;*/    
            }	
body > #wrap {			
    height: auto;			
    min-height: 100%;		}/* left bar with silhouette & logo */
#leftbar {	z-index: 1;	position: fixed;	
    min-height: 100% !important;}	/* logo block */	
#logo {					
    height: 166px;		
    background-image: url("../images/top-logo.jpg");	
    background-repeat: no-repeat;        
    margin: 0 auto;        width: 860px;	}    
    #logo h3 {        margin: 0;        padding: 0;    }    
    #logo h3 a {        display: block;		position: relative;        text-indent: -7000px;        height: 200px;        cursor: pointer;	    }     
    #head-title h1{        text-align: center;         background: none repeat scroll 0 0 #F1F1F1;    border-bottom: 1px solid #EEEEEE;        padding: 6px 0;                                 }    
    #head-title h1 a {    }   /* left silhouette */
    #silhouette {		position: absolute;	bottom: 0;	left:-50px;	top:170px;}/* twitter baloon */
    #twitter {	position: absolute;	background-image: url(img/bg-twitter.png);	background-image: url(img/bg-twitter.gif)\9; /* IE only */	background-position: center;	background-repeat: no-repeat;	width: 166px !important;	height: 137px !important;	z-index: 10;	left:30px;	top: 50px;	padding: 20px 10px 30px 20px;	overflow: hidden;	display: none;}	#twitter ul li {		font-size: 1em;		line-height: 1.2em;		margin-bottom: .5em;	}/* bottom (fb,twitter,linkedin) */#bottom {	position: absolute;	bottom: 0;	left: 0;	background-image: url(img/bg-bottom.png);	background-position: left bottom;	background-repeat: no-repeat;	height: 55px !important;}		#bottom ul {		margin: 0;		margin-top: 15px;		margin-left: 16px;		float: left;	}			#bottom ul li {			display: block;			float: left;			margin: 0;			margin-right: 18px;		}						#bottom ul li a {				display: block;			}/* tooltip for RSS & bottom icons */ .tooltip {    display:none;        font-size: 1.2em;        width: 209px;    height: 26px;    padding: 22px 10px;    position: absolute;    z-index: 1000;    text-align: center;        background-image: url(img/bg-tooltip.png);	background-position: bottom center;	background-repeat: no-repeat;		/* IE */    *background-image: none;    *background: #fff;    *padding: 8px 5px 5px 5px;    *width: 150px;}	.tooltip-top {		padding: 30px 10px 14px 10px;		background-position: top center;		background-repeat: no-repeat;					/* IE */    	*background-image: none;    	*background: #fff;    	*padding: 8px 5px 5px 5px;    	*width: 150px;	}/* top (main) navigation */#nav {	position: relative;			display: inline;	float: left;		margin-top: 8px;     padding: 0 16px;}	/* IE7 only */	html #nav {			*padding-top:5px;	}		#nav ul {			/*float:left;			margin-left: -90px;            width: 960px;*/		}			#nav ul li {				/*display: block;				float: left;							margin-left: 79px;*/                display: inline;			}					#nav ul li a {				text-align: center;				position: relative;				font-size: 1.4em;				/*text-transform: lowercase;*/				padding: 5px 23px 5px 23px;				text-decoration: none;                line-height: 44px;                text-shadow: 1px 1px 0 #85549e;                			}				#nav ul li a span { 					position: absolute;										left: 0;					right: 0;										padding: 0px 11px;								}/* main content div */#main {	/*left: 240px;	*left: 0px;*/        padding-bottom: 10px;}/* all inner buttons */a.btn {	font-size: .9em;	font-weight: bold;	text-transform: uppercase;	text-decoration: none;	padding: 5px 16px;	text-align: center;}	a.btn:hover {		text-decoration: none;	}/* pages div container */#pages {}/* homepage page div */#homepage {    margin: 0 auto;    width: 860px;    position: relative;    left: 6px;}	#homepage .top {		height: 90px;		width: 610px;		margin: 0 auto;	}		#homepage .top h1 {			font-size: 108px;			float: left;		}			#homepage .top h2 {			float: right;			margin: 15px 0 0 0;			width: 50%;			font-size: 2em;			font-weight: normal;		}		/* roundabout div */	#roundabout {		height: 345px;		margin-top: 50px;				background-image: url(img/bg-roundabout.png);		background-position: bottom center;		background-repeat: no-repeat;	}		/* ul with roundabout items */		#roundabout ul {			width: 580px;			height: 300px;			margin: 0 auto;		}			/* every image */			#roundabout ul li img {				width: 100%;				height: 100%;			}					/* caption below */		#roundabout h3 {			text-align: center;			font-size: 1.5em;		}		   		.roundabout-moveable-item {        		width: 320px;       		height: 240px;      		overflow: hidden;      		cursor: pointer;   		}   		.roundabout-in-focus {			cursor: auto;			border: 0;		}/* hidden elements */.hidden {	display: none;}/* portfolio & portfolio detail block */	.video-detail, .portfolio-detail,#portfolio {	position: relative;}	.video-detail ul.nav, .portfolio-detail ul.nav,		#portfolio ul.nav {		position: absolute;		top: 42px;		right: 5px;		}		.video-detail ul.nav li, .portfolio-detail ul.nav li,		#portfolio ul.nav li {			display: inline;		}				#portfolio ul.nav li a {			text-decoration: none;		}					#portfolio ul.nav li a.active {				cursor: default;			}							#portfolio {		height: 760px !important;	}			/* items */		#portfolio div.items {			height: 460px !important;			width: 710px !important;			overflow: hidden !important;			position: relative;			*zoom:1;		}				/* IE7 only */			html>body #portfolio ul.items li,			html>body #portfolio ul.items {				*zoom:1;			}			/* IE7 only */			html>body #portfolio div.items {				*zoom:1;				*width: 730px !important;			}							.video-detail ul.items, .portfolio-detail ul.items,			#portfolio ul.items {				position:relative;				display: block;				margin-left: -10px;				overflow: hidden !important;				*margin-top: 1em;				*zoom: 1;			}   						.video-detail ul.items li, .portfolio-detail ul.items li,				#portfolio ul.items li {					position: relative;					display: block;					float: left;							width: 220px;					height: 132px;					margin: 0 0 10px 45px;					padding: 5px;						background-image: url(img/bg-portfolio-item.png);					background-image: none\9; /* IE only */					background-position: center;					background-repeat: no-repeat;									*zoom:1;				}								.video-detail ul.items li img, .portfolio-detail ul.items li img,				#portfolio ul.items li img {					position: relative;					width: 220px;					z-index: 10;					*zoom: 1;				}							.video-detail ul.items li a, .portfolio-detail ul.items li a,				#portfolio ul.items li a {								display: block;					position: absolute;													top: 5px;					right: 5px;					bottom: 5px;									left: 5px;									text-decoration: none;					z-index: 20;					overflow: hidden !important;									*width: 220px;					*height: 132px;							*zoom: 1;				}								/* hover caption block */						.video-detail ul.items li a span.caption, .portfolio-detail ul.items li a span.caption,					#portfolio ul.items li a span.caption  {    				    					position: absolute;    				    					height: 50px;    				    					bottom: -50px;    					left: 0;    					right: 0;    				    					opacity: 0.8;						filter:alpha(opacity=80);						-moz-opacity:0.8;						-khtml-opacity: 0.8;    			    									cursor: pointer;											z-index: 40;											*zoom: 1;    				}    			    					/* hover caption text */	    					.video-detail ul.items li a span.text, .portfolio-detail ul.items li a span.text,						#portfolio ul.items li a span.text  {							position: absolute;													left: .75em;							bottom: -50px;							cursor: pointer;																		z-index: 50;													*zoom: 1;						}					/*ribbon 'fresh' on portfolio items*/									.video-detail ul.items li span.ribbon, .portfolio-detail ul.items li span.ribbon,				#portfolio ul.items li span.ribbon {					position: absolute;					display: block;					top: 0px;					right: 0px;					width: 52px;					height: 52px;							background-image: url(img/bg-ribbon.png);					background-position: center;					background-repeat: no-repeat;					z-index: 70;				}							/* portfolio - main image on portfolio item page */				.video-detail .main-image .portfolio-detail .main-image {					height: 242px;					width: 700px;					padding: 5px;					background-image: url(img/bg-portfolio-main.png);					background-position: center center;					background-repeat: no-repeat;					position: relative;					margin-bottom: 1em;				}							/*back button*/					.video-detail .title .btn .portfolio-detail .title .btn {					float: right;					margin-right: .5em;				}	/*portfolio bottom pager*/	#portfolio ul.pager {		margin-top: 30px;		margin-left: 0px;		height: 25px;	}			#portfolio ul.pager li {			display: inline;			margin-right: 2px;		}			#portfolio ul.pager li a {				font-size: .9em;				font-weight: bold;				text-transform: uppercase;				text-decoration: none;				padding: 5px 9px;				cursor: pointer;			}					#portfolio ul.pager li a.active {				cursor: default;			}		/*portfolio bottom right text*/				#portfolio .text {		margin-top: 25px;	}			#portfolio .text h5 {			margin-top: 0;		}			/*about page*/#about .signature {	float: right;}#about .testimonials {	margin-top: 90px;}	/* quotes on about page */	#about .testimonials blockquote {		background-image: url(img/bg-blockquote.png);		background-image: url(img/bg-blockquote.gif)\9; /* IE only */		background-repeat: no-repeat;		background-position: 0 15px;	}		/* text */		#about .testimonials blockquote p {			margin: 0;			padding: 30px;			padding-bottom: 40px;			font-size: 1.5em;			line-height: 1.3;			font-style: italic;			position: relative;						}			/* blockquote author */				#about .testimonials blockquote p span {				position: absolute;				bottom: 0;				right: .5em;				display: block;				font-style: normal;				font-size: 1em;			}/* services page */#services {	position: relative;}	#services h2 {		margin-top: 0;	}	/* buttons: view portfolio/request quote */	#services .btn {		margin-top: 1em;		float: left;		}	/*lists*/	#services ul {		margin-left: 0px;	}		#services ul li {			margin-bottom: 2em;		}			#services ul li p {				padding-left: 0px;			}				#services ul li h4 {				height: 2em;				padding-left: 45px;				background-image: url(img/ico-color-wheel.png);				background-position: 0 4px;				background-repeat: no-repeat;			}					/*icon stylings for headings*/						#services ul li h4.colorwheel {					background-image: url(img/ico-color-wheel.png);				}				#services ul li h4.app {					background-image: url(img/ico-application-view-tile.png);				}				#services ul li h4.info {					background-image: url(img/ico-information.png);				}				#services ul li h4.swatch {					background-image: url(img/ico-color-swatch.png);				}				#services ul li h4.star {					background-image: url(img/ico-page-white-star.png);				}				#services ul li h4.world {					background-image: url(img/ico-world-link.png);				}							#services ul li h4.gallery {					background-image: url(img/ico-application-view-gallery.png);				}							/* single line display spacing */				#services ul li h4.oneline {					padding-top: 0.6em;					margin-bottom: 0em;				}						/* forms */form label {	display: block;	text-transform: uppercase;	font-size: .9em;	margin-bottom: 0;	font-weight: bold;}	form label em {		margin-left: .25em;	}	form label.error {		margin-top: -1.5em;		text-transform: none;		font-size: .9em;	}	form textarea,	form input {		font-size: 1.3333333333em;		width: 90%;		padding: 5px;		margin: 0;		margin-bottom: 1em;	}		#postform textarea,	#postform input[type=text] {		width: 95%;	}		form textarea {		height: 165px;	}		form .submit {		margin: .5em 0 2em 0;				width: auto;		padding: 5px 25px;		text-align: center;		cursor: pointer;		font-size: 1em;		text-transform: uppercase;	}	/* contact page */#contactform {	padding-top: .5em;}	/* ajaxified form:	2 divs for display success or error message */	#contactform div.error,	#contactform div.success {		font-size: 1.5em;		padding: 10px;	}/* text on contact page */		#contact .text {	height: 466px;	position: relative;}		#contact .text h2 {		margin-top: 0;	}/*bottom list*/#contact dl {	position: absolute;	bottom: 20px;}			#contact dt {		font-weight: bold;		font-size: 1.2em;		line-height: 1.2em;		margin-top: .75em;	}				#contact dt img {			float: left;			margin-top: 1px;			margin-right: 5px;		}			#contact dd {		margin-left: 1em;	}/* blog styles */#blog {	}	/* featured post title */	#blog .featured h2 {				margin-bottom: 0.4em;	}		/* other posts */		#blog .post h3 {		margin-top: .9em;		margin-bottom: .35em;	}			/* info block */		#blog .post .info {			line-height: 1.5;			position: relative;			zoom: 1;		}					#blog .post .info .more {				float: left;				display: inline;				padding: 1px 5px;				font-size: 1em;				font-weight: bold;				text-decoration: none;				text-transform: lowercase;			}				#blog .post .info ul {				position: absolute;				right: 0;				top: 0;				bottom: 0;								*position: relative;				*float: right;			}						#blog .post .info ul li {					line-height: 1.5em;					margin-left: 5px;					display: inline;					float: left;					font-weight: bold;				}				/*info block on post page*/					#blog .post .info-top {					font-size: 1.5em;					font-weight: normal;					margin-bottom: 2.75em;				}					/* images */				#blog .post img.full {					margin-bottom: 16px;				}					#blog .post img.left {					float: left;					margin: 1.5em;					margin-left: 0;				}				#blog .post img.right {					float: right;					margin: 1.5em;					margin-right: 0;				}	/*post title links*/	#blog .post h2 a,	#blog .post h3 a {		text-decoration: none;	}		#blog .post h2 a:hover {			text-decoration: underline;		}	/* older / newer posts navigation */	#blog .prevnext {		margin-top: 3em;		margin-bottom: 2em;		padding-top: 1.5em;		height: 30px;	}			#blog .prev {			float: left;		}			#blog .next {			float: right;		}		/* post comments block */		#comments {		margin-top: 2.5em;	}				#comments .head {						margin-top: 3em;			margin-bottom: 2em;			padding: 1.5em;			overflow: auto;		}					#comments .head h3 {				margin: 0;				float: left;				width: 100%;			}						#comments .head h3 .post {				float: right;				font-size: .55em;				margin-top: .55em;				*margin-top: -.75em;			}						#comments .comment {				overflow: auto;			}							#comments .comment .avatar {					float: left;					width: 64px;					height: 64px;				}								#comments .comment .text {					float: left;					width: 420px;					margin-left: 20px;				}								#comments .comment .text .author {						display: block;						margin-bottom: 1.5em;					}												#comments .comment .text .author a {							font-weight: bold;						}																#comments .comment .text .date {						float: right;						display: block;						margin-top: 1.5em;						margin-bottom: 1.5em;					}										#comments .comment .text .reply {						float: right;						padding: 0px 5px;						margin-top: 1.5em;						margin-left: 10px;						display: block;						margin-bottom: 1.5em;					}											#comments .comment .text .reply:hover {							text-decoration: none;						}/* post comment form */#post-comment {	margin-left: 84px;}	#post-comment .submit {		*margin-left: -84px;	}	#post-comment .title {			margin-top: 3em;		margin-bottom: 2em;		padding: 0;	}		/* blog sidebar */#sidebar {	margin-top: 1.8em;}	#sidebar h4 {		text-transform: uppercase;	}	#sidebar ul li {		margin-bottom: 0;	}			#sidebar ul li a {			text-decoration: none;		}		#searchForm input {		padding: 3px;		font-size: 1.1em;		font-style: italic;		width: 100px;			}				#searchForm input.focus {			font-style: normal;		}		/* styling general html elements posts */#blog .post blockquote {	position: relative;	font-style: italic;	font-size: 1.5em;	padding: 1.5em;	margin: 0 1em;	margin-bottom: .5em;}	#blog .post blockquote p span {		position: absolute;		bottom: 1em;		right: 2em;		display: block;		font-style: normal;		font-size: .75em;	}		#blog .post ol li ol,	#blog .post ul li ul {		margin-top: 1.5em;		margin-bottom: 1em;		margin-left: 2em;	}			#blog .post ul li {			list-style: disc;			list-style-position: outside;		}			#blog .post ol li {			list-style: upper-roman;			list-style-position: outside;		}	#blog .post pre {		margin-top: 1.5em;		padding: 1.5em 2em 1.5em 2em;	}			/* tables */	table {		width: 100%;		table-layout: fixed;		overflow: hidden;    	border-width: 0 0 1px 1px;    	border-style: solid;		word-wrap: break-word;	}			table th {			font-weight: bold;		}			table td,		table th {			line-height: 1.125;			padding: .7em .75em;							text-align: left;			vertical-align: top;			border-style: solid;    		border-width: 1px 1px 0 0;		}	/* bonus: available for hire badge - top right */#available {	position: fixed;	top: 0;	right: 0;    background-image: url(img/bg-available.png);	background-position: top right;	background-repeat: no-repeat;	width: 119px;	height: 119px;	z-index: 1000;}	#available a {		display: block;		width: 119px;		height: 119px;		}	/* fixed main navigation */#nav {     background: #ad85c2;    margin-top: 0px;    padding-top: 0px;    height: 42px;                /*background: url(img/bg_nav.jpg) repeat-x center top;    border-top: double 4px #dddddd;    border-bottom: double 4px #dddddd;*/    text-align: center;    border-radius: 4px;    border: 0px solid #dddddd;    box-shadow: 1px 1px 0 #222222;}#slide-box-home, #slide-box {           bottom: 0;    margin: 0 auto;    padding: 0;    position: relative;    right: 4px;    width: 988px;}#slide-box-home img {        width: 100%;    height: auto;    margin-top: 4px;        }#shadow {    position: relative;    bottom: 2px;}    #footer {    /*border-top: 4px double #dddddd;*/    margin: 20px auto 0;    padding: 10px;    text-align: center;}    /* webkit targeting */@media screen and (-webkit-min-device-pixel-ratio:0)  {    #nav {        /*margin-left: 240px;*/    }}/*====================NEW===================*/#top_banner {        background: url("../images/stock-clearance-sale.png") no-repeat;    width: 860px;    height: 113px;    margin: 0 auto;    padding: 0;    position: relative;    bottom: 0px;}#top_banner a {    background: url("../images/stock-clearance-sale-hover.png") no-repeat;    width: 860px;    height: 113px;    transition: all 1s ease 0s;    opacity: 0;    display: block;    text-indent: -7000px;}#top_banner a:hover {    opacity: 1;}/*====Under Top Banner style====*/#top_banner_2 {    margin:0 auto 20px;    background: url("../images/stock-clearance-sale-70.png") no-repeat;    width: 860px;    height: 113px;    margin-top: 20px;}#top_banner_2 a {    background: url("../images/stock-clearance-sale-70-hover.png") no-repeat;    width: 860px;    height: 113px;    transition: all 1s ease 0s;    opacity: 0;    display: block;    text-indent: -7000px;}#top_banner_2 a:hover {    opacity: 1;}/*==== Under Top Banner style====*//*====================NEW===================*/#homepage h5 {    font-size: 13px;    margin: 0;    padding: 0;}.btn_box {    width: 910px;    height: 260px;}.btn_box h6 {    text-align: center;    text-transform: uppercase;    font-family: arial, sans-serif;     position: relative;    top: 188px;   }.btn_box h6 a {    color: #ffffff;}.btn_box h6 a:hover {    color: #16c7e7;    text-decoration: none;}
    #jewelry_btn {    
        background:url("../images/jewelry-btn.png") no-repeat;}
        #jewelry_btn a {    
            background:url("../images/jewelry-btn-hover.png") no-repeat;    
            height: 169px;    
            width: 418px;    
            display: block;   
            font-size: 70px;    
            text-align: center;    
            text-indent: -6000px;    
            margin-bottom: 20px;    
            transition: all 1s ease 0s;    
            opacity: 0;}
        #jewelry_btn a:hover {        
            opacity: 1;}
        #retreat_btn {    
            background:url("../images/retreat-btn.png") no-repeat;}#retreat_btn a {    background:url("../images/retreat-btn-hover.png") no-repeat;    height: 169px;    width: 418px;    display: block;    font-size: 70px;    text-align: center;    text-indent: -6000px;    margin-bottom: 20px;    transition: all 1s ease 0s;    opacity: 0;}#retreat_btn a:hover {    opacity: 1;}#video_btn {    background:url("../images/videos-btn.png") no-repeat;}#video_btn a {    background:url("../images/videos-btn-hover.png") no-repeat;    height: 169px;    width: 418px;    display: block;    font-size: 70px;    text-align: center;    text-indent: -6000px;    margin-bottom: 20px;    transition: all 1s ease 0s;    opacity: 0;}#video_btn a:hover {    opacity: 1;}#about_btn {    background:url("../images/about-btn.png") no-repeat;}#about_btn a {    background:url("../images/about-btn-hover.png") no-repeat;    height: 169px;    width: 418px;    display: block;    font-size: 70px;    text-align: center;    text-indent: -6000px;    margin-bottom: 20px;    transition: all 1s ease 0s;    opacity: 0;}#about_btn a:hover {    opacity: 1;}#contact_btn {    background:url("../images/contact-btn.png") no-repeat;}#contact_btn a {    background:url("../images/contact-btn-hover.png") no-repeat;    height: 169px;    width: 418px;    display: block;    font-size: 70px;    text-align: center;    text-indent: -6000px;    margin-bottom: 20px;    transition: all 1s ease 0s;    opacity: 0;}#contact_btn a:hover {    opacity: 1;}#news_btn {    background:url("../images/news-btn.png") no-repeat;}#news_btn a {    background:url("../images/news-btn-hover.png") no-repeat;    height: 169px;    width: 418px;    display: block;    font-size: 70px;    text-align: center;    text-indent: -6000px;    margin-bottom: 20px;    transition: all 1s ease 0s;    opacity: 0;}#news_btn a:hover {    opacity: 1;}.shopnow {    text-align: center;}.shopnow button {    padding: 10px;    font-size: 20px;    cursor: pointer;    color: #0050bd;    }/*====new style======*/#top-border {    background: url("../images/top-border.png") no-repeat center top;    height: 139px;}#bottom-border {    background: url("../images/bottom-border.png") no-repeat center top;    height: 139px;}#feat-img {   position: relative;   bottom: 60px;}#about, #special_offer, #news, #video {    background: #ffffff;    position: relative;    bottom: 0px;}.spacer {    background: #ffffff;    height: 46px;    position: relative;    top: 45px;}#slide-box {   background: #ffffff; }#special_offer h2 {    margin: 30px auto;    text-align: center;}#about #top_banner, #video #top_banner, #news #top_banner {    bottom: 0 !important;}#news #top_banner {    position: relative;    top: 60px    }.box_wrapper {    margin: 0 auto;    width: 860px;    padding-top: 0px;}
    
    
    
#may-sale {
    background:url("../images/mother-day-banner861.jpg") no-repeat;
    width: 863px;
    margin: 0 auto;
    margin-bottom: 10px;    
}
#may-sale a {    
            background:url("../images/mother-day-banner861-hover.jpg") no-repeat;    
            height: 234px;    
            width: 863px;    
            display: block;   
            font-size: 70px;    
            text-align: center;    
            text-indent: -6000px;    
            margin-bottom: 20px;    
            transition: all 1s ease 0s;    
            opacity: 0;}
            
#may-sale a:hover {        
            opacity: 1;}