@charset "utf-8";

/* ALL PAGES */

/* INTERNET EXPLORER INSTRUCTIONS */
/* so that ie doesn't put a blue box around links */
a img {
	border: none;
	line-height: 0px;
}
/* END OF INTERNET EXPLORER INSTRUCTIONS...OF COURSE THEIR IS NO END */

body {
	color: #252525;
	font-family: Times New Roman, Times, serif;
	font-size: 1ems;
	margin-top: 16px;
	margin-bottom: 0px;
	background-color:#2f2f2f;
	background-repeat: repeat;
}
.wrapper {
	position: relative;
	width: 970px;
	height: 1020px;
	margin-left: auto;
	margin-right: auto;
}
#border {
	border: 2px solid #535353;
	width: 960px;
	height: 772px;
	padding: 10px;
}
/* HEADER */
.hdr {
	float: left;
	width: 960px;
	height: 120px;
	background-image: url(../images/hdr_bkgd.png);
}
.h3 {
	font-weight: bold;
}
.h4 {
	font-weight: bold;
	color: #c7c6c6;
}
#nav {
	width: 600px;
	height: 20px;
	float: right;
	font-size: 70%;
	color: #777777;
	text-align: right;
	margin-top: 80px;
	margin-right: 28px;
}
#nav li {
	float: right;
	height: 20px;
	margin-left: 30px;
	letter-spacing: 1px;
	list-style-type:none;
}
#nav ul {
	height: 20px;
	display: block;
	text-decoration: none;
}
#nav a:link {
	color: #777777;
	text-decoration: none;
}
#nav a:visited {
	color: #777777;
	text-decoration: none;
}
#nav a:hover {
	color: #02917b;
	text-decoration: none;
}
#nav a.active {
	color: #ffffff;
	text-decoration: none;
}
/* END OF HEADER */

/* PAGE CENTERS ARE ALL UNIQUE & LISTED BELOW SEPERATELY */

/* FOOTER */
.ftr {
	float: left;
	width: 960px;
	height: 200px;
	background-image: url(../images/ftr_bkgd.png);
	position:  relative;
}
.comm {
	width: 702px;
	height: 50px;
	position: absolute;
	top: 30px;
	left:  11px;
	padding-left: 192px;
	margin-left: 16px;
}
.comm a img {
	opacity: .25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";  /* IE8 hack*/
	filter: alpha(opacity = 25);  /* IE5-7 hack*/
}
.comm a:hover img,
.comm a:focus img {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";  /* IE8 hack*/
	filter: alpha(opacity = 70);  /* IE5-7 hack*/
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.connections {
	margin-right: 56px;
	float: left;
}
#radio {
	width: 81px;
	height: 40px;
	float: left;
	padding-top: 3px;
}
#fbook {
	width: 30px;
	height: 40px;
	float: left;
	margin-top: 4px;
}
#in {
	width: 30px;
	height: 40px;
	float: left;
	margin-top: 4px;
}
#compassion {
	width: 87px;
	height: 48px;
	float: left;
}
#asid {
	width: 67px;
	height: 40px;
	float: left;
	margin-top: 3px;
}
#company {
	color: #02917b;
	font-weight: bold;
	font-size: 110%;
}
#addr {
	position: absolute;
	bottom: 23px;
	left: 25px;
	font-size: 70%;
	color: #8a8a8a;
	letter-spacing: 1px;
	line-height: 170%;
}
#phone {
	position: absolute;
	bottom: 52px;
	right: 25px;
	font-size: 70%;
	color: #8a8a8a;
	letter-spacing: 1px;
	text-align: right;
	line-height: 170%;
}
#email_button {
	width: 230px;
	height: 26px;
	position: absolute;
	right: 20px;
	bottom: 22px;
	margin: 0;
	padding: 0;
}
#email_button a img {
	opacity: .7;
}
#email_button a:hover img {
	opacity: 1.0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
#email_button a, #email_button a:link, #email_button a:visited {
  display:block;
  width: 230px;
  height: 26px;
}
/* END OF FOOTER */

/* CREDITS */
#copyrt_credits {
	float: left;
	width:  984px;
	height: 200px;
	margin-top: 14px;
	font-size: 70%;
	color: #7e7f82;
}
#copyright {
	width: 216px;
	margin-right: 140px;
	float: left;
}
#griffin {
	width: 360px;
}
#credit {
	color: #7e7f82;
	line-height: 160%;
	text-decoration: none;
}
#copyrt_credits a:visited {
	color: #7e7f82;
	text-decoration: none;
}
#copyrt_credits a:hover {
	color: #02917b;
}
#photo_credits {
	float: right;
	width: 400;
	height: 200px;
	text-align: right;
}
/* END OF CREDITS */
/* END OF ALL PAGES */

