html{padding: 0; margin: 0;}
body{padding: 0; margin: 0; padding-top: 120px;}



h1,h2,h3,h4,h5{font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1em; padding: 0; margin: 0;}



p{
	font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
	font-size: 13px; 
	line-height: 20px;
	color: #333;
}


.line{display: block;}
.unit{float: left;}
.size1of2{width: 50%;}
.size1of4{width: 25%;}
.size3of4{width: 75%;}
.size1of5{width: 20%;}
.size2of5{width: 40%;}
.size3of5{width: 60%;}
.size4of5{width: 80%;}

.unit .content_padding{width: calc(100% - 40px);}

.toppadding{padding-top: 80px;}
.toppadding20{padding-top: 20px;}
.toppadding30{padding-top: 30px;}
.toppadding40{padding-top: 40px;}
.toppadding50{padding-top: 50px;}
.toppadding60{padding-top: 60px;}
.toppadding70{padding-top: 70px;}

#mainwrapper{
	min-height: calc(100vh - 290px);
	display: block;
}
.container{width: 1160px; margin: 0 calc(50% - 580px); display: block; }



#header{width: 100%; height: 120px; position: fixed; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); top: 0; left: 0; background: white; z-index: 5;}
#header .thin-bar{width: 100%; height: 16px; padding: 7px 0; background: #000a46; position: absolute; top: 0; left: 0;}
#header .header_wrapper{width: 1160px; height: 100%; margin: 0 auto; position: relative;}

#header .header_wrapper a{text-decoration: none; color: #151515;}
#header .header_wrapper a .logo{ position: absolute; top: 35px; left: 0; width: 250px; height: 75px; background: url(images/logo-cs.svg) no-repeat; background-size: cover; background-position: center left;  display: inline-block;}

#header .menupanel{
	position: absolute;
	top: 30px; right: 0;
}

#header .menupanel ul.menu{
	padding: 0;
	margin: 0;
	text-indent: 0;
	
}


#header .menupanel ul.menu li{
	list-style: none;
	display: inline-block;
	margin: 0 10px;
	font-family: 'Playfair Display', serif; font-size: 16px; 
	height: 16px;
	
	padding: 37px 10px 35px 10px;
}

#header .menupanel ul.menu li.current-menu-item{border-bottom: 2px solid #000a46;}

#header .menupanel ul.menu li a:hover{color: #000a46;}

#header .contact_bar{
	color: white;
	position: absolute;
	top: 0; left: calc(50% - 585px);
	margin: 0 auto;
}

#header .contact_bar p{color: white; margin: 0; padding: 4px 0; }

#header .contact_bar p.phone{padding-left: 30px; background: url(images/icon-phone-white.svg) no-repeat; background-size: 30px 30px; background-position: center left;}

.slick-track, .slick-list{height: 100%!important;}


.hero_carousel{
	display: block;
	position: relative;
	background: #666;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.hero_carousel .slide{
	width: 100%; height: 100%!important; 
	position: relative;
	overflow: hidden;
}

.hero_carousel .slide .bg{
	width: 100%; height: 100%;
	background-size: cover!important;
	background-position: center center!important;
	position: absolute;
	top: 0; left: 0;
}

.hero_carousel .slide .text{
	width: 500px;
	position: absolute;
	left: calc(50% - 575px);
	bottom: 50px; 
}

.hero_carousel .slide .text h2{
	font-size: 80px; color: white;
	padding-bottom: 30px;
}

