@charset "utf-8";

html {
  overflow-y: scroll;
}

img { border: 0;
}

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #756D68;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #A76529;
	background-repeat: repeat-x;
}
#containerOrange {
	width: 981px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/page_gradient_orange.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}

#containerBlue {
	width: 981px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/page_gradient_blue.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}

#containerGreen {
	width: 981px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/page_gradient_green.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}


#containerTeal {
	width: 981px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/page_gradient_teal.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}


#containerBrown {
	width: 981px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/page_gradient_brown.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}



#TopLogo {
	padding: 20px 18px 0px 0px; /* this overrides the text-align: center on the body element. */
	text-align: right; /* this overrides the text-align: center on the body element. */
	margin: 0px 20px 0px 40px;
}

#TopNav {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	padding: 5px 0px 0px 0px;
}

#MiddleOrange {
	text-align: left;
	clear: both;
	padding: 0px;
	background-image: url(images/page_middlegradient_orange.jpg);
	width: 981px;
	margin: 0 auto;
	background-repeat: repeat-y;
}


#MiddleBlue {
	text-align: left;
	clear: both;
	padding: 0px;
	background-image: url(images/page_middlegradient_blue.jpg);
	width: 981px;
	margin: 0 auto;
	background-repeat: repeat-y;
}

#MiddleGreen {
	text-align: left;
	clear: both;
	padding: 0px;
	background-image: url(images/page_middlegradient_green.jpg);
	width: 981px;
	margin: 0 auto;
	background-repeat: repeat-y;
}


#MiddleTeal {
	text-align: left;
	clear: both;
	padding: 0px;
	background-image: url(images/page_middlegradient_teal.jpg);
	width: 981px;
	margin: 0 auto;
	background-repeat: repeat-y;
	height: 100px;
}

#MiddleBrown {
	text-align: left;
	clear: both;
	padding: 0px;
	background-image: url(images/page_middlegradient_brown.jpg);
	width: 981px;
	margin: 0 auto;
	background-repeat: repeat-y;
	height: 100px;
}

#FooterOrange {
	width: 981px;
	margin: 0 auto;
	clear: both;
	padding: 12px 0px 7px 0px;
	height: 50px;
	background-image: url(images/footer_background_orange.jpg);
}
.pinterest {
	width: 40px;
	float: right;
}

.pinterestHypeLink{
	float: right; 
	padding: 9px 0 0 0;
	color: #e3c7b1;
	margin: 0 9px 0 0;
}

.pinterestHypeLink a{
	color: #e3c7b1;
	text-decoration:none;
}

.pinterestHypeLink a:hover{
	color: #e3c7b1;
	text-decoration:underline;
}

.footerBotContainer {
	width: 981px;
	margin: 0 auto;
}

#FooterBlue {
	width: 981px;
	margin: 0 auto;
	clear: both;
	padding: 12px 0px 0px 0px;
	height: 85px;
	background-image: url(images/footer_background_blue.jpg);
}

#FooterGreen {
	width: 981px;
	margin: 0 auto;
	clear: both;
	padding: 12px 0px 0px 0px;
	height: 85px;
	background-image: url(images/footer_background_green.jpg);
}


#FooterTeal {
	width: 981px;
	margin: 0 auto;
	clear: both;
	padding: 12px 0px 0px 0px;
	height: 85px;
	background-image: url(images/footer_background_teal.jpg);
}


#FooterBrown {
	width: 981px;
	margin: 0 auto;
	clear: both;
	padding: 12px 0px 0px 0px;
	height: 85px;
	background-image: url(images/footer_background_brown.jpg);
}


#CenterContent {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	background-image: url(images/closet_beige_box_large.jpg);
	background-repeat: no-repeat;
	height: 397px;
}


#BottomContent {
	width: 895px;
	text-align: left;
	margin: 0 auto;
	clear: both;
}

#ReturnTop {
	width: 200px;
	padding: 0px 0px 0px 0px;
	float: right;
	text-align: right;

}


#ReturnBox {
	width: 895px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	padding: 25px 0px 50px 0px;
}

#BottomPhone {
	width: 600px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: left;
}



