/* ===============TEMP ADDED STYLE ====== */
aside li.opacity { opacity: 0.3; }
/* ===============TEMP ADDED STYLE ====== */
* {
	margin: 0;
	padding: 0;
}
article, aside, blockquote, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
	}
body {
	margin: 0 auto 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	background: #c8c8c8 url(../bgroundPhoto/gaski_2011.jpg) no-repeat fixed center;
		background-size:100% 100%;
		-moz-background-clip:border-box;
		-webkit-background-clip:border-box; 
		background-clip:border-box;
/*		background: #ecf5fb;
		background: -webkit-gradient(linear, left top, left bottom, from(#0f2c3c), to(#ecf5fb), color-stop(.05, #ecf5fb));
		background: -moz-linear-gradient(top,  #0f2c3c, #ecf5fb 5%);
		background: -o-linear-gradient(top,  #0f2c3c, #ecf5fb 5%); */
	}
#bgPhoto { text-shadow: 1px 1px 1px rgba(0, 0, 0, .9); border-top: 2px ridge #bebebe; border-bottom: 2px ridge #bebebe; color: #f3f3f3; }
#bgPhoto p:hover { text-decoration:underline; }
h1, h2 {font: 13px/22px Helvetica, Arial, sans-serif;
}
h3 {
	font: 13px/22px Helvetica, Arial, sans-serif;
	}
p {
	font: 13px/22px Helvetica, Arial, sans-serif;
	}
blockquote {
	text-align: justify;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .9);
			background: transparent;
/*	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#b1b1b1), color-stop(.05, #b1b1b1));
		background: -moz-linear-gradient(top,  #eeeeee, #b1b1b1 5%);
			background: -o-linear-gradient(top,  #eeeeee, #b1b1b1 5%);	*/
	-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
			border-radius: 22px;
	border-left:10px solid #080;
	margin: 10px 10px 10px 10px;
	padding: 50px 20px 0px 20px;
	quotes:  "\201C" "\201D";
	}
blockquote:before {
	color:#080;
	content:open-quote;
	font-size:120px;
	line-height:0px;
	margin-right:10px;
	vertical-align:-40px;
	}
blockquote:after {
	color:#080;
	content:close-quote;
	font-size:120px;
	line-height:0px;
	margin-right:10px;
	vertical-align:-90px;
}
blockquote p {
	display: inline;
}

/*
blockquote{background:#f9f9f9;border-left:1em solid #eee;margin:1.5em 1em;padding:.5em 1em;quotes:"\201C""\201D";}
       blockquote:before{color:#808080;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}
       blockquote :first-child{display:inline;}
       blockquote :last-child{margin-bottom:0;} */
/*================ START HEADER ======REMOVE FOR MegMENU=========== 
header, .mainHeader {
		background: #606f80;
		background: -webkit-gradient(linear, left top, left bottom, from(#606f80), to(#e1e1e1), color-stop(.8, #e1e1e1));
		background: -moz-linear-gradient(top,  #606f80, #e1e1e1 80%);
		background: -o-linear-gradient(top,  #606f80, #e1e1e1 80%);
	border-radius: 80px;
	padding: 0 0 15px 0;
	}
header h1 {
	font-size: 21px;
		line-height: 22px;
			padding: 17px 0;
			color: #5e3a00;
			text-shadow: -1px -1px 1px rgba(255, 255, 125, .9);
	}
header h2 {
	font-size: 14px;
		line-height: 22px;
			padding: 0px 0;
	}
header.mainHeader { 
 	width: 1066px;
	margin: auto;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(94, 58, 0, .6);
	font-weight:bold;	
			color: #5e3a00;
	}
header.mainHeader p a{ 
	text-shadow: 0px 1px 1px rgba(94, 58, 0, .9);
	font-weight:bold;	
			color: #ffffca;
	}
header.mainHeader p a:hover{ 
	text-shadow: 0px 1px 1px rgba(62, 38, 0,  .9);
	font-weight:bold;	
			color: #ffff7d;
	}
header.mainHeader img { cursor:pointer; cursor:hand; float:left;
	margin: 5px 0 0 10px;
	width: 85px;
	height:85px;
	}
========= END HEADER ====================== */	
/*================ START NAVIGATION ====================== */
nav { 
	position:relative;
	z-index:1001;
	text-align:center;
	margin: 0px auto 0;
	}