.hero_carousel .slide .text a.more{background: #000a46; padding: 10px 20px; display: inline-block; text-decoration: none; color: white; font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 700; text-transform: capitalize;}


.slick-slider{margin-bottom: 0!important;}
.slick-dots{bottom: -10px!important;}

.slick-dots li{list-style: none!important; width: 25px!important; height: 3px!important; background: white!important;}
.slick-dots li.slick-active{background: #000a46!important;}

.slick-dots li button{opacity: 0!important;}



.slick-slider .fa{
	width: 50px; height: 50px;
	display: block;
}

.slick-slider .fa.fa-arrow-left{width: 50px; height: 50px; background: rgba(0,0,0,0.5) url(images/arrow-left-white.svg) no-repeat; background-size: 10px 20px; background-position: center center; position: absolute; top: calc(50% - 25px); left: 10px;}
.slick-slider .fa.fa-arrow-right{width: 50px; height: 50px; background: rgba(0,0,0,0.5) url(images/arrow-right-white.svg) no-repeat; background-size: 10px 20px; background-position: center center; position: absolute; top: calc(50% - 25px); right: 10px;}

.services .size1of4 .padded_box{
	display: block;
	width: calc(100% - 40px);
	position: relative;
}

.services .size1of4 .padded_box h2{
	font-size: 24px;
	padding: 4px 0 10px 50px;
	font-weight: 700;
}

.services .size1of4 .padded_box h2 .digit{
	position: absolute;
	top: 4px; left: 4px;
	width: 30px; height: 30px; 
	border-radius: 30px;
	display: block;
	background: url(images/fleur.svg) no-repeat; background-size: cover; background-position: center center;
}

.services .size1of4 .padded_box h2 .digit p{
	position: absolute;
	top: 5px; left: 0; width: 100%;
	text-align: center;
	font-size: 18px;
	color: #000a46;
	padding: 0; margin: 0;
}

.services .size1of4 .padded_box p{
	font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
	font-size: 13px; 
	line-height: 20px;
	color: #333;
}

.services .size1of4 .padded_box a.read_more{
	font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1em; padding: 0 15px 0 0; margin: 0;
	color: #000a46;
	text-decoration: none;
	background: url(images/arrow-tiny-right-red.svg) no-repeat;
	background-position: right center;
}

.attorneys .line{width: calc(100% + 20px);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 1em;
}

.attorneys .size1of4{width: initial;}

.attorneys .size1of4 .padded_box{
	width: 100%;
	height: 540px;
	border: 1px solid #CCC;
	position: relative;
}

.attorneys .size1of4 .padded_box .thumb{
	width: 100%; height: 440px; background: #999;
	background-size: cover!important;
	background-position: center center!important;
}

.attorneys .size1of4 .padded_box .box{
	position: absolute;
	width: 220px; height: 64px;
	background: white;
	border: 1px solid rgb(204,204,204);
	top: 410px; left: calc(50% - 111px);
	text-align: center;
}

.sidebar .box.post{margin: 20px 0 30px 0;}
.sidebar .box img{width: 100%; }

.sidebar .box h3{font-size: 18px; margin: 10px 0 5px 0;}

.sidebar .box h3 a{color: #151515; text-decoration: none;}

.attorneys .size1of4 .padded_box .box h3{
	padding: 12px 10px 2px 10px;
	font-size: 16px;
}

.attorneys .size1of4 .padded_box .box p{
	padding-top: 0; margin-top: 0;
	color: #000a46;
}

.attorneys .size1of4 .padded_box .padding{
	text-align: center;
	padding: 40px 15px 15px 15px;
	border-top: 1px solid rgb(204,204,204);
}

.attorneys .size1of4 .padded_box .padding a{padding: 5px 10px; background: #000a46; color: white; text-decoration: none;}

.deck-head{
	
	padding: 30px 0;
	border-top: 1px solid #CCC;
}

.map{
	width: 100%; height: 400px; 
	background: #999;
	position: relative;
}

.map .touchpanel{
	width: 50px;
	position: absolute;
	top: 0;
	height: 100%;
}

.map .touchpanel.left{left: 0;}
.map .touchpanel.right{right: 0;}

#footer{
	width: 100%; min-height: 200px;
	padding: 40px 0;
	margin-top: 60px;
	background:  #000a46;
	color: white;
}

#footer .container{
	width: 1160px;
	margin: 0 auto;
}

#footer .container .line{width: calc(100% + 20px);}

#footer .container .line .size1of4{
	width: calc(25% - 20px);
	margin-right: 20px;
}

#footer .container .line .size1of4 p{color: #999;}

#footer .container .line .size1of4 h3{
	color: white;
	padding-bottom: 15px; 
	border-bottom: 1px solid #333;
	margin-bottom: 15px;
}

#footer .footer-list{
	padding: 0; margin: 0;
	text-indent: 0;
}

#footer .footer-list li{
	list-style: none;
	padding: 5px 0 5px 25px;
	color: #666;
	background: url(images/arrow-tiny-right-white.svg) no-repeat;
	background-position: top -2px left;
}

