@charset "utf-8";
/* CSS Document */

/*These are the universal styling elements that are present on each page */

body, ul, li, h1, h2, h3, h4, h5, h6, form, p, ol 
{ margin : 0; padding : 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFF;
	background-image: url(images/bg_body.gif);
}
ul {
	list-style-type: none;
}
h1 , h2{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	line-height: 22px;
	color: #877530;
}
h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	line-height: 20px;
	color: #000;
}
a {
	color: #4F3405;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/parchment.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#wrapper #branding {
	display: inline;
	height: 196px;
	width: 960px;
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	background-image: url(images/bg_brandingNew.png);
}
#wrapper #branding #facebook {
	background-color: #999;
	display: inline;
	float: right;
	height: 37px;
	width: 120px;
	margin-right: 30px;
	margin-top: 73px;
}
#wrapper #branding #facebook a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#wrapper #branding #mainnavigation {
	display: inline;
	float: left;
	width: 960px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 40px;
}
#wrapper #branding #mainnavigation li {
	width: 120px;
	float: left;
	height: 50px;
	display: inline;
}
#wrapper #branding #mainnavigation li a {
	display: block;
	width: 120px;
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
}
#wrapper #branding #mainnavigation li a:hover {
	background-position: center bottom;
}
#wrapper #branding #mainnavigation li a #Specials Button {
	display: inline;
	float: left;
}

#wrapper #bigwindow {
	display: inline;
	float: left;
	height: 535px;
	width: 960px;
	background-image: url(images/home_bigwindow3.jpg);
}


#wrapper #stage {
	display: inline;
	float: left;
	width: 960px;
	padding-bottom: 15px;
}
#wrapper #stage #admin {
	display: inline;
	float: left;
	width: 800px;
	margin-right: 80px;
	margin-left: 80px;
}


