/*--------------------------------
LaPelusa Home Improvement Style Sheet
author:   Andy Vaughn
date: 03/02/07
-------------------------------- */

/* -------- Globals --------*/

* {margin: 0; padding: 0;}
body {font: 12px/1.0em Helvetica, Verdana, Lucida, Arial, sans-serif; background-color: #003C76; text-align: center;}
acronym {border: 0;}
cite {font-size: 1.2em; padding: .6em 0% 0% .5em; font-style: none; display: block;}
h2 {font: 1.6em Whitney, Georgia, Times New Roman, serif; height: 20px; border: 1px solid #003C76; border-width: 1px 0; letter-spacing: 1px; padding: 5px 10px; margin: 0 -10px 20px -8px; color: #fff; background: url(images/nav_bg3.png) repeat-x left bottom;}
h3 {font: italic bold 1.4em Georgia, Times New Roman, serif; color: #ff0000; text-transform: uppercase;}
h4 {color: #0297FF; margin-left: 200px; padding: .5em 0 0 .5em; font: 1.4em Georgia, Times New Roman, serif;}
h5 {font: bold 1.6em Georgia, Times New Roman, serif; text-align: center; margin-top: 1em;}

/* -------- ID's --------*/

#container {width: 772px; position: relative; margin: 0 auto; text-align: left; background-color: #fff;}
#banner h1 {}
#banner span {display: none;}
#banner h1 a {border: 0; display: block; width: 772px; height: 264px; background: transparent url(images/banner.jpg) no-repeat left top;}
#banner_two h1 {}
#banner_two span {display: none;}
#banner_two h1 a {border: 0; display: block; width: 772px; height: 232px; background: url(images/banner2.jpg) top left no-repeat;}
#footer {width: 772px; height: 110px; background: transparent url(images/footer.jpg) top left no-repeat;text-align: center; font-size: 1.1em; line-height: 18px; padding: 20px 0.5em 0.5em; color: #333;}
#image_banner {height: 180px; background: #fff url(images/left_line.jpg) top left repeat-y; padding-left: 4px;}
#main {padding: 0 10px 3em 10px; background: transparent url(images/left_line.jpg) top left repeat-y;}
#skip {display: none !important;}
#redirect {margin: 10px 0 0 260px; padding-top: 90px; width: 250px; text-align: center;}
#redirect a:link, #redirect a:visited {color: #003C76; text-decoration: none; font-size: 1.4em; font-weight: bold; display: block; padding: 20px 0 20px 50px;}
#redirect a:hover, #redirect a:active {color: #559FD4; text-decoration: underline;}
#redirect a:link#flash, #redirect a:visited#flash {padding-left:50px; background: url(images/flash_rune.png) center left no-repeat;}
#menu {position: absolute; top: 216px; left: 2px; background: #2d83ff; height: 20px; width:769px !important; padding: 7px 0 5px 0;}
#menu ul {list-style: none;}
#menu ul li {display: inline; font: 1.1em Helvetica, Verdana, Lucida, Arial, sans-serif; color: #fff;}
#menu ul li.first {background-image: none !important;}
#menu ul li a {background: transparent url(images/white_line.gif) top left repeat-y; padding: 7px 8px 8px 10px;}
#menu ul li a:link {text-decoration: none; color: #FFF;}
#menu ul li a:visited {text-decoration: none; color: #FFF;}
#menu ul li a:hover {color: #003C76;}
#menu ul li a:active {text-decoration: underline;}
img#family {float: left; width: 348px height: 231px; border: 1px solid black; margin: 0 10px 20px 5px;}
img#carpenter {float: left; width: 204px height: 167px; border: 1px solid black; margin: 0 10px 20px 5px;}
img#about_kitchen {border: 1px solid black; display: block; width: 238px; margin-left: 265px;}
img#showroom1 {width: 324px; height: 193px; border: 1px solid black; margin: 10px 0 10px 224px;}
img#showroom2 {width: 324px; height: 260px; border: 1px solid black; margin: 10px 0 10px 224px;}
img#showroom3 {width: 324px; height: 223px; border: 1px solid black; margin: 10px 0 10px 224px;}
#award_pics {float: left; width: 300px; margin: 20px 20px 20px 50px; text-align: center;}
#award_pics img {margin: 20px 0;}
img#coty {position: absolute; top: 30px; left: 20px; height: 50px; width: 165px;}
img#bbb {position: absolute; top: 0; left: 40px; width: 105px; height: 110px;}
img#chrysalis {position: absolute; top: 5px; left: 40px; width: 101px; height: 98px;}
img#torch {width: 207px; height: 370px;}
img#goldhammer {width: 207px; height: 300px;}
img#big50 {width: 95px; height: 95px; margin-top: 160px; display: block; text-align: left; margin-left: 102px;}
img#pella {width: 160px; height: 123px;} 
#torch_award {width: 300px; margin-left: 350px; padding-top: 70px; font: bold 1.6em Georgia, Times New Roman, serif; text-align: center;}
#torch_award span {display: block}
#award_list {list-style: none; margin-left: 375px; width: 290px; margin-top: 20px;}
#award_list li {font: 1.4em Georgia, Times New Roman, serif; padding: .3em 1em;}
#award_list li span {font-weight: bold; padding: 0 .2em;}
#big50_award {width: 300px; margin-left: 350px; padding-top: 40px; font: 1.6em Georgia, Times New Roman, serif; text-align: center; margin-bottom: 40px;}
#big50_award span {display: block}
#big50_award span#magazine {font-style: italic;}
#big50_award span#award {font-weight: bold;}
img#window_ad {float: left; width: 360px; height: 402px; margin-left: 40px;}
img#room_ad {float: left;  margin-left: 40px;}
#portfolio_list_end {text-align: center; clear: both;}
#contactform {width: 75%; margin-left: 12%; margin-top: 5px;}
#contactform p {font: bold 1.3em Georgia, Times new Roman, serif; padding: .25em;}
#contactform #submit {clear: both; display: block;}
#contact_city {width: 49%;}
#contact_state {width: 10%;}
#contact_zip {width: 39%;}
#submit_contact {clear: both; display: block; padding-top: 40px;}
#introMovie {text-align: center; margin-top: 115px; height: 350px;}
#historical_link {text-align: center;}
#pfd_one {width: 600px; margin-left: 85px;}
#pfd_two {width: 400px; margin-left: 185px;}
#pfd_three {width: 500px; margin-left: 135px;}
#kitchen_portfolio {text-align: center;}
#dipietro {border: 2px solid #222;}
#address {text-align: center; margin-top: 20px; font-size: 1.1em; line-height: 18px; padding: 0.5em; color: #333;}
#address span {font-weight: bold; font-size: 1em;}
#address address {font-style: normal;}
#top {text-align: center; margin-top: 20px; position: relative; top: 30px;}
#top a {display: block; font-size: 1.2em; font-weight: bold; }

/* -------- Classes --------*/

.about_intro {font: 1.6em Whitney, Georgia, Times New Roman, serif;}
.about_intro span {font-style: italic; font-size: 2.5em; color: #ff0000;}
.slideshow {width: 255px; height: 191px; float: left; display: inline; border-bottom: 1px solid #555;}
.content_rule {width: 90%; color: black; height: 1px; clear: both; margin: 20px 0 20px 5%;}
.content {font: 1.4em Georgia, Times New Roman, serif; padding: .5em;}
.showroom_intro {font-style: italic; font-weight: bold;}
.showroom_hours {font-style: italic; font-weight: bold;}
.testimonial {font-weight: bold; padding: 1.5em .5em 0 .5em;}
.main_awards {clear: both; width: 600px; height: 115px !important; margin-left: 85px; position: relative; border-bottom: 1px solid #555;}
.award_highlight {font: bold 1.5em Whitney, Times New Roman, serif;; color: #333; letter-spacing: 1px; margin-left: 200px; padding-top: 40px;}
.window_intro {font: bold 1.6em Georgia, Times New Roman, serif; text-transform: uppercase; padding: 1em; text-align: center;}
p.window {width: 200px; margin-left: 400px; font-size: 1.6em;}
p.window span {font-weight: bold;}
.window_link {clear: both; font-style: italic; text-align: center; font-size: 1.6em; padding: 1em;} 
p.room {width: 150px; margin-left: 450px;}
p.first {margin-top: 50px;}
.portfolio_item {padding: 15px 15px 15px 50px; background: transparent url(images/portfolio_bg.gif) top left no-repeat; height: 138px; margin: 10px;}
.portfolio_item p {color: #fff; margin-left: 200px;}
.portfolio_item h4 a:link, .portfolio_item h4 a:visited {color: #0297FF; text-decoration: none;}
.portfolio_item h4 a:hover, .portfolio_item h4 a:active {color: #FFF; text-decoration: underline;}
a:link.portfolio_link, a:visited.portfolio_link {display: block; clear: both; color: #fff; font-size: 1.2em; font-weight: bold; padding: 10px 0 0 12px; margin-left: 40px; width: 100px; background: transparent url(images/arrows.gif) bottom left no-repeat;}
a:hover.portfolio_link {color: #999;}
.cover_image {height: 113px; width: 160px; border: 2px solid #0297FF; float: left;}
.portfolio_list {list-style: none; /* margin-top: 20px; */ margin-left: 85px; font: bold 1.4em Georgia, Times New Roman, serif;}
.portfolio_list li {width: 240px; float: left; padding: .5em 1em; background: transparent url(images/black_square.gif) center left no-repeat;}
span.career {font-weight: bold;}
.required {color: #003C76;}
.name, .phone, .referral {width: 49%; float: left;}
.address {float: left;}
.contact {width: 100%; clear: both;}
.addition_project {padding: 5px; margin-top: 10px; width: 48%; text-align: center; float: left;}
.addition_project img {border: 1px solid #444;}
.additions_befaft {margin: 15px; text-align: center;}
.additions_befaft img {border: 1px solid #444; margin: 10px;}
.window_before {width: 40%; float: left; text-align: center; margin-top: 10px;}
.window_before p, .window_after p {padding: 5px; font-size: 1.4em; font-weight: bold;}
.window_before img, .window_after img {border: 1px solid black;}
.window_after {width: 40%; text-align: center; margin-left: 50%; margin-top: 10px;}
.portfolio_doors {text-align: center;}
.portfolio_doors img {display: inline; margin: 5px; border: 1px solid black;}
.portfolio_decks {border: 1px solid #222; display: block; float: left;}
.portfolio_slideshow {display: block; width: 265px; height: 265px; margin: 20px 0 20px 252px; text-align: center; border-bottom: 2px solid #999;}
.portfolio_slideshow img {border: 3px double #222;}
a:link.back, a:visited.back {display: block; height: 27px; width: 50px; margin-left: 360px; padding-top: 3px; border: 1px solid black; background: #003C76 url(images/nav_bg3.png) top left repeat-x; color: #fff; font: 1.4em Whitney, Georgia, Times New Roman, serif; text-align: center; text-decoration: none;}
a:hover.back {text-decoration: underline;}
a:link.multi_button, a:visited.multi_button {display: block; height: 27px; width: 250px; float: left; padding-top: 3px; border: 1px solid black; background: #003C76 url(images/nav_bg3.png) top left repeat-x; color: #fff; font: 1.4em Whitney, Georgia, Times New Roman, serif; text-align: center; text-decoration: none;}
a:hover.multi_button {text-decoration: underline;}
a:link.additions_button, a:visited.additions_button {display: block; height: 27px; margin-left: 150px; width: 210px; padding-top: 3px; border: 1px solid black; background: #003C76 url(images/nav_bg3.png) top left repeat-x; color: #fff; font: 1.4em Whitney, Georgia, Times New Roman, serif; text-align: center; text-decoration: none;}
a:hover.additions_button {text-decoration: underline;}
.buttons {width: 510px; margin: 20px 0 0 130px; padding: 10px 0;}
a:link.one_button, a:visited.one_button {display: block; height: 27px; width: 250px; margin-left: 130px; padding-top: 3px; border: 1px solid black; background: #003C76 url(images/nav_bg3.png) top left repeat-x; color: #fff; font: 1.4em Whitney, Georgia, Times New Roman, serif; text-align: center; text-decoration: none;}
a:hover.one_button {text-decoration: underline;}

/* Additions */
#main_home {
	padding: 0 0px 0em;
	background: transparent url(images/left_line.jpg) top left repeat-y;
	
}
#main_pic {
	padding: 0 0px 0em 2px;
}
#main_awards {
	padding: 5 0px 0em 2px;
	background: transparent url(images/left_line.jpg) top left repeat-y;
	text-align: center;
	height: 178px;ß
}
#main_text {
	padding: 5 40px 25px;
	background: transparent url(images/left_line.jpg) top left repeat-y;
	text-align: justify;
}
#home_banner {border: 0; display: block; width: 772px; height: 264px;
}
.portfolio_service_list {
	padding: 15px 15px 15px 50px;
	margin: 10px 25px 10px 10px;
	background-color: #B5D2FF;
	border: thin solid #000066;
	height: 410px;
}
#footer span {font-weight: bold; font-size: 1em;}
#pfd_four {
width: 750px; margin-left: 0px;
}