/*================ END NAVIGATION ====================== */

/*================ START INTRODUCTION / GALLERY ======*/
#introGallery {
	position: relative;
	margin: 10px auto 0;
	width:1020px;
	padding: 15px 20px 20px 10px;
		background: #606f80;
		background: -webkit-gradient(linear, left top, left bottom, from(#606f80), to(#e1e1e1), color-stop(.8, #e1e1e1));
		background: -moz-linear-gradient(top,  #606f80, #e1e1e1 80%);
		background: -o-linear-gradient(top,  #606f80, #e1e1e1 80%);
	-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
			border-radius: 22px;
			border: 1px solid #915700;
	}
#introGallery header {
	width:650px;
	float:right;
	padding: 5px 0;
	}
#introGallery header h2 {
	margin: 0 auto 0;
	text-align: center;
	color: #5e3a00;
	text-shadow: -1px -1px 1px rgba(255, 204, 0, .9);
	font-weight: normal;
	font-size: 16px;
	}
#introGallery p {
	text-align:justify;
		padding: 20px 0 0 0;
		color: #5e3a00;
	}
#introGallery img { 
	float: left;
	margin: 0 20px 0 0;
	width: 350px;
	height: 300px;
	-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
			border-radius: 22px;
	}
/*======== END INTRODUCTION / GALLERY ====================== */
/*================ START CAROUSEL HEADER STYLE ====================== */
.caoruselHeader { 
		background: #a2cfe8;
		background: -webkit-gradient(linear, left top, left bottom, from(#e3f1f9), to(#a2cfe8), color-stop(.2, #a2cfe8));
		background: -moz-linear-gradient(top,  #e3f1f9, #a2cfe8 20%);
		background: -o-linear-gradient(top,  #e3f1f9, #a2cfe8 20%);
				-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
				box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
	border-radius: 80px;
	padding: 5px 0 5px 0;
	margin: 15px 0 0 0;
	}
.caoruselHeader h2 {
text-align:center;
	font-size: 14px;
	color:#ffc164;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, .9);
	margin: 3px 0 3px 0;
	}
/*================ START CAROUSEL MAIN STYLE ====================== */
.container {
      width: 1070px;
      height: 470px;
      position: relative;
      margin: 10px auto 0;
      -webkit-perspective: 300px;
         -moz-perspective: 300px;
          -ms-perspective: 300px;
           -o-perspective: 300px;
              perspective: 300px;
			background: /* #fb9700;	*/ none;
/*	background: -webkit-gradient(linear, left top, left bottom, from(#fb9700), to(#ffe3b9), color-stop(.3, #ffe3b9));
		background: -moz-linear-gradient(top,  #fb9700, #ffe3b9 30%);
			background: -o-linear-gradient(top,  #fb9700, #ffe3b9 30%);
	-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
			border-radius: 22px;
	 box-shadow: 5px 5px 4px rgba(58, 105, 101, .9);
	 	-webkit-box-shadow: 5px 5px 4px rgba(58, 105, 101, .9);
 	 			-moz-box-shadow: 5px 5px 4px rgba(58, 105, 101, .9); */
    }
#carousel {
      width: 100%;
      height: 100%;
      position: absolute;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
          -ms-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
    }
.ready #carousel {
      -webkit-transition: -webkit-transform 1s;
         -moz-transition: -moz-transform 1s;
          -ms-transition: -ms-transform 1s;
           -o-transition: -o-transform 1s;
              transition: transform 1s;
    }
.ready #carousel figure {
      -webkit-transition: opacity 1s, -webkit-transform 1s;
         -moz-transition: opacity 1s, -moz-transform 1s;
          -ms-transition: opacity 1s, -ms-transform 1s;
           -o-transition: opacity 1s, -o-transform 1s;
              transition: opacity 1s, transform 1s; 
    }
#carousel.panels-backface-invisible figure {
     -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
          -ms-backface-visibility: hidden;
           -o-backface-visibility: hidden;
              backface-visibility: hidden;
    }
