body {
	line-height:115%;
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-size:12px;
	width:100%;
	background:#e8e2d3 url(../images/serenity-main-bg.jpg) center 120px no-repeat
}
h1, p, blockquote, dl, span, ul, li, #footer_text {font-family: 'Lato', sans-serif;}
ul.overview p, ul.beforeAfterBlock p {font-weight:400}

img {border:0px
}
figure {margin:0}
a, a:visited {outline:none; color:#FFFFFF; font-size:12px; text-decoration:none
}
a:hover { text-decoration:underline
}
dd, dl {margin-left:10px}
dt {color:#f5e1c0}
b {	color:#F2C11D;	
}
dt, dd {line-height:18px}
	
#wrap {
	width:978px;
	position:relative;
	padding-top:150px;
	margin:0 auto;
}
#top_wrap {
	position:absolute;
	left:0;
	top:0;
	height:150px;
	width:978px;
	padding-left:10px;
	margin-left:-70px;
	z-index:200; 
	background:url(../images/top_wrap_bg.png) 0 0 no-repeat;
}
#top_wrap .subhead {
	padding-top:97px;
	font-size:24px;
	letter-spacing:.1em;
	text-transform:uppercase;
	text-align:left;
	color:#a99282;
	float:left 
}
#logo {
	
	padding-top:70px;
	margin-left:10px;
	margin-right:4px;
	text-align:left;
	float:left
}
#logo a {
	font-size:60px;
	letter-spacing:.085em;
	line-height:60px;
	color:#4b1b08;
	padding:0;
	margin:0;	
	text-transform:uppercase;
}
#logo a:hover {	text-decoration:none;
}
.clear {
	font-size:0px;
	height:0px;
	clear:both;	
}
.cc_menu{
	width:924px; /*231px * 4*/
	height:590px;
	position:relative;
	overflow:hidden;
}
.cc_item{
	width:230px;
	height:590px;
	float:left;
	margin-right:1px;
	/*background:url(../images/content_bg.png) repeat;*/
	/*background:url(../images/50_black_trans.png) repeat;*/
	background:url(../images/60_brown_trans.png) repeat;
	position:relative;
	cursor:pointer /*added*/
}
.cc_item img{
	position:absolute;
	width:230px;
	/*height:590px;*/
	height:445px;
	
	top:-600px;
	left:0px;
}
span.cc_title{
	font-weight:200;
	color:#FFFFFF;
	font-size:30px;
	top:267px;
	left:0px;
	position:absolute;
	background:none;
	width:198px;
	padding:0 16px;
	height:60px;
	line-height:60px;
	display:block;
	z-index:11;
	text-transform:uppercase;
}
.cc_submenu ul{
	list-style:none;
	width:230px;
	margin:0;
	padding:0;
	height:0; /*increase to 81px to slide up*/
	overflow:hidden;
	text-align:left;
	/*background:#3c824e;*/
	position:absolute;
	left:0;
	bottom:0;
	z-index:13;
}
.cc_submenu ul li{
	color:#FFFFFF;
	font-weight:100;
	cursor:pointer;
	padding:0 16px;
	font-size:16px;	
	line-height:19px;
}
.cc_submenu a{
	color:#FFFFFF;
	cursor:pointer;
	font-size:16px;
	text-decoration:none
}
.cc_submenu a.current, .cc_submenu a:hover {
	color:#ffba00;	 
	text-decoration:none
}

#footer_text {
	padding:55px 0 9px 0;
	color:#464646;
	text-align:center;
	font-weight:300;
	letter-spacing:0.10em
}
#social { width:100px; margin:0 auto; padding-bottom:28px;
}
#social ul { padding:0; margin:0
}
#social li { padding:0 0 0 9px; margin:0; list-style:none; float:left;
}
#social a {
	background:url(../images/icons.png) no-repeat left top; 
	background-position:0 0;
	width:14px; 
	height:19px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}
