* {
	margin : 0;
	padding : 0;
}
body {
	margin : 0;
	padding : 0;
	background : #f2f2f2;
	color : #666;
	background : url(../assets/images/backpattern.jpg);
	text-align : center;
}
body, th, td, input, select, textarea {
	font-size : 12px;
}

/*-------------------------------------------------*/
/*-------------- general layout -------------------*/

#wrapper {
	width : 1024px;
	margin : 0 auto;
}
#shadow {
	width : 1024px;
	text-align : left;
	background : url(../assets/images/shadow.png) repeat-y 0% 0%;
	min-height : 100%;
	float : left;
}
#container {
	margin : 0 12px;
	background : white;
	position : relative;
	float : left;
}
#main {
	width : 920px;
	padding : 10px 40px 20px 40px;
	position : relative;
	overflow : hidden;
	float : left;
}

/*-------------------------------------------------*/
/*-------------- contact --------------------------*/

.contact-container {
	width : 1000px;
}
.contact-container #text-left {
	padding-top : 20px;
	background : url(../assets/images/header_line.jpg) no-repeat -400px 0;
}
.contact-container #text-left h2 {
	margin : 15px 0 15px 0;
}
.contact-container #text-right {
	margin-top : 23px;
	width : 376px;
	margin-left : 20px;
	border : 2px solid #ccc;
	-moz-box-shadow: 1px 1px 5px #666;
    -webkit-box-shadow: 1px 1px 5px #666;
    box-shadow: 1px 1px 5px #666;
}

/*-------------------------------------------------*/
/*-------------- content layout--------------------*/

#main-title {
	width : 920px;
	padding : 20px 0 20px 0;
	height : 60px;
	margin : 0 40px 0 40px;
	position : relative;
	background : url(../assets/images/header_line.jpg) no-repeat;
	float : left;
}

/*----------------------*/
#main-content{
  width : 920px;
  margin : 0 40px 0 40px;
  position : relative;
  float : left;
}
#main-content h1 {
	color : #dc4768;
	font-size : 28px;
	margin : 23px 0 0 0;
}

.main-content-component{
  overflow:hidden;
  width : 920px;
}

.main-content-component .column-image {
 width : 400px;
 margin-top : 23px;
 position : relative;

 float:left;
 
}
.main-content-component .column-image img {
 position : relative; 
 width:369px;
 border:2px #ccc solid;
 float:left;
 margin-left:15px;
}
 

.main-content-component .column-content {
  font-size : 13px;
  width : 490px;
  margin : 0 30px 0 0;
  position : relative;
  float : left;
}
/*----------------------*/


.swirl {
	float : left;
	background : url(../assets/images/swirl.jpg);
	width : 920px;
	height : 27px;
	margin : 20px 0 10px 0;
}

#text-left {
	font-size : 13px;
	width : 490px;
	margin : 0 30px 0 40px;
	position : relative;
	float : left;
}

#text-right {
	width : 400px;
	margin-top : 23px;
	position : relative;
	float : left;
}
#text-right img {
	border : 2px solid #ccc;
}
#main-gallery {
	width : 920px;
	padding : 15px 40px 0 40px;
	position : relative;
	overflow : hidden;
	float : left;
}
.gallery-bottom {
	width : 1000px;
	height : 18px;
	margin-top : 30px;
	position : relative;
	overflow : hidden;
	float : left;
	background : url(../assets/images/home_selector_bottom.jpg) repeat-x 0% 0%;
}

/*-------------------------------------------------*/
/*-------------- header layout--------------------*/

#header {
	background : url(../assets/images/header.png) repeat-x 0% 0%;
	height : 143px;
	position : relative;
	width : 920px;
	padding : 0 40px;
	font : 13px Helvetica, Arial, sans-serif;
}
#header .logo {
	position : absolute;
	left : 40px;
	top : 25px;
	width : 232px;
	height : 95px;
	background : url(../assets/images/logo.png) no-repeat 0% 0%;
	text-decoration : none;
	text-indent : -100em;
	overflow : hidden;
}
#home-selector {
	background : url(../assets/images/home_selector.jpg) repeat-x 0% 0%;
	height : 250px;
	position : relative;
	width : 1000px;
	padding : 0 0 10px 0;
}

#home-selector .switch{
	display:none;
}

 #home-selector .gallery .folders li.first a{
 display:none;
 height:0;
 }
 #home-selector .gallery .folders{
 display:none;
 height:0;
 }
 
 
 #home-selector .gallery-container{
 margin:-40px 0 0 0;
 }

/*-------------------------------------------------*/
/*--------------footer-----------------------------*/

