/*
Theme Name: Ultrabooth
Description: Ultrabooth WordPress theme
Author: Wixiy Inc.
Theme URI: http://creative.wixiy.com/
Author URI: http://creative.wixiy.com/
Version: 1.0
License: GNU General Public License
*/

 @font-face {font-family: 'CoolveticaRg-Regular';src: url('/fonts/23CF1E_0_0.eot');src: url('/fonts/23CF1E_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/23CF1E_0_0.woff') format('woff'),url('/fonts/23CF1E_0_0.ttf') format('truetype');}

body { 
background-color:#021130;

background-repeat:no-repeat;
background-position:center top;


}

/* 960 Grid System (http://960.gs/ ) */

#container, .wrap { 

	width: 940px;

	margin: 0 auto;

	padding: 0 10px;

}

	/* layout options ( all have margins right & left of 2.1276596%) */

	.col60  { width: 6.3829787%; } /* width 60px  / grid_1  */

	.col140 { width: 14.893617%; } /* width 140px / grid_2  */

	.col220 { width: 23.404255%; } /* width 220px / grid_3  */

	.col300 { width: 31.914894%; } /* width 300px / grid_4  */

	.col380 { width: 40.425532%; } /* width 380px / grid_5  */

	.col480 { width: 48.936170%;  } /* width 480px / grid_6  */

	.col540 { width: 57.446809%; } /* width 540px / grid_7  */

	.col620 { width: 65.957447%; } /* width 620px / grid_8  */

	.col700 { width: 74.468085%; } /* width 700px / grid_9  */

	.col780 { width: 82.978723%; } /* width 780px / grid_10 */

	.col860 { width: 91.489362%; } /* width 860px / grid_11 */

	.col940 { width: 100.0%;     } /* width 940px / grid_12 */

	/* layout & column defaults */

	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { 

		display: inline; 

		float: left; 

		position: relative;

		margin-left: 1.0638298%;   /* 10px */ 

		margin-right: 1.0638298%;  /* 10px */

	}

	/* default styles & fixes */

	.first { margin-left: 0; } /* fixes alignment */

	.last { margin-right: 0; } /* fixes alignment */

/* To Use Another Grid System, simply visit:

http://themble.com/support/bones-grid/

There, you can check out how to replace this grid with other like:

960, Blueprint, and any other custom ones.

*/

/* floats */

.left { float: left; }

.right { float: right; }

/* text alignment */

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

/* highlighting search term on search page */

mark, .search-term { background: #EBE16F; }

/* alerts & notices */

.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }

.help { border-color: #5691b6; background: #3b5999; }

.info { border-color: #5691b6; background: #3b5999; }

.error { border-color: #b65668; background: #3b5999; }

.success { border-color: #53b253; background: #3b5999; } 

/* 	To embed your own fonts, use this syntax

	and place your fonts inside the 

	library/fonts folder. For more information

	on embedding fonts, go to:

	http://www.fontsquirrel.com/

	Be sure to remove the comment brackets.

*/

/*	@font-face {

    	font-family: 'Font Name';

    	src: url('library/fonts/font-name.eot');

    	src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),

             url('library/fonts/font-name.woff') format('woff'),

             url('library/fonts/font-name.ttf') format('truetype'),

             url('library/fonts/font-name.svg#font-name') format('svg');

    	font-weight: normal;

    	font-style: normal;

	}

*/

a, a:visited { color: gray; text-decoration:none;}

a:hover, a:focus { color: #3B5999; text-decoration:none; }

a:active {} /* on click */

a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); color:#3b5999; font-weight:bold;   text-decoration:none;/* this highlights links on Iphones / iPads */ }

h1 a {
	color:##3B5999;
}

h1 a:hover {
	color:white;
}

/* Highlighted Text */

::selection { 

	background: #3b5999; 

	color:#fff; 

	text-shadow : none; 

}

/* Firefox */

::-moz-selection { 

	background: #3b5999; 

	color:#fff; 

	text-shadow : none; 

}

.rtl {}

.home {} /* home page */

.blog {} 

.archive {} /* archive page */

.date {} /* date archive page */

	.date-paged-1 {} /* replace the number to the corresponding page number */

.search {} /* search page */

	.search-results {} /* search result page */

	.search-no-results {} /* no results search page */

	.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */

.error404 {} /* 404 page */

.single {} /* single post page */

	.postid-1 {} /* individual post page by id (i.e. body.postid-73) */

	.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */

.attachment {} /* attatchment page */

	.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */

	.attachment-mime-type {} /* style mime type pages */

.author {} /* author page */

	.author-nicename {} /* user nicename (i.e. body.author-samueladams) */

	.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */

.category {} /* category page */

	.category-1 {} /* individual category page (i.e. body.category-6) */

	.category-paged-1 {} /* replace the number to the corresponding page number */

.tag {} /* tag page */

	.tag-slug {} /* individual tag page (i.e. body.tag-news) */

	.tag-paged-1 {} /* replace the number to the corresponding page number */

.page-template {} /* custom page template page */

	.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */

	.page-paged-1 {} /* replace the number to the corresponding page number */

	.page-parent {}

	.page-child {}

	.parent-pageid-1 {} /* replace the number to the corresponding page number */

.logged-in {} /* if user is logged in */

.paged {} /* paged items like search results or archives */

	.paged-1 {} /* individual paged (i.e. body.paged-3) */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: CoolveticaRg-Regular; } /*//////////////////////////////////////////////*/

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }

h1, .h1 { font-size: 2.0em; line-height: 1.333em; color:#3b5999; font-weight:normal; font-size: 40px; }

h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }

h3, .h3 { font-size: 1.125em; }

h4, .h4 { font-size: 1.1em; font-weight: 700; }

h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }

header[role=banner] {}

	#logo {  }

#imger {

	-moz-box-shadow:3px 3px 5px 6px #000000;

  -webkit-box-shadow:3px 3px 5px 6px #000000;

  box-shadow:3px 3px 5px 6px #000000;

}

