/**

Theme: Grain
Author: Michael Grissinger
Version: 2.1

**/

/** Reset Minimized ***********************************************/
/******************************************************************/
@charset"utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}button{cursor:pointer}hr{margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{background-color: #ff9; color: #000; text-decoration: none;}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/** Additional CSS Love - Minimized *******************************/
/******************************************************************/
html{overflow-y:scroll}ul,ol{margin-left:2em}ol{list-style-type:decimal}nav ul,nav li{margin:0;list-style:none;list-style-image:none}strong,th{font-weight:bold}label,input[type=button],input[type=submit],button{cursor:pointer}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}


/** Sitewide Styles ***********************************************/
/******************************************************************/

body { background: url(../img/bgBody.jpg); font: 12px/18px Arial, Helvetica, sans-serif; color: #aeaeae; }
#shell { margin: 0 auto; }
.container { margin: 0 auto; width: 940px; position: relative; }
.img_left { float: left; margin: 0 12px 5px 0; }
.img_right { float: right; margin: 0 0 5px 12px; }
.clear { clear: both; }
.twoCols { width: 50%; float: left; }
.hidden { display: none; visibility: hidden; } 
.invisible { visibility: hidden; }


::-moz-selection{ background: #b62929; color:#fff; text-shadow: none; }
::selection { background:#b62929; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #b62929; }

.cufon-loading #logo, .cufon-loading header nav li a, .cufon-loading .powerSlide .largeText { visibility: hidden; }

/** Header Styles *************************************************/
/******************************************************************/

header { position: relative; background: url(../img/bgHeader.jpg) repeat-x; height: 152px; z-index: 20; }
header .container { height: 152px; }

	#logo { position: absolute; left: 0; bottom: 25px; }
	
		#logo a { display: block; text-decoration: none; }
		
			#logo .simple-logo { display: block; text-transform: uppercase; }
				#logo .largeWhite { color: #fff; font-size: 48px; line-height: 1; }
				#logo .logoSubtitle { color: #b62929; font-size: 18px; display: block; }
	
	header nav { position: absolute; top: 59px; right: -80px; }
	.ie7 header nav, .ie8 header nav { top: 61px; }
	header nav ul {  }
	header nav ul li { float: left; position: relative; }
	header nav ul li a { color: #fff; text-transform: uppercase; font-size: 18px; padding: 10px 10px 52px; display: block; }
	header nav ul li a.nav-selected, header nav ul li a:hover, header nav>ul>li:hover>a, header nav ul li a.nav-path-selected { background: #b62929; }
	header nav ul li.hover {  }
	header nav ul li.hover a {  }
	
		header nav ul ul { display: none; background: #b62929; width: 160px; padding: 15px; position: absolute; top: 55px; left: 0; }
		header nav ul li:hover ul { display: block; }
		header nav ul li:hover ul li { display: block; float: none; width: auto; }
		header nav ul li ul li a { font-size: 14px; text-decoration: none; position: relative; display: block; padding: 3px 0; }


#vignetteShell { margin-top: 20px; }
/*
	.powerSlideShell {  }

		.powerSliderContainer { height: 368px; }
		
			.powerSlide { position: relative; display: block; width: 940px; height: 368px; overflow: hidden; }
				
				.powerSlide img { width: 940px; height: 368px; vertical-align: top; }
				.powerSlide .largeText { position: absolute; font-size: 36px; display: block; top: 61px; left: 0; color: #fff; text-transform: uppercase; background: url(../img/bgBlack75.png); padding: 15px; }
			
		.powerSliderPagination { width: 458px; height: 40px; text-align: center; background: url(../img/bgPagination.jpg); margin: 0 auto; }
			.powerSliderPagination a { display: inline-block; width: 24px; height: 24px; background: #3b3f45; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin: 5px 2px 0; text-indent: -9999em; }
			.ie7 .powerSliderPagination a { display: inline; }
			.powerSliderPagination a:hover, .powerSliderPagination a.activeSlide { background: #fff; }
*/		

/** Body/Content Styles *******************************************/
/******************************************************************/

#mainShell { position: relative; margin: 45px 0 0; }
#mainShell>.container { padding: 0 0 30px; }
		
		
	/** General Content Elements ******************************/
	/**********************************************************/
	
	#mainShell hgroup {  }
	#mainShell h1 { font-size: 48px; color: #fff; margin: 0 0 40px; }
	#mainShell h2 { font-size: 28px; color: #fff; margin: 10px 0 18px; text-transform: uppercase; }
	#mainShell h3 { font-size: 18px; color: #fff; margin: 10px 0 18px; }
	#mainShell p { margin: 0 0 2em; }
	#mainShell a { color: #b62929; text-decoration: underline; }
	#mainShell a:hover { color: #fff; text-decoration: none; }
	#mainShell strong { color: #fff; font-weight: bold; font-size: 13px; }
	#mainShell em {  }
	#mainShell ul, ol { margin: 2em 0; }
	#mainShell ul ul, #mainShell ol ol { margin: 10px 0; }
	#mainShell ul { margin-left: 0; }
	#mainShell ul li { list-style: none; background: url(../img/bgContentLi.jpg) no-repeat 0 2px; padding-left: 2em; }
	#mainShell ul li a {  }
	#mainShell ol { margin-left: 2em !important; }
	#mainShell ol li {  }
	#mainShell dl {  }
	#mainShell dl dt {  }
	#mainShell dl dd {  }
	#mainShell hr { margin: 20px 0; }
	#mainShell img {  }
	#mainShell blockquote { border-left: 4px solid #ddd; padding-left: 30px; }
	


	/** Form Elements ******************************************/
	/***********************************************************/
	
	#mainShell form {  }
	#mainShell fieldset {  }
	#mainShell label { vertical-align: top; }
	#mainShell input, #mainShell textarea, #mainShell select { background: #444; color: #ccc; border: 1px solid #555; padding: 4px; }
	#mainShell input {  }
	#mainShell input[type="submit"] { background: #000; border: none; color: #fff; padding: 5px 15px; }
	#mainShell input[type="submit"]:hover { background: #b62929; }
	#mainShell textarea {  }
	#mainShell select {  }
	
	#mainShell .formBlockSurveyTable td { vertical-align: top; }
	#mainShell .formBlockSurveyTable .question { font-weight: bold; color: #fff; }
	
	/** Main ******************************************************/
	/**************************************************************/
	
	#main {  }
	.rightSidebar #main { width: 620px; float: left; margin-right: 20px; }
	
	/** Sidebar ***************************************************/
	/**************************************************************/
	
	#sidebar { background: url(../img/bgSidebar.jpg); padding: 15px; width: 270px; float: left; }
	#sidebar a { color: #f28383; }
	.homepage #sidebar {  }
	
	/** Ankle *****************************************************/
	/**************************************************************/
	
	#ankle { background: url(../img/bgAnkle.jpg); border-top: 1px solid #434647; border-bottom: 1px solid #434647; padding: 50px 0; overflow: auto; }
	
		#ankleContent {  }
		.homepage #ankleContent { margin-right: 20px; float: left; width: 620px; }
		
	/** Example Demo Styles ***************************************/
	/**************************************************************/
	
	.ccm-remo-expand { margin: 5px 0; }	
	#sidebar .ccm-remo-expand a:hover { color: #b62929; }
		.ccm-remo-expand-content { padding: 8px 0; }
		
	.ccm-jereme-tweetcrete-timeline li { background: none !important; padding-left: 0 !important; }
	.ccm-jereme-tweet-follow-link { color: #fff !important; margin: 10px 0; }


/** Footer Styles *************************************************/
/******************************************************************/

footer { position: relative; padding: 30px 0; }

	footer nav { margin: 0 0 20px; }
	footer nav ul {  }
	footer nav ul li { display: inline; margin-right: 10px; }
	footer nav ul li a { font-size: 16px; color: #cecece; text-transform: uppercase; }
	footer nav ul li a:hover { color: #b62929 ; }
	footer nav ul li.hover a {  }
	
	#footerContent { width: 700px; }
	
	#vivid { position: absolute; top: 30px; right: 0;  }
	#vivid a { font-size: 16px; color: #cecece; text-transform: uppercase; }
	
	@media only screen and (max-width : 960px) {
		
		.container { width: 100%; }
		
		#mainShell { }
		
		#mainShell h1 { font-size: 38px; }
		#mainShell h2 { font-size: 24px; }
		
		#main { margin-left: 15px; margin-right: 15px; }
		
		.rightSidebar #main { width: 60%; }
		
		.powerSliderShell { position: relative; width: 100% !important; height: 368px !important; }
	.powerSliderContainer { position: relative; overflow: hidden; width: 100% !important; height: 300px !important; }
		
			.powerSlide { position: relative; display: block; width: 100% !important; height: 368px !important; overflow: hidden; }
				
				.powerSlide img { width: 100% !important; height: auto !important; vertical-align: top; }
				.powerSlide .largeText { }
	
	.powerSliderPagination { }
				
		.homepage #ankleContent { width: 58%; }
		
		#vivid { right: 10px; }
		
		
	}
	
	@media only screen and (max-width : 768px) {
	
	.rightSidebar #main { width: 90%; }
	
	.powerSliderShell { position: relative; width: 100% !important; height: 325px !important; }
	.powerSliderContainer { position: relative; overflow: hidden; width: 100% !important; height: 80% !important; }
		
			.powerSlide { position: relative; display: block; width: 100% !important; height: 300px !important; overflow: hidden; }
				
				.powerSlide img { width: 100% !important; height: auto !important; vertical-align: top; }
				.powerSlide .largeText { }
	
	.powerSliderPagination { }
	
	#ankle { padding-left: 15px; padding-right: 20px; }
	
	.homepage #ankleContent { width: 90%; }
	
	#sidebar { width: 93%; } 
	
	.ccm-layout-row.fourColRow .ccm-layout-col { width: 50% !important }

}

	@media only screen and (max-width : 660px) {
		
	#logo { top: 54px; }
		
	nav { margin-top: 82px; }
	
	header { position: relative; background: url(../img/bgHeader.jpg) repeat-x; height: 225px; z-index: 20; }
	
	header .container { height: 225px; }
	
	#vignetteShell { margin-top: 15px; }
	
	.powerSliderShell { position: relative; width: 100% !important; height: 235px !important; }

	.ccm-layout-row.fourColRow .ccm-layout-col { width: 100% !important }

	#footerContent { width: 90%; margin-left: 15px; }
	
		footer nav ul { margin: 50px 0 0 15px; }
	
		footer nav ul li {  }

	#vivid { left: 15px; }

}

	
	@media only screen and (max-width : 480px) {
	
	#logo { left: 15px; }
	
	.container { overflow-x: hidden; }
	
	header { height: 440px; }
	
	header .container { height: 420px; overflow-y: hidden; }
	
	header nav ul ul { z-index: 9999; }
	
	header nav ul li { width: 100%; height: auto; }
	
	header nav ul li a { padding-bottom: 30px !important; }
	
	#vignetteShell { margin-top: 20px; }
	
	.powerSliderShell { position: relative; width: 100% !important; height: 200px !important; }
	.powerSliderContainer { position: relative; overflow: hidden; width: 100% !important; height: 150px !important; }
		
			.powerSlide { position: relative; display: block; width: 100% !important; height: 150px !important; overflow: hidden; }
				
				.powerSlide img { width: 100% !important; height: auto !important; vertical-align: top; }
				.powerSlide .largeText { font-size: 16px !important; }
	
	.powerSliderPagination { width: 100% !important; height: 40px; }
			.powerSliderPagination a { }
			.ie7 .powerSliderPagination a { }
			.powerSliderPagination a:hover, .powerSliderPagination a.activeSlide { }
	
		.homepage #ankleContent { width: 60%; }
	
	.homepage #ankleContent { width: 95%; }
	
	.ccm-layout-table .ccm-layout-col { width: 100% !important; float: left; clear: both; }
	
	#ccm-layout-2 .ccm-layout-col-spacing { margin: 0 !important; }
	
	.sortable_fancybox_gallery_image { margin-left: 20% !important; clear: both !important; }
	
	#sidebar { width: 85%; }
	
	#footerContent { width: 90%; margin-left: 15px; }
	
		footer nav ul { margin: 50px 0 0 15px; }
	
		footer nav ul li { display: block; margin-right: 10px; }
	
	}