/* Author: Matt Perry */
/* Copyright 2012-2021: Sky 1 Technologies */
/* Author's Website: https://sky1.us */
/* Gold  	= #8f815a */
/* creme 	= #f0efdd */
/* dark red : #602f18 */
/* Gold: #8f815a */
/* Gold: #8f815a */
#slide img {
    width: 1000px;
    height: 314px;
}
#footer .author a, #footer .copyright a, #content a {
	border-radius: 8px;
}
#contact .contact-content a {
	border-radius: 0;
}
#menu ul li ul {border-radius: 0 0 8px 8px;}
.notice {color: #f0efdd; text-align: center;font-size: 14px;}
.alert {width: 100%; height: 44px; padding: 10px; background: #8f815a; color: #000;}
.callout.alert {height: auto;}
/* Reset iphone font sizing */
html { -webkit-text-size-adjust:none; }

/* Reset size */
html, body {width: 100%; height: 100%;}

/* Resite Margins and Paddings */
html, body, h1, h2, h3, h4, h5, p, div, span, img, ul, li {margin: 0; padding: 0;}

/* Google Webfonts Import  */
@import url(https://fonts.googleapis.com/css?family=Pontano+Sans);

body {font-family: Verdana, Geneva, sans-serif; background: #333333;}

#top-divide 	{height: 447px; display: block; background: #333333 url(../img/top-divide-bg.png) repeat-x top;}

#top-container 	{width: 1000px; margin: 0 auto;}

#header      	{height: 133px; background: #333333;}
.logo 			{width: 665px; height:81px; background: url(../img/schlies-law-logo.png) no-repeat 0 0; float: left; margin: 35px 0 0 20px;}
.logo a			{width: 100%; height: 100%; display: block; text-decoration: none;}
.phone 			{width: 222px; height: 50px; display: block; float: right; margin: 63px 20px 0 0; text-align: right; color: #8f815a; font-size: 16px; font-weight: normal; line-height: 26px;}
.phone a 		{color: #ffffff !important; font-size: 18px; text-decoration: none; font-weight: normal; letter-spacing: .1em;}

.shadow {height: 15px; width: 1000px; background: url(../img/slider-shaddow-bg.png) repeat-x top; z-index: 9000; position: absolute; margin: 0;}

#menu 				{height: 54px; width: 696px; display: block; position: absolute; margin: 0 0 0 105px; z-index: 8000; background: none;}
#menu ul			{list-style: none; text-transform: uppercase; font-size: 14px;}
#menu li			{background: url(../img/menu-bg-tile.png) repeat-x top; float: left; height: 56px; display: block; }
#menu li:hover		{}
#menu li a			{text-decoration: none; height: 100%; display: block; line-height: 56px; color: #462F1F; text-align: center; }
#menu li a:hover	{background: url(../img/menu-hover-bg.png) repeat-x top; color: #f0efdd;}


#menu li.home {width: 100px; padding: 0 0 0 4px; overflow: hidden; background: url(../img/home-bg.png) no-repeat bottom left;}
#menu li:hover.home a {background: url(../img/home-hover-bg.png) no-repeat bottom left; }
#menu li:hover.home  {background: none;}

#menu li.contact {background: url(../img/contact-bg.png) no-repeat bottom right; width: 120px; padding: 0 4px 0 0; overflow: hidden;}
#menu li:hover.contact a {background: url(../img/contact-hover-bg.png) no-repeat bottom right;}
#menu li:hover.contact {background: none;}

#menu li ul 			{position: absolute; width: 360px; left: -999em; display: block; z-index: 600; padding: 0; margin: -5px 0 0 0; background: #FAFAF8; border: 4px solid #8f815a;}
#menu li ul li 			{text-align: left; background: #8f815a; margin: 0; width: 355px; height: 32px; text-wrap: normal; }
#menu li ul li.bottom 	{}
#menu li ul li a 		{margin: 0; line-height: 31px;  padding: 0 20px; display: block; text-align: left;}
#menu li ul li a:hover 	{background: #8f815a; font-style: italic; width: 320px;}
#menu li:hover ul, #menu ul li.sfhover ul {left: auto;}


#slide 				{background: #f4f4f4; height: 318px; display: block;}

#middle-divide 		{background: #f0efdd url(../img/middle-divide-bg-top.png) repeat-x top;  font-family: 'Cantarell', sans-serif;}
#middle-container 	{width: 1000px; margin: 0 auto; background: #fff url(../img/middle-container-bg.png) repeat-y left;}
.middle-header      {height: 118px; padding: 20px 40px; background: #333 url(../img/middle-divide-header.png) no-repeat bottom;}

#sidebar 					{width: 280px; float: left; }
.sidebar-header				{background: url(../img/sidebar-header-bg.png) repeat-y;  ; display: block;}
.sidebar-content			{background: url(../img/sidebar-content-bg.png) bottom no-repeat; height: 480px; display: block; width: 279px;}
.sidebar-content-text		{color: #f0efdd; padding: 5px 20px 40px 56px; font-size: 14px; line-height: 26px; font-weight: normal;}
.sidebar-content-text img   {display: block; width: 189px; height: 126px; margin: 0 0 0 0;}
.sidebar-content h3 		{font-weight: normal; font-size: 16px; margin: 10px 0 0 0 ;}
.sidebar-content ul 		{padding: 0 0 0 20px;}
.sidebar-content li 		{}
.sidebar-content a			{color: #f0efdd; font-size: 14px; line-height: 26px; font-weight: normal;}
.sidebar-content a:hover	{color: #F0EFDD;}

#content			{background: #fff; margin: 0 20px 0 300px; display: block; position: relative;}
#content h1, #content h2			{color: #602f18; font-size: 22px; margin: 30px 0 20px; font-weight: normal;}
#content h2 {color: #000;}
#content h3			{color: #333333; font-size: 18px; margin: 30px 0 20px;  font-weight: normal;}
#content p			{color: #000000; font-size: 14px; margin: 10px 0; line-height: 26px;}
#content a			{color: #602f18; padding: 3px 5px; }
#content a:hover	{background: #602f18; color: #fff;}
#content ul			{padding: 0 0 0 30px;}
#content li			{font-size: 14px; margin: 10px 0; line-height: 26px;}

#contact					{width: 260px; height: 350px; display: block; float: right; background: url(../img/contact_us-bg.png) no-repeat top right; }
.contact-header				{}
.contact-content			{padding: 25px 20px;}
.contact-company    {font-size: 11px; text-transform: capitalize;}
#contact h3			{color: #602f18; font-weight: normal;}
#contact p			{font-size: 14px; margin: 10px 0; line-height: 26px;}
#contact a  		{color: #602f18;}
#contact a:hover 	{color: #F0EFDD;}


#bottom-divide		{background: #333333 url(../img/bottom-divide-bg.png) repeat-x top; }
#bottom-container	{width: 1000px; margin: 0 auto; height: 280px; display: block;}

#footer-header      {height:32px; display: block; background: url(../img/middle-divide-footer.png) no-repeat;}

#footer 	{height: 32px; color: #8f815a; font-size: 14px; margin: 20px 0 0; }

.copyright 			{float: left; height: 32px; width: 700px; line-height: 32px; display: block;}
.copyright a 		{color: #f0efdd; padding: 2px 5px;}
.copyright a:hover 	{background: #8f815a; color: #333;}
.author 		{float: right; text-align: right; height: 32px; line-height: 32px; display: block;}
.author a		{color: #f0efdd; padding: 2px 5px;}
.author a:hover {background: #8f815a; color: #333;}

.green-box {background: #D7DFC3; padding: 5px 15px; margin: 10px 0;}
.local p {font-size: 9px; display: block; position: absolute; top: -9999px; left: -9999px; color: #544F47;}

input[type="checkbox"] {
  background: gold;
}

@media screen {#preloader {display: block; position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px;}}
@media print {#preloader {display: none;}}