#menu {

	background-image:url('/images/nav.jpg');

	

	

	}

nav[role=navigation] {
background-image:url('/images/nav.jpg');
	margin-top: 97px;
	width: 907px;
	margin: 0 auto;
	margin-left: -4px;

}

	nav[role=navigation] .menu {
	height:41px;
	width:905px;
	margin: 0 auto;
	margin-left: -5px;
	margin-top: 10px;
	line-height: 1.8em;
	}

	nav[role=navigation] .menu ul { 
		width:905px;
	margin: 0 auto;
	margin-left: 5%;
	}

		nav[role=navigation] .menu ul li {
			display: inline;

			font-size: 16px;

			float: left;
			
			margin:0 auto;
		}

			nav[role=navigation] .menu ul li a { 

				text-decoration: none;

				color: #4a5261;

				display: block;

				overflow: hidden;

				padding: 5px 0px 0px 10px;

				color: white;

				margin-right:10px;

				padding-right:10px;	

				text-shadow: 0 -1px rgba(0, 0, 0, 0.5);

				font-family: CoolveticaRg-Regular;

				font-weight:normal;

				font-size:18px;

				height: 30px;

			}

				nav[role=navigation] .menu ul li a:hover { 

				color:#3B5999;

				}

				nav[role=navigation] .menu ul li a:active { 

					background: #303232;

					background: rgba(0,0,0,.2);

					border-bottom: solid #1c1d1d 5px;				

					}

				nav[role=navigation] .menu ul li:first-child a {}

		nav[role=navigation] .menu ul li.current-menu-item a, 

		nav[role=navigation] .menu ul li.current_page_item a,

		nav[role=navigation] .menu ul li.current-page-ancestor a {}

		/* sub menus */

		nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul { 

			background: #3B5998;

			position: absolute; 

			left: -9999em; 

			z-index: 9999; 

			width: 180px; 

			margin: auto;

			margin-right:20px;

			padding-left:2px;

		}

			nav[role=navigation] .menu ul li ul li ul { 

				top: auto; 

				margin-top: -30px; 

			}

			nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul { 

				left: auto; 

			}

			nav[role=navigation] .menu ul li ul li a { 

				width: 160px; 

			}

			nav[role=navigation] .menu ul li ul li a {}

				nav[role=navigation] .menu ul li ul li a:hover {}

			nav[role=navigation] .menu ul li ul li:last-child a {}

				nav[role=navigation] .menu ul li ul li ul.sub-menu { width:20px; }

					nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { }

#content {

