/* CSS for Lyons Contracting */

* {margin: 0; padding: 0;}

body {font: 75% helvetica, verdana, sans-serif; color: #676767; margin: 0; background-image:url(../images/top-bg.gif); background-repeat:repeat-x; background-position: top left;}

a {color: #00569e; text-decoration: none; font-weight: bold;}
a:link {color: #00569e;}a:visited {color: #00569e;}
a:hover {text-decoration: underline;}a:active {color: #00569e;}

#home-body {font: 75% helvetica, verdana, sans-serif; color: #676767; margin: 0; background-image:url(../images/top-bg-home.gif); background-repeat:repeat-x; background-position: top left;}

#estimate-body {font: 75% helvetica, verdana, sans-serif; color: #676767; margin: 0; background-image:url(../images/top-bg-estimate.gif); background-repeat:repeat-x; background-position: top left;}

h1 {color: #004fbc; font-size: 1.5em; margin: 0 0 10px 0;}

h2 {color: #4a8ecb; font-size: 1.3em; margin: 5px 5px 10px 0px; border-bottom: solid 1px #cccccc;}

h3 {color: #599763; font-size: 1.1em; margin: 5px 0;}input { padding: 2px;}
textarea { padding: 2px;}option { padding: 1px 3px 1px 2px;}

ul {}

p {padding-bottom: 15px; line-height: 1.4em;}

p.resources { line-height:normal; font-size: .9em;}

/* Begin Navigation CSS */
#nav {background-color: #e8ae10; background-image: url(../images/int-nav-bg.gif); background-repeat:repeat-x; background-position: top; text-align: right;}

/* #nav a {color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 1.1em; padding: 7px 15px 8px 15px;}
#nav a:hover {background-color: #00579f;} */
.nav-items {width: 9em;}

.nav-items-blog {width: 6.2em;}

#thumb-gallery {text-align: center; background-color: #f3f1f1; padding: 10px;}
	#thumb-gallery img {margin: 4px;}
	#thumb-gallery a img {border: 2px solid #0157a0;}
	#thumb-gallery a:hover img {border: 2px solid #e8ae10;}

#menu{height: 30px; margin: 0 auto; z-index: 999;}
	#menu ul { /* all lists */ padding: 0; margin: 0; list-style: none; float: right; z-index: 999;}
	
		#menu a {display: block; font-weight: bold; color: #FFFFFF; padding: 8px 10px 7px 10px; text-decoration: none; text-align: left;}
		#menu ul li a:hover {background-color: #0157a0;}
	
	#menu li { /* all list items */ float: left; padding: 0; z-index: 999; /* width needed or else Opera goes nuts */}	/* width needed or else Opera goes nuts */
	
		#menu li ul { /* second-level lists */ position: absolute; background: #80abcd; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ margin: 0; padding: 0; width: 160px;}

#menu li ul a{text-align: left; color: #FFFFFF; padding: 7px 0 7px 10px; width: 148px;border-bottom: 1px solid #0157a0;border-left: 1px solid #0157a0;border-right: 1px solid #0157a0;}
			
			#menu li ul a:hover{background-color: #0157a0;}				#menu li ul li {padding: 0; margin: 0;}					#menu li ul ul { /* third-and-above-level lists */	margin: -1em 0 0 9.85em; border: 2px solid #fff;}
					#menu li:hover ul ul, #menu li.sfhover ul ul {left: -999em;}						#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { /* lists nested under hovered list items */ left: auto;}/* End Navigation CSS */
.r { float: right;}

.nb {border: 0;}

.clear { clear: both;}

.m-tb-5 { margin: 5px 0;}

.m-tb-10 { margin: 10px 0;}

.m-t-10 { margin: 10px 0 0 0;}

.b { font-weight: bold;}

.no-b { font-weight: normal;}

.u { text-decoration: underline;}

.no-u { text-decoration: none;}

.i { font-style: italic;}

.no-i { font-style: normal;}

.small { font-size: .9em;}

.gallery-caption {text-align: center; color: #0066CC; padding: 5px;}

.side-link {float: right; text-align: right; font-size: .8em; padding-top: 3px;}

#main{margin: 0 auto; width: 750px;}
#main-top{margin: 0 auto; width: 750px;}
#header{height: 127px;}
#header-bg {background-image: url(/images/header-bg.jpg); background-position: top left; background-repeat:no-repeat;}
#header-bg-home {background-color: #006599; background-image: url(/images/header-bg.jpg); background-position: top left; background-repeat:no-repeat;}

.title{margin: 0 0 0 292px; padding: 25px 0 0 0; line-height: 1.3em; font-size: 3em; color: #fff; text-align: right;}
	.title a {color: #FFFFFF; text-decoration: none;}
	.title a:link {color: #FFFFFF; text-decoration: none;}
	.title a:hover {color: #FFFFFF; text-decoration: none;}

.free-estimate { border-top: 4px solid #e5a50b; border-bottom: 4px solid #e5a50b; background-color: #fff; width: 156px; height: 166px; padding: 10px; color: #006599; line-height: 18px;}

.phone{ color: #80abcd; font-size: .6em;}

#top-row{min-height: 275px; padding: 0; margin: 0 0 30px 0; font-size: 1.1em; line-height: 1.5em;}

#top-row-alt{padding: 0 125px; margin: 0; font-size: 1.1em; line-height: 1.5em;}

#top-row-alt p{ width: 467px;}

#top-row p{ width: 467px;}

#top-row-index{padding: 17px 0 20px 0; margin: 0 0 30px 0;}

#top-row-index p { margin: 0 0 10px 200px;}

#top-row-index a{ font-size: 1.3em; font-weight: bold; color: #00569e; text-decoration: none;}

#top-row-index a:hover{ color: #e8ae10; text-decoration: underline;}

.petrilli-img{position: absolute; margin: -156px 0 0 20px; z-index: 500;}

.would-you{ float: right; position: relative; left: -12px; margin: 0 0 10px 0;}

.index-img{ float: right; margin: 0 0 42px 10px; border: 0;}

#c-block{ height: 30px; clear: both;}

.rr{ position: relative; left: -5px; display: block;}

#columns{margin: 0;}

.column { width: 332px; margin: 0 0 25px 0;}

.l-col { margin: 0 84px 0 0; float: right;}

.blue {color: #00569e;}

.orange {color: #e8b015;}

.c-top{font-size: 1.5em; color: #00569e; border-bottom: 5px solid #e8b015;}

.cspan-top{font-size: 1.5em; color: #00569e;}

.c-row{margin: 10px 0 0 0; border-bottom: 5px solid #e7eff4;}

.c-row p {width: 178px; float: left;}

.c-row img { float: right; border: 1px solid #00569e; margin: 0 0 10px 0;}

.c-row-title{color: #00569e; font-weight: bold; display: block;}

#free-estimate{text-align: center; font-size: 1.5em; color: #00569e; margin: 0 0 20px 0;}

#estimate {width: 202px; margin: 0 auto;}

#estimate a{ display: block;}

#estimate a img {visibility: hidden; border: 0;}

#estimate a:hover img { visibility: visible;}

#patsummerall { background: url(/images/pat-off.gif); width: 373px; margin: 0 auto;}

#patsummerall a{ display: block;}

#patsummerall a img {visibility: hidden; border: 0;}

#patsummerall a:hover img { visibility: visible;}

.site-map {float: left; margin: 0 0 15px 15px; width: 205px;}
.site-map dl dt {margin: 0 0 5px;}

#submit-rollover {background-image: url(../images/submit-off.gif); background-position: top left; width: 98px; height: 26px;}

#submit-rollover input {border: 0px;}

#submit-rollover:hover {background-image: url(../images/submit-on.gif); cursor:pointer;}* html a:hover {visibility:visible}

#footer{border-top: 1px solid #00569e; margin: 0 0 10px 0; padding: 5px 0 0 0; width: 750px; height: 35px; float: left;}

#f-left{width: 265px; float: left; font-weight: bold; color: #919191; font-size: .8em;}

#f-right{width: 485px; float: left; font-size: 1em; text-align: right;}

#f-right a{ color: #00569e; text-decoration: none; text-align: right; padding-left: 8px; font-weight: normal;}

#f-right a:hover { text-decoration: underline;}

#bwm a {color: #919191; padding: 0; margin: 0;}

#bwm {padding: 12px 0 0 0; color: #919191; font-size: .7em;}

.index-logos {float:left; width:180px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin: 0 0 5px 2px;}	#top-row-index .index-logos img {	margin-bottom:5px;}	#top-row-index .index-logos a {	font-family:Arial, Helvetica, sans-serif; font-size:10px;}				/* Blog CSS */.narrowcolumn {width:540px; float:left; margin:0 0 0 0;}

.widecolumn {width:730px; float:left; margin:0 0 0 0;}textarea #comment {width:750px;}

#sidebar {width:170px; float:left; margin:0 0 0 30px;}

#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px;}	.blog {padding-top:30px; background:#FFFFFF; padding-left:15px;}

#content h2 {border-bottom:2px solid #E8B015;}

#content a img{text-decoration:none; border:0px; margin:4px 0px;}

.post {margin-bottom:20px;}

#sidebar input {margin:4px 0px;}

.entry {font-size:1.1em; margin-top:5px;}

#content small {font-size:1.1em;}

.email_confirm { display: none;}
.free-estimate input {height:14px; font-size:12px; width: 7.4em; margin:1px;}
.free-estimate input.submit {margin-top: 6px; border: 0; color: #FFFFFF; font-weight: bold;}

/* contact form */
label {display:block;font-weight: bold;margin-top:3px;}
	label em {color: #D31145;}
	label.new-section {margin-top:8px;}

input.standard,select.standard {width: 250px;}

input.validation_warning, fieldset.validation_warning {border:1px solid #AF0000;}
input.submit { background: #EDEDED; color: #16257D; border: 1px solid #AAAAAA; margin-top:10px; padding:2px 5px 0; font-weight: bold; text-transform: uppercase;}
input.submit:hover { background: #16257D; color: #FFFFFF; border: 1px solid #16257D;}

textarea {width: 250px; height: 80px;}

fieldset {padding-left:0px;width:250px;}
fieldset label {display:inline;font-weight:normal;font-size:90%;}

* .warning {color: #D31145;}
* .messageSuccess { font-weight: bold; color: green;}
* .messageWarning { font-weight: bold; color: #D31145;}	

/* cta page */
#estimate-form input, #estimate-form select, #estimate-form textarea {margin: 0 0 3px 0; border: 1px solid #e8ae10; color: #00579e; padding: 2px;}

#top-row-cta {min-height: 275px; padding: 0;}
#estimate-form {font-weight: bold; color: #00579e; padding: 5px; margin-top: 10px;}

div#contact-left {width: 280px; float: left; margin-left: 20px;}
div#contact-right {width: 378px; float: left;}

div.cta-wrap p {line-height: 18px;}
div.cta-wrap ul {margin: 5px 0px 5px 0px; padding: 0px 0px 0px 15px;}

div.logos {width: 370px;}

/* images */
img.FloatLeft {float: left; margin: 0 10px 10px 0;}
img.FloatRight {float: right; margin: 0 0 10px 10px;}