/*
To get started customizing with CSS, we recommend you 
go to http://headwaythemes.com/documentation/customizing-your-headway-site/custom-css/ 
to get started.

Be sure to turn on custom CSS in the Headway Design Options.  

When writing the selectors for the elements, put body.custom at the
beginning.

For an example on how to change the background with custom CSS
we can use the following code.

body.custom {
	background: red;
}
*/

body.custom 														{ background: #f0eeea; }

body.custom div#wrapper 											{ border:none; width: 1000px; background: url(custom/images/wrapper_bg.jpg) repeat-y center; }
body.custom div#container											{ padding: 0 33px; width: 934px; }

body.custom div#header												{ width: 934px; padding: 25px 33px 0; background: url(custom/images/wrapper_top.jpg) no-repeat top center; border: none; }
body.custom div#header div#top										{ margin: 0; padding: 0; }
body.custom div#header div#top a.header-link-text-inside					{ display: block; text-indent: -9999px; padding: 0; border: none; margin: 0; width: 935px; height: 172px; background: url(custom/images/header.jpg) no-repeat; }

body.custom div#navigation, body.custom div#navigation *			{ background: none; border: none; padding: 0; margin: 0; }
body.custom div#navigation											{ height: 35px; width: 934px; margin: -35px 0 0 33px; }
body.custom div#navigation ul										{ margin: 0; }
body.custom div#navigation ul li									{ margin: 0 0 0 0; }
body.custom div#navigation ul li a									{ color: #b9c4d0; font-family: Georgia, serif; text-transform: uppercase; height: 35px; line-height: 35px; padding: 0 14px; display: inline-block; }
body.custom div#navigation ul li.current-page-item					{  }
body.custom div#navigation ul li.current-page-item a,
body.custom div#navigation ul li.current-page-parent a				{ color: #fff; background: url(custom/images/nav_active_bg.jpg) repeat-x; }

body.custom div#navigation ul li ul									{ background: #405978; margin-top: -1px; width: 228px; }
body.custom div#navigation ul li.current-page-item ul,
body.custom div#navigation ul li.current-page-parent ul,
body.custom div#navigation ul li.current-page-item ul li a,
body.custom div#navigation ul li.current-page-parent ul li a		{ background: #627a94; }
body.custom div#navigation ul li ul li							    { width: 228px; }
body.custom div#navigation ul li ul li a						    { width: 200px; }


body.custom div.intro-box											{ margin: -10px 0 10px 0; background: #eee; padding: 0; width: 935px !important; font-family: Georgia, serif; }
body.custom div#intro-box div										{ display: block; }
body.custom div#intro-box-nav										{ display: block; width: 936px; background: url(custom/images/intro_bg.jpg) repeat-x; height: 40px; }
body.custom div#intro-box-nav span									{ width: 312px; height: 40px; color: #fff; font-size: 1.2em; cursor: pointer; display: block; float: left; text-align: center; line-height: 40px; text-shadow: 1px 1px 2px #444; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
body.custom div#intro-box-nav span.intro-box-nav-selected			{ background: url(custom/images/intro_active_bg.jpg) repeat-x; }

body.custom div#intro-box div.intro-box-info						{ width: 271px; height: 260px; background: url(custom/images/info_bg.png) no-repeat; display: block; position: absolute; padding: 20px; }
body.custom div#intro-box div.intro-box-info-left					{ top: 0; left: 0; }
body.custom div#intro-box div.intro-box-info-right					{ top: 0; right: 0; }

body.custom div#intro-box div.intro-box-content						{ width: 930px; height: 300px; overflow: hidden; }
body.custom div#intro-box div#our-firm								{ background: url(custom/images/rotator_building.jpg) no-repeat top left; }
body.custom div#intro-box div#personal-injury						{ background: url(custom/images/rotator_court.jpg) no-repeat top left; }
body.custom div#intro-box div#business-litigation					{ background: url(custom/images/rotator_pen_color.jpg) no-repeat top left; }

body.custom div#intro-box div.intro-box-content h3					{ color: #6f5d23; }
body.custom div#intro-box div.intro-box-content						{ color: #343434; font-size: 1.1em; }

body.custom div#intro-box a.intro-button							{ height: 31px; text-align: center; line-height: 31px; display: block; color: #ece5d2; text-decoration: none; }
body.custom div#intro-box a.intro-button:hover						{ text-decoration: underline; }
body.custom div#intro-box a.intro-button-big						{ width: 239px; background: url(custom/images/intro_box_button_big.png) no-repeat; }
body.custom div#intro-box a.intro-button-small						{ width: 121px; background: url(custom/images/intro_box_button_small.png) no-repeat; height: 31px; line-height: 31px; }

body.custom div.leaf-top, body.custom span.widget-title				{ color: #aa903c; border-bottom: none; letter-spacing: 1px; }
body.custom div.blue-title div.leaf-top								{ color: #4a6784; }


body.custom div.leaf-content										{ color: #444; }

body.custom div.about, body.custom div#item_956						{ border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 0; }
body.custom div#item_815											{ margin-top: 0; }

body.custom div.featured-leaf-content								{ margin-top: 10px; }
body.custom a.featured-more-link									{ float: right; background: none; color: #666; font-weight: bold; text-decoration: underline; }
body.custom a.featured-more-link:hover								{ text-decoration: none; }

body.custom .entry-title, body.custom .entry-title a				{ color: #425f7e; }
body.custom .feed-entry-date, 
body.custom .featured-post-container .entry-date					{ font-family: Georgia, serif; color: #777; font-size: 1.1em; }
body.custom .feed-post												{ border: none; }


body.custom div#footer												{ background: url(custom/images/wrapper_bottom.jpg) no-repeat bottom; border: none; margin: 30px 0 0; width: 934px; padding: 0 33px 25px; color: #888; }
body.custom div#footer a											{ color: #888; }


body.custom div#footer p.copyright									{ line-height: 1.8em; padding-top: 20px; }


body.ie6 div#navigation 											{ position: relative; display: inline; margin-top: -35px; }
body.ie .intro-box-content											{ position: relative; float: left; clear: none; width: 935px !important; }