#footer {
	background : url(../assets/images/footer.png) repeat-x 0% 0%;
	height : 134px;
	position : relative;
	width : 920px;
	padding : 0 40px;
	float : left;
	font : 13px Helvetica, Arial, sans-serif;
}
div.footer-column {
	float : left;
	width : 110px;
	margin : 30px 25px 0 0;
}
div.footer-column-address {
	float : right;
        text-decoration : none;
	width : 130px;
	margin : 57px 0 0 0;
}
div.footer-column-address ul li {
	text-decoration:none;
        list-display:none;
}
#footer .logo {
	position : absolute;
	right : 36px;
	top : 10px;
	width : 133px;
	height : 58px;
	background : url(../assets/images/footer_logo.png) no-repeat 0% 0%;
	text-decoration : none;
	text-indent : -100em;
	overflow : hidden;
}
#footer .listmenu ul {
	margin : 0 0 5px 0;
	padding : 0 0 2px 0;
	list-style-type : none;
        text-decoration : none;
	width : 120px;
	font-size : 10px;
	font-weight : 300;
	float : left;
}
#footer .listmenu li a {
	color : #fafafa;
	display : block;
	height : 14px;
	font-size : 9px;
	padding : 1px 0 2px 2px;
	text-decoration : none;
}
#footer .listmenu li p {
	color : #fafafa;
	height : 14px;
	font-size : 9px;
	padding : 1px 0 2px 2px;
}
#footer .listmenu li a:hover {
	color : #ffaebf;
}
p.footer-title {
	float : left;
	font-weight : 500;
	margin : 0 0 15px 0;
	color : #fff;
	font-size : 12px;
}

/*-------------------------------------------------*/
/*--------------primary navigation ----------------*/

.primary ul {
	display : block;
	position : absolute;
	top : 0;
	left : 300px;
}
.primary ul li {
	display : inline;
}
.primary ul li a {
	float : left;
	font-size : 12px;
	display : block;
	margin-top : 85px;
	color : #999;
	padding : 0 17px 0 17px;
	text-decoration : none;
	width : auto;
	font-weight : 500;
}
.primary ul li a:hover {
	text-decoration : none;
	padding : 0 17px 0 17px;
	font-weight : 500;
	color : #777;
	text-shadow: #888 0px 2px 2px;
}
.primary ul li a.active {
	text-decoration : none;
	padding : 85px 25px 25px 25px;
	margin : 0 5px 0 5px;
	background : url(../assets/images/footer.png) no-repeat 100% 100%;
	color : #fff;
	font-weight : 600;
	-moz-box-shadow: 1px 1px 5px #666;
    -webkit-box-shadow: 1px 1px 5px #666;
    box-shadow: 1px 1px 5px #666;
}
.primary ul li .active:hover {
	color : #fff;
	font-weight : 600;
	text-shadow: none;
}
.primary ul li a span {
	display : block;
}

/*-------------------------------------------------*/
/*------------------ home boxes -------------------*/

.curtain-box {
	background : url(../assets/images/curtain-backer-2.jpg);
	height : 146px;
	position : relative;
	width : 406px;
	float : left;
	border : 2px solid #ccc;
	padding : 20px 0 0 20px;
	overflow : hidden;
	margin-bottom : 30px;
	margin-top : 10px;
}
.or-box {
	height : 100px;
	position : relative;
	width : 60px;
	text-align : center;
	padding-top : 70px;
	float : left;
	font : 18px Georgia, serif;
	font-weight : bold;
	color : #555555;
	overflow : hidden;
	margin-bottom : 30px;
	margin-top : 10px;
}
.upholstry-box {
	background : url(../assets/images/upholstry-backer-2.jpg);
	height : 146px;
	position : relative;
	width : 406px;
	float : right;
	border : 2px solid #ccc;
	padding : 20px 0 0 20px;
	overflow : hidden;
	margin-bottom : 30px;
	margin-top : 10px;
}
.upholstry-box p, .curtain-box p {
	width : 175px;
	font-size : 1em;
	padding-left : 2px;
}

/*-------------------------------------------------*/
/*------------------ typography -------------------*/

h1 {
	font-size : 24px;
	font-weight : 400;
	margin : 0 0 15px 0;
}
h2 {
	font-size : 24px;
	font-weight : normal;
	margin : 0 0 15px 0;
}
h3 {
	font-size : 14px;
	font-weight : 500;
	color : #dc4768;
	margin : 0 0 3px 0;
}
h4 {
	font-size : 16px;
	font-weight : 500;
	color : #dc4768;
        margin-bottom:5px;
}
h5 {
	font-size : 17px;
	font-weight : 500;
	color : #dc4768;
	margin : 5px 0 0 0;
}
p {
	line-height : 16px;
	margin : 0 0 10px 0;
}
#main-title h1 {
	color : #dc4768;
	font-size : 28px;
	margin : 23px 0 0 0;
}
#text-left h1 {
	color : #dc4768;
	font-size : 28px;
	margin : 23px 0 0 0;
        padding : 0 0 20px 0;
}
.three-column h1 {
	font-size : 26px;
	margin : 5px 0 23px 0;
}
.three-column h1.short {
	font-size : 20px;
	margin : 5px 0 17px 0;
        width:260px;
}

