/* Timothy Framework - www.timothyframework.com */
/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */


/* Color and Font Legend 

Standard Stacks:

font-family: Arial, Helvetica, Geneva, sans-serif;
font-family: Times New Roman, Times, Lucida Bright, Garamond, Georgia, serif;
font-family: Tahoma, Verdana, Gill Sans, Candara. sans-serif;
font-family: 'Courier New', Courier, monospace; 

Common Google Web Font Stacks

font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;

font-family: 'Source Sans Pro', monospace;

font-family: 'PT Sans', sans-serif;
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'PT Serif', serif;

font-family: 'Droid Sans', sans-serif;
font-family: 'Droid Sans Mono', sans-serif;
font-family: 'Droid Serif', serif;

font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;

font-family: 'Raleway', sans-serif;
font-family: 'Averia Serif Libre', cursive;

*/


/* Reset */

html, body { margin: 0; padding: 0; border: 0;  
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
	line-height: normal;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}
	
blockquote, q { quotes: none; }

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

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: 100;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul, li	{  list-style-type: circle; }

img			{
	max-width:100%;
}


/* Styles */


body  {  
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#000;
	background-image:url(../images/bg/bg1.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}

h1, h2, h3, h4, h5, h6 { font-weight: 100; color: #fff;
					font-family:'Raleway', Arial, Helvetica, Geneva, sans-serif; }


.header  {  
	text-align:center;
	width:100%;
	height:65px;
	clear:both;
	background:#000 url(../images/bg/bg3.jpg) repeat top left;
	border-bottom:7px solid #222;
}

.header h2 	{ font-size:16px; font-weight:100; text-transform:uppercase;
				padding:27px 0 0 85px;
				font-family:'Raleway', Arial, Helvetica, Geneva, sans-serif; }
.header h4 	{ font-size:16px; font-weight:100; text-transform:lowercase;  }

.header a  {  
	color:#ccc;
	text-shadow:1px 1px 1px #000;
	padding-right:20px;
}

.header a:hover  {  
	color:#fff;
}

.container   {  
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */

}

.left  {  
	float:left;
	margin-left:10px;
}

.back  {  
	position:absolute;
	right:10px;
	top:0px;
}

.float-left	{ 
	float:left; }
	
.float-right	{ 
	float:right; }
	

h2  {  
	font-size:60px;
	color:#060;
	font-weight:200;
	padding:20px 0 20px 0;
}

h3  {  
	font-size:32px;
	font-weight:100;
	color:#fff;
	padding:30px 0 10px 10px;
	font-family:'Averia Serif Libre', Arial, Helvetica, Geneva, sans-serif;
}

h4  {  
	font-size:20px;
	padding:10px;
	font-weight:200;
	color:#fff;
	font-family:'Averia Serif Libre', Arial, Helvetica, Geneva, sans-serif;
}

a  {  
	color:#ccc;
	padding:0 20px 0 10px;
	text-decoration:none;
}

a:hover	{
	color:#3CF;	
}

.content p, .content li  {  
	padding:10px;
	color:#ccc;
	text-shadow:none;
	font-size:14px;
	line-height:100%;
}

.content li	{ list-style-type:square; margin:0 50px; }

.content  {  
	padding:40px 40px 80px 40px;
	width:700px;
	background-color:#000;
	background-image:url(../images/PREVIEW-AdobeStock_92071224_WM.jpeg);
	margin-left:80px;
	position:relative;
	background-image:url(../images/bg/bg2.jpg);
	background-repeat:repeat;
}

.content-image 	{ padding:3px; margin:7px; border:5px #ccc solid; }

.details h4		{ font-size:22px; font-weight:200; 	}
.details p		{ font-size:12px; font-weight:200;	line-height:140%;	}

.reveal-modal h3	{ color:#000; padding:0; margin:0;	}
.reveal-modal p	{ color:#000; }

.popup-image		{ float:left; padding:0 20px 0 0; }

#popup-menu1		{ padding:5px 0 10px 150px;	}
#popup-menu2		{ padding:10px 0 20px 0; }

.product-float-right	{ float:right; margin:0 0 0 30px;
						border:3px #aaa solid; padding:2px; }

.price-float-right	{ float:right; margin:0 0 0 30px;
						font-weight:200;
	color:#FC3;}
.price-float-left	{ float:left; margin:0 0 0 0px;
						font-weight:200;
	color:#FC3;}
.team-image			{ float:right; margin-left:21px;
						border:4px #aaa solid; padding:2px; }

#gallery				{ 	}
#gallery ul			{ 	}
#gallery ul li			{ display:inline; list-style-type:none; 
						margin:0 0 0 0; padding:0 0 0 0;	}
#gallery img			{ border:3px #aaa solid; padding:2px; margin:10px 0;  	}

#social-media 			{ padding:30px 0;	}
#social media ul		{ text-align:center;	}
#social-media ul li		{ display:inline; margin:0; padding:0 10px;	}
#social-media img		{ 	}

.footer   {  
	position:absolute;
	width:100%;
	height:50px;
	line-height:50px;
	bottom:0; /* stick to bottom */
	background:#f0f0f0;
	border-top:7px solid #222;
	text-align:center;
	text-shadow:1px 1px 1px #000;
	color:#fff;
	background:#000 url(../images/bg/bg3.jpg) repeat top left;
	border-top:1px #000 solid;
	
}

.footer ul	{ text-align:left; padding:20px 0; margin-top:-20px; }
.footer ul li	{ display:inline; margin:0 10px; }

.footer a  {  
	color:#aaa;
	padding:0px 10px;
	text-shadow:1px 1px 1px #000;
}

.footer a:hover  {  
	color:#fff;
	text-shadow:0px 0px 1px #fff;
}

#footer-content	{ margin-top:-20px; overflow:auto; background-color:#000; }

.footer-text	{ color:#aaa; margin:10px 20px 5px 0px; text-align:right; }


/* Forms */

#form1	 				{ margin:0; padding:0;	}

ol li					{ display:block; padding:20px 0px 5px 0px; }

form ol 					{ list-style-type:none; }

label 					{ display: block; margin:5px 0 8px 0; 
							font-family:Arial, Helvetica, sans-serif; font-size:14px;
							text-transform:uppercase;  } 
								
input, textarea, select 		{ display: block; width:550px; color:#000;
							padding:10px; border:1px #aaa solid; }

input					{ border:1px #aaa solid;	}
input:focus 				{ background-color:#000; color:#fff;
							border:1px #f00 solid;	}
input:active 				{ background-color:#000; color:#fff;
							border:1px #f00 solid;	}

textarea					{ height:120px;	}
textarea:focus 			{ background-color:#000; color:#fff;
							border:1px #f00 solid;	}
textarea:active 			{ background-color:#000; color:#fff;
							border:1px #f00 solid;	}

select					{	}
select:focus				{	}

legend					{ 	}
fieldset					{ 	}

.submit					{ padding:5px 20px; width:140px; margin-bottom:20px; }


/* Search Box */

#search-box			{ width: 200px; height: 28px; margin: 20px 0 0 300px; display: block; 
						float:left; }

#search-form 			{ width: 200px; height: 28px; margin: 0; 
						position: relative; }

#search-input 			{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
						position: relative; 
						margin: 0; padding: 5px 35px 5px 5px; 
						width: 158px; outline:none; 
						color: #999; background: #eee; 
						border: 1px solid #d2d2d2; 
						border-bottom: 1px solid #d8d8d8; 
						border-radius: 3px; 
						-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 0px 6px rgba(0,0,0,0.07); 
						-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 0px 6px rgba(0,0,0,0.07); 
						-o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 0px 6px rgba(0,0,0,0.07); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 0px 6px rgba(0,0,0,0.07); }

#search-input:focus 	{ background: #fcfcfc; color: #666; 
						border: 1px solid #d2d2d2; 
						border-bottom: 1px solid #d8d8d8; }

#search-button 		{ position: absolute; 
						left: 172px; top: 0px; 
						width: 28px; height: 28px; 
						text-indent: -9999px; 
						outline: none; 
						border: 1px solid #ccc; 
						border-bottom: 1px solid #d2d2d2; 
						border-radius: 0px 3px 3px 0px; 
						cursor: pointer; 
						-webkit-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); 
						-moz-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); 
						-o-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); 
						box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); 
						background-color:#ececec;
						background-image:url(../images/sb.png); 
						background-repeat:no-repeat; }

#search-button:hover 	{ -webkit-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); 
						-moz-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); 
						-o-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); 
						box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);}

#search-button:active 	{ -webkit-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57); 
						-moz-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57); 
						-o-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57); 
						box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57);}