/* HOME PAGE ONLY */
.hm_hdr {
	z-index:  6;
	float: left;
	width: 960px;
	height: 120px;
	position: absolute;
	font-size: 70%;
	color: #777777;
	text-align: right;
	top: 80px;
	right: 28px;
}
#slideshowwrapper{
	background-color: black;
	height: 572px;
	width: 960px;
	z-index: 1px;
	position:  relative;
}
#hm_nav {
	width: 600px;
	height: 20px;
	float: right;
}
#hm_nav li {
	float: right;
	height: 20px;
	margin-left: 30px;
	letter-spacing: 1px;
	list-style-type:none;
}
#hm_nav ul {
	height: 20px;
	display: block;
	text-decoration: none;
}
#hm_nav a:link {
	color: #777777;
	text-decoration: none;
}
#hm_nav a:visited {
	color: #777777;
	text-decoration: none;
}
#hm_nav a:hover {
	color: #02917b;
	text-decoration: none;
}
#hm_nav a.active {
	color: #ffffff;
	text-decoration: none;
}
/* END HOME PAGE ONLY */

/* ABOUT PAGE ONLY */
#ab_text {
	font-size: 90%;
	line-height: 140%;
	color: #4d4d4d;
	float: left;
	width: 594px;
	height: 316px;
	padding-top: 111px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
	background-image: url(../images/ab_text_title.jpg);
	text-align: left;
}
#ab_port {
	width: 306px;
	height: 452px;
	float: right;
	background-image: url(../images/ab_mercy_port.jpg);
}
/* END OF ABOUT PAGE ONLY */

/* GALLERY PAGE ONLY */
#gl_border {
	border: 2px solid #4f4f4f;
	width: 960px;
	height: 819px;
	padding: 10px;
}
.gallery_trans_border {
	width: 660px;
	height: 487px;
	background-image: url(../images/gl_teal_border.png);
}
.gl_kitch {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_kitchen.png);
}
.gl_bath {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_bath.png);
}
.gl_dine {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_dine.png);
}
.gl_sleep {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_sleep.png);
}
.gl_live {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_live.png);
}
.gl_light {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_light.png);
}
.gl_faux {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_faux.png);
}
.gl_kids {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_kids.png);
}
.gl_details {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_details.png);
}
.gl_before_after {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_before_after.png);
}
.gl_function {
	width: 296px;
	height: 44px;
	background-image: url(../images/gl_function.png);
}
.gl_kitch_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_kitchen_active.png);
}
.gl_bath_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_bath_active.png);
}
.gl_dine_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_dine_active.png);
}
.gl_sleep_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_sleep_active.png);
}
.gl_live_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_live_active.png);
}
.gl_light_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_light_active.png);
}
.gl_faux_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_faux_active.png);
}
.gl_kids_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_kids_active.png);
}
.gl_details_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_details_active.png);
}
.gl_before_after_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_before_after_active.png);
}
.gl_function_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/gl_function_active.png);
}

/* GALLERIES PAGE SLIDESHOW */
#gallery_center_top_border {
	width: 960px;
	height: 6px;
	background-image: url(../images/gl_hard_teal_border_top.png);
	background-repeat: repeat-x;
	float: left;
}
#gallery_center_bottom_border {
	width: 960px;
	height: 6px;
	background-image: url(../images/gl_hard_teal_border_bottom.png);
	float: left;
}
.gallery_list {
	position: relative;
	float: left;
	width: 300px;
	height: 487px;
	background-color: #000000;
}
.gallery_list_top_border {
	position: absolute;
	width: 300px;
	height: 17px;
	top: 0px;
	background-image: url(../images/gl_top_border_shaded.png);
	background-repeat: repeat-x;
	visibility: hidden;
}
.gallery_list_bottom_border {
	position: absolute;
	width: 300px;
	height: 17px;
	bottom: 0px;
	background-image: url(../images/gl_bottom_border_shaded.png);
	background-repeat: repeat-x;
	visibility: hidden;
}
.mygallery {
	float: right;
	width: 660px;
	height: 487px;
	background-color: #000000;
	position: relative;
}
.mygallery_top_border {
	position: absolute;
	width: 660px;
	height: 17px;
	top: 0px;
	background-image: url(../images/gl_top_border_shaded.png);
	background-repeat: repeat-x;
	visibility: hidden;
}
.mygallery_bottom_border {
	position: absolute;
	width: 660px;
	height: 17px;
	bottom: 0px;
	background-image: url(../images/gl_bottom_border_shaded.png);
	background-repeat: repeat-x;
	visibility: hidden;
}
/* END GALLERIES PAGE SLIDESHOW */
#gl_photo_credits {
	font-size: 120%;
	float: right;
	width: 400;
	height: 200px;
	text-align: right;
	line-height: 160%;
}
#gl_copyright {
	width: 200px;
	margin-right: 172px;
	float: left;
}
/* END OF GALLERY PAGE ONLY */