.three-column {
	line-height:16px;
}
#text-left h2 {
	margin : 0 0 5px 0;
	font-size : 20px;
}

/*-------------------------------------------------*/
/*------------------ 3 column ---------------------*/



.three-column {
	margin-top : -5px;
	float : left;
	width : 260px;
	margin-right : 40px;
	padding : 0 0 0 20px;
}
.three-column img {
	border : 2px solid #ccc;
	margin : 0 0 5px 0;
}

.three-column-end {
	margin-top : -8px;
	float : left;
	width : 260px;
	padding : 0 0 0 20px;
}

.three-column h4, .three-column-end sub-box h4 {
	margin-bottom:5px;
}
.three-column-end h1 {
	font-size:20px;
	margin:5px 0 8px;
}
.three-column-end img {
	border : 2px solid #ccc;
	margin : 0 0 5px 0;
}
.sub-box {
	width : 220px;
	height : 257px;
	background : url(../assets/images/sub-footer-backer.png) no-repeat 0% 0%;
	padding : 20px 20px 0 20px;
}
.sub-box img {
	border : 2px solid #ccc;
}
.three-column .three-column-steps-1 {
	width : 200px;
	background : url(../assets/images/measure_icon.png) no-repeat 0% 0%;
	height : 85px;
	padding : 0 0 0 45px;
	margin-top : 5px;
}
.three-column-steps-1 a {
	color : #a85063;
}
.three-column .three-column-steps-2 {
	width : 230px;
	background : url(../assets/images/shop_icon.png) no-repeat 0% 0%;
	height : 85px;
	padding : 0 0 0 45px;
}
.three-column .three-column-steps-3 {
	width : 210px;
	background : url(../assets/images/home_icon.png) no-repeat 0% 0%;
	height : 60px;
	padding : 0 0 0 45px;
}
.three-column .three-column-steps-1 ul, .three-column .three-column-steps-2 ul, .three-column .three-column-steps-3 ul {
	margin : 5px 0 0 16px;
	font-size : 13px;
}
.three-column .three-column-steps-1 ul li, .three-column .three-column-steps-2 ul li, .three-column .three-column-steps-3 ul li {
	list-style-image : url(../assets/images/bullet-point.png);
}


/*-------------------------------------------------*/
/*------------------ Buttons ----------------------*/


a.button-grey {
	margin : 15px 0 0 0;
	display : block;
	background : url(../assets/images/button-grey.png) no-repeat 0% 0%;
	width : 120px;
	height : 28px;
	text-align : center;
	vertical-align : middle;
	color : #fff;
	line-height : 26px;
	font-size : 12px;
	letter-spacing : 0;
	font-weight : normal;
	text-decoration : none;
	font-family : Helvetica Neue, "Arial", Helvetica, sans-serif;
}
a.button-grey:hover, a.button-grey:active {
	background-position : 0% -28px;
	color : #fff;
}
a.button-black {
	margin : 15px 0 0 0;
	display : block;
	background : url(../assets/images/button-black.png) no-repeat 0% 0%;
	width : 120px;
	height : 28px;
	text-align : center;
	vertical-align : middle;
	color : #fff;
	line-height : 26px;
	font-size : 12px;
	letter-spacing : 0;
	font-weight : normal;
	text-decoration : none;
	font-family : Helvetica Neue, "Arial", Helvetica, sans-serif;
}
a.button-black:hover, a.button-black:active {
	background-position : 0% -28px;
	color : #fff;
}

#main-title .galleryBtn {
	position : absolute;
	right : 0;
	top : 0;
	width : 345px;
	height : 95px;
	background : url(../assets/images/galleryBtn2.png) no-repeat 0% 0%;
	text-decoration : none;
	text-indent : -100em;
	overflow : hidden;
	display : block;
}

.show-tellbox {
 width:922px;
 float : left;
 margin-top:20px;
}

.show-tellbox img {
 float : right;
 margin:-38px 2px 20px 16px;
 padding:0 0 0 0;
 z-index:100;
 border: 3px #ccc solid;
}

.show-tellbox p {
 margin:0 0 0 30px;
 width:250px;
 float:left;
}

.iconit {
 background : url(../assets/images/gallery-folder.png) no-repeat 0% 0%;
 background-position : 0 -20px;
 padding-left:30px;
}