#ClosetWalk {
	text-align: left;
	float: left;
	width: 393px;
	margin: 0 auto;
	padding: 13px 0px 0px 23px;

}

#ClosetReach {
	text-align: left;
	float: right;
	width: 393px;
	padding: 13px 23px 0px 0px;

}


#Finishes {
	text-align: left;
	float: left;
	width: 393px;
	margin: 0 auto;
	padding: 15px 0px 0px 0px;

}






#CallsToAction {
	text-align: right;
	float: right;
	width: 367px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/calloutpic_acccessories.jpg);
	background-repeat: no-repeat;
	height: 103px;
	border-bottom: 1px solid #D4CEC9;
	margin-top: 20px;

}






#CallGallery {
	text-align: right;
	float: right;
	width: 367px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/calloutpic_gallery.jpg);
	background-repeat: no-repeat;
	height: 103px;
	margin-top: 20px;

}







.BlueCallOut {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #5973A2;
	line-height: 20px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: middle;
}



#MainHeader {
	text-align: left;
	clear: both;
	height: 106px;
	width: 900px;
	background-image: url(images/header_closets.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

.CallToActionPadding {
	padding: 7px 0px 0px 0px;
}

.bodyCopy {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #756D68;
	line-height: 20px;
}




.basicBlue {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #586F98;
	display: block;
	padding: 5px 0px 7px 0px;
}

.phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #B0A092;
	text-align: right;
	padding: 21px 11px 0px 0px;
	display: inline-block;
}


.hanger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #4B6BA6;
	text-align: right;
	padding: 21px 11px 0px 0px;
	display: inline-block;
	font-weight: lighter;
	letter-spacing: 1px;
}





.boldsubheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ACA096;
	text-align: left;
	display: block;
	padding: 11px 0px 7px 0px;
}


.boldCallOut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #948478;
	text-align: right;
	letter-spacing: -1px;
	padding: 0px 0px 24px 0px;
}



/* ------------ GARAGE---------------- */

#GarageTopPics {
	text-align: left;
	float: left;
	width: 840px;
	margin: 25px 0px 0px 25px;
	padding: 0px 0px 0px 0px;

}

#GarageSmThumbs {
	text-align: left;
	float: left;
	width: 580px;
	margin: 25px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	clear: left;

}


#GarageEverything {
	text-align: right;
	float: right;
	width: 250px;
	margin: 25px 30px 0px 0px;
	padding: 0px 0px 0px 0px;

}



#MainHeaderGarage {
	text-align: left;
	clear: both;
	height: 106px;
	width: 900px;
	background-image: url(images/header_garages.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	
}

#ThreeColumns {
	text-align: left;
	width: 520px;
	display: block;
	padding: 0px 0px 0px 0px;
	height: 89px;

}



#ColumnLeft {
	text-align: left;
	width: 140px;
	margin-right: 20px;
	floart: left;
	padding: 0px 0px 0px 0px;
	float: left;

}

#ColumnMiddle {
	text-align: left;
	width: 140px;
	margin-right: 20px;
	floart: left;
	padding: 0px 0px 0px 0px;
	float: right;

}


#ColumnRight {
	width: 110px;
	floart: left;
	padding: 0px 0px 0px 0px;
	float: right;
	margin-left: 30px;
	text-align: left;

}



#CallActionGarage {
	text-align: right;
	float: right;
	width: 350px;
	padding: 0px 0px 0px 0px;
	margin-top: 30px;
	height: 140px;

}


#CenterContentGarage {
	width: 897px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	background-repeat: no-repeat;
	height: 490px;
	background-image: url(images/beige_garage.gif);
}



/* ------------ GALLERY PAGE---------------- */


#MainHeaderGallery {
	text-align: left;
	clear: both;
	height: 106px;
	width: 900px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-image: url(images/header_gallery.jpg);
}


#GalleryContent {
	width: 850px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	background-repeat: no-repeat;
	height: 390px;
	background-image: url(images/gallery_mainphotobackground.jpg);
	margin-top: 6px;
}