#social a:hover {
	background-position:0 -19px;
}
#social a.facebook {
	background:url(../images/icons.png) no-repeat left top; 
	width:10px !important;
	background-position:-23px 0;
}
#social a.facebook:hover {
	background-position:-23px -19px;
}
#social a.in {
	background:url(../images/icons.png) no-repeat left top; 
	width:19px !important;
	background-position:-42px 0;
}
#social a.in:hover {
	background-position:-42px -19px;
}
#social a.yelp {
	background:url(../images/icons.png) no-repeat left top; 
	width:15px !important;
	background-position:-67px 0;
}
#social a.yelp:hover {
	background-position:-67px -19px;
}
.cc_content{
	width:692px;
	height:590px;
	position:absolute;
	left:-693px;
	/*background:url(../images/content_bg.png) repeat;*/
	background:url(../images/60_brown_trans.png) repeat;
	overflow:hidden;
	font-size:13px;	
	color:#FFFFFF;
	text-transform:none;	
}
span.cc_back{
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;	
	height:50px;
	width:85px;
	background:url(../images/back.png) no-repeat left top;
	background-position:0 0;
	display:block;
}
span.cc_back:hover {
	background-position:0 -50px !important;		
}
.cc_content div.block {
	/*display:none;*/
	margin:0px;
	/*padding:80px 17px 0 0;*/
	width:642px;
	padding:80px 17px 0 33px;	
}
.cc_content h1{
	font-size:16px;
	line-height:24px;
	letter-spacing:.05em;
	color:#f5e1c0;
	padding:0 100px 0 0;
	text-transform:uppercase;
	margin:0 0 20px 0;
}
.cc_content h1 span {
	color:#F2C11D;	
}

.cc_content p{
	font-weight:300;
	padding:0 0 14px 0;
	margin:0px;
	line-height:22px;
}

.cc_content p.contact{
	padding:0 0 30px 0;
}

.cc_content a {
	color:#FDB913;/*#f2c11d*/	
	font-size:13px;
	text-transform:none;
	/*text-decoration:underline;*/
}
.cc_content a:hover {
	text-decoration:none;
}
.scroll-wrap {
	width:658px;
	overflow:auto;
	height:487px;
}
.scroll-pane{
	width:627px;
}
			
		
.team {
	float:right;
	margin:0 0 20px 34px;
	padding:3px;
	border:1px #FFFFFF solid;
}
.team_title {
	font-size:14px;
	text-transform:uppercase;
	color:#f6f6f6;
	padding:1px 0 11px 0;
}
.testimons {
	font-size:14px;
	text-transform:uppercase;
	color:#d9d9d9;
	padding:3px 0 26px 0;
}

.left { float:left;
}
.right { float:right;
}
.serv_l_t {
	font-size:13px;
	text-transform:uppercase;
	color:#f2c11d; 
	line-height:20px;
	padding:0 0 0 13px;
	margin-top:21px;
	background:url(../images/list_arrow.png) no-repeat left center;
} 
.list { padding:0 0 3px 10px; line-height:19px;
}
a.read {
	font-size:12px;
	color:#d9d9d9;
	text-transform:uppercase;
	background:url(../images/list_arrow.png) no-repeat right center;
	padding: 0 12px 0 13px;
	text-decoration:none;
}

.recent { margin:15px 0;
}
.recent_t {
	font-size:13px;
	text-transform:uppercase;
	color:#f2c11d; 
	line-height:20px;	
} 
a.read_m {
	font-size:12px;
	color:#d9d9d9;
	text-transform:uppercase;
	background:url(../images/list_arrow.png) no-repeat right center;
	padding: 0 12px 0 0;
	text-decoration:none;
}

.inp {font-family:Arial; font-size:12px; color:#000000; background:#f6f6f6; width:300px; height:25px; padding:6px 10px 0 10px; border:0px;
}
.mess {font-family:Arial; font-size:12px; color:#000000; background:#f6f6f6; width:300px; height:231px; padding:10px; border:0px;
}
#submit_btn {
	width:85px; height:40px; background:url(../images/send.png) no-repeat left top; border:0px; background-position:0 0;
}
#submit_btn:hover {
	background-position:0 -40px;
}