/*margin-top:55%;*/

	background-image:url('/images/imger.jpg');
	background-color:#f5f5f5;
	background-repeat:repeat-x;
	float:left;
	/*min-height:900px;*/
	margin-left: 17px;
	width: 905px;
	color:#4C4C4C;
	font-size:15px;
	margin-top: -94px;
}

	#main {
	/*min-height:900px;*/
	z-index:1;
	width:100%; /**YEsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss/
	color:white;

	/*width:65%;*/

	}

		.hentry { padding: 2.2em 20px 0; }

		.single-title, .page-title { margin: 0 0 0.375em;}

		.single-title {}

		.page-title {}

		.archive_title { padding: 0 20px; margin: 1.1em 0 0.75em; }

		/* want to style individual post classes? Booya! */

		.post-id {} /* post by id (i.e. post-3) */

		.post {} /* general post style */

		.page {} /* general article on a page style */

		.attachment {} /* general style on an attatchment */

		.sticky {} /* sticky post style */

		.hentry {} /* hentry class */

		.category-slug {} /* style by category (i.e. category-videos) */

		.tag-slug {} /* style by tag (i.e. tag-news) */

		/* post meta */

		.meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: gray;font-style:oblique;font-weight:bold; margin: 0.875em 0; }

			.meta time {}

		/* post content */

		.post_content {}

			.post_content p { margin: 0 0 1.5em 0; line-height: 1.5em; }

			.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }

			.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }

			.post_content li { margin-bottom: 0.75em; }

			.post_content ul li { list-style-type: disc; }

			.post_content ol li { list-style-type: decimal; }

			.post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; }

			.post_content blockquote:before { font-family:Georgia, serif; content: "“"; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; } /* this adds the quote before the blockquote */

			.post_content dl { margin:1.75em 0 1.75em; }

			.post_content dt { margin-top: 1.25em; font-weight:700; }

			.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }

			.post_content img { margin: 0 0 1.5em 0; max-width: 100%; }

			.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }

			.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }

			.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

			.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }

			.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }

			.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }

			.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }

			.wp-caption img { border: 0 none; padding: 0; margin: 0; }

			.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }

			/* image gallery styles */

			.gallery dl {}

			.gallery dt {}

			.gallery dd {}

			.gallery dl a {}

			.gallery dl img {}

			.gallery-caption {}

			.size-full {}

			.size-large {}

			.size-medium {}

			.size-thumbnail {}

		.hentry footer { clear: both; margin: 1.5em 0 0; padding-bottom: 2.2em; }

/* page navigation */

.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; }

	.bones_page_navi, .wp-prev-next ul { }

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

			.bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; }

				.bones_page_navi li a:hover { color: #f01d4f; text-decoration: underline; }

		.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #f01d4f; position: relative; } /* current page link */

				.bones_page_navi li.bpn-current:hover {}

		.bones_page_navi li.bpn-prev-link { } /* previous link */

			.bones_page_navi li.bpn-prev-link a { padding: 0; }

				.bones_page_navi li.bpn-prev-link a:hover { background: none; }

		.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */

			.bones_page_navi li.bpn-next-link a { padding: 0; }

				.bones_page_navi li.bpn-next-link a:hover { background: none; }

		.bones_page_navi li.bpn-last-page-link {} /* last page link */

			.bones_page_navi li.bpn-last-page-link a {}

				.bones_page_navi li.bpn-last-page-link a:hover { background: none; }

		.bones_page_navi li.bpn-first-page-link {} /* first page link */

			.bones_page_navi li.bpn-first-page-link a {}

				.bones_page_navi li.bpn-first-page-link a:hover { background: none; }

	/* fallback previous & next links */

	.wp-prev-next {}

		.wp-prev-next ul {}

			.wp-prev-next .prev-link { float: left; }

			.wp-prev-next .next-link { float: right; }

#comments { margin: 0 20px 0.75em; }/* h3 comment title */

	#comments span { font-weight: 700; color: gray; } /* number of comments span */

.comment-nav {}

	.comment-nav ul {}

		.comment-nav ul li {}

.commentlist { margin: 0 20px; }

	.commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }

		.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 1.1em; }

			.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }

				.commentlist li:not(.depth-1) { margin-right: -10px; margin-top: 0; padding-bottom: 0; }

			.commentlist li.depth-2 {}

			.commentlist li.depth-3 {}

			.commentlist li.depth-4 {}

			.commentlist li.depth-5 {}

			.commentlist li:last-child { margin-bottom: 0; }

				.commentlist li ul.children li {}

				.commentlist li ul.children li.alt {}

				.commentlist li ul.children li.byuser {}

				.commentlist li ul.children li.comment {}

				.commentlist li ul.children li.depth-1 {} /* change number for different depth */

				.commentlist li ul.children li.bypostauthor {}

				.commentlist li ul.children li.comment-author-admin {}

				.commentlist li ul.children .alt {}

				.commentlist li ul.children .odd {}

				.commentlist li ul.children .even {}

			.commentlist .alt {}

			.commentlist .odd {  }

			.commentlist .even {  }

			.commentlist .parent {}

			.commentlist .comment {}

			.commentlist .children { border-left: 2px solid #6ac8d3; }

			.commentlist .pingback {}

			.commentlist .bypostauthor {}

			.commentlist .comment-author {}

			.commentlist .comment-author-admin {}

			.commentlist .thread-alt {}

			.commentlist .thread-odd {}

			.commentlist .thread-even {}	

			.commentlist .vcard { margin-left: 55px; }

				.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }

				.commentlist .vcard time { float: right; }

					.commentlist .vcard time a { color: #999; text-decoration: none; }

						.commentlist .vcard time a:hover { text-decoration: underline; }

				.commentlist .vcard img.photo {}

				.commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; }

					.commentlist .vcard cite.fn a.url {}

				.commentlist .comment-meta {} 

					.commentlist .comment-meta a {}

				.commentlist .commentmetadata {}

					.commentlist .commentmetadata a {}

			.commentlist li .comment_content { margin-left: 55px; }

				.commentlist li .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }

				.commentlist li ul { margin: 0; }		

				.commentlist .comment-reply-link { text-decoration: none; float: right;  background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; }

					.commentlist a.comment-reply-link:hover { opacity: 1; }

