/* Artfully masterminded by ZURB  */



/* -------------------------------------------------- 
                                Table of Contents
-----------------------------------------------------
:: Buttons
:: Notices/Alerts
:: Tabs
:: Pagination
:: Lists
:: Panels
*/



	
/*	--------------------------------------------------
	Buttons
	-------------------------------------------------- */

	.button {
		background: #F90;
		display: inline-block;
		text-align: center;
		padding: 9px 34px 11px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 1;
		position: relative;
		cursor: pointer;
		margin:5px;
	}
	
	.button.nice { 
		background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
		background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
		background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
		border: 1px solid #0593dc;
		-webkit-transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-o-transition: background-color .15s ease-in-out; 
	}

	.button.radius { 
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.button.round { 
		-moz-border-radius: 1000px;
		-webkit-border-radius: 1000px;
		border-radius: 1000px;
	}
	
	.button.full-width { 
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; 
	}
	
	.button.left-align { 
		text-align: left; 
		text-indent: 12px;
	}
	
	.button:active {}
	
	/* Sizes ---------- */
	.small.button 			{ font-size: 11px; padding: 8px 20px 10px; }
	.medium.button 			{ font-size: 13px; }
	.large.button 			{ font-size: 18px; padding: 11px 48px 13px; background-color:#09F; }
	
	/* Nice Sizes ---------- */
	.nice.small.button 		{ background-position: 0 -36px; }
	.nice.large.button 		{ background-position: 0 -30px; }
	 
	/* Colors ---------- */
	.blue.button			{ background-color: #00a6fc;  }
	.red.button				{ background-color: #e91c21; }
	.white.button			{ background-color: #e9e9e9; color: #333; }
	.charcoal.button		{ background-color: #141414; }
	
	/* Nice Colors ---------- */
	.nice.blue.button		{ border: 1px solid #0593dc;  }
	.nice.red.button		{ border: 1px solid #b90b0b;  }
	.nice.white.button		{ border: 1px solid #cacaca; text-shadow: none !important; }
	.nice.charcoal.button	{ border: 1px solid #000; }
	
	/* Hovers ---------- */
	.button:hover 			{ background-color: #06F; color: #fff; }
	.blue.button:hover		{ background-color: #0192dd; 	}
	.red.button:hover 		{ background-color: #d01217; 	}
	.white.button:hover		{ background-color: #dadada; color: #333; }
	.charcoal.button:hover	{ background-color: #000; }
	
	input[type=submit] {
		color:#06F;
		border:none;
		font:Georgia, "Times New Roman", Times, serif 20px;
		color:#fff;
	}
	
	

/*    --------------------------------------------------
    Tabs
    -------------------------------------------------- */
	
	
	/* Navigations */
	.top_bar {
		background:#CCC;
		color:#333;
	}
	
	.full_width {
		width:100%;
		background-color:#333;
		text-align:center;
		background:#000 url(../images/bg_nav.jpg) repeat-x top;
	}

	.sub_nav a {
		font-size:28px;
		padding:5px;
	}
	.sub_nav {
		font-size:12px;
	}
	.sub_nav a:hover {
		color:#000;
	}
	.sub_nav a:link {
		color:#06C;
	}
	
	
	
	.tabs { display: block; margin: 0; padding: 0; height: 60px; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; background:url(../images/bg_nav.jpg) repeat-x; text-align:center;
	}
	
	
    dl.tabs { display: block; margin: 0; padding: 0; height: 60px; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; 
	background:url(../images/bg_nav.jpg) repeat-x; text-align:center; text-transform:uppercase;
	}
	
	
	
    dl.tabs dd { display: block; width: auto; height: 60px; padding: 0; float:left; }
    dl.tabs dd a { display: block; width: auto; height: 60px; padding: 0px 20px; line-height: 60px; margin: 0 0 0 0; color: #fff; background: #000 url(../images/bg_nav.jpg) repeat-x; text-align:center; font-family: 'Roboto Condensed', sans-serif; }
	dl.tabs dd a:hover { display: block; width: auto; height: 60px; padding: 0px 20px; line-height: 60px; margin: 0 0 0 0; color: #000; background: #000 url(../images/bg_nav.jpg) repeat-x; }
 
    
    ul.tabs-content { margin: 0; display: block; }
    ul.tabs-content > li { display:none; }
    ul.tabs-content > li.active { display: block; }
    
    dl.contained, dl.nice.contained { margin-bottom: 0px; }
    dl.contained.tabs dd a { padding: 0px 14px; }
    dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }
    
    ul.contained.tabs-content { padding: 0; }
    ul.contained.tabs-content li { padding: 20px; }
    ul.nice.contained.tabs-content li {  }
    
/*  --------------------------------------------------
    Pagination
    -------------------------------------------------- */ 
    ul.pagination { display: block; height: 24px; margin-left: -5px; }
    ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
    ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }
    ul.pagination li.current a, ul.pagination li:hover a { border-bottom: solid 2px #00a6fc; color: #141414; }
    ul.pagination li.unavailable a { cursor: default; color: #999; }
    ul.pagination li.unavailable:hover a { border-bottom: none; }
    
    
/*  --------------------------------------------------
    Lists
    -------------------------------------------------- */ 
    ul.nice, ol.nice { list-style: none; margin: 0; }
    ul.nice li, ol.nice li { padding-left: 13px; position: relative }
    ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0px; top: 0px; color: #ccc; }
    

/* -------------------------------------------------- 
   Notices/Alerts
---------------------------------------------------*/
/* Alerts cannot be closed and notices can */

	.notice, .alert { 
		position: relative;
	    background: #222 url(../images/misc/button-overlay.png) repeat-x bottom;
	    width: 100%;
	    margin: 10px 0;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    border-radius: 3px;
	    color: #fff;
	    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	    font-weight: bold;
	}
	.notice>span, .alert>span {
	    display: block;
	    padding: 5px 10px 6px;
	}
	.notice a.close {
	    font-size: 20px;
	    line-height: .5;
	    color: #fff;
	    text-shadow: 0 -1px 1px rbga(0,0,0,.25);
	    font-weight: bold; 
	    cursor: pointer;
	    position: absolute; 
	    right: 10px; 
	    top: 6px; 
	} 
	
	/*  NOTES
	
	Close button entity is × 
	Sample Markup: 
	<div class="notice"><span>
		This is awesome
		<a class="close" href="#">&#215;</a>
	</span></div>

*/



/*	--------------------------------------------------
	Panels
	-------------------------------------------------- */
	div.panel { 
		padding: 20px 20px 2px 20px;
		background: #efefef;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
		box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
		margin: 0 0 20px 0;
	}
	
	
	/*	--------------------------------------------------
	Templates
	-------------------------------------------------- */
	
	.template-black {
		background-color: #000;
	}
	.template-gray {
		background-color: #858585;
	}
	
	/*	--------------------------------------------------
	Slideshows
	-------------------------------------------------- */

.slideshow_sub { 
    height:  400px;  
    width: 100%;
	z-index:2;
} 
.slideshow_sub img {  
    border:  0px solid #ccc;  
    width:  100%; 
    height: 400px; 
}





/* -------------------------------------------------- 
	:: Inputs
---------------------------------------------------*/
textarea { 
	padding: 9px;
	border: solid 1px #99ccff;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 75%;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #99ccff), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #99ccff 1px, #FFFFFF 25px);
	box-shadow: rgba(0,205,255, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,205,255, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,205,255, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 75%;
	max-width: 75%;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}
	.large_input { 
	padding: 9px;
	border: solid 1px #99ccff;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 80%;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #99ccff), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #99ccff 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

/*
Global Styles
------------------------------------------------------------ */
 
a.button-dribbble,
a.button-facebook,
a.button-googleplus,
a.button-linkedin,
a.button-pinterest,
a.button-rss,
a.button-tumblr,
a.button-twitter {
	border-radius: 3px;
	box-shadow: 0 1px 1px #999;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	margin: 0 24px 24px 0;
	padding: 12px 16px;
	text-align: center;
	width: 80%;
}
 
/*
Social Buttons
------------------------------------------------------------ */
 
a.button-dribbble {
	background-color: #c93764; /* fallback color */
	background: -moz-linear-gradient(top, #ea4c89, #c93764);
	background: -ms-linear-gradient(top, #ea4c89, #c93764);
	background: -webkit-linear-gradient(top, #ea4c89, #c93764);
	border: 1px solid #c93764;
	text-shadow: 0 -1px -1px #9d2849;
}
 
a.button-dribbble:hover {
	background: -moz-linear-gradient(top, #c93764, #ea4c89);
	background: -ms-linear-gradient(top, #c93764, #ea4c89);
	background: -webkit-linear-gradient(top, #c93764, #ea4c89);
}
 
/*
Facebook
------------------------------------------------------------ */
 
a.button-facebook {
	background-color: #2b4170; /* fallback color */
	background: -moz-linear-gradient(top, #3b5998, #2b4170);
	background: -ms-linear-gradient(top, #3b5998, #2b4170);
	background: -webkit-linear-gradient(top, #3b5998, #2b4170);
	border: 1px solid #2b4170;
	text-shadow: 0 -1px -1px #1f2f52;
}
 
a.button-facebook:hover {
	background: -moz-linear-gradient(top, #2b4170, #3b5998);
	background: -ms-linear-gradient(top, #2b4170, #3b5998);
	background: -webkit-linear-gradient(top, #2b4170, #3b5998);
}

/*
Twitter
------------------------------------------------------------ */
 
a.button-twitter {
	background-color: #0081ce; /* fallback color */
	background: -moz-linear-gradient(top, #00aced, #0081ce);
	background: -ms-linear-gradient(top, #00aced, #0081ce);
	background: -webkit-linear-gradient(top, #00aced, #0081ce);
	border: 1px solid #0081ce;
	text-shadow: 0 -1px -1px #005ea3;
}
 
a.button-twitter:hover {
	background: -moz-linear-gradient(top, #0081ce, #00aced);
	background: -ms-linear-gradient(top, #0081ce, #00aced);
	background: -webkit-linear-gradient(top, #0081ce, #00aced);
}

/*
RSS
------------------------------------------------------------ */
 
a.button-rss {
	background-color: #e2733d; /* fallback color */
	background: -moz-linear-gradient(top, #e88845, #e2733d);
	background: -ms-linear-gradient(top, #e88845, #e2733d);
	background: -webkit-linear-gradient(top, #e88845, #e2733d);
	border: 1px solid #e2733d;
	text-shadow: 0 -1px -1px #9a4824;
}
 
a.button-rss:hover {
	background: -moz-linear-gradient(top, #e2733d, #e88845);
	background: -ms-linear-gradient(top, #e2733d, #e88845);
	background: -webkit-linear-gradient(top, #e2733d, #e88845);
}

/* Mobile Nav */

#menu-icon {
	color:#fff;
	width:95%;
	height:30px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	background:#F3C;
	padding: 8px 10px 0 10px;
	cursor:pointer;
	border: solid 1px #FFF;
	display:block;
}
#nav-phone {
	display:none;
}