@charset "utf-8";
/* layout styles */

/* Universal style rule */

*{
	  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
  /* Temporary borders  border:dashed 1px #333; */ 
}
#wrapper{
  width:806px;
  height:678;
    /* Center the wrapper */
  margin: 0 auto;
     /* Required for absolutely-positioned layout only */
  position:relative;
  	padding-top:30px;
}
img { border:0px; border-style:none;}
body {
	background-image:url(http://www.saraingrassiainteriors.com/images/new/site_background.jpg);
}
#background {
	background-image:url(http://www.saraingrassiainteriors.com/images/new/home_background2.jpg);
	width:806px;
	height:678px;
	background-repeat: no-repeat;
}
	#gallery_background {
	background-image:url(http://www.saraingrassiainteriors.com/images/new/home_background2.jpg);
	width:806px;
	height:678px;
	background-repeat: no-repeat;
}
	#philosophy_background {
	background-image:url(../../../DOCUME%7E1/ashley/LOCALS%7E1/Temp/images/philosophy_background.png);
	width:806px;
	height:678px;
	background-repeat: no-repeat;
	}
	#services_background {
	background-image:url(../../../DOCUME%7E1/ashley/LOCALS%7E1/Temp/images/services_background.png);
	width:806px;
	height:678px;
	background-repeat: no-repeat;
	}
	#contact_background {
	background-image:url(../../../DOCUME%7E1/ashley/LOCALS%7E1/Temp/images/contact_background.png);
	width:806px;
	height:678px;
	background-repeat: no-repeat;
		}
	#blog_background {
	background-image:url(../../../DOCUME%7E1/ashley/LOCALS%7E1/Temp/images/blog_background.png);
	width:806px;
	height:678px;
	background-repeat: no-repeat;
			}
	#photos_background {
	background-image:url(../../../DOCUME%7E1/ashley/LOCALS%7E1/Temp/images/photos_background.png);
	width:806px;
	height:678px;
	background-repeat: no-repeat;
}
#top_nav{
	width:655px;
	height:27px;
	color:#333;
	position: absolute;
	text-align:center;
	top:134px;
	left: 74px;
	padding-top:4px;
} 
#description{
	font:14px "Microsoft Sans Serif", Arial;
	color: #358498;
	position: absolute;
	top:678px;
	left:36px;
	width: 750px;
	text-align:center;
}

#footer{
	font:12px "Microsoft Sans Serif", Arial;
	color: #358498;
	position: absolute;
	top:712px;
	left:12px;
	width: 806px;
}

#headshot{
	font:14px "Microsoft Sans Serif", Arial;
	color: #358498;
	position: relative;
	top:185px;
	left:210px;
	width: 100px;
	height:136px;
	text-align:left;
}
 /* menu styles */
.hovermenu ul{
font: 14px "Microsoft Sans Serif", Arial;
padding-left: 0;
margin-left:0;
height: 27px;
text-decoration: none; 
}

.hovermenu ul li{
list-style-type:square;
display:inline;
text-decoration: none; 
}

.hovermenu ul li a{
padding: 12px;
text-decoration: none;
color: #358498;
}

.hovermenu ul li a:hover{
	color:#dea725;
}
a:link{
color:#dea725;
text-decoration: none;
}

a:visited, a:active,a:focus{
	color:#dea725;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:none;
	color:#358498;
}


html>body .hovermenu ul li a:active{
	text-decoration: none;
}

#home_content{
	font: 12px "Microsoft Sans Serif", Arial;
	height:132px;
	left:54px;
	overflow:none;
	position: absolute;
	top:167px;
	}
	#twopages{
	font: 12px "Microsoft Sans Serif", Arial;
	height:17px;
	width:576px;
	overflow:none;
	position: absolute;
	top:173px;
	left:585px;
	color:#000;
	}
#gallery_content{
	font: 12px "Microsoft Sans Serif", Arial;
	height:417px;
	width:576px;
	overflow:none;
	position: absolute;
	top:192px;
	left:165px;
	}
