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


/* --------------------| BODY |-------------------- */

html, body {
font-size: 13px;
color: #000000;
width: 100%;
height: 100%;
}

body {
background:url(images/background/armadio_mainbg.png) #351607;
	font-family:Tahoma, Geneva, sans-serif;
}

/* --------------------| GENERAL TEXT |-------------------- */

.blue { 	color: #454a82; }

a {
color: #454a82;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
}

h2{
font-size: 14px;
color:  #5c6e18;
font-family:verdana;
margin-bottom:10px;
font-weight: bold;
}


strong {
font-weight: bold;
}

em {
font-style: oblique;
}

p{
line-height: 18px;
color: #2f2f2f;
font-family:Tahoma, Geneva, sans-serif;
margin-bottom:8px;
}

.green{
	color:#5c6e18;
	margin-bottom:8px;
	}
	
	.brown{
		color:#3f320c;}
	
	.textBox{
		margin: 20px 40px;
		clear:both;}
		
		.textBox img{
			margin: 0 0 15px 0;}
			
			.underLine{
				border-bottom:solid 1px #d1d1d1;
				padding-bottom:5px;
				padding-top:0px;
				
				}
				
				

/* --------------------| GENERAL CRAP |-------------------- */

.clear {
clear:both;
display: block;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear40 {height:40px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }


/* --------------------| MAIN CONTENT AREA |-------------------- */


#contentContainer{
	width: 900px;
	margin: 10px auto;
	height: 542px;
	display:block;
}


/* --------------------| HOME HEADER AND NAV |-------------------- */


#header {
	margin: 10px auto 0 auto;
	
	}
	
	.homePic{
		margin:0 auto;
		width:795px;}
	
		
	#homeNav{
	height: 22px;
	width: 698px;
	margin: 30px auto;
	}
	
	
		#homeNav ul li {
		float: left;
		height: 24px;
		display: block;
		}
			
			
			#homeNav ul li a{
			background-image: url(images/navigation/armadio_navHome.png);
			background-repeat: no-repeat;
			height: 22px;
			display: block;
			}
		
			#homeNav .about{
			background-position: 0 0;
			width:95px;
			}
			
			#homeNav .about:hover{
			background-position:  0 -25px;
			}
			
			
			#homeNav .gallery{
			background-position:-95px 0;
			width:87px;
			}
				
			#homeNav .gallery:hover{
			background-position:-95px -25px;
			}
				
			#homeNav .designers{
			background-position:-182px 0;
			width:111px;
			
			}
				
			#homeNav .designers:hover{
			background-position:-182px -25px;
			}
				
			#homeNav .cabinets{
			background-position: -293px 0;
			width:134px;
			
			}
					
			#homeNav .cabinets:hover{
			background-position: -293px -25px;
			}
					
			#homeNav .contact{
			background-position: -427px 0;
			width:69px;
			
			}
					
			#homeNav .contact:hover{
			background-position: -427px -25px;
			}
					
			#homeNav .links{
			background-position: -496px 0;	
			width:91px;
			
			}
					
			#homeNav .links:hover{
			background-position: -496px -25px;
			}
			
			#homeNav .showroom{
			background-position: -587px 0;	
			width:111px;
			
			}
					
			#homeNav .showroom:hover{
			background-position: -587px -25px;
			}
			
	
	/* --------------------| MAIN HEADER AND NAV |-------------------- */


#header a {
	float: left;
	}
	

	
	.topPic{
		margin:20px 0;}
		
			#topBanner{
		margin:20px 0;
		background:#000;
		width:893px;
		height:55px;
		border:solid 2px #FFF;}
		
		#banner{
			border:solid 2px #FFF;
			background:#000;
			padding:0 1px 0;
			width:882px;
			height:57px;
			float:left;
			margin:20px 0;
			}
		
	
		
	#mainNav{
	height: 450px;
	width: 198px;
	margin:0;
	background: url(images/navigation/armadio_navBg.png) no-repeat;
	float:left;
	clear:both;
	}
	
	#mainNav ul{
	padding:20px 5px 5px 5px;
	margin:5px 0 0 0;
	float:left;
	

	}
	
	
		#mainNav ul li {
		float: left;
		margin:0 0 7px 0;
		padding:0;
		}
		
	
			
			#mainNav ul li a{
			background: url(images/navigation/armadio_nav.png) no-repeat;
			width:188px;
			height:18px;
			display:block;
			margin: 0;
			float:left;
			
			
			}
		
			#mainNav .about{
			background-position: 0 0;
			}
			
			#mainNav .about:hover{
			background-position:  -201px 0;
			}
			
			#mainNav  .active .about{
			background-position:  -201px 0;
			
			}
			
			#mainNav .gallery{
			background-position: 0 -23px ;
			}
				
			#mainNav .gallery:hover{
			background-position:  -201px -23px;
			}
				
			#mainNav .active .gallery{
			background-position: -201px -23px;
			}
				
			#mainNav .designers{
			background-position: 0 -134px;
			}
				
			#mainNav .designers:hover{
			background-position:-201px -134px;
			}
				
			#mainNav .active .designers{
			background-position:-201px -134px;
			}
				
			#mainNav .cabinets{
			background-position: 0 -157px;
			}
					
			#mainNav .cabinets:hover{
			background-position: -201px -157px;
			}
					
			#mainNav .active .cabinets{
			background-position: -201px -157px;
			}
					
			#mainNav .contact{
			background-position: 0 -180px ;
			}
					
			#mainNav .contact:hover{
			background-position: -201px -180px;
			}
					
			#mainNav .active .contact{
			background-position: -201px -180px;
			}
			
			#mainNav .links{
			background-position: 0 -203px ;	
			}
					
			#mainNav .links:hover{
			background-position: -201px -203px;
			}
					
			#mainNav .active .links{
			background-position: -201px -203px;
			}
	
			#mainNav .media{
			background-position: 0 -226px;	
			}
					
			#mainNav .media:hover{
			background-position: -201px -226px;
			}
					
			#mainNav .active .media{
			background-position: -201px -226px;
			}
			
			#mainNav .showroom{
			background-position: 0 -249px;	
			}
					
			#mainNav .showroom:hover{
			background-position: -201px -249px;
			}
					
			#mainNav .active .showroom{
			background-position: -201px -249px;
			}
			
			#mainNav .home{
				background-image:none;
				height:100px;
				display:block;
				margin-top:120px;}
				
				#mainNav .homeGallery{
				background-image:none;
				
				height:140px;
				display:block;
				margin-top:60px;}
	

