/* 		plush home + design
		design by kristina sigurdson-legrand
		http://www.hey-red.net/
		© 2010 and beyond
*/


/*		Global Elements		*/


body {
		padding: 0;
		margin: 0;
		background-color: #fff;
		font-family: arial, helvetica, sans-serif;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 1px;
		}
		
		
/*		Typography		*/


a {
		color: #bac7c4;
		text-decoration: none;
		letter-spacing: 2px;
		}

a img {
		border: 0;
		}

a:hover {
		color: #87835e;
		text-decoration: none;
		}
		
		
/*		splash page		*/		

#splash {
		width: 550px;
		margin: auto;
		padding-top: 1%;
		text-align: center;
		}
		
#splashlink {
		display: block;
		width: 550px;
		height: 550px;
		background: url('images/splash.jpg') no-repeat 0 0;
		border: 0;
		}

#splashlink:hover {
  		background-position: 0 -550px;
		}

#splashlink span {
  		display: none;
		}
		
		

/*		home page, general
*/

#content {
		margin: auto;
		width: 850px;
		padding: 1%;
		}
		
#footer {
		clear: both;
		width: 100%;
		text-align: right;
		margin-top: 100px;
		font-size: 10px;
		color: #87835e;
		letter-spacing: 2px;
		}
		

/* 		header information, navigation + images
*/

		
#head {
		width: 100%;
		position: relative;
		padding-bottom: 50px;
		text-align: right
		}
		
#head span {
  		display: none;
		}

.navigation {
		float: right;
		list-style-type: none;
		width: 455px;
		text-align: justify;
		font-size: 13px;
		color: #ecead6;
		}

.navigation li {
		display: inline;
		margin-right: 8px;
		}

.navigation b {
		font-size: 14px;
		font-weight: bold;
		color: #87835e;
		}


/* 		main content
*/
	
		
#main {
		width: 460px;
		position: relative;
		float: right;
		color: #87835e;
		text-align: justify;
		}
		
#left {
		position: relative;
		width: 375px;
		float: left;
		margin-top: 2%;
		}
		
.portfoliobox {
		padding: 1px;
		}
		
.portfoliobox a {
		border: 0;
		}
		
.portfoliobox img {
		border: 3px solid #ecead6;
		}
		
.linklist dd {
		margin-bottom: 25px;
		line-height: 25px;
		}
		
.linklist dt {
		clear: both;
		}

.linklist img {
		margin-bottom: 25px;
		padding: 2px;
		border: 2px solid #ecead6;
		}

#partners img {
		border: 2px solid #ecead6;
		text-align: center;
		margin: auto;
		}
		
.contact img {
		border: 2px solid #ecead6;
		text-align: center;
		margin-top: 30px;
		}

#contactleft {
		float: left;
		width: 50%;
		margin-bottom: 25px;
		text-align: left;
		}
		
#contactright {
		float: right;
		width: 50%;
		margin-bottom: 25px;
		text-align: left;
		}
		
#socialmedia {
		margin: auto;
		width: 50%;
		text-align: left;
}

.buzzimg {
		border: 2px solid #ecead6;
		margin: 2px;
		padding: 2px;
		}

/*		portfolio
*/

#hqlink {
		display: block;
		width: 450px;
		height: 125px;
		background: url('images/portfolio/hq.jpg') no-repeat 0 0;
		border: 2px solid #ecead6;
		}

#hqlink:hover {
  		background-position: 0 -125px;
		}

#hqlink span {
  		display: none;
		}		

#residentiallink {
		display: block;
		width: 450px;
		height: 125px;
		background: url('images/portfolio/residential.jpg') no-repeat 0 0;
		border: 2px solid #ecead6;
		}

#residentiallink:hover {
  		background-position: 0 -125px;
		}

#residentiallink span {
  		display: none;
		}
		
#renolink {
		display: block;
		width: 450px;
		height: 125px;
		background: url('images/portfolio/restorations.jpg') no-repeat 0 0;
		border: 2px solid #ecead6;
		}

#renolink:hover {
  		background-position: 0 -125px;
		}

#renolink span {
  		display: none;
		}
		
#commerciallink {
		display: block;
		width: 450px;
		height: 125px;
		background: url('images/portfolio/commercial.jpg') no-repeat 0 0;
		border: 2px solid #ecead6;
		}

#commerciallink:hover {
  		background-position: 0 -125px;
		}

#commerciallink span {
  		display: none;
		}		
		
#p43link {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/43.jpg') no-repeat 0 0;
		border: 2px solid #ecead6;
		}

#p43link:hover {
  		background-position: 0 -100px;
		}

#p43link span {
  		display: none;
		}	
		
#p208link {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/208.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#p208link:hover {
  		background-position: 0 -100px;
		}

#p208link span {
  		display: none;
		}	
		
#p123link {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/123.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#p123link:hover {
  		background-position: 0 -100px;
		}

#p123link span {
  		display: none;
		}	

				
#p62link {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/62.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#p62link:hover {
  		background-position: 0 -100px;
		}

#p62link span {
  		display: none;
		}
		
#p318link {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/318.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#p318link:hover {
  		background-position: 0 -100px;
		}

#p318link span {
  		display: none;
		}
		
#p214link {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/214.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#p214link:hover {
  		background-position: 0 -100px;
		}

#p214link span {
  		display: none;
		}		
		
#showhomelink {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/sh1.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#showhomelink:hover {
  		background-position: 0 -100px;
		}

#showhomelink span {
  		display: none;
		}	
		
#showhome2link {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/sh2.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#showhome2link:hover {
  		background-position: 0 -100px;
		}

#showhome2link span {
  		display: none;
		}
		
#showhome3link {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/sh3.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#showhome3link:hover {
  		background-position: 0 -100px;
		}

#showhome3link span {
  		display: none;
		}
		
	
#p15link {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/15.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#p15link:hover {
  		background-position: 0 -100px;
		}

#p15link span {
  		display: none;
		}
		
#p1864link {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/1864.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#p1864link:hover {
  		background-position: 0 -100px;
		}

#p1864link span {
  		display: none;
		}
		
#pkialink {
		display: block;
		width: 300px;
		height: 100px;
		background: url('images/portfolio/kia.jpg') no-repeat 0 0; 
		border: 2px solid #ecead6;
		}

#pkialink:hover {
  		background-position: 0 -100px;
		}

#pkialink span {
  		display: none;
		}

/* 		lightbox
*/	
		
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }