/***** Reset & Basics *****/

html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
embed, figure, figcaption, footer,
header, hgroup, menu, nav, output,
ruby, section, summary, time, mark,
audio, video 							{ margin: 0; padding: 0; border: 0; font-size:100%; font:inherit; vertical-align:baseline; }

article, aside, details, figcaption, 
figure, footer, header, hgroup, menu, 
nav, section 							{ display:block; }

body 									{ line-height:1;
}

 ul, ol 									{ list-style-type: square; line-height: 20px;
 }




	
/***** Basic Styles *****/

html 									{ overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
body									{ margin:0 0 0 0; padding:0; font:13px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; 

											 color: #555; background: #F8F6F7;
											 -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; }
									 
	


/***** Typography *****/

h1, h2, h3, h4, h5, h6 					{ text-shadow: 0px 2px 1px #fff; margin:0; padding:0; font-family:"Palatino", "Palatino Linotype", "Georgia", serif; font-weight:normal; } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ font-weight:inherit; }
h1 										{ margin:0 0 0 0; padding:0; font-size:48px; line-height:52px; text-align: center;  }
h2										{ margin:40px 0 10px 0; padding:0; font-size: 24px; line-height: 34px;
font-variant: small-caps;
}
h3 										{ margin:0 0 0 0; padding:0; font-size: 30px; line-height: 45px; text-align: center;
}
h4 										{ margin:0 0 10px 0; padding:0; font-size:18px; line-height:22px;  }
h5 										{ margin:23px 0 17px 0; padding:0; font: 13px "Tahoma", "Trebuchet MS", Helvetica, sans-serif;  }
h6 										{ margin:0 0 10px 0; padding:0; font-size:12px; line-height:16px;  }

p 										{ margin:0; padding:0 0 10px 1px; line-height:20px; }

strong 									{ font-weight:bold;  }
em 										{ font-style:italic; }


/***** Lists *****/




/***** Links *****/

a:link 									{ color:#999; text-decoration:none; outline:0; transition-property:color .3s linear 0s; -moz-transition:color .3s linear 0s; -webkit-transition:color .3s linear 0s; -o-transition:color .3s linear 0s; line-height: inherit;
}
a:visited 								{ color:#999; text-decoration:none; outline:0; }
a:active 								{ color:#999; text-decoration:none; outline:0; }
a:hover 			 					{ color:#444; text-decoration: underline; }
a:focus 								{ -moz-outline-style:none; }



/***** Images iFrames & Videos  *****/

img 									{ padding-top: 4px;
	border:0; -ms-interpolation-mode:bicubic; }
.max-image 								{ width:100%; height:16px;
}	


.break {
	    display: block;
		margin: 0 auto;
		padding-bottom: 40px;


}


	
.media 									{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:0px solid #ccc; }
.media iframe,
.media object,  
.media embed 							{ position:absolute; top:0; left:0; width:100%; height:100%; }




/***** Buttons  *****/

a.btn, .btn 							{ margin:5px 0 5px 0; padding:4px 25px 4px 10px; display:inline-block; color:#fff; border:1px solid #000; background:#000 url(../images/btn-arrow.png) no-repeat right; cursor:pointer; }
a:hover.btn 							{ text-decoration:none; border:1px solid #000; color:#666; background:#000 url(../images/btn-arrow.png) no-repeat right; }	
	


/***** Blockquote  *****/




blockquote, blockquote p {
    font-size: 20px;
    line-height: 130%;
    color: rgb(68, 68, 68);
    font-style: italic;
    font-family: "Georgia",  "Palatino", "Palatino Linotype", serif;
}


cite {
    margin: 10px 0 20px;
    text-align: right;
    display: block;
    font-size: 13px;
}

cite em {
	    color: #999;
	
}

cite:before {
    content: "\2014 \0020";
}



/***** Custom Classes *****/



#footer {

border-top: 1px solid #fff; margin: 100px 0 0 0;	height: 50px; background-color: #333; padding: 25px 0;	;  color: #dad5d1; text-align: center;

}	

#footer a {
color: #dad5d1;
}

a.top {
	font-size: 20px; color: #444; text-decoration: none;
	
}

a:hover.top { color: #999; transition-property:color .3s linear 0s; -moz-transition:color .3s linear 0s; -webkit-transition:color .3s linear 0s; -o-transition:color .3s linear 0s;}


a.littlep {
	font-size: 16px; color: #444; text-decoration: none;
	
}

a:hover.littlep { color: #999; transition-property:color .3s linear 0s; -moz-transition:color .3s linear 0s; -webkit-transition:color .3s linear 0s; -o-transition:color .3s linear 0s;}





div.peek {
	border: 1px solid #fff;
	width: 150px;
	height: 150px;
	background-color: #F8F6F7;
 border-radius: 100%;
 		background-attachment: fixed;
 		
box-shadow:         inset 0px 0px 15px rgba(0,0,0,0.50);	
}



	
/***** Global Classes *****/

.img-left   							{ float:left; margin:0 30px 30px 0; border:none; }
.img-right  							{ float:right; margin:0 0 30px 30px; border:none; }
	
.clear       							{ clear:both; }
.float-left 							{ float:left; }
.float-right   							{ float:right; }

.text-big								{ color:#a2bd30; font-weight:bold; line-height:26px; }
.text-left    							{ text-align:left; }
.text-right    							{ text-align:right; }
.text-center   							{ text-align:center; }
.text-justify  							{ text-align:justify; }

.normal									{ font-weight:normal; }
.bold          							{ font-weight:bold; }
.italic        							{ font-style:italic; }
.underline     							{ border-bottom:1px solid; }
.highlight     							{ padding:0 3px 2px; color:#333; font-size:11px; background:#00deff; font-weight:bold; }
.intro									{ font-size:130%; line-height:130%; }

.nopadding 						   		{ padding:0; }
.noindent  						   		{ margin-left:0; padding-left:0; }
.nobullet  					   			{ list-style:none; list-style-image:none; }

.block									{ display:block; }
.hidden									{ display:none; }
.hide 									{ display:none; }