#footer .footer-list li a{color: #FFF; text-decoration: none; font-family: Verdana, Geneva, "DejaVu Sans", sans-serif; font-size: 13px;}

#footer .copyrightbar{
	display: block;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #333;
	
}

#footer .copyrightbar p{color: #666;}

.top_image{width: calc(100% - 2px); height: 800px; background: #151515; border: 1px solid #CCC; background-size: cover!important; background-position: center center!important; margin-bottom: 40px;}
.title{color: #000a46;}

.prettytext p{
	font-family: 'Playfair Display', serif; line-height: 1.5em; font-size: 16px;
}

.prettytext.attorneys img{float: left; margin: 0 20px 10px 0;}
.sidebar .prettytext, .sidebar .prettytext p{
	font-size: 14px;
}

.sidebar .box{
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}

.sidebar .box:last-child{border-bottom: 0px none;}

.sidebar p.number{font-size: 1.2em;}

.prettytext ul{padding: 0; margin: 0; text-indent: 0;}

.prettytext ul li{padding-left: 20px; margin: 0 0 10px 0; background: url(images/arrow-tiny-right-dark.svg) no-repeat; background-position: top  left -5px; list-style: none; background-size: 20px 20px; font-size: 14px; line-height: 1.5em;	} 

.practice{
	width: calc(100% + 20px);
	posiiton: relative;
	margin-top: 40px;
}

.practice .tile{
	width: calc(50% - 22px);
	height: 370px;
	margin: 0 20px 20px 0;
	border: 1px solid #CCC;
	position: relative;
	background: #999;
	background-size: cover!important;
	background-position: center center!important;
	overflow: hidden;
}

.practice.clients .tile{
	width: calc(33.33% - 22px);
	height: 290px;
}

.practice .tile .mask{
	background: rgba(5,52,77, 0.9);
	position: absolute;
	top: 100%; left: 0;
	width: 100%; height: 100%;
	
}

.tile .gradient{
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#05374d+0,0c85ba+100&1+0,0+100 */
	background: -moz-linear-gradient(45deg, rgba(5,55,77,1) 0%, rgba(12,133,186,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(5,55,77,1) 0%,rgba(12,133,186,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(5,55,77,1) 0%,rgba(12,133,186,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05374d', endColorstr='#000c85ba',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.practice .tile .text{
	position: absolute;
	bottom: 30px; left: 20px; 
	color: white;
	width: calc(50% - 20px);
}

.practice .tile .text h4{
	color: white; font-size: 30px; line-height: 1.2em; margin-bottom: 20px; 
}

.practice .tile .text a.more{
	color: white; background: #000a46; padding: 10px 15px;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 24px;
}

.clients{display: block;}

.clients .box{
	display: block;
	width: calc(100% + 20px);
}

.clients .box h3{
	font-size: 24px;
	padding: 10px 0 10px 0;
	margin: 40px 0 20px 0;
	border-top: 5px solid #151515;
	border-bottom: 1px solid #151515;
	width: calc(100% - 20px);
}

.clients .box .tile{
	width: calc(33.33% - 22px);
	height: 150px;
	background: #F1F1F1;
	border: 1px solid #CCC;
	margin: 0 20px 20px 0;
	text-align: center;
	position: relative;
}

.clients .box .tile table, .clients .box .tile table tbody, .clients .box .tile table tr, .clients .box .tile table td{width: 100%; height: 100%;}

.clients .box .tile h5{padding: 45px 10px; font-size: 24px; }

.gform_description{display: none;}

ul.formfields{}

.prettytext ul#gform_fields_1 li.gfield{background: none;
	padding: 0; margin: 0;
}

.prettytext .gform_wrapper .top_label .gfield_label{
	font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
	text-transform: uppercase;
	font-size: 12px;
}

.contact .gform_wrapper h2.gsection_title, .contact .gform_wrapper .gsection_description, .contact .gform_wrapper h3.gform_title{
	display: none;
}

.contact  .gform_wrapper .ginput_complex .ginput_left, .contact  .gform_wrapper .ginput_complex .ginput_right, .contact  .gform_wrapper .ginput_complex .ginput_full{
	width: calc(100%)!important; display: block;
}
.gform_wrapper .ginput_complex{width: 100%!important;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
	width: 100%!important;
	height: 18px!important;
	padding: 10px 0!important;
	font-size: 18px!important;
	font-family: Verdana, Geneva, "DejaVu Sans", sans-serif!important;
	font-weight: 200;
	border: 0px none;
	border-bottom: 1px solid #151515;
	margin-bottom: 20px;
	outline: none;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{width: calc(100% - 22px)!important;}


	
.gform_wrapper .top_label input.medium{width: 100%!important; padding: 10px!important; font-size: 18px!Important; height: 18px!important;}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
	color: white;
    background: #000a46;
	border: 1px solid white!important;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 24px;
	border: 0px none;
	font-family: 'Playfair Display', serif; font-weight: 400; 
	cursor: pointer;
	
}

.gform_wrapper div.validation_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{color: red!important; margin: 0!important; padding: 0!important;}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{border: 0px none!important;}

.gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error textarea{border: 1px solid red!important;}

.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=url], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=password]{width: calc(100% - 22px)!important;}


#footer .gform_wrapper .top_label input.medium, #footer .gform_wrapper .top_label input.large, #footer  .gform_wrapper .top_label select.large, #footer  .gform_wrapper .top_label textarea.textarea{
	background: #000a46; border: 0px none; color: #FFF;
	padding: 10px 0;
	border-bottom: 1px solid white;
	font-size: 12px!important;
	outline: none;
}

#footer  .gform_wrapper .top_label textarea.textarea{height: 60px!important;}

#footer p.location{padding-left: 24px;}
#footer p.location.address{background: url(images/icon-location-grey.svg) no-repeat; background-position: top 3px left; background-size: 20px 20px;}
#footer p.location.phone{background: url(images/icon-phone-grey.svg) no-repeat; background-position: top 3px left; background-size: 20px 20px;}

#footer .news img{width: 100%; }
#footer .news h3{border-bottom: 0px none;}
#footer .container .line .size1of4 .news h3{font-size: 18px;  border-bottom: 0px none; padding: 10px 0 20px 0;}
#footer .news h3 a{color: white; text-decoration: none;}

#footer .container .line .size1of4.newscolumn a{color: white; text-transform: capitalize; text-decoration: none; font-size: 16px; font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1em; }
#footer .container .line .size1of4.newscolumn a:hover{text-decoration: underline;}
@media(max-width: 1600px){
	.hero_carousel .slide .text h2{
		font-size: 60px;	
	}
}

@media(max-width: 1300px){
	.hero_carousel .slide .text h2{
		font-size: 48px;	
	}
}

@media(max-width: 1200px){
	.prettytext{width: calc(100% - 40px);}
	#header .contact_bar{left: 40px;}
	.container, #header .header_wrapper{width: calc(100% - 40px); margin: 0 0 0 40px; }
	
	
	.hero_carousel .slide .text{
		width: calc(50% - 80px);
		left: 40px;
		bottom: 40px;	
	}
	
	.services .size1of4{
		width: 50%;	
		min-height: 170px;
	}
	
	.attorneys .line{grid-template-columns: 1fr 1fr;}
	
	.attorneys .size1of4{

		margin-bottom: 20px;
	}
	
	.attorneys .line{width: calc(100% - 20px);}
	
	.deck-head{
		width: calc(100% - 40px);	
	}
	
	#container > .line > .size3of4{
		width: calc(100% - 290px);
	}
	
	#container > .line > .size3of4 .top_image{height: 	700px;}
	
	.slick-slider .fa.fa-arrow-left{width: 40px; height: 40px; top: initial; left: initial; bottom: 20px; right: 70px;}
	.slick-slider .fa.fa-arrow-right{width: 40px; height: 40px; top: initial; bottom: 20px; right: 20px;}
	
	.practice{
		width: calc(100% - 20px);	
	}
	
	#footer .container{width: calc(100% - 40px); margin-left: 20px;}
	
	#footer .container .line > .size1of4{width: 	calc(50% - 20px);}
}
@media(max-width: 960px){
	.practice.clients .tile{width: calc(50% - 22px);}
	#header{position: absolute;}
	
	#header .menupanel .close{
		width: 40px; height: 40px;
		background: url(images/menu-red.svg) no-repeat;
		background-size: cover;
		background-position: center center;
		
		position: absolute;
		top: 25px; right: 40px;
		cursor: pointer;
	}
	
	.menu-main_menu-container{
		position: absolute;
		top: 90px;
		right: 0;
		background: white;
		width: 320px;
		margin: 0;
		display: none;
	}
	
	.menu-main_menu-container.active{
		display: block;	
	}
	
	#header .menu-main_menu-container ul.menu li{
		width: calc(100% - 40px);
		padding: 0;
		display: block;
		margin: 0 0 0 20px;
		height: initial;
	}
	
	#header .menupanel ul.menu li.current-menu-item{
		border-bottom: 0 none;	
	}
	
	#header .menupanel ul.menu li.current-menu-item a{
		color: #000a46;	
	}
	.menu-main_menu-container li a{
		display: block;
		text-align: center;
		width: calc(100% - 40px);
		padding: 20px;
		border-bottom: 1px solid #CCC;	
	}
	
	
	.menu-main_menu-container li:last-child a{border-bottom: 0px none;}
	
	#container > .line > .size3of4 .top_image{height: 	600px;}
	
	#container > .line > .size3of4{width: 100%; padding-bottom: 40px;}
	
	#container > .line > .size1of4{width: calc(100% - 40px); padding-bottom: 40px;}
}