.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }

	#comment-form-title { margin: 0 0 1.1em; }

	#cancel-comment-reply {}

			#cancel-comment-reply a {}

	.respond-form form[method=post] { margin: 0.75em 0; }

		.comments-logged-in-as {}

		.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }

			.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }

			.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }

			.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }

			.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }

			#allowed_tags { margin: 1.5em 10px 0.7335em 0; }

			.respond-form textarea { resize: none; width: 97.3%; height: 150px; }

			#submit {}

	/* form validation */

	.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }

	/* no comments */

	.nocomments { margin: 0 20px 1.1em; }			

#sidebar1 { margin-top: 2.2em;

width:28%; }

	.widget { padding: 0 10px; margin: 2.2em 0; }

		.widget li { margin-bottom: 0.75em; }

		.widget li ul { margin-top: 0.75em; padding-left: 1em; }

		.widgettitle { border-bottom: 0px solid #444; margin-bottom: 0.75em; }

	/* links widget */

	.widget_links {}

	.widget_links ul {}

	.widget_links ul li {}

	.widget_links ul li a {}

	/* meta widget */

	.widget_meta {}

	.widget_meta ul {}

	.widget_meta ul li {}

	.widget_meta ul li a {}

	/* pages widget */

	.widget_pages {}

	.widget_pages ul {}

	.widget_pages ul li {}

	.widget_pages ul li a {}

	/* recent-posts widget */

	.widget_recent_entries {}

	.widget_recent_entries ul {}

	.widget_recent_entries ul li {}

	.widget_recent_entries ul li a {}

	/* archives widget */

	.widget_archive {}

	.widget_archive ul {}

	.widget_archive ul li {} 

	.widget_archive ul li a {}

	.widget_archive select {}

	.widget_archive option {}

	/* tag-cloud widget */

	.widget_links {}

	.widget_links li:after {}

	.widget_links li:before {}

	.widget_tag_cloud {}

	.widget_tag_cloud a {}

	.widget_tag_cloud a:after {}

	.widget_tag_cloud a:before {}

	/* calendar widget */

	.widget_calendar {}

	#calendar_wrap {}

	#calendar_wrap th {}

	#calendar_wrap td {}

	#wp-calendar tr td {}

	#wp-calendar caption {}

	#wp-calendar a {}

	#wp-calendar #today {}

	#wp-calendar #prev {}

	#wp-calendar #next {}

	#wp-calendar #next a {}

	#wp-calendar #prev a {}

	/* category widget */

	.widget_categories {}

	.widget_categories ul {}

	.widget_categories ul li {} 

	.widget_categories ul ul.children {}

	.widget_categories a {}

	.widget_categories select{}

	.widget_categories select#cat {}

	.widget_categories select.postform {}

	.widget_categories option {}

	.widget_categories .level-0 {}

	.widget_categories .level-1 {}

	.widget_categories .level-2 {}

	.widget_categories .level-3 {}

	/* recent-comments widget */

	.recentcomments {}

	#recentcomments {}

	#recentcomments li {}

	#recentcomments li a {}

	.widget_recent_comments {}

	/* search widget */

	#searchform {}

	.widget_search {}

	.screen-reader-text {}

	/* text widget */

	.textwidget {}

	.widget_text {}

	.textwidget p {}

footer[role=contentinfo] { border-top: 0px solid #cecece; padding: 1.1em 0 3.3em; margin-top: 2.2em; height: 4em;   }

	/* footer menu */

	footer[role=contentinfo] nav { float: left; margin: 1em 0; }

	.footer-links {}

		.footer-links ul { margin-top: 0; }

			.footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }

				.footer-links ul li a { margin-right: 10px; text-decoration: underline; }

					.footer-links ul li:last-child a { margin-right: 0; }

			.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}

			.footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */

	.attribution { margin: 1em 0; float: right; color: #999; font-size: 0.9em; }

@media only screen and (min-width: 480px) {

	/* insert styles here */

}

@media only screen and (min-width: 768px) {

/* insert styles here */

}

@media only screen and (min-width: 992px) {

/* insert styles here */

}

@media only screen and (min-width: 1382px) {

/* insert styles here */

}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

/* insert styles here */

}