figure {
  margin: 0 0 0 0;
	}
#carousel figure {
      display: block;
	position: absolute;
	margin: auto;
	width:1020px;
      height: 430px;
      left: 25px;
      top: 20px;
			border: 1px solid #c60;
	}	
#carousel figure h2 {
	 font-size:16px;
      font-weight: bold;
			margin: 15px 15px 15px 15px;
			color: #5e3a00;
    }
#carousel figure h3 {
	 font-size:14px;
      font-weight: bold;
			margin: 0 15px 0 15px;
			color: #5e3a00;
    }
#carousel figure p {
      font-size: 12px;
      font-weight: normal;
      color: #5e3a00;
      text-align: justify;
		margin: 0 15px 0 15px;
    }
#carousel figcaption p {
	font-size:12px;
	}
#carousel table {
	width:590px;
	margin: 15px 15px 0 15px;
	float:left;
	}
#carousel thead tr:nth-child(1) p {
	font-size:18px;
	}
#carousel thead p {
	font-size:14px;
	}
#carousel table th p {
	font-weight: normal;
	text-align: center;
	}
#carousel table tbody tr:nth-child(1) {
	background-color: #fff;
}
#carousel table tbody tr:nth-child(2) {
	background-color: #ffa500;
}
#carousel table tbody tr:nth-child(3) {
	background-color: #ee82ee;
}
#carousel table tbody tr:nth-child(4) {
	background-color: #ffff00;
}
#carousel table tbody tr:nth-child(5) {
	background-color: #ff0000;
}
#carousel table tbody tr:nth-child(6) {
	background-color: #008000;
}
#carousel table tbody tr:nth-child(7) {
	background-color: #0000ff;
}
#carousel table tbody tr:nth-child(8) {
	background-color: #804040;
}
#carousel td p {
	margin: 3px 10px 3px 10px;
			text-align:center;
	}
#carousel table tbody tr:nth-child(n+6) p {
	color: #fff;
	}	 
#carousel figure img {
	float: left;
		margin: 15px 15px 0 15px;
	-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
			border-radius: 22px;
	}
#carousel figure img {
	width: 467px;
	height: 360px;
	}
#carousel figure:nth-child(7) img {
	width: 476px;
	height: 330px;
	}
#carousel figure:nth-child(9) img {
	width: 320px;
	height: 280px;
	}
#carousel figure:nth-child(n+2) img { 
	float:right;
	}
#carousel figure:nth-child(1) {  	
		background:url(../mainStart/figure.png);
		background-size:100% 100%;
		background-repeat:no-repeat;
	-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
			border-radius: 22px;
		}
#carousel figure:nth-child(1) header {  			
	background: #3a6965;
	background: -webkit-gradient(linear, left top, left bottom, from(#9bc8c4), to(#3a6965), color-stop(.3, #3a6965));
		background: -moz-linear-gradient(top,  #9bc8c4, #3a6965 30%);
			background: -o-linear-gradient(top,  #9bc8c4, #3a6965 30%);
				-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
				box-shadow: 2px 2px 3px rgba(255, 255, 255, .9);
	border-radius: 15px;
	padding: 2px 0 2px 0;
	margin: 15px 0 0 15px;
	width:350px;		
	}
#carousel figure:nth-child(1) header h2 {
	text-align:center;
	font-size: 16px;
	color:#ffc164;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, .9);
	margin: 3px 0 3px 0;		
	}		
#carousel figure:nth-child(1) p {
		text-align:left;
		font-size:14px;
		color: #fff;
		margin:5px 0 0 20px;
		text-shadow: 0px 1px 1px rgba(0, 0, 0,  .9);
		}
#carousel figure:nth-child(1) ul { 
		margin: 85px 0 0 30px;
	} 		