/* BOUQUETS PAGE ONLY */
#bq_title {
	width: 361px;
	height: 452px;
	float: left;
	background-image: url(../images/bq_title.jpg);
}
#bq_testimonials {
	width: 599px;
	height: 412px;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../images/paper.jpg);
	position: relative;
}
#bq_testimonials_viewpane {
	font-size: 90%;
	width: 569px;
	height: 397px;
	float: left;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	color: #393837;
	overflow: scroll;
	overflow-x: hidden; /*<- for horizontal scrolling*/
}
#testimonials_title {
	float: left;
	width: 540px;
	height: 60px;
	line-height: 140%;
	text-align: center;
}
#bott_fade {
	width: 579px;
	height: 50px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url(../images/bq_type_fade_bott.png);
	z-index: 2;
}
#top_fade {
	width: 579px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/bq_type_fade_top.png);
	z-index: 2;
}
#test_divider {
	padding-left: 100px;
}
/* END OF BOUQUETS PAGE ONLY */

/* RADIO PAGE ONLY */
#rs_cntr_left {
	position: relative;
	font-size: 90%;
	color: #555555;
	float: left;
	width: 350px;
	height: 416px;
	padding-top: 16px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-image: url(../images/rs_bkgd_left.png);
	text-align: left;
}
#rs_cntr_right {
	float: left;
	width: 570px;
	height: 452px;
	background-image: url(../images/rs_bkgd_right.jpg);
}
#rs_onair_sign {
	widows: 100px;
	height: 52px;
	padding-right: 16px;
	padding-bottom: 0px;
	float: left;
}
.h1 {
	font-size: 140%;
	font-weight: bold;
	line-height: 320%;
	color: #a62626;
}
#rs_spacer {
	width: 258px;
	height: 8px;
	float: left;
}
#rs_cntr_left a:link {
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
#rs_cntr_left a:visited {
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
#rs_cntr_left a:hover {
	font-weight: bold;
	color: #a62626;
	text-decoration: none;
}
#duck_logo {
	position: absolute;
	width: 390px;
	height: 86px;
	left: 0px;
	bottom: 0px;
}

/* END OF RADIO PAGE ONLY */

/*PROJECT COMPASSION*/
#pc_mission {
	width: 259px;
	height: 366px;
	font-size: 80%;
	line-height: 120%;
	color: #a8a8a8;
	text-align: left;
	clear: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}
.pc_before {
	width: 296px;
	height: 44px;
	background-image: url(../images/pc_before.png);
	float: left;
}
.pc_before_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/pc_before_active.png);
	float: left;
}
.pc_after {
	width: 296px;
	height: 44px;
	background-image: url(../images/pc_after.png);
	float: left;
}
.pc_after_active {
	width: 296px;
	height: 46px;
	background-image: url(../images/pc_after_active.png);
	float: left;
}
#pc_logo {
	width: 100px;
	height: 87px;
	float: left;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-top: 6px;
}
#pc_fb {
	color: #a8a8a8;
	text-align: left;
	text-decoration: none;
}
#pc_fb a:link {
	color: #a8a8a8;
	text-decoration: none;
}
#pc_fb a:visited {
	color: #a8a8a8;
	text-decoration: none;
}
#pc_fb a:hover {
	color: #02917b;
	font-weight: bold;
	text-decoration: none;
}
#pc_fb a.active {
	color: #ffffff;
	text-decoration: none;
}
/*END PROJECT COMPASSION*/

/* AUDIO PLAYER */
/*XSPF*/
/*#xspf {
	overflow: hidden;
	position: absolute;
	top:  101px;
	right: -29px;
	height:  15px;
	width: 15px ;
}

#xspfhider {

	position: absolute;
	top:  0px;
	left: -18px;
	height:  15px;
	width: 33px ;
}


#player_top {
	position: absolute;
	top:  95px;
	right: -29px;
	height:  6px;
	width: 15px ;
	background-image: url(../images/play_tab_top.png);
	
}

#player_mid {
	pointer-events: none;
	position: absolute;
	top:  101px;
	right: -62px;
	height:  15px;
	width: 48px ;
	background-image: url(../images/play_tab_mid_dark.png);	
}

#player_bot {
	position: absolute;
	top:  116px;
	right: -29px;
	height:  6px;
	width: 15px ;
	background-image: url(../images/play_tab_bottom.png);*/
	
/*END XSPF*/	

/*PLAYER */

#player {
	background-color: #535353;
	position: absolute;
	top:  0px;
	right:  28px;
	height: 20px;
	width: 180px ;
}

#playerhider {
	position: absolute;
	top:  101px;
	right: -250px;
	height:  15px;
	width: 15px ;
}


#player_top {
	position: absolute;
	top:  -22px;
	right: -62px;
	height:  123px;
	width: 15px ;
	background-image: url(../images/player_top.png);
	
}

#player_right {
	position: absolute;
	top:  -22px;
	right: -228px;
	height:  144px;
	width: 166px ;
	background-image: url(../images/player_right.png);	
}

#player_bot {
	position: absolute;
	top:  116px;
	right: -62px;
	height:  6px;
	width: 15px ;
	background-image: url(../images/player_bot.png);

}

#player_left {
	position: absolute;
	top:  -22px;
	right: -47px;
	height:  144px;
	width: 33px ;
	background-image: url(../images/player_left.png);	
}
	
/*END PLAYER */


/*EXTRAS*/

.video {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: 446px;
	margin-top: 20px;
	margin-bottom:  20px;
}