@media(max-width: 780px){
	
	.practice.clients .tile{width: calc(100% - 22px);}
	.services .size1of4{
		width: 100%; 
		min-height: initial;
		padding-bottom: 30px;
	}
	.attorneys .line{grid-template-columns: 1fr;}	
	.attorneys .size1of4{

		height: initial;
	}
	
	
	.practice .tile{width: calc(100% - 20px); height: 300px;}
	
	
	.practice .tile .text h4{font-size: 24px;}
	
	.clients .box .tile{
		width: calc(50% - 22px);
	
	}
}

@media(max-width: 640px){
	
	.hero_carousel .slide .text{
		width: 60%;
		left: 20px; bottom: 20px;			
	}
	.hero_carousel .slide .text h2{
		font-size: 36px;	
		padding-bottom: 10px;
	}
	.hero_carousel .slide .text a.more{
		padding: 5px 10px;
		font-size: 18px;
	}
	
	#footer .container .line > .size1of4{width: 	calc(100% - 20px);}
	
	.clients .box .tile h5{font-size: 18px;}
}

@media(max-width: 480px){
	
	.prettytext{width: calc(100% - 20px);}
	#header .contact_bar{left: 20px;}
	.hero_carousel .slide .text h2{
		font-size: 30px;	
	}
	
	.hero_carousel .slide .text{
		left: 20px; bottom: 30px;			
	}
	
	.hero_carousel .slide .text a.more{
		padding: 3px 5px;
		font-size: 12px;
	}
	
	.slick-slider .fa.fa-arrow-left{width: 30px; height: 30px; left: initial; bottom: initial; right: 45px; top: 10px;}
	.slick-slider .fa.fa-arrow-right{width: 30px; height: 30px; bottom: initial; right: 10px; top: 10px;}
	
	.container, #header .header_wrapper{width: calc(100% - 20px); margin: 0 0 0 20px; padding-top: 20px;}
	#header .menupanel .close{right: 20px;}
	
	.attorneys .line, services .line{width: 100%;}
	
	.deck-head{
		width: calc(100% - 20px);	
	}
	
	#container > .line > .size3of4 .content_padding{width: calc(100% - 20px);}
	
	#container > .line > .size1of4{width: calc(100% - 20px); padding-bottom: 20px;}
	
	#container > .line > .size3of4 .top_image{height: 	400px;}
	
	.practice{
		width: 100%;	
	}
	
	.practice .tile{height: 250px;}
	
	.practice .tile .text{width: calc(100% - 40px);}
	
	.practice .tile .text a.more{font-size: 14px;}
	
	#header .header_wrapper a .logo{
		position: absolute;
		top: 42px;	
		width: 200px; height: 60px;
	}
	
	.prettytext.attorneys img{float: none; display: block; margin: 0 auto 20px auto;}
}
/*-------------------------------- CLEARFIX -------------------------------- */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*-------------------------------- DA STYLE -------------------------------- */	
	
.da-thumbs {
	list-style: none;
	width: 984px;
	height: 600px;
	position: relative;
	margin: 20px auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin: 5px;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}