@media print { }

#Logo {

	position:absolute;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:auto;

	margin-top:;	

	left: 35%;

	top: 5%;

}

#inner-header{
	height:10%;
}

#wrapper {

	padding:0px;

	margin:0px;

	min-width:1024px;

}

#wrapper img {


}

#header {

	position: relative;

	height: 41px;

	

	display: block;

}

/* Browser Resets */

.flex-container a:active,

.flexslider a:active {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider {width: 100%; margin: 0; padding: 0;}

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {max-width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {

	background: #888888;

	position: relative;

	zoom: 1;

	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.5); 

	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.5); 

	box-shadow: 0px 0px 4px rgba(0,0,0,.5); 

}

.home-slider {

	margin-top: -38px;

}

.flexslider .slides {zoom: 1;}

.flexslider .slides > li {position: relative;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {zoom: 1; position: relative;}

/* Caption style */

/* IE rgba() hack */

.flex-caption {

	background:none; 

	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 

	zoom: 1;

}

.flex-caption {

	width: 50%; 

	padding: 2%; 

	position: absolute; 

	left: 10px; 

	bottom: 10px; 

	background: rgba(0,0,0,.8); 

	color: #fff; 

	text-shadow: 0 -1px 0 rgba(0,0,0,.3); 

	font-size: 14px; 

	line-height: 18px;

}

/* Direction Nav */

.flex-direction-nav li a {

	width: 34px; 

	height: 37px; 

	margin: -13px 0 0; 

	display: block; 

	background: url(../img/slider-nav.png) no-repeat 0 0; 

	position: absolute; 

	top: 50%; 

	cursor: pointer; 

	text-indent: -9999px;

}

.flex-direction-nav li .next {

	background-position: 0px -40px; 

	right: -18px;

}

.flex-direction-nav li .prev {

	left: -18px;

}

.flex-direction-nav li .next:hover {

	background-position: -34px -40px;

}

.flex-direction-nav li .prev:hover {

	background-position: -34px 0px;

}

.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */

.flex-control-nav {

	width: 100%; 

	position: absolute; 

	bottom: -45px; 

	text-align: center;

}

.flex-control-nav li {

	margin: 0 0 0 5px; 

	display: inline-block; 

	zoom: 1; 

	*display: inline;

}

.flex-control-nav li:first-child {margin: 0;}

.flex-control-nav li a {

	width: 13px;

	height: 13px;

	display: block; 

	background: #eaeaea; 

	cursor: pointer;

	overflow: hidden; 

	text-indent: 9999px;

	border: 1px solid #ccc;	

	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.2); 

	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.2); 

	box-shadow: 0px 0px 2px rgba(0,0,0,.2); 

}

article
{
	z-index:10;
}

article li{

	list-style-image:url('/wp-content/uploads/2012/08/star1.png');

}