/* --------------------|SUB NAV |-------------------- */
	#mainNav ul#subNav {
		margin:7px 0 0 0;
		padding: 0;
		}
		
		#mainNav ul#subNav a{
		background: url(images/navigation/armadio_nav.png) no-repeat;
		display: block;
		height:13px;
	}
		
		#mainNav ul#subNav .gallery1{
		background-position: 0 -48px;
		}
		
		#mainNav ul#subNav .gallery1:hover{
		background-position: -201px -48px;
		}
		
		#mainNav ul#subNav .active .gallery1{
		background-position: -201px -48px;
		}
		
		#mainNav ul#subNav .gallery2{
		background-position: 0 -63px;
		}
		
		#mainNav ul#subNav .gallery2:hover{
		background-position: -201px -63px;
		}
		
		#mainNav ul#subNav .active .gallery2{
		background-position: -201px -63px;
		}
		
		#mainNav ul#subNav .gallery3{
		background-position: 0 -78px;
		}
		
		#mainNav ul#subNav .gallery3:hover{
		background-position: -201px -78px;
		}
		
		#mainNav ul#subNav .active .gallery3{
		background-position: -201px -78px;
		}
		
		#mainNav ul#subNav .gallery4{
		background-position: 0 -93px;
		}
		
		#mainNav ul#subNav .gallery4:hover{
		background-position: -201px -93px;
		}
		
		#mainNav ul#subNav .active .gallery4{
		background-position: -201px -93px;
		}
		
		#mainNav ul#subNav .gallery5{
		background-position: 0 -108px;
		}
		
		#mainNav ul#subNav .gallery5:hover{
		background-position: -201px -108px;
		}
		
		#mainNav ul#subNav .active .gallery5{
		background-position: -201px -108px;
		}

		#mainNav ul#subNav .gallery6{
		background-position: 0 -133px;
		}
		
		#mainNav ul#subNav .gallery6:hover{
		background-position: -201px -133px;
		}
		
		#mainNav ul#subNav .active .gallery6{
		background-position: -201px -133px;

		}
		


			
			
	.galleria{list-style:none;width:688px}
.galleria li{display:block;height:46px;overflow:hidden;float:left;margin:0 0 0 1px }
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */




				
/* --------------------|TEXT AREA |-------------------- */
.mainArea{
	background:#FFF;
	width:692px;
	height: 445px;
	padding: 5px 0 0 0;
	float:left;
	margin-bottom:60px;}
	
.bigGallery{
	width:688px;
	height:394px;}
	
.textArea {
display:block;
height:362px;
padding:50px 100px 50px 50px;
}

.mainArea .textBox .titles {
	height:50px;
	width:251px;}
	

.linkBoxes{
	border: solid 1px #5c6e18;
	padding:5px;
	width:100px;
	height:110px;
	margin: 10px;
	float:left;}
	
	.linkBoxesMedia{
		width:100px;
		padding:5px;
		float:left;
		margin: 0 20px 20px 0;
			border: solid 1px #5c6e18;}
	
	.mediaLinks{
	border: solid 1px #5c6e18;
	padding:5px;
	width:100px;
	height:180px;
	float:left;
	margin: 10px;}
	
	.linkBoxes p, .mediaLinks p{
		clear:both;
		text-align:center;
		color:#5c6e18;
		margin:0;}
		
		.linkBoxes img{
		width:100px;
		height:44px;
		}
		
		.mediaLinks img{
			width:100px;
		height:140px;}

.designersBox{
		width:115px;
		padding:5px;
		float:left;
		margin: 0 20px 20px 0;
	    border: solid 1px #5c6e18;
        text-align:center;}
		
	
#scroll{
	height: expression( this.scrollHeight > 332 ? "333px" : "auto" );
   	max-height: 320px;
	overflow:auto;
}	

/* --------------------| FORMS |-------------------- */


tr{
	height:30px;
	}

td{
	font-size:12px;
	color: #5c6e18;
	}
	
	.formrow{
		width:110px;
		}
		
		.formrowBig{
			width:220px;}
		
		input, textarea{
			background-color:#5c6e18;
			border:1px solid #3f320c;
			color:#FFF;}
			
			.radio{
				border:none;
				}
			
		.submit{
			margin:5px 0 0 375px;
			background-color:#3f320c;
			clear:both;
			float:right;
			}
			
			.submit:hover{
			background-color:#5c6e18;}
			
/* --------------------| GALLERY IMAGES |-------------------- */


			.gallery img{border:solid 2px #240704;}
			.gallery img:hover{border:solid 2px #6d891d;}