#iframe_content{
	width:475px;
	height:417px;
	 border:none;
}
#philosophy_content{
	font: 13px "Verdana", "Times New Roman", "Andale Mono";
	height:408px;
	width:535px;
	overflow:auto;
	position: absolute;
	padding:0.7em 1em 0em 0em;
	top:201px;
	left:167px;
}
#philosophy_content h1{
	font: 15px "Verdana", "Times New Roman", "Andale Mono";
	font-weight:600;
	color:#FFB03B;
}
#services_content{
	font: 13px "Verdana", "Times New Roman", "Andale Mono";
	line-height:1em;
	height:397px;
	width:487px;
	overflow:auto;
	position: absolute;
	padding:0.7em 0.5em 0em 1.3em;
	top:201px;
	left:168px;
	}
#services_content h1{
	font: 15px "Microsoft Sans Serif", Arial;
	font-weight:600;
	color:#FFB03B;
}
#services_content h2{
	font: 15px "Verdana", "Times New Roman", "Andale Mono";
	font-weight:100;
	}
 #services_content ul li{
list-style-type:disc;
text-decoration: none;
margin-bottom:-0.5em;
}
#contact_content{
	font: 15px "Verdana", "Times New Roman", "Andale Mono";
	line-height:1.2em;
	height:113px;
	width:245px;
	overflow:auto;
	position: absolute;
	padding:0em;
	top:238px;
	left:346px;
	}
#contact_content h1{
	font: 15px "Verdana", "Times New Roman", "Andale Mono";
	font-weight:600;
	color:#FFB03B;
	}
	#contact_content em{
	font: 13px "Verdana", "Times New Roman", "Andale Mono";
	font-style:italic;
	}
#blog_content{
	font: 16px "Verdana", "Times New Roman", "Andale Mono";
	line-height:1.2em;
	height:33px;
	width:112px;
	overflow:auto;
	position: absolute;
	padding:0em;
	top:254px;
	left:361px;
		}
#blog_content h1{
	font: 15px "Verdana", "Times New Roman", "Andale Mono";
	font-weight:600;
	color:#FFB03B;
}
#photos_content{
	font: 16px "Microsoft Sans Serif", Arial;
	line-height:1.2em;
	height:431px;
	width:510px;
	overflow:auto;
	position: absolute;
	padding:0em;
	top:161px;
	left:190px;
}
#resume{
	font: 11px "Verdana", "Times New Roman", "Andale Mono";
	text-align:left;
	margin: 0 auto;
    width: 512px; 
}
#resume th{
	font: 12px "Verdana", "Times New Roman", "Andale Mono";
	font-weight:700;
	text-align:left;
	padding:5px 0px 0px 5px;
 
}
#resume h2{
	font: 14px "Verdana", "Times New Roman", "Andale Mono";
	font-weight:700;
	text-align:center;
	padding:5px;
 
}
#resume em{
	font: 12px "Verdana", "Times New Roman", "Andale Mono";
	font-weight:700;
	font-style:italic;

 
}
#resume_close{
	font: 12px "Verdana", "Times New Roman", "Andale Mono";
	line-height:1.2em;
	height:18px;
	width:91px;
	overflow:auto;
	position: relative;
	padding:0em;
	top:-25px;
	left:400px;
}
.orange{
	color:#000000;
}
.italic{
	font-style:italic;
}
h1{
	font: 14px "Microsoft Sans Serif", Arial;
	font-weight:600;
	padding:0em 0em 1em 0em;
}
.bold{
	font: 14px "Microsoft Sans Serif", Arial;
	font-weight:600;
}
.biggertxt{
	font: 14px "Microsoft Sans Serif", Arial;
	line-height:2em;
}
#services_title{
	font: 0.85em "Microsoft Sans Serif", Arial;
	height:30px;
	width:444px;
	overflow:none;
	position: absolute;
	text-align:left;
	top:64px;
	left:166px
	
}
#gallery_btn{
	font: 13px "Microsoft Sans Serif", Arial;
	color:#FFB03B;
	font-weight:550;
	height:22px;
	width:125px;
	overflow:none;
	position: absolute;
	text-align:left;
	top:394px;
	left:316px
}
#gallery_btn a { 
	outline:none;
	color:#FFB03B;
}
#gallery1{
	text-align:center;
	height:79px;
	width:95;
	overflow:none;
	position: absolute;
	top:12px;
	left:17px;
	border:1px solid #f1952f;
	}
