@import url('../libraries/reset.css');
@import url('../libraries/thickbox/thickbox.css');
@import url('../libraries/baseforms/baseform.css');

/********************************************
*
*						 8==8 8==8 8==8 8==D
*
*				SUPER_CREAMED_DREAM_STYLEZ_9000
*						!BY BRENDAN TIMMONS!
*
*						 8==8 8==8 8==8 8==D
*
********************************************/
/*
............................................________
....................................,.-'"...................``~.,
.............................,.-"..................................."-.,
.........................,/...............................................":,
.....................,?......................................................\,
.................../...........................................................,}
................./......................................................,:`^`..}
.............../...................................................,:"........./
..............?.....__.........................................:`.........../
............./__.(....."~-,_..............................,:`........../
.........../(_...."~,_........"~,_....................,:`........_/
..........{.._$;_......"=,_......."-,_.......,.-~-,},.~";/....}
...........((.....*~_......."=-._......";,,./`..../"............../
...,,,___.\`~,......"~.,....................`.....}............../
............(....`=-,,.......`........................(......;_,,-"
............/.`~,......`-...............................\....../\
.............\`~.*-,.....................................|,./.....\,__
,,_..........}.>-._\...................................|..............`=~-,
.....`=~-,_\_......`\,.................................\
...................`=~-,,.\,...............................\
................................`:,,...........................`\..............__
.....................................`=-,...................,%`>--==``
........................................_\..........._,-%.......`\
...................................,<`.._|_,-&``................` 
*/


/********************************************
					MAIN STYLES
********************************************/


body{
	background: url(../images/core/body-bg.gif) repeat-x #ebecec;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}
h1{font-size: 22px; padding-bottom: 20px;}
h2{font-size: 16px; padding-bottom: 15px;}
h3{font-size: 13px; padding-bottom: 10px;}
h4{font-size: 11px; padding-bottom: 10px;}
p{padding-bottom: 10px;}
a{color: #b395b5;}
a:hover{color: #dda3e1;}
ul{margin-bottom: 10px;}
hr{
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #fff;
	border-left: none;
	border-right: none;
	height: 2px;
}
.right{
	display: inline;
	float: right;
}

.right_img {
	color: 1px solid #502E4A;
	display: inline;
	float: right;
	margin: 0 0 10px 15px;
}

/********************************************
					CONTAINERS
********************************************/


#container{
	margin: 0 auto;
	position: relative;
	width: 990px;
}
#content-wrap{
	background: #5a4456;
	padding: 15px;
	width: 960px;
}

/********************************************
					NAVIGATION
********************************************/


#navigation{
	height: 54px;
	margin: 0 auto;
	width: 830px;
}
#navigation ul{
	padding-top: 17px;
}
#navigation ul li{
	display: inline;
	list-style: none;
}
#navigation ul li a{
	border-right: 1px solid #c5c7c7;
	color: #545454;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation ul li a:hover{
	color: #955189;
}
#navigation ul li#contact a{
	border-right: 0;
}
#p-index #home a,
#p-profile #profile a,
#p-kitchens #kitchens a,
#p-bathrooms #bathrooms a,
#p-cabinetry #cabinetry a,
#p-testimonials #testimonials a,
#p-contact #contact a{
	color: #955189;
}


/********************************************
					BANNER
********************************************/


#banner{
	background: #4e3a4a;
	height: 450px;
	overflow: hidden;
	padding: 15px;
	position: relative;
	width: 960px;
}
#banner img{
	height: 450px;
	left: 15px !important;
	position: absolute;
	top: 15px !important;
	width: 960px;
}


/********************************************
					CONTENT
********************************************/