#carousel figure:nth-child(1) ul li { text-align:left;
		list-style: circle;
		color: #565656;
		font-size:19px;
			text-shadow: 1px 1px 1px rgba(255, 255, 255, .9);
	}
#carousel figure:nth-child(1) ul li:nth-child(n) { position: relative;
		margin: 5px 0 0 30px;
	}
#carousel figure:nth-child(2n+2) {
	 	background: #099;
		background: -webkit-gradient(linear, left top, left bottom, from(#099), to(#c1ffff), color-stop(.15, #c1ffff));
		background: -moz-linear-gradient(top, #099, #c1ffff 15%);
		background: -o-linear-gradient(top,  #099, #c1ffff 15%);
	-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
			border-radius: 22px;
		}
#carousel figure:nth-child(2n+3) {
	 background: #90c;
		background: -webkit-gradient(linear, left top, left bottom, from(#90c), to(#f4d5ff), color-stop(.15, #f4d5ff));
		background: -moz-linear-gradient(top, #90c, #f4d5ff 15%);
		background: -o-linear-gradient(top,  #90c, #f4d5ff 15%);
	-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
			border-radius: 22px;
		}
#carousel .priceBut {
	font-size: 14px;
	color:#fff;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, .6);
	width:280px;
	padding:4px;
	margin: 15px 15px -15px 15px;
	background: #376461;
 		background: -webkit-gradient(linear, left top, left bottom, from(#ddeceb), to(#376461), color-stop(.2, #376461));
			background: -moz-linear-gradient(top,  #ddeceb, #376461 20%);
				background: -o-linear-gradient(top,  #ddeceb, #376461 20%);
	-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
			border-radius: 22px;
			 border: 2px outset #fff;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
				box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
	cursor:pointer;
	text-align:center;
	text-decoration:underline;
	}
#carousel .priceBut:hover {
	color:#162726;
		text-shadow: 0px -1px 0px rgba(255, 255, 255, .9);
	background: #ddeceb;
	background: -webkit-gradient(linear, left top, left bottom, from(#376461), to(#ddeceb), color-stop(.8, #ddeceb));
		background: -moz-linear-gradient(top,  #376461, #ddeceb 80%);
			background: -o-linear-gradient(top,  #376461, #ddeceb 80%);
			 border: 2px inset #fff;
	}
#priceBut1 { float: left; margin-top: -55px; margin-left: 330px; }
#priceBut2 { float: left; margin-top: -30px; margin-left: 660px; }
#priceBut3 { float: left; margin-top: -75px; margin-left: 330px; }
#priceBut4 { float: left; margin-top: -25px; margin-left: 660px; }
#priceBut5 { margin-top: -10px; }
#priceBut6 { float: left; margin-top: -28px; margin-left: 330px; }
#priceBut7 { float: left; margin-top: -28px; margin-left: 660px; }	
#priceBut8 {  }	
#priceBut9 {  margin-top: -40px; margin-left: 235px; }
#priceBut10 {  margin-top: -40px; margin-left: 470px; }		
#priceBut11 {  margin-top: -45px; margin-left: 700px; }		
#priceBut12 { margin-top: 15px; }	
#priceBut13 { float: left; margin-top: -25px; margin-left: 235px; }
#priceBut14 { float: left; margin-top: -25px; margin-left: 470px; }		
#priceBut15 { float: left; margin-top: -25px; margin-left: 700px; }		

#carousel a {text-decoration:none;}	
#carousel figcaption p a {text-decoration:underline;}	

/*================ END CAROUSEL MAIN STYLE ====================== */
/* =============== START OPTIONS'S BUTTON & DISCLAIMER======================= */
#disclaimer {
  display: none;
  	margin-top:10px;	
		padding:5px;
			border-radius: 80px;
	}
.no-csstransforms3d #disclaimer {
	display: block; 
	color: #5e3a00;
	font-weight: bold;
	background-color: #f63;
	}
.no-csstransforms3d #disclaimer a {
	color: #090;
	}
#options {
  position: relative;
  z-index: 100;
  margin-bottom: 10px;
	text-align:center;		
	}
#infoNav { 
	margin: -80px auto 40px;
		font-size: 22px;
	color:#ffc164;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, .9);
	}
p#infoNav:first-letter {
	font-size: 300%;
	}
.optionsEnvelope {
	width:100%;
	margin: -20px auto 0;
	text-algn:center;
	height:100%;
		background: transparent !important; border: transparent !important;
/*		background: -webkit-gradient(linear, left top, left bottom, from(#606f80), to(#e1e1e1), color-stop(.8, #e1e1e1));
		background: -moz-linear-gradient(top,  #606f80, #e1e1e1 80%);
		background: -o-linear-gradient(top,  #606f80, #e1e1e1 80%);
	-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
				box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
	border-radius: 80px;
	padding-bottom:0px;
*/
	}
#options a, #options p {color:#ffd700;}
#options a {text-decoration:underline;}
#options a:hover {background-color: #0000ff; color: #d9d9ff;}
#navigation a:hover { background-color:transparent;}
button {
  font-size: 16px;
  -webkit-appearance: push-button;
}
/*
.priceNav { margin: 10px 5px 0 5px; }
 */
#navigation button {
	border: transparent !important;
		background-color: transparent !important;
			width:180px;
				height:180px;
				margin: 0;
					cursor:pointer;
	transition:width 2s, height 2s;
		-moz-transition:width 2s, height 2s, -moz-transform 2s;
			-webkit-transition:width 2s, height 2s, -webkit-transform 2s;
				-o-transition:width 2s, height 2s, -o-transform 2s;
		}
#navigation button#next {
	background-image:url('left.png'); margin: 0px 0px 0px 670px;
	}
#navigation button#previous {
	background-image:url('right.png'); margin: 0;
	}
#navigation button#next:hover { 
			width:180px;
				height:180px;
	transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
}
#navigation button#previous:hover {
			width:180px;
				height:180px;
	transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
	.priceNav {
/*	margin: 10px 5px 0 5px; */
/*		border: 2px solid #0b5ec2;
	font-size: 14px;
	color:#ffc164;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, .9);
	width:300px; height:33px;
	padding:5px 0 5px 0;
		background: #0b5ec2;
		background: -webkit-gradient(linear, left top, left bottom, from(#1fbaff), to(#0b5ec2), color-stop(.2, #0b5ec2));
		background: -moz-linear-gradient(top,  #1fbaff, #0b5ec2 20%);
		background: -o-linear-gradient(top,  #1fbaff, #0b5ec2 20%);
	-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
			border-radius: 16px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
				box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
		text-decoration:none; */
	}
#navigation a {text-decoration:none;}	
	
input.priceNav {
 text-decoration:underline;
	}
.priceNav:hover {
/*		border: 2px solid #1fbaff;
	background: #0b5ec2;
		background: -webkit-gradient(linear, left top, left bottom, from(#0b5ec2), to(#1fbaff), color-stop(.2, #1fbaff));
		background: -moz-linear-gradient(top,  #0b5ec2, #1fbaff 20%);
		background: -o-linear-gradient(top,  #0b5ec2, #1fbaff 20%); */
	}
#modifPane { display:none;
  position: relative;
  z-index: 1000;
  margin: 10px auto -20px;
	text-align:center;		
	}
#modifPane button, #modifPane span {
	font-size: 12px; z-index:1000;
	color:#ffc164;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, .9);
	width:170px;
	padding:2px;
	margin: 0 5px 0 5px;
	background: #3c2400;
	background: -webkit-gradient(linear, left top, left bottom, from(#3c2400), to(#915700));
		background: -moz-linear-gradient(top,  #3c2400, #915700 50%);
			background: -o-linear-gradient(top,  #3c2400, #915700 50%);
	-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
			border-radius: 22px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
				box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
	cursor:pointer; text-decoration:none;
	}
/* =============== END OPTIONS'S BUTTON ======================= */
/* =============== START PROXY RANGE ======================= */
.proxy-range {
  display: inline-block;
  position: relative;
  height: 10px;
  width: 280px;
  border: 0px solid hsla( 0, 0%, 0%, 0.15 );
			  /*	background-color: hsla( 0, 0%, 0%, 0.02 );
  border-radius: 15px;
  -webkit-box-shadow: inset 0 1px 7px hsla( 0, 0%, 0%, 0.3 );
     -moz-box-shadow: inset 0 1px 7px hsla( 0, 0%, 0%, 0.3 );
       -o-box-shadow: inset 0 1px 7px hsla( 0, 0%, 0%, 0.3 );
          box-shadow: inset 0 1px 7px hsla( 0, 0%, 0%, 0.3 );  */

}
.proxy-range.highlighted {
			  /*		background-color: hsla( 220, 90%, 50%, 0.15 ); */
}
.proxy-range .handle {
  width: 5px;
  height: 20px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px;
  border: 0px solid hsla(0, 0%, 0%, 0.3);
  position: absolute;
  top: 0px;
  left: 0px;
			  /*		  background-color: hsla( 220, 70%, 60%, 1.0 );
  background-image: -webkit-gradient(radial, center 15%, 0, center 30%, 30, #00F
    from(            hsla( 0, 0%, 100%, 0.6 ) ),  
    color-stop( 50%, hsla( 0, 0%, 100%, 0.0 ) ),
    color-stop( 50%, hsla( 0, 0%,   0%, 0.0 ) ),
    to(              hsla( 0, 0%,   0%, 0.5 ) )
  );
  background-image: -moz-radial-gradient(center 30%, cover,
    hsla( 0, 0%, 100%, 0.5 ),  
    hsla( 0, 0%, 100%, 0.0 ) 50%,
    hsla( 0, 0%,   0%, 0.0 ) 50%,
    hsla( 0, 0%,   0%, 0.5 )
  );
  -webkit-box-shadow: 
    0  2px 0px -1px hsla( 0, 0%, 100%, 1.0 ) inset, 
    0 -4px 2px -1px hsla( 0, 0%,   0%, 0.1 ) inset, 
    0  1px 2px  0px hsla( 0, 0%,   0%, 0.3 )
  ;
  -moz-box-shadow: 
    0  2px 0px -1px hsla( 0, 0%, 100%, 0.7 ) inset, 
    0 -4px 2px -1px hsla( 0, 0%,   0%, 0.1 ) inset, 
    0  1px 2px  0px hsla( 0, 0%,   0%, 0.3 )
  ;
  box-shadow: 
    0  2px 0px -1px hsla( 0, 0%, 100%, 0.7 ) inset, 
    0 -4px 2px -1px hsla( 0, 0%,   0%, 0.1 ) inset, 
    0  1px 2px  0px hsla( 0, 0%,   0%, 0.3 )
  ;
  -webkit-transition-property: width, height, top, left, -webkit-border-radius;
     -moz-transition-property: width, height, top, left, -moz-border-radius;
  -webkit-transition-duration: 0.1s;
     -moz-transition-duration: 0.1s; */
}
.proxy-range.highlighted .handle {
  height: 20px;
  top: 0px;
  width: 5px;
  left: 0px;
			  /*		background-image: -webkit-gradient(linear, 0 top, 0 bottom, 
    from(            hsla( 0, 0%, 100%, 0.6 ) ),  
    color-stop( 50%, hsla( 0, 0%, 100%, 0.0 ) ),
    color-stop( 50%, hsla( 0, 0%,   0%, 0.0 ) ),
    to(              hsla( 0, 0%,   0%, 0.5 ) )
  ); */
  border-radius: 3px;
}
/* =============== END PROXY RANGE ======================= */
/*------ CONTENT AREA AND SIDEBAR LAYOUT -------*/
#content { 
	display: table;
		text-align:center;
			margin: 0px auto 20px auto;
	}
#mainContent {
		display: table-cell;
		width:/* 720px; */760px; padding:0 20px 0 20px; background: #e1e1e1; border-radius:15px;
	}
aside {
		display: table-cell;
		width: 350px;
	}
/*------ BLOG POST STYLE -----*/
.blogPost header h1 {
	padding: 15px 0 5px 0;
		font-size: 16px;
		text-shadow: 2px 2px 2px rgba(0, 17, 0, .8);
	font-weight:bold;	
			color: #fff3e0;
	}
.blogPost div { margin-top:10px;
	-moz-column-count: 2;
	-webkit-column-count: 2;
		column-count: 2;
	-moz-column-gap: 22px; -webkit-column-rule: 1px solid #e3e3e3;
	-webkit-column-gap: 22px; -webkit-column-rule: 1px solid #e3e3e3;
		column-gap: 22px; column-rule: 1px solid #e3e3e3;
	}
.blogPost div p {
	font-size: 14px;
	line-height: 20px;
	padding: 22px 0;
	color: #5e3a00;
	text-align: justify;
	}
.blogPost div p:first-letter {
	font-size: 200%;
	}
.blogPost div p:first-line {
font-size: 16px;
	color:#060;
		font-weight: bold;
			text-shadow: 2px 1px 1px rgba(255, 255, 255, .8);
	}
.blogPost div blockquote p {
		color: #003300;
	}
/*---- COMMENTS WITHIN BLOG POST STYLE ---------*/
#comments {
	margin-top: 21px;
	padding-top: 22px;
	border-top: 1px solid #d7d7d7;
	margin-bottom: 10px;
	color: #5e3a00;
}
#comments article {
		display: table;
		padding: 22px;
	}