#gallery2{
	font: 12px "Microsoft Sans Serif", Arial;
	color:#FFF;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:12px;
	left:137px;
	border:1px solid #f1952f;
	}
	#gallery3{
	font: 12px "Microsoft Sans Serif", Arial;
	color:#FFF;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:12px;
	left:257px;
	border:1px solid #f1952f;
	}
	#gallery4{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:12px;
	left:375px;
	border:1px solid #f1952f;
	}
	#gallery5{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:103px;
	left:18px;
	border:1px solid #f1952f;
	}
	#gallery6{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:103px;
	left:137px;
	border:1px solid #f1952f;
	}
	#gallery7{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:103px;
	left:257px;
	border:1px solid #f1952f;
	}
	#gallery8{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:103px;
	left:376px;
	border:1px solid #f1952f;
	}
	#gallery9{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:195px;
	left:18px;
	border:1px solid #f1952f;
	}
	#gallery10{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:196px;
	left:137px;
	border:1px solid #f1952f;
	}
	#gallery11{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:197px;
	left:257px;
	border:1px solid #f1952f;
	}
	#gallery12{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:289px;
	left:20px;
	border:1px solid #f1952f;
	}
	#gallery13{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:195px;
	left:376px;
	border:1px solid #f1952f;
	}
	#gallery14{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:289px;
	left:138px;
	border:1px solid #f1952f;
	}
	#gallery15{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:290px;
	left:258px;
	border:1px solid #f1952f;
	}
	#gallery16{
	font: 12px "Microsoft Sans Serif", Arial;
	height:80px;
	width:95;
	border:1px;
	overflow:none;
	position: absolute;
	top:290px;
	left:376px;
	border:1px solid #f1952f;
	}
	
	.bottomtext {font-size:12px}
	.bottomtextset {margin-left: 165px; font-size:12px}
	


.pika-wrap {width: 675px; margin: 0 auto; }

.pika-image {position: relative; height: 397px; width: 640px; background: #fff; border: 0px solid #e5e5e5; padding: 10px; margin-left: 22px;}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;}

.pika-image .caption {position: absolute; background: url(../../../DOCUME%7E1/ashley/assets/images/75-black.png);  border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(http://believeandbloom.com/clients/slidetest4/assets/images/prev.png) no-repeat left 50%; height: 340px; width: 50px; top: 10px; right: 620px;cursor:pointer;}
	.pika-imgnav a.next {background: url(http://believeandbloom.com/clients/slidetest4/assets/images/next.png) no-repeat right 50%; height: 340px; width: 50px; top: 10px; left: 620px;cursor:pointer;}
	.pika-imgnav a.play {background: url(http://believeandbloom.com/clients/slidetest4/assets/images/play.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(http://believeandbloom.com/clients/slidetest4/assets/images/pause.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
		.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;}
	.pika-textnav a.previous {float: left; width: auto; display: block;color:#fff;}
	.pika-textnav a.next {float: right; width: auto; display: block;color:#fff;}
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
	.pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden;}

/* jCarousel Styles */
.jcarousel-skin-pika .jcarousel-container-horizontal {
    padding: 3px 10px;
}

.jcarousel-skin-pika .jcarousel-container-vertical {
    width: 90px;
    height: 350px;
    padding: 20px 20px;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
    height: 90px;
    width: 640px;
}

.jcarousel-skin-pika .jcarousel-clip-vertical {
    width:  90px;
    height: 350px;
}

.jcarousel-skin-pika .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-pika .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-pika .jcarousel-item-placeholder {
    background: #fff;
    color: #fff;
}
@media print{
/* Start printer-friendly styles */

/* Set wrapper to fill page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
display:none;
}
/* Get rid of content div margins and
padding. Use a different font for print */
#content{
margin:0;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size:1em;
}
/*End printer-friendly styles */