* {margin: 0; padding: 0;}

a {
  outline: none;
}

html {
	height:100%;
	}

body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*background-image:url(images/cave-bg-large.jpg);
	background-position:center left;*/
	font-size:12px;
	background-color:#222121;
	height:100%;
}

.box
{ min-height: 650px; height:650px; }

html>body .box 
{ min-height: 650px; height:100%; }

#leftwrap {
	background-color:#222121;
	width:278px;
	position:absolute;
	}
	
#outer {
  	position: absolute;
  	top: 40%;
  	left: 0px;
  	width: 278px;
  	height: 60%;
  	overflow: visible;
}

#inner {
  	width: 203px;
  	height: 74px;
  	margin-left: -101px;  /***  width / 2   ***/
  	position: absolute;
  	top: -37px;          /***  height / 2   ***/
	left: 50%;
}

#outer2 {
  	position: absolute;
  	bottom:20px;
  	left: 0px;
  	width: 278px;
  	/*height: 6%;*/
	height:35px;
  	overflow: visible;
}

#inner2 {
	width: 248px;
	position: absolute;
	top: -50px;          /***  height / 2   ***/
	text-align:right;
	padding-right:26px;
	font-size:10px;
	color:#48494a;
	overflow:visible;
}

#inner2 p {
	line-height:13px;
}

#inner2 a { color: #48494a; text-decoration:underline;}
#inner2 a:visited { color: #48494a; text-decoration:underline; }
#inner2 a:link { color:#48494a; text-decoration:underline; }
#inner2 a:active { color: #48494a; text-decoration: underline; }
#inner2 a:hover { color:#48494a; text-decoration:none; }

/* Menu */

#menuwrap {
	background-image:url(images/menu-repeaty.png);
	background-repeat:repeat-y;
	width:140px;
	height:100%;
	position:absolute;
	left:278px;
	}
	
#menubox {
	width:140px;
	height:60%;
	position:absolute;
	top:40%;
	overflow:visible;
}

#menu-inside {
	width:140px;
	height:125px;
	position:absolute;
	top:-40px;
	font-size:11px;
	text-align:right;
	line-height:26px;
	color:#dfe6f3;
	padding:0;
	}

#menu-inside ul { list-style: none; }
#menu-inside ul li { color: #dfe6f3; overflow: auto; }
#menu-inside ul li a { color: #dfe6f3; text-align: right; width: 118px; float: left; }
#menu-inside ul li span { float: right; color:#222121; width:5px; display: none; padding-right:5px; }


#menu-inside ul a { color: #dfe6f3; text-decoration:none;}
#menu-inside ul a:visited { color: #dfe6f3; text-decoration:none; }
#menu-inside ul a:link { color:#dfe6f3; text-decoration:none; }
#menu-inside ul a:active { color: #dfe6f3; text-decoration: none; }
#menu-inside ul a:hover { color:#dfe6f3; text-decoration:none; }
	
#menu-space {
	width:140px;
	position:absolute;
	overflow:visible;
  	top: 90%;
  	height: 10%;
}

/* Portfolio Menu */

#folio-menuwrap {
	background-image:url(images/gallerymenu-repeaty.png);
	background-repeat:repeat-y;
	width:100px;
	height:100%;
	position:absolute;
	left:418px;
	}
	
#folio-menubox {
	width:100px;
	height:60%;
	position:absolute;
	top:40%;
	overflow:visible;
}

#folio-menu-inside {
	width:100px;
	height:125px;
	position:absolute;
	top:-40px;
	font-size:11px;
	text-align:right;
	line-height:26px;
	color:#dfe6f3;
	padding:0;
	}
	
#folio-menu-inside ul {
	list-style:none;
}

#folio-menu-inside ul { list-style: none; }
#folio-menu-inside ul li { color: #dfe6f3; overflow: auto; }
#folio-menu-inside ul li a { color: #dfe6f3; text-align: right; width: 80px; float: left; }
#folio-menu-inside ul li span { float: right; color:#222121; width:5px; display: none; padding-right:5px; }