#p-index #content{
	display: inline;
	float: left;
	height: 175px;
	padding: 10px 15px;
	width: 289px;
}
.jScrollPaneContainer{
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
}
.jScrollPaneTrack{
	display: none;
}
a.jScrollArrowUp, a.jScrollArrowDown{
	position: absolute;
}
a.jScrollArrowUp{
	background: url(../images/core/arrow-up.gif) no-repeat;
	height: 5px;
	text-indent: -9999px;
	top: 15px;
	width: 9px;
}
a.jScrollArrowDown{
	background: url(../images/core/arrow-dn.gif) no-repeat;
	bottom: 5px;
	height: 5px;
	text-indent: -9999px;
	width: 9px;
}
div.quote {
	background: #60465b;
	border: 1px solid #7d5f77;
	display: block;
	height: 150px;
	max-height: 150px;
	float: left;
	margin: 10px 5px;
	padding: 30px 15px 80px;
	position: relative;
	text-align: justify;
	width: 278px;
	overflow: hidden;
}
.quote p{
	margin-right: 20px;
	margin-top: 30px;
	text-align: right;
}
.bqopen{
	color: #7d5f77;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 900%;
	height: 45px;
	margin-bottom: -50px;
	margin-top: -20px;
	padding-top: 45px;
}
.bqclose{
	color: #7d5f77;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 900%;
	height: 25px;
	margin-top: 0;
	padding-top: 30px;
}
#form{
	margin-right: 15px;
}
#mudmap img{
	border: 1px solid #502e4a;
}

#p-contact #options {
	float: left;
	margin-right: 30px;
	width: 300px;
}

#p-contact #options p {
	text-align: justify;
}

#p-contact #options ul li {
	list-style: disc outside;
	margin-left: 20px;
}


/********************************************
					LOGO
********************************************/


#logo{
	display: inline;
	float: left;
	padding: 10px;
	width: 299px;
}
#logo{
	border-left: 1px solid #c5c8c8;
	border-right: 1px solid #c5c8c8;
}
#logo a {
	display: block;
	margin: 0 auto;
	width: 190px;
}
a.logo{
	display: block;
	margin: 0 auto 15px auto;
	width: 130px;
}
a.logo img{
	width: 130px;
}


/********************************************
					DEETS
********************************************/


#deets{
	display: inline;
	float: left;
	padding: 10px 10px 10px 30px;
	width: 269px;
}
#deets ul li{
	padding-bottom: 5px;
}
#p-contact #deets{
	margin-right: 15px;
	padding: 0;
	width: 190px;
}


/********************************************
					GALLERY
********************************************/


#displayed_images{
	border: 1px solid #502e4a;
	display: inline;
	float: left;
	height: 267px;
	margin-bottom: 15px;
	margin-right: 15px;
	width: 560px;
	overflow: hidden;
}
#p-profile #displayed_images{
	height: 445px;
}
#displayed_images img{
	width: 560px;
}
#thumb_nav{
	display: inline;
	float: left;
	width: 280px;
}

#thumb_nav ul li{
	display: block;
	float: left;
	margin: 0 7px 15px 7px;
}
#thumb_nav ul li a{
	border: 1px solid #502e4a;
	display: block;
	height: 75px;
	overflow: hidden;
	width: 75px;
}
#thumb_nav ul li a:hover{
	border: 1px solid #dfcedc;
}

#p-kitchens #thumb_nav, 
#p-bathrooms #thumb_nav,
#p-cabinetry #thumb_nav  {
	clear: left;
	left: -2px;
	position: relative;
	width: 600px;
}

#p-profile #gallery-description,
#p-kitchens #gallery-description,
#p-bathrooms #gallery-description,
#p-cabinetry #gallery-description {
	float: right;
	padding-right: 15px;
	position: relative;
	right: 0;
	width: 345px;
}

#p-kitchens #thumb_nav ul li,
#p-bathrooms #thumb_nav ul li,
#p-cabinetry #thumb_nav ul li {
	margin:0 2px 7px;
}


#gallery-description{
	display: inline;
	float: left;
	width: 260px;
}
#p-profile .gallery{
	display: inline;
	float: right;
	margin-left: 20px;
	width: 330px;
}
#p-profile .gallery li{
	
}
#p-profile .gallery li a{
	border: 2px solid #502e4a;
	display: block;
	float: left;
	height: 100px;
	margin: 5px;
}
#form{
	display: inline;
	float: left;
}


/********************************************
					AFFILIATES
********************************************/


#affiliates{
	height: 50px;
	margin: 30px auto;
	width: 900px;
}
#affiliates ul li{
	display: inline;
	margin: 0 30px;
}


/********************************************
					FOOTER
********************************************/


#footer{
	color: #999;
	height: 30px;
	margin: 20px auto;
	width: 960px;
}
.wflogo{float: right;}
#footer ul li{
	display: inline;
	margin: 0 3px;
}
#footer ul li a{
	color: #999;
}
#footer ul li a:hover{
	color: #767676;
}


/* File Download Icons */
a.file {background: url('../images/core/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/core/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/core/icon-doc.html') 0 0 no-repeat; padding-left: 20px;}