@media screen, projection {
                       
div.photos {overflow:auto;
}
div.photo { margin:0px; margin:0px;
}
div.photo a img {border:0px;
}
#large_box {width:800; height:600;
}
#zoom { z-index:5000
}
div.photos ul { padding:0; margin:0
}
div.photos li { padding:0px; margin:0 18px 30px 0; float:left; list-style:none;
}
div.photos li.b_a { padding:0px; margin:0 60px 10px 0; float:left; list-style:none;
}
/*.thumb { width:149px !important; height:120px !important;}*/
.thumb { width:191px !important; height:119px !important;}
/*.dropcapcolor {
	float:left;
	font-size:41px;
	margin:10px 6px 1px 0;
	color:#F2C11D;
}
.dropcapspot {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:25px;
	height:20px;
	margin:5px 10px 0 0;
	padding:13px 10px 13px 12px;
	text-align:center;
	text-shadow:1px 2px 3px #B24824;
	vertical-align:bottom;
	width:25px;
	background:#F2C11D;
}*/
/*blockquote, q {
	-x-system-font:none;
	border-left:10px solid #F2C11D;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:0.1px;
	line-height:19px;
	margin:0 0 1.5em;
	padding:0 0 0 15px;
	quotes:none;	
}*/
q {
	-x-system-font:none;
	border-left:10px solid #F2C11D;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:0.1px;
	line-height:19px;
	margin:0 0 1.5em;
	padding:0 0 0 15px;
	quotes:none;	
}
.about_img {
	float:right;
	padding:3px;
	border:1px #FFFFFF solid;
	margin:0 0 5px 10px; 
}
ul.leaders {
    padding: 0;
    margin:0
}
ul.leaders li {
    padding:4px 0;
	margin:0;
	list-style:none;
	border-bottom:1px #FFFFFF dotted;
}
ul.leaders li:last-child { border-bottom:0 !important;
}
ul.leaders li span {
    float:left;
	padding:2px 0 2px 27px;
	background:url(../images/arrow.png) no-repeat left center;
}
ul.leaders li span:hover {
    padding-left:30px;
}
ul.leaders li span + span {
    float:right;
	font-weight:bold;
	color:#F2C11D;
	padding:2px 0 !important;
	background:none !important;
}

blockquote {width:46%; float:left; margin:0 0 40px 0;letter-spacing:.05em;line-height:18px; font-weight:300; /*font-weight:normal;*/ font-size:12px}
blockquote span {color:#f5e1c0; text-transform:uppercase; font-weight:400 }
.last-item {clear:right}

.fr {float:right}
.fl {float:left}

/*margin classes*/
.ml20 {margin-left:20px}
.ml40 {margin-left:40px}

.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.mr30 {margin-right:30px}

.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}

ul.services {margin:0;padding:0}
ul.services li {margin-bottom:15px;display:inline; float:left;width:235px;padding:0}
ul.services li a, ul.services li a:visited {text-decoration:none;color:#fff}
ul.services li a:hover {color:#fdb913}

ul#videoBlock li p, ul#beforeAfterBlock li p  {text-align:center; font-size:12px;text-transform:uppercase;color:#e8e2d3;margin:0;padding:0; font-weight:400}

.serenity_icon {width:23px; height:61px; background:url(../images/serenity_icon.png) top center no-repeat; position:absolute; left:363px; top:10px}

#slider4 {
	width:620px;
    display: block;
    overflow: hidden;
    padding: 0 0 10px;
}
#slider4 .viewport {
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 620px;
}
#slider4 .active {   
    color: #fdb913;
}
#slider4 .overview {
    list-style: none;
    position: absolute;
    width: 620px;
}
#slider4 .overview .page {
    float: left;
    height: 150px;
    padding: 5px;
    width: 610px;
}
#slider5 {
	width:620px;
    display: block;
    overflow: hidden;
    padding: 0 0 10px;
}
#slider5 .viewport {
    height: 225px;
    overflow: hidden;
    position: relative;
    width: 620px;
}
#slider5 .active {   
    color: #fdb913;
}
#slider5 .overview {
    list-style: none;
    position: absolute;
    width: 620px;
}
#slider5 .overview .page {
    float: left;
    height: 225px;
    padding: 5px;
    width: 610px;
}

ul#cos_dent_list {list-style-type:none; padding:0 0 0 15px}
ul#cos_dent_list li {margin:5px 15px 10px 0; float:left; width:185px; color:#f5e1c0}
ul#cos_dent_list li a {color:#f5e1c0}

.lb_item_title {font-size:16px; text-transform:uppercase; font-weight:300}
.lb_item_desc {line-height:160%; font-weight:300; text-align:left; padding-left:3%}