#folio-menu-inside ul a { color: #dfe6f3; text-decoration:none;}
#folio-menu-inside ul a:visited { color: #dfe6f3; text-decoration:none; }
#folio-menu-inside ul a:link { color:#dfe6f3; text-decoration:none; }
#folio-menu-inside ul a:active { color: #dfe6f3; text-decoration: none; }
#folio-menu-inside ul a:hover { color:#dfe6f3; text-decoration:none; }


#default-wrap {
	width:546px;
	height:100%;
	position:absolute;
	left:418px;	
}


#default-box {
	width:546px;
	height:60%;
	position:absolute;
	top:40%;
	overflow:visible;
}

#default-inside {
	width:546px;
	height:250px;
	position:absolute;
	top:-85px;
	font-size:12px;
	text-align:left;
	line-height:26px;
	color:#dfe6f3;
	padding:0 0 0 42px;
	}
	
/* Fact Sextion */

#facts-wrap {
	width:564px;
	height:100%;
	background-image:url(images/facts-repeaty.png);
	background-repeat:repeat-y;
	position:absolute;
	left:418px;
	overflow:hidden;
}


#facts-box {
	width:564px;
	height:100%;
	position:absolute;
	top:30%;
	overflow:visible;
}

#facts-inside {
	width:564px;
	position:absolute;
	top:-140px;
	}

#facts-inside-left {
	width:224px;
	font-size:11px;
	text-align:right;
	line-height:24px;
	color:#dfe6f3;
	float:left;
	overflow:hidden;

	}
	
#facts-inside-right {
	width:310px;
	font-size:12px;
	text-align:left;
	line-height:24px;
	color:#dfe6f3;
	padding-left:16px;
	float:left;
	overflow:hidden;

	}

/* Get Involved */

#getinvolved-wrap {
	width:564px;
	height:100%;
	background-image:url(images/facts-repeaty.png);
	background-repeat:repeat-y;
	position:absolute;
	left:418px;
	overflow:hidden;
}


#getinvolved-box {
	width:564px;
	height:100%;
	position:absolute;
	top:30%;
	overflow:visible;
}

#getinvolved-inside {
	width:564px;
	position:absolute;
	padding-left:42px;
	top:-100px;
	}

#getinvolved-inside-left {
	width:475px;
	font-size:12px;
	text-align:left;
	line-height:24px;
	color:#dfe6f3;
	overflow:hidden;
	}
	
#getinvolved-form {
	padding-top:25px;
	width:437px;
}
	
/* Gallery Section */

#gallery-wrap {
	width:464px;
	height:100%;
	background-image:url(images/gallery-repeaty.png);
	background-repeat:repeat-y;
	position:absolute;
	left:518px;
	overflow:hidden;
}


#gallery-box {
	width:462px;
	height:100%;
	position:absolute;
	top:40%;
	overflow:visible;
}

#gallery-inside {
	width:462px;
	position:absolute;
	top:-140px;
	}

#gallery-inside-left {
	width:462px;
	font-size:12px;
	text-align:left;
	line-height:24px;
	color:#dfe6f3;
	padding-left:43px;
	overflow:hidden;
	}

#gallery-thumbs {
	width:380px;
	height:225px;
	margin: 0;
	padding:0;
	}

#gallery-thumbs li {
	list-style:none;
	margin:0;
	padding:0;
}

.gallery-thumb-container {
	width:75px;
	height:225px;
	float:left;
	padding-right:1px;
}

