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

body {
	margin: 0;
	padding: 0;
	color: #CCC;
	background-color: #161410;
	background-image: url(../img/bg.gif);
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4;
}
/* ~~ RESET/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0px;
}
h1 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 12px;
	text-transform: uppercase;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}

h3 {
	font-weight: normal;
	font-size: 18px;
}

p {
	line-height: 1.8em;
	padding-bottom: 20px;
}


a img { 
	border: none;
}
a:link {
	color: #999;
	text-decoration: underline;
}
a:visited {
	color: #999;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
/*HTML 5 support - Sets new HTML 5 :  display:block needed */
header, section, footer, aside, nav, article, figure {
	display: block;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

.container {
	width: 980px;
	margin: 0 auto; /* auto = centering */
}
.lgcontainer {
	width: 100%;
}
.blackbar {
	background-color: #000;
	background-image: url(../img/top-bar.gif);
	background-position: center top;
}
.footbar {
	background-image: url(../img/foot-woorwork.gif);
	background-position: left;
}

.menucont {
	background-image: url(../img/page-grad.png);
	background-repeat: repeat-y;
	background-position: center top;
	height: 50px;
}
.mainbanner {
	max-width: 1260px;
	min-width: 980px;
	margin-right: auto;
	margin-left: auto; /* auto = centering */
	height: 450px;
	overflow: hidden;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
	text-align: center;
}
.kitchen {
	background-image: url(../img/alpin-wood-work-kitchen-fabrication.jpg);
	background-position: center;
}
.bathroom {
	background-image: url(../img/alpin-wood-work-bathroom.jpg);
	background-position: center;
}
.bedroom {
	background-image: url(../img/montreal-bedroom-main.jpg);
	background-position: center;
}

.refacing {
	background-image: url(../img/alpin-wood-work-cabinet-refacing-montreal.jpg);
	background-position: center;
}
.custom {
	background-image: url(../img/alpin-custom-wood-work.jpg);
	background-position: center;
}
.closet {
	background-image: url(../img/alpin-closet.jpg);
	background-position: center;
}
.wood {
	background-image: url(../img/wood.jpg);
	background-position: center;
}
.comming {
	background-image: url(../img/comming-soon.jpg);
	background-position: center;
}
.showroom {
	background-image: url(../img/gallery.jpg);
	background-position: center;
}
.alpin {
	background-image: url(../img/alpin.jpg);
	background-position: center;
}
.design {
	background-image: url(../img/design.jpg);
}



.francais {
	background-image: url(../img/francais.jpg);
	background-position: center;
}






.pageline {
	background-image: url(../img/page-line.jpg);
	background-position: right bottom;
	height: 140px;
	background-repeat: no-repeat;
}


/* ~~ These are the columns for the layout. ~~ */
.sidebar1 {
	float: right;
	width: 180px;
	background: #666;
	padding-bottom: 10px;
}

.leftcont {
	float: left;
}
.rightcont {
	float: right;
}

/* ~~ The footer ~~ */
footer {

}
.clear{
	display: block;
	clear: both;
	height: 0px;
}
.sep {
	background-image: url(../img/sep.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
}
.sp {
	padding-left: 19px;
}
.just {
	text-align: justify;
	display: block;
}

.ulnav ul {
	list-style-type: none;
}
.ulnav ul li {
	display: inline;
}
.topsocial {
	text-align: right;
}
.topnav {
	text-align: right;
}
.topnav {
	line-height: 15px;
}

.topnav ul li a {
	font-size: 10px;
	display: inline-block;
	padding-bottom: 2px;
	margin-left: 12px;
	color: #999;
	text-decoration: none;
}
.topnav ul li a:hover {
	color: #CCC;
}
.secondnav {
	text-align: right;
	height: 50px;
}
.secondnav ul li a {
	display: inline-block;
	padding-top: 14px;
	margin-left: 10px;
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	padding-bottom: 10px;
	margin-top: 4px;
}
.secondnav ul li a:hover {
	color: #CCC;
}
.mainnavrel {
	position: relative;
	z-index: 667;
}
.mainnavabs {
	position: absolute;
	left: 0px;
	top: 50px;
	height: 450px;
	width: 245px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #666;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #C60;
	z-index: 666;
	background-image: url(../img/menu-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.logo {

}

.logo img{
	margin-left: 25px;
	position: absolute;
	top: -25px;
}

.verticalmainnav {
	list-style-type: none;
}
.verticalmainnav li {
	padding-top: 6px;
	padding-bottom: 5px;
	display: block;
}
.vsep {
	background-image: url(../img/ligne.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.verticalmainnav a {
	color: #FFF;
	text-decoration: none;
	display: block;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: transparent;
	padding-left: 20px;
	text-transform: uppercase;
	font-size: 12px;
}
.verticalmainnav a:hover {
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #C60;
}





.rowhalf1 {
	width: 470px;
	float: left;
}
.rowhalf2 {
	float: right;
	width: 450px;
	padding-left: 40px;
}
.row1of4 {
	width: 224px;
	float: left;
	padding-right: 20px;
}
.row1of4r {
	width: 224px;
	float: right;
	padding-right: 20px;
}
.row4of4 {
	float: right;
	width: 244px;
}
.rowtrid1 {
	float: left;
	width: 310px;
}
.rowtrid2 {
	float: left;
	width: 350px;
}
.rowtrid3 {
	float: right;
	width: 290px;
}
.rowquote {
	padding: 30px;
	width: 740px;
}


a.imgbox{
	float: left;
	margin-right: 20px;
	height: 25px;
	width: 170px;
	padding-top: 95px;
	padding-left: 10px;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	display: block;
}
a.imgboxright {
	float: right;
	height: 25px;
	width: 170px;
	padding-top: 95px;
	padding-left: 10px;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	display: block;
}
.ib1 {
	background-image: url(../img/kitchen.jpg);
}
.ib2 {
	background-image: url(../img/bathroom.jpg);
}
.ib3 {
	background-image: url(../img/bedroom.jpg);
}
.ib4 {
	background-image: url(../img/walk-in-closet.jpg);
}
.ib5 {
	background-image: url(../img/custom-woodwork.jpg);
}
.rightalign {
	text-align: right;
}
.toppad {
	padding-top: 50px;
}

.footcell1 {
	width: 235px;
	float: left;
	font-size: 13px;
	margin-top: 22px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1d1c1b;
}
.footcell2 {
	float: right;
	width: 730px;
}
.footcell2 ul{
	float: left;
	width: 120px;
	font-size: 11px;
	margin-top: 22px;
	list-style-type: none;
}
.footcell2 ul.footulright{
	float: left;
	width: 128px;
	font-size: 11px;
	margin-top: 22px;
	list-style-type: none;
}
.footcell2 ul a:link{
	text-decoration: none;
}
.footcell2 ul a:hover{
	text-decoration: underline;
}

footer a {
	color: #909090;
}
.foottoplink {
	text-transform: uppercase;
	padding-bottom: 4px;
	display: block;
}
.foothr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1d1c1b;
	margin-top: 18px;
	width: 220px;
}
.blackbot {
	background-color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}
.blackbot a {
	color: #909090;
	text-decoration: none;
}
.blackbot a:hover {
	text-decoration: underline;
}
.relcat {
	position: relative;
}
.abscat {
	position: absolute;
	left: 180px;
	top: -7px;
}
.photoleft {
	float: left;
}

.photoright {
	float: right;
}
.regul ul {
	padding-top: 20px;
	padding-left: 20px;
}
.socialicon {
	padding-left: 10px;
}

.socialicon img{
	position: relative;
	left: -6px;
	top: 4px;
}
.socialicon2 img{
	position: relative;
	padding-left: 10px;
}
.inputtext {
	width: 98%;
}
.inputarea {
	width: 98%;
}
.buttonstyle {
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	width: 98px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	font-size: 16px;
	background-image: url(../img/button.gif);
	background-color: #13120E;
}
.buttonstyle:hover {
	background-position: right top;
	cursor: pointer;
	background-repeat: no-repeat;
	color: #fff;
	background-image: url(../img/button.gif);
}
.gobutton {
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	width: 31px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	font-size: 16px;
	background-image: url(../img/go-button.gif);
	background-color: #13120E;
}
.halfspace {
	font-size: 6px;
	height: 14px;
}
.rel {
	position: relative;
}
.absmap {
	position: absolute;
	left: 310px;
	top: -445px;
	z-index: 320;
	background-color: #663F18;
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #69421B;
	border-right-color: #69421B;
	border-left-color: #69421B;
}
.absitemnumber {
	position: absolute;
	top: -30px;
	width: 195px;
	padding-left: 10px;
	font-size: 11px;
	pointer-events: none;
}