/* Yasin Law CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

body {
	font-family: Raleway, Lora, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 18px;
	line-height: 22px;
	background-color: #ffffff;
}

div#container {
	max-width: 1200px;
	/*min-width: 900px;*/
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
	padding:10px 20px;
}
div#phone {
	text-align:center;
	margin: 30px auto;
}

#logo {width: 100%; text-align: center }

#logo h3 {
	font-size: 2.1rem;
	margin: 20px auto;
	text-align: center;
	color:#555555;
}



#header h3 {
	background: url(/i/yasin_logo3.png) no-repeat left center;
	background-size: 165px;
	float: left;
	width: 265px;
	text-indent: -9999px;
	/*height: 30px;*/
	padding-right: 30px;
	/*border-right: 1px solid #d5d9e4;*/
	margin: 50px 0 0 10px;
	color: #515256;
}

#logo h2 {
	font-weight: normal;
	font-style: normal;
	color: #515256;
	font-size:1.1rem;
	margin: 40px auto;
	text-align: center;
	line-height: 1.35rem;
}

div#header {
	/*height: 118px;
	position: fixed;*/
	/*padding-top: 40px;
	background-color: #fff;
	background-image:url(/i/yasin_phone.png);
	background-position: top right;
	background-repeat:no-repeat;*/
	top: 0;
	margin-right: auto;
	margin-left: auto;
	opacity: 0.96;
	max-width: 1200px;
	/*border-bottom:1px dotted #ececec;*/
}

.contact a.email {
	float: right;
	margin-top: 50px;
	width: 78px;
	height: 30px;
	background-size: auto!important;
	background: url(/i/email.png) no-repeat center center;
	text-indent: -9999px;
	opacity: 0.7;
	-webkit-transition: all .2s ease-in-out;
	/*border-left: 1px solid #d5d9e4;*/
}

.contact a:hover.email {
	opacity: 1;
}

div#content {
	background-color:#ffffff;
	width:100%;
	text-align:left;
	margin-top:45px;
	clear:both;
	border-top: 1px solid #555;
	}

#content h1 {
	font-size: 1.5rem;
	line-height: 1.7rem;
	color:#AB3300;
	margin: 20px auto;
}

#content h2 {
	font-size: 1.3rem;
	color:#444751;
	margin: 20px auto;
}

#content p {
	font-size: 18px;
	line-height: 26px;
	margin: 10px auto;
}

div#footer {
	background-color:#ffffff;
	width:100%;
	text-align:left;
	margin-top:25px;
	padding-bottom:25px;
}

#footer p {
	font-size: 0.9rem;
	line-height: 1.15rem;
}
#footer p a {
	color:#8d8f96;
}

.phonebtn {
  background: #3c3c3c;
  background-image: -webkit-linear-gradient(top, #3c3c3c, #3c3c3c);
  background-image: -moz-linear-gradient(top, #3c3c3c, #3c3c3c);
  background-image: -ms-linear-gradient(top, #3c3c3c, #3c3c3c);
  background-image: -o-linear-gradient(top, #3c3c3c, #3c3c3c);
  background-image: linear-gradient(to bottom, #3c3c3c, #3c3c3c);
  -webkit-border-radius: 21;
  -moz-border-radius: 21;
  border-radius: 21px;
  font-family: Arial;
  color: #ffffff;
  font-size: 24px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 30px auto;
}

.phonebtn:hover {
  background: #6a6a6a;
  background-image: -webkit-linear-gradient(top, #6a6a6a, #6a6a6a);
  background-image: -moz-linear-gradient(top, #6a6a6a, #6a6a6a);
  background-image: -ms-linear-gradient(top, #6a6a6a, #6a6a6a);
  background-image: -o-linear-gradient(top, #6a6a6a, #6a6a6a);
  background-image: linear-gradient(to bottom, #6a6a6a, #6a6a6a);
  text-decoration: none;
}