.thumbs a {
	display:block;
	width:75px;
	height:75px;
	top:0px;
	left:0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.emptythumb {
	display:block;
	width:75px;
	height:75px;
	top:0px;
	left:0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.thumbs a:hover {
	background-position: 0px -75px;
}

.ad1 a {background:url(http://bluestonecreative.com/images/gallery/ad01.jpg);}
.ad2 a {background:url(http://bluestonecreative.com/images/gallery/ad02.jpg);}
.ad3 a {background:url(http://bluestonecreative.com/images/gallery/ad03.jpg);}
.ad4 a {background:url(http://bluestonecreative.com/images/gallery/ad04.jpg);}
.ad5 a {background:url(http://bluestonecreative.com/images/gallery/ad05.jpg);}
.ad6 a {background:url(http://bluestonecreative.com/images/gallery/ad06.jpg);}
.ad7 a {background:url(http://bluestonecreative.com/images/gallery/ad07.jpg);}
.ad8 a {background:url(http://bluestonecreative.com/images/gallery/ad08.jpg);}
.ad9 a {background:url(http://bluestonecreative.com/images/gallery/ad09.jpg);}
.ad10 a {background:url(http://bluestonecreative.com/images/gallery/ad10.jpg);}
.ad11 a {background:url(http://bluestonecreative.com/images/gallery/ad11.jpg);}
.ad12 a {background:url(http://bluestonecreative.com/images/gallery/ad12.jpg);}
.ad13 a {background:url(http://bluestonecreative.com/images/gallery/ad13.jpg);}
.ad14 a {background:url(http://bluestonecreative.com/images/gallery/ad14.jpg);}
.ad15 a {background:url(http://bluestonecreative.com/images/gallery/ad15.jpg);}

.logo1 a {background:url(http://bluestonecreative.com/images/gallery/logo01.jpg);}
.logo2 a {background:url(http://bluestonecreative.com/images/gallery/logo02.jpg);}
.logo3 a {background:url(http://bluestonecreative.com/images/gallery/logo03.jpg);}
.logo4 a {background:url(http://bluestonecreative.com/images/gallery/logo04.jpg);}
.logo5 a {background:url(http://bluestonecreative.com/images/gallery/logo05.jpg);}
.logo6 a {background:url(http://bluestonecreative.com/images/gallery/logo06.jpg);}
.logo7 a {background:url(http://bluestonecreative.com/images/gallery/logo07.jpg);}
.logo8 a {background:url(http://bluestonecreative.com/images/gallery/logo08.jpg);}
.logo9 a {background:url(http://bluestonecreative.com/images/gallery/logo09.jpg);}
.logo10 a {background:url(http://bluestonecreative.com/images/gallery/logo10.jpg);}
.logo11 a {background:url(http://bluestonecreative.com/images/gallery/logo11.jpg);}
.logo12 a {background:url(http://bluestonecreative.com/images/gallery/logo12.jpg);}
.logo13 a {background:url(http://bluestonecreative.com/images/gallery/logo13.jpg);}
.logo14 a {background:url(http://bluestonecreative.com/images/gallery/logo14.jpg);}
.logo15 a {background:url(http://bluestonecreative.com/images/gallery/logo15.jpg);}

.col1 a {background:url(http://bluestonecreative.com/images/gallery/col01.jpg);}
.col2 a {background:url(http://bluestonecreative.com/images/gallery/col02.jpg);}
.col3 a {background:url(http://bluestonecreative.com/images/gallery/col03.jpg);}
.col4 a {background:url(http://bluestonecreative.com/images/gallery/col04.jpg);}
.col5 a {background:url(http://bluestonecreative.com/images/gallery/col05.jpg);}
.col6 a {background:url(http://bluestonecreative.com/images/gallery/col06.jpg);}
.col7 a {background:url(http://bluestonecreative.com/images/gallery/col07.jpg);}
.col8 a {background:url(http://bluestonecreative.com/images/gallery/col08.jpg);}
.col9 a {background:url(http://bluestonecreative.com/images/gallery/col09.jpg);}
.col10 a {background:url(http://bluestonecreative.com/images/gallery/col10.jpg);}
.col11 a {background:url(http://bluestonecreative.com/images/gallery/col11.jpg);}
.col12 a {background:url(http://bluestonecreative.com/images/gallery/col12.jpg);}
.col13 a {background:url(http://bluestonecreative.com/images/gallery/col13.jpg);}
.col14 a {background:url(http://bluestonecreative.com/images/gallery/col14.jpg);}
.col15 a {background:url(http://bluestonecreative.com/images/gallery/col15.jpg);}

.pack1 a {background:url(http://bluestonecreative.com/images/gallery/pack01.jpg);}
.pack2 a {background:url(http://bluestonecreative.com/images/gallery/pack02.jpg);}
.pack3 a {background:url(http://bluestonecreative.com/images/gallery/pack03.jpg);}
.pack4 a {background:url(http://bluestonecreative.com/images/gallery/pack04.jpg);}
.pack5 a {background:url(http://bluestonecreative.com/images/gallery/pack05.jpg);}
.pack6 a {background:url(http://bluestonecreative.com/images/gallery/pack06.jpg);}
.pack7 a {background:url(http://bluestonecreative.com/images/gallery/pack07.jpg);}
.pack8 a {background:url(http://bluestonecreative.com/images/gallery/pack08.jpg);}
.pack9 a {background:url(http://bluestonecreative.com/images/gallery/pack09.jpg);}
.pack10 a {background:url(http://bluestonecreative.com/images/gallery/pack10.jpg);}
.pack11 a {background:url(http://bluestonecreative.com/images/gallery/pack11.jpg);}
.pack12 a {background:url(http://bluestonecreative.com/images/gallery/pack12.jpg);}
.pack13 a {background:url(http://bluestonecreative.com/images/gallery/pack13.jpg);}
.pack14 a {background:url(http://bluestonecreative.com/images/gallery/pack14.jpg);}
.pack15 a {background:url(http://bluestonecreative.com/images/gallery/pack15.jpg);}

.web1 a {background:url(http://bluestonecreative.com/images/gallery/web01.jpg);}
.web2 a {background:url(http://bluestonecreative.com/images/gallery/web02.jpg);}
.web3 a {background:url(http://bluestonecreative.com/images/gallery/web03.jpg);}
.web4 a {background:url(http://bluestonecreative.com/images/gallery/web04.jpg);}
.web5 a {background:url(http://bluestonecreative.com/images/gallery/web05.jpg);}
.web6 a {background:url(http://bluestonecreative.com/images/gallery/web06.jpg);}
.web7 a {background:url(http://bluestonecreative.com/images/gallery/web07.jpg);}
.web8 a {background:url(http://bluestonecreative.com/images/gallery/web08.jpg);}
.web9 a {background:url(http://bluestonecreative.com/images/gallery/web09.jpg);}
.web10 a {background:url(http://bluestonecreative.com/images/gallery/web10.jpg);}
.web11 a {background:url(http://bluestonecreative.com/images/gallery/web11.jpg);}
.web12 a {background:url(http://bluestonecreative.com/images/gallery/web12.jpg);}
.web13 a {background:url(http://bluestonecreative.com/images/gallery/web13.jpg);}
.web14 a {background:url(http://bluestonecreative.com/images/gallery/web14.jpg);}
.web15 a {background:url(http://bluestonecreative.com/images/gallery/web15.jpg);}

#thumb2 a {
	display:block;
	width:75px;
	height:75px;
	background:url(images/gallery/ad02.jpg);
	top:0px;
	left:0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

#thumb2 a:hover {
	background-position: 0px -75px;
}

#thumb3 a {
	display:block;
	width:75px;
	height:75px;
	background:url(images/gallery/ad03.jpg);
	top:0px;
	left:0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

#thumb3 a:hover {
	background-position: 0px -75px;
}
	
/* What is Bluestone? */

#whatis-wrap {
	width:564px;
	height:100%;
	background-image:url(images/facts-repeaty.png);
	background-repeat:repeat-y;
	position:absolute;
	left:418px;
	overflow:hidden;
}


#whatis-box {
	width:564px;
	height:100%;
	position:absolute;
	top:35%;
	overflow:visible;
}

#whatis-inside {
	width:564px;
	position:absolute;
	padding-left:27px;
	top:-140px;
	}

#whatis-inside-left {
	width:224px;
	font-size:11px;
	text-align:right;
	line-height:24px;
	color:#dfe6f3;
	float:left;
	overflow:hidden;

	}
	
#whatis-inside-right {
	width:273px;
	font-size:12px;
	text-align:left;
	line-height:24px;
	color:#dfe6f3;
	padding-left:25px;
	float:left;
	overflow:hidden;

	}

.facts-spacing {
	padding-top:38px;
}

.header-image-space {
	padding-bottom:15px;
	}

.header-image-space-gallery {
	padding-bottom:22px;
	}
	
.clear {clear:both; height:0px; overflow:hidden; width:100%; }