article p {

font-family: 'Marmelad', sans-serif;
font-size:15px;
color:#878787;
z-index:10;


}
#coin-slider{
	margin-top:200px;

}
#iam {
	opacity:0.5
}
#iam:hover {
	opacity:1.0;
}

#slider { /* Styles the <div> that contains everything slider related */

	width:880px;
	height: 150px;
	padding-bottom:50px;
	position:relative;
	margin:0 auto;
	-moz-transition:all 150ms ease-in;  /* Allows all property values to animate on hover. For information on transitions, check out: http://w3schools.com/css3/css3_transitions.asp */
	-webkit-transition:all 150ms ease-in;
	-o-transition:all 150ms ease-in;
}

#slider:hover {
	}

#slider:hover #pause { /* When we hover over #slider <div>, our #pause <div> will become visible - which will display the pause icon */
	opacity:1;
}
#slider:hover #progress { /* When we hover over #slider <div>, the background color of our #progress <div> will become transparent. This will give the effect of the progress bar fading away on hover */
	background-color:rgba(59,89,152,0.0);
}
#slider:hover ul, #slider:hover #progress, #slider:hover #overlay { /* When we hover over the unordered list <ul> inside of #slider <div> (the slides), all of our slide related animations will pause */
	}
#mask { /* Creates the mask */
	overflow:hidden;
}
#pause { /* Styling our pause icon that appears when hovering over #slider <div> */
	width:880px;
	height:200px;
	position:absolute;
	top:0;
	opacity:0;
	background-position:566px 10px;
	background-repeat:no-repeat;
	pointer-events:none; /* This not-so-well-known property is very nifty. Since the #pause <div> (along with other <div>'s - which also use this property) are laying ontop of the slides, we need to be able to "click through" them to the slides/content below. Without this property, there would be a massive sumo sitting on top of all your content - blocking it from the user's mouse. However, it currently seems that pointer-events will only work in FireFox, Safari, and Chrome (as of 11/4/11). For more information: https://developer.mozilla.org/en/CSS/pointer-events */
	-moz-transition:all 850ms ease-in; /* This transition allows the #pause <div> to fade in when #slider <div> is hovered over */
	-webkit-transition:all 850ms ease-in;
	-o-transition:all 850ms ease-in;
}
#progress { /* The progress bar that will animate to the full width of the slide to show the duration of the slide */
	width:1px;
	height:1px;
	position:relative;
	top:-1px;
	
	-moz-transition:all 150ms linear; /* Transition allows #progress <div> to fade when #slider <div> is hovered over */
	-webkit-transition:all 150ms linear;
	-o-transition:all 150ms linear;
	-moz-animation:progress 40s infinite; /* The progress animation will increase #progress's <div> width from 1px to the full width of the slide (600px) */
	-webkit-animation:progress 40s infinite;
}
#overlay { /* Creates the cool gradient effect ontop of the slider */
	}