#comments article:nth-child(odd) {
		padding: 21px;
		border: none;
		background: #fb9700;	
	background: -webkit-gradient(linear, left top, left bottom, from(#fb9700), to(#ffe3b9), color-stop(.3, #ffe3b9));
		background: -moz-linear-gradient(top,  #fb9700, #ffe3b9 30%);
			background: -o-linear-gradient(top,  #fb9700, #ffe3b9 30%);
	-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
			border-radius: 22px;
	}
#comments article header .comHeader {
			display: table-cell;
			width: 220px;
			padding-right: 22px;
	}
#comments article header.comHeader a {
				display: block;
				font-weight: bold;
				color: #5e3a00;
	}
#comments article header.comHeader a:hover {
					text-decoration: none;
	}
#comments h2 {
	margin: 0 auto 0;
		padding: 15px 0 0 0;
	font-size: 18px;
		text-shadow: 2px 2px 2px rgba(0, 17, 0, .8);
	font-weight:bold;	
			color: #fff3e0;
	}
#comments article p {
		text-align: justify;
			padding: 20px; font-size: 14px;
	}
#comments blockquote p {
	  color:	#003300;
	}
/*------- COMMENT FORM -------*/
/*-------- SIDEBAR ----------*/
aside .impress {
	font-size: 14px;
	color:#ffc164;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, .9);
	width:220px;
	padding:5px;
	margin: 0 5px 0 5px;
	background: #3c2400;
 	background: -webkit-gradient(linear, left top, left bottom, from(#3c2400), to(.15, #915700));
		background: -moz-linear-gradient(top,  #3c2400, #915700 15%);
			background: -o-linear-gradient(top,  #3c2400, #915700 15%);
	-webkit-border-radius: 22px;
		-moz-border-radius: 22px;
			border-radius: 22px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
				box-shadow: 0px 1px 3px rgba(0, 0, 0, .9);
	cursor:pointer; text-decoration:none;
	}
aside section {
	margin: 22px 0 0 22px;
	padding: 21px 22px;
	background: #8b8b8b;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#575757));
		background: -moz-linear-gradient(top,  #eeeeee, #575757 90%);
			background: -o-linear-gradient(top,  #eeeeee, #575757 90%);	
	-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
			border-radius: 22px;
	}
aside section header h2 {
	margin: 0 auto 0;
		padding: 5px 0 0 0;
	text-align:center;
	font-size: 14px;
		text-shadow: 2px 2px 2px rgba(0, 17, 0, .8);
	font-weight:bold;	
			color: #fff3e0;
	}
aside section p {
	text-align:justify;
		font-size: 12px;
	color: #fff;
	}
aside section ul {
	margin: 0 0 0 22px;
		padding: 22px 0;
	list-style: none;
	text-align: left;
		font: 13px/22px Helvetica, Arial, sans-serif;
			font-size: 18px;
			font-weight: normal;
				line-height: 32px;
					color:#000;
			text-shadow: 2px 1px 1px rgba(255, 204, 0, .4);
	}
aside section ul li:first-letter {
	font-size:180%;
	}
aside section ul li a{
			display: block;
			text-decoration: none;
			color: #0b0b0b;
				text-indent:-20px;
	}
aside section ul li a:hover {
				text-decoration: underline;
	}
aside div header#html5 {
	width: 200px;
	height: 180px;
		margin: 40px auto;
		text-align: center;
			background: #a60000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7777), to(#a60000), color-stop(.5, #a60000));
		background: -moz-linear-gradient(top,  #ff7777, #a60000 50%);
			background: -o-linear-gradient(top,  #ff7777, #a60000 50%);	
				-webkit-box-shadow: 4px 4px 4px rgba(0, 17, 0, .8);
		-moz-box-shadow: 4px 4px 4px rgba(0, 17, 0, .8);
				box-shadow: 4px 4px 4px rgba(0, 17, 0, .8);
	-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
			border-radius: 100px;
	}
#html5 p:nth-child(1) {
	padding-top:85px; font-size:200px; color: #ff0000; text-shadow: 4px -4px 2px rgba(255, 255, 255, .9);
	}
#html5 p:nth-child(2) {
	-webkit-transform: perspective( 400px ) rotateY( -45deg );
		-moz-transform: perspective( 400px ) rotateY( -45deg );
			-ms-transform: perspective( 400px ) rotateY( -45deg );
				-o-transform: perspective( 400px ) rotateY( -45deg );
					transform: perspective( 400px ) rotateY( -45deg );
	margin:-15px 0 0 -130px; font-size:150px; opacity: .7; font-weight:bold;	
		text-shadow: 3px 3px 3px rgba(0, 17, 0, .8);
			color: #fff3e0;
	}	
/*--------- FOOTER ---------*/
footer {
	position: relative;
	margin: 0 auto;

	background: #0f2c3c;
	background: -webkit-gradient(linear, left top, left bottom, from(#a2cfe8), to(#0f2c3c), color-stop(.05, #0f2c3c));
		background: -moz-linear-gradient(top,  #a2cfe8, #0f2c3c 5%);
			background: -o-linear-gradient(top,  #a2cfe8, #0f2c3c 5%);	
	font: 13px/22px Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	padding: 22px 0;
	}
aside.header  {
		background: #606f80;
		background: -webkit-gradient(linear, left top, left bottom, from(#606f80), to(#e1e1e1), color-stop(.8, #e1e1e1));
		background: -moz-linear-gradient(top,  #606f80, #e1e1e1 80%);
		background: -o-linear-gradient(top,  #606f80, #e1e1e1 80%);
	border-radius: 80px;
	padding: 0;
		width:350px;
		margin: 0;
		text-align: center;
	}
#about p {
	line-height:42px;
	}
footer div {
		display: table;
		margin: -40px auto;
		padding: 44px 0;
		width: 1070px;
		color: #999;
	}
footer div section {
			display: table-cell;
			width: 350px;
	}
footer div #about, footer div #blogroll {
			padding: 0px;
	}
footer aside.header {
	padding: 5px 0 5px 0;
	}
footer h3 {
	margin: 0 auto 0;
		padding: 0;
		text-align:center;
		text-shadow: 2px 2px 2px rgba(0, 17, 0, .8);
	font-weight:bold;	
			color: #fff3e0;
	}
footer a {
		color: #999;
	}
footer a:hover {
			color: #fff;
		text-decoration: underline;
		}
footer ul {
		margin: 20px 0 0 40px;
		list-style: square;
		color: #565656;
	}
footer ul li a {
			display: block;
	}