.interiordesignpage {
	background-image: url(images/title_interior_design.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.aboutpage {
	background-image: url(images/title_about_pugerudes.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.blindspage {
	background-image: url(images/title_blinds.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.referralpage {
	background-image: url(images/title_referral.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.rollershadepage {
	background-image: url(images/titleRollerShades.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.motorizedshadepage {
	background-image: url(images/titleMotorizedShades.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.windowspage {
	background-image: url(images/title_window_treatments.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.shutterspage {
	background-image: url(images/title_shutters.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.upholsterypage {
	background-image: url(images/title_upholstery.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.contactpage {
	background-image: url(images/title_contact.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.privacypage {
	background-image: url(images/title_privacy.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}
.termspage {
	background-image: url(images/title_terms.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
}

.homecolumns {
	display: inline;
	float: left;
	width: 280px;
	padding-left: 25px;
	padding-right: 10px;
	height: 525px;
}
.homecolumns ul li {
	list-style-type: disc;
	margin-left: 30px;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding-top: 5px;
}
.leftborder {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCBF8E;
}



#wrapper #stage #smallcolumn {
	display: inline;
	float: left;
	width: 330px;
	margin-left: 25px;
}
#wrapper #stage #smallcolumn a img {
	border: 6px solid #FFF;
}
.up15 {
	margin-top: -15px;
}
.left30 {
	margin-left: 30px;
	margin-top: -15px;
}
.left60 {
	margin-left: 60px;
	margin-top: -15px;
}
.left90 {
	margin-left: 90px;
	margin-top: -15px;
}
.left90a {
	margin-left: 100px;
	margin-top: -100px;
}
.left90b {
	margin-left: 100px;
	margin-top: -40px;
}

#wrapper #stage #largecolumn {
	display: inline;
	float: right;
	width: 550px;
	margin-right: 25px;
	padding-left: 20px;
}
#wrapper #stage #largecolumn ul {
}
#wrapper #stage #largecolumn ul li {
	list-style-type: disc;
	margin-left: 30px;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding-top: 5px;
}


/* footer and bottom navigation controls and styles */

#footer {
	width: 800px;
	clear: both;
	background-image: url(images/bg_footer.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 170px;
	padding-top: 30px;
	padding-right: 160px;
	color: #FFF;
	font-weight: bold;
}
#footer p {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #E9E4C9;


}
#footer p a {
	color: #FFF;
	text-decoration: none;
}


#footer #botnav {
	list-style-type: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 5px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	color: #FFF;
}
#footer #botnav li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	height: 25px;
	line-height: 25px;
}
#footer #botnav a {
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #F9F9F1;
	font-size: 12px;
	display: inline;
	line-height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 5px;
}
#footer #botnav a:hover {
	color: #523606;
	background-color: #FFF;
}
#footer #botnav li.last     {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#sitecredits {
	height: 50px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#sitecredits a {
	text-decoration: none;
	color: #F5F3E7;
}
#sitecredits p {
	color: #E0F2FC;
	font-size: 10px;
	text-align: right;
	padding-top: 10px;
}
.button_home {
	background-image: url(images/button_home.png);
}
.button_about {
	background-image: url(images/button_about.png);
}
.button_windows {
	background-image: url(images/button_windows.png);
}
.button_blinds {
	background-image: url(images/button_blinds.png);
}
.button_design {
	background-image: url(images/button_design.png);
}
.button_upholstery {
	background-image: url(images/button_upholstery.png);
}
.button_contact {
	background-image: url(images/button_contact.png);
}
.button_specials {
	background-image: url(images/button_specials.png);
}
.floatright {
	float: right;
	margin-left: 5px;
}
.floatleft {
	float: left;
	margin-right: 5px;
}

.whiteborder {
	border: 5px solid #FFF;
}
#blindsSpecials {
	background-color: #877530;
	float: left;
	width: 292px;
	padding: 14px;
	border: 4px solid #FFF;
	margin-bottom: 10px;
	color: #FFF;
	font-weight: bold;
}
#blindsSpecials h3 {
	color: #FFF;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 5px;
}



div.overlay {
	/* initially overlay is hidden */
	display:none;
}
.photo {
	background-image: url(images/whitebox.png);
	height: 600px;
	width: 780px;
	background-repeat: no-repeat;
	background-position: center top;
}
.specials {
	background-image: url(images/winter2011Special.jpg);
	height: 445px;
	width: 650px;
	background-repeat: no-repeat;
	background-position: center top;
}
.pointerimage {
	cursor: pointer;
}
/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/close.png);
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#wrapper #stage #contactbox {
	display: inline;
	float: left;
	width: 880px;
	margin-right: 40px;
	margin-left: 40px;
}
#wrapper #stage #contactbox #mapbox {
	background-color: #CCC;
	clear: left;
	float: left;
	height: 300px;
	width: 340px;
}
#wrapper #stage #contactbox #mapbox a {
	color: #4F3405;
}


#wrapper #stage #contactbox #phonebox {
	display: inline;
	float: left;
	width: 340px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCBF8E;
	margin-bottom: 10px;
	margin-top: 20px;
}
#wrapper #stage #contactbox #phonebox img {
	float: right;
}


#ContactPugerudes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	width: 500px;
	float: right;
	margin-top: 20px;
}
#ContactPugerudes fieldset {
	border-top-color: #CCBF8E;
	border-right-color: #CCBF8E;
	border-bottom-color: #CCBF8E;
	border-left-color: #CCBF8E;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#ContactPugerudes fieldset legend {
	font-size: 16px;
	line-height: 22px;
	color: #877530;
	font-weight: bold;
}
.testimonial {
	background-image: url(images/openquotes.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 20px;
	color: #533606;
	clear: left;
}
.testimonialclose {
	background-image: url(images/closequotes.png);
	background-repeat: no-repeat;
	background-position: right -10px;
	padding-top: 25px;
}
.testimonialsmall {
	width: 280px;
	/* [disabled]padding-right: 20px; */
	padding-left: 30px;
	margin-top: 35px;
	float: left;
}
.testimonialwide {
	width: 500px;
	padding-right: 15px;
	padding-left: 30px;
}
.testimonialmedium {
	width: 450px;
	padding-right: 15px;
	padding-left: 30px;
	margin-left: 15px;
}
.hunterProduct {
	float: left;
	width: 160px;
	margin-left: 8px;
	padding: 6px;
	height: 200px;
	border: 1px solid #E4E0CD;
	background-color: #FBFAF4;
	margin-top: 15px;
	margin-bottom: 15px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 4px #3d3b15;
	-moz-box-shadow: 0px 0px 4px #3d3b15;
	box-shadow: 0px 0px 4px #3d3b15;
	font-size: 10px;
	line-height: 14px;
}
.clearBoth {
	clear: both;
}
#largecolumn ol li {
	margin-left: 35px;
	padding-top: 4px;
	color: #563906;
}
.leftCheckList {
	padding-top: 12px;
	padding-bottom: 12px;
	float: left;
	display: block;
}
.referralList {
}
.referralList li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	padding-top: 10px;
	font-weight: bold;
	margin-right: 25px;
	margin-left: 25px;
	list-style-type: disc;
}
.leftCheckList li {
	float: left;
	height: 20px;
	width: 130px;
	padding-left: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 14px;
	background-image: url(images/tinyCheck.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
}
.whiteBorder {
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #DDD8C0;
}
#wrapper #bigwindow #holidayHours {
	background-color: #FFF;
	float: right;
	height: 160px;
	width: 260px;
	margin-top: 65px;
	margin-right: 40px;
	padding: 10px;
	color: #333;
	border: 1px solid #533606;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}
#wrapper #bigwindow #holidayHours h3 {
	text-transform: uppercase;
	color: #930;
}