#slider ul { /* Styling the unordered list <ul> that contains our slides <li>'s */
	width:3580px; /* The calculated width of all the slides (4 slides x 600px in width) */
	position:relative;
	float:left;
	left:0px;
	margin:0;
	padding:0;
	list-style:none;
	-moz-animation:slide-animation 40s infinite; /* You can change the speed of the slide by changing the 18s. Make sure to update the speed of #overlay and #progress too. Keep in mind that this will also effect the speed of the transitions */
	-webkit-animation:slide-animation 40s infinite;
}
#slider li { /* Styling the list elements <li>'s that contain each slide */
	width:880px;
	height:200px;
	position:relative;
	display:inline; /* This aligns the <li>'s horizontally so that the <ul> can scroll horizontally. By default, <li>'s align vertically */
	float:left; /* Gets rid of mysterious spacing on the sides of the <li>'s */
	margin:0;
	padding:0;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#slider li span { /* Styling of the slider caption */
	display:block;
	width:560px;
	position:absolute; 
	bottom:0; 
	left:0;
	padding:15px 20px;
	pointer-events:none; /* Allows people to "click through" the captions to the content below. If you'd like people to be able to interact with the content in the caption (highlight text, click special links, etc), then remove this property */
	background-color:rgba(54,44,48,0.6);
	border-top:1px solid #362c30;
	text-shadow:1px 1px 1px #362c30;
}
#slider ul li span h2 { /* Styling of the slider caption */
	font-size:20px;
	line-height:30px;
	font-weight:normal;
	color:#fff;
	text-shadow:1px 1px 1px #362c30;
}
#slider ul li span p { /* Styling of the slider's paragraphs */
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#fff;
	text-shadow:1px 1px 1px #362c30;
}
@-webkit-keyframes slide-animation { /* Creates our animation that cycles through the slides for WebKit browsers. This is set up to cycle through 4 slides. If you plan on changing that number, you will have to divide 100 by the amount of slides and figure out the formula from there (while also changing the formulas for the progress and overlay-fade animations). Right now it's set up for each slide to take roughly 25% of the animation time. As you can see, this is where it can get a bit sticky changing the amount of slides. I'd suggest playing around with some basic animations first to get a handle on how they work. For an in depth explanation of animations, check out: http://www.w3schools.com/css3/css3_animations.asp */
	0% {opacity:0;}
	2% {opacity:1;}
	20% {left:0px; opacity:1;}
	22.5% {opacity:0.6;}
	25% {left:-880px; opacity:1;}
	45% {left:-880px; opacity:1;}
	47.5% {opacity:0.6;}
	50% {left:-1760px; opacity:1;}
	70% {left:-1760px; opacity:1;}
	72.5% {opacity:0.6;}
	75% {left:-2640px; opacity:1;}
	95% {opacity:1;}
	98% {left:-2640px; opacity:0;} /* The slider fades all the way out before resetting. If it didn't fade out, you'd see all of the slides shoot through real quick on there way back to the beginning. */
	100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation { /* Creates the slide animation for FireFox */
	0% {opacity:0;}
	2% {opacity:1;}
	20% {left:0px; opacity:1;}
	22.5% {opacity:0.6;}
	25% {left:-880px; opacity:1;}
	45% {left:-880px; opacity:1;}
	47.5% {opacity:0.6;}
	50% {left:-1760px; opacity:1;}
	70% {left:-1760px; opacity:1;}
	72.5% {opacity:0.6;}
	75% {left:-2640px; opacity:1;}
	95% {opacity:1;}
	98% {left:-2640px; opacity:0;} /* The slider fades all the way out before resetting. If it didn't fade out, you'd see all of the slides shoot through real quick on there way back to the beginning. */
	100% {left:0px; opacity:0;}
}
@-webkit-keyframes progress { /* Animation for the progress bar in WebKit browsers */
	0% {width:0px; opacity:0;}
	2% {width:0px; opacity:1;}
	20% {width:900px; opacity:1;}
	22.5% {width:900px; opacity:0;}
	22.59% {width:0px;}
	25% {width:0px; opacity:1;}
	45% {width:900px; opacity:1;}
	47.5% {width:600px; opacity:0;}
	47.59% {width:0px;}
	50% {width:0px; opacity:1;}
	70% {width:900px; opacity:1;}
	72.5% {width:900px; opacity:0;}
	72.59% {width:0px;}
	75% {width:0px; opacity:1;}
	95% {width:900px; opacity:1;}
	98% {width:900px; opacity:0;}
	100% {width:0px; opacity:0;}
}
@-moz-keyframes progress { /* Animation for the progress bar in FireFox */
	0% {width:0px; opacity:0;}
	2% {width:0px; opacity:1;}
	20% {width:900px; opacity:1;}
	22.5% {width:900px; opacity:0;}
	22.59% {width:0px;}
	25% {width:0px; opacity:1;}
	45% {width:900px; opacity:1;}
	47.5% {width:600px; opacity:0;}
	47.59% {width:0px;}
	50% {width:0px; opacity:1;}
	70% {width:900px; opacity:1;}
	72.5% {width:900px; opacity:0;}
	72.59% {width:0px;}
	75% {width:0px; opacity:1;}
	95% {width:900px; opacity:1;}
	98% {width:900px; opacity:0;}
	100% {width:0px; opacity:0;}
}
@-webkit-keyframes overlay-fade { /* This animation fades #overlay <div> (the gradient on top of the slider) when the slide comes to an end on WebKit browsers */
	0% {opacity:0;}
	2% {opacity:0.5;}
	95% {opacity:0.5;}
	98% {opacity:0;}
	100% {opacity:0;}
}
@-moz-keyframes overlay-fade { /* Fades #overlay for FireFox */
	0% {opacity:0;}
	2% {opacity:0.5;}
	95% {opacity:0.5;}
	98% {opacity:0;}
	100% {opacity:0;}
}