#PhoneGallery {
	width: 700px;
	padding: 0px 0px 0px 70px;
	float: left;
	text-align: left;
	margin: 10px 0px 20px 0px;
	clear: both;
}

/* ------------ CONTACT PAGE---------------- */



#ContactContent {
	width: 880px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	background-repeat: no-repeat;
	height: 290px;
	background-image: url(images/contact_graphic.jpg);
}

#MainHeaderContact {
	text-align: left;
	clear: both;
	height: 106px;
	width: 900px;
	background-image: url(images/header_contactus.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

.ContactText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #756D68;
	padding: 5px 0px 7px 29px;
	text-align: left;
	line-height: 19px;
}





/* ------------ ACCESSORIES PAGE---------------- */

#MainHeaderAccess {
	text-align: left;
	clear: both;
	height: 106px;
	width: 900px;
	background-image: url(images/header_accessories.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}



#CC_Green_Top {
	width: 897px;
	text-align: left;
	margin: 0px 0px 0px 42px;
	clear: both;
	background-repeat: no-repeat;
	height: 30px;
	background-image: url(images/access_beige_top.jpg);
	padding-left: 28px;
	padding-top: 27px;
}


#CC_Green_Middle {
	width: 897px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	background-image: url(images/access_beige_middle.jpg);
	background-repeat: repeat-y;
	height: 330px;

}


#CC_Green_Bottom {
	width: 897px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	background-repeat: no-repeat;
	height: 38px;
	background-image: url(images/access_beige_bottom.jpg);
	margin-bottom: 25px;
}


.figure {
	width: 152px;
	margin: 0 10px 10px 10px;
	float: left;
}


#AccessThumbs {
	width: 860px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	padding: 15px 0px 20px 0px;
}


.AccessBlurbs {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #564B45;
	display: block;
	padding: 5px 0px 7px 0px;
	text-align: center;
}


#AccessPhoneBottom {
	float: right;
	width: 367px;
	margin: 0 auto;
	padding: 33px 0px 0px 0px;
	text-align: right;

}

#Access {
	float: right;
	width: 430px;
	margin: 14px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;

}


#CallGalleryAccess {
	text-align: right;
	float: right;
	width: 367px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/calloutpic_gallery.jpg);
	background-repeat: no-repeat;
	height: 103px;
	;
	margin-top: 20px;
	margin-right: 65px;

}




/* ------------ PANTRIES---------------- */

#MainHeaderPantries {
	text-align: left;
	clear: both;
	height: 106px;
	width: 900px;
	background-image: url(images/header_pantries.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	
}


#PantryLeft {
	text-align: left;
	float: left;
	width: 300px;
	margin: 25px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	clear: left;

}


#PantryRight {
	text-align: left;
	float: right;
	width: 530px;
	margin: 25px 30px 0px 0px;
	padding: 0px 0px 0px 0px;

}


#PantryPhoneBottom {
	text-align: left;
	float: left;
	width: 500px;
	margin: 0 auto;
	padding: 13px 0px 0px 0px;

}




.PantryPaddingOne {
	padding: 15px 15px 0px 0px;
	float: left;
}

.PantryPaddingTwo {
	padding: 0px 0px 15px 15px;
	float: right;
}

.PantryTitlePadding {
	padding: 0px 0px 7px 0px;
}

.ButtonGallery {
	float: right;
	padding: 135px 33px 0px 0px;
}


/* ------------ IMAGE TAGS---------------- */
img.FloatRight {
	float: right;
}

img.FloatLeft {
	float: left;
}

img.FloatLeftClear {
	float: left;
	clear: left;
}

img.FloatRightClear {
	float: right;
	clear: right;
}



img.Thumbnails {
	padding: 0px 10px 0px 0px
}



/* ------------ FOOTER---------------- */

a.footerhype{
	color:#958F8B;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
} 
a.footerhype:hover{
	color: #385790;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}

.Footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #958F8B;
	display: inline-block;
	padding: 0px 0px 7px 0px;
	text-align: right;
}

.Divider {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #CBC9C8;
	padding: 0px 0px 7px 0px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXX */

#homeMidBannerContent {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	height: 497px;
}

.clearBoth{
	clear: both;
}