/*-----------------------------------------------------------------------------------

	Theme Name: Five
	Description: Share Your Digital Wares
	Author: Two2Twelve Themes
	Author URI: http://themes.two2twelve.com
	Version: 1.0
	
	Stylesheet: base.css

	0.	CSS Reset 
	1.	Global (body, page structure, common classes)
	2.  Header
	3.  Homepage
	4.  Blog
	5.  Features
	6.  Gallery
	7.  Features Full
	8.  Contact
	9.  Widgets
	10. Forms
	11. Buttons
	12. Footer
	13. Typography
	14. Tabs and Toggles
	15. Icons
	16. Theme Colors

-----------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
/*--------------------------------------------
1. Global
---------------------------------------------*/
body {
	background: url('../images/background.jpg') repeat;
	font-family: "Helvetica neue", helvetica, sans-serif;
	font-size: 12px;
}
.container {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
/* Page Styles */
.page {
	overflow: hidden;
	clear: both;
	background: #fff;
	padding: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-moz-box-shadow: 0 -1px 4px rgba(23,28,30,.12); 
	-webkit-box-shadow: 0 -1px 4px rgba(23,28,30,.12);
	box-shadow: 0 -1px 4px rgba(23,28,30,.12);
}
.page_top,
.page_top img,
.page_top iframe{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.page_bottom {
	overflow: hidden;
	clear: both;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #fff;
	padding: 40px;
	margin-top: -5px;
	-moz-box-shadow: 0 2px 3px rgba(23,27,29,.05); 
	-webkit-box-shadow: 0 2px 3px rgba(23,27,29,.05); 
	box-shadow: 0 2px 3px rgba(23,27,29,.05); 
}
/* Nivo Slider Tweaks */
.nivoSlider {
    position:relative;
    background:url('../images/loading.gif') no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display: none;
}
.nivoSlider a {
    border:0;
    display:block;
}
/*--------------------------------------------
2. Header
---------------------------------------------*/
header {	
	margin: 35px 0px;
	overflow: hidden;
}
	/* Logo / Tagline */
	header .logo {
		position: relative;
		float: left;
	}
		header .logo h1 {
			float: left;
			margin-right: 15px;
		}
			header .logo h1 a {
				font-family: "Asap";
				font-size: 50px;
				font-weight: bold;
				color: #000;
			}
		header .logo .tagline {
			float: left;
			font-size: 14px;
			color: #a2a2a2;
			margin-top: 25px;
		}
	/* Navigation */
	header nav ul{
		margin-top: 11px;
		float: right;
	}	
		header nav ul li {
			margin-left: 10px;
			padding: 6px 12px;
			display: inline;
		}
			header nav ul li a {
				color: #a2a2a2;
				line-height: 50px;
				top: 20px;		
				font-family: "Asap";
				font-size: 14px;
			}
			header nav ul li a:hover {
				color: #222;
			}
			header nav ul li a.current { 
				font-weight: 700; 
				color: #444; 
			}
	header nav select{
		display: none;
		width: 320px;
		margin: 10px 0px 10px 0px;
	  -webkit-appearance: button;
	  -webkit-border-radius: 2px;
	  -webkit-padding-end: 20px;
	  -webkit-padding-start: 2px;
	  -webkit-user-select: none;
	  background-image: url(../images/select-arrow.png), 
	  -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	  background-position: center right;
	  background-repeat: no-repeat;
	  border: 1px solid #ccc;
	  color: #555;
		font-size: 13px;
	  padding: 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		outline: none;
	}
/*--------------------------------------------
3. Homepage
---------------------------------------------*/
section#home div.slider-wrapper {
	height: 420px;
	position: relative;
}			
	section#home .nivoSlider {
		overflow: visible;
	}	
	section#home .nivoSlider img {
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	/* Caption styles */
	section#home .nivo-caption {
		position:absolute;
		left:0px;
		top: 485px;
		background:#282a2d;
		color:#fff;
		width:100%;
		z-index:8;
		padding: 5px 10px;
		opacity: 1;
		overflow: hidden;
		display: none;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		height: 135px;
	}
		section#home .nivo-caption {
			overflow: hidden;
			clear: both;	
			text-align: center;
			background: #282a2d;
			margin-top: -4px;
			padding-top: 30px;
			-webkit-border-bottom-right-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-moz-border-radius-bottomright: 4px;
			-moz-border-radius-bottomleft: 4px;
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 4px;
		}
		section#home .nivo-caption p {
			padding:0px;
			margin:0;
		}	
		section#home .nivo-caption p.title {
			font-size: 40px;
			color: #fff;
			font-weight: bold;
			margin-top: 5px;
			margin-bottom: 20px;
			font-family: "Asap";
		}
		section#home .nivo-caption p.declaration {
			font-size: 20px;
			color: #838383;
			font-style: italic;
			font-family: "Asap";
		}
		/* Control nav styles (e.g. 1,2,3...) */
		section#home .nivo-controlNav {
			text-align:center;
			padding: 15px 0;
			margin-top: -10px;
			display: block;
		}
		section#home .nivo-controlNav a {
			cursor:pointer;
			text-indent: -99999px;
			display: inline-block;
			height: 8px;
			width: 8px;
			background: #c9c9c9;
			border: 1px solid #a6a6a6;
			margin-right: 5px;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 100%;
		}
		section#home .nivo-controlNav a.active {
			background: #505050;
		}
/*--------------------------------------------
4. Blog
---------------------------------------------*/
div#blog {
	overflow: hidden;
}
div.post {
	background: #fff;
	margin-bottom: 80px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 -1px 4px #dde0dd;
	-webkit-box-shadow: 0 -1px 4px rgba(23,28,30,.12);
	box-shadow: 0 -1px 4px rgba(23,28,30,.12);
	position: relative;
	overflow: hidden;
}
div.post.single:nth-child(1) { margin-bottom: 10px; }
div.post:last-child { margin-bottom: 15px; }
div#blog .nivo-directionNav a {
		display:block;
		width:30px;
		height:30px;
		background:url('../images/arrows.png') no-repeat;
		text-indent:-9999px;
		border:0;
		opacity: 0;
		-webkit-transition: all 200ms ease-in-out;
	  -moz-transition: all 200ms ease-in-out;
	  -o-transition: all 200ms ease-in-out;
	  transition: all 200ms ease-in-out;
	}
	div#blog .blog-slider:hover .nivo-directionNav a { opacity: 1; }	
	div#blog a.nivo-nextNav {
		background-position:-30px 0;
		right:15px;
	}
	div#blog a.nivo-prevNav {
		left:15px;
	}
div#blog div.post article.wrap {
	padding-bottom: 0;
}
.meta {
	background: #f6f6f6;
	height: 48px;
	padding: 0 40px;
	line-height: 48px;
	font-size: 13px;
	font-weight: bold;
	color: #bfbfbf;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
	.meta span.byline {
		display: inline-block;
		float: left;
	}
	.meta a {
		color: #bebebe;
		text-decoration: underline;
	}
	.meta a.read_more {
		float: right;
	}
		.meta a:hover { text-decoration: none; }
div#blog div.older_posts_wrap {
	text-align: center;
	margin-top: -48px;
	margin-bottom: 26px;
}
	div#blog a.older_posts {
		display: inline-block;
		background: #dcd8da;
		font-size: 12px;
		font-weight: bold;
		color: #878787;
		padding: 10px 20px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		text-align: center;
	}
	div#blog a.older_posts:hover {
		background: #ccc;
	}
/* Navigation */
aside {
	float:right;
}
aside a {
	float: left;
	margin-left: 12px;
}
/* Comments */
div#comments {
clear: both;
}
	div#comments h3 {
		font-size: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
		div#comments h3 .icon {
		font-size: 55px;
		font-weight: normal;
		vertical-align: -8px;
		margin-right: 5px;
	}
div#comments ol {
list-style: none;
}
	div#comments ol li {
		overflow: hidden;
	}
		div#comments ol li img {
			float: left;
			width: 90px;
			margin-top: 10px;
		}
		div#comments ol li .comment {
			margin-left: 110px;
			padding: 5px 20px 20px 0px;
			margin-bottom: 27px;
			position: relative;
			border-bottom: 1px solid #d2d2d2;
		}
		div#comments ol li .comment h5 {
			margin-bottom: 15px;
			font-size: 14px;
			color: #414141;
		}
		div#comments ol li .comment span.date {
			position: absolute;
			top: 8px;
			right: 20px;
			font-size: 12px;
			color: #919191;
			font-weight: normal;
		}	
		div#comments ol li .comment p {
			margin-bottom: 10px;
		}
		div#comments ol li .comment a.reply {
			display: block;
			width: 50px;
			padding: 5px 5px;
			background: #d4d4d4;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			font-size: 11px;
			text-align: center;
			text-decoration: none;
			color: #767676;
			font-weight: bold;
		}
		div#comments ol li .comment a.reply:hover { text-decoration: none; }
		div#comments ol li ol{	
			margin-left: 110px;
		}
		div#comments ol li:last-child div.comment {
			border-bottom: none;
		}
		div#comments ol li:last-child div.comment {
			border-bottom: 1px solid #d2d2d2;
		}
		div#comments ol li ol li ol{	
		margin-left: 160px;
		}
.wrap h2.response {
	font-size: 20px;
	color: #363636;
}
/*--------------------------------------------
5. Features
---------------------------------------------*/
div#features .trigger {
	padding-top: 0px;
}
div#features .one_fourth {
	margin-bottom: 15px;
}
div#features .trigger .select_arrow {
	display: none;
}
/*--------------------------------------------
6. Gallery
---------------------------------------------*/
div#gallery .page{
	padding: 30px;
	padding-bottom: 0px;
}
	div#gallery ul {
		list-style: none;
		width: 1150px;
	}
		div#gallery ul li {
			float: left;
			margin: 0px 30px 30px 0px;
		}
			div#gallery ul li img {
				float: none;
				margin: 0;
			}
			div#gallery ul li a {
				display: block;
				position: relative;
			}
			div#gallery ul li a div {
				display: block;
				position: absolute;
				width: 236px;
				height: 236px;
				background-color: rgba(0,0,0,0.6);
				opacity: 0;
				transition: opacity .2s ease-out;
				-webkit-transition: opacity .2s ease-out;
				-moz-transition: opacity .2s ease-out;
				top: 0;
				left: 0;
			}
				div#gallery ul li a div span {
					font-family: "entypo";
					color: #fff;
					font-size: 95px;
					position: absolute;
					left: 95px;
					top: 70px;
				}
			div#gallery ul li a:hover div {
				display: block;
				opacity: 1;
			}
/*--------------------------------------------
7. Feature Full
---------------------------------------------*/
div#feature .headlines {
	margin-top: 0;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
div.list_of_features {
	overflow: hidden;
	clear: both;
	padding-top: 15px;
}
	div.list_of_features h5 { margin-bottom: 20px; }
	div.list_of_features .one_third { margin-bottom: 0; }
div.list_of_features ol {
	list-style: none;
}
	div.list_of_features ol li {
		margin-bottom: 5px;
		color: #8e8e8e;
		font-size: 13px;
	}
	div.list_of_features ol li span.icon{
		font-size: 27px;
		vertical-align: -2px;
		color: #0fb2cc;
		margin-right: 2px;
	}
div.headlines {
	margin-top: 50px;
	overflow: hidden;
	clear: both;
	background: #fff;
	padding: 30px;
	-moz-border-radius: 4px / 5px;
	-webkit-border-radius: 4px / 5px;
	border-radius: 4px / 5px; /* border radius */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 -1px 4px rgba(23,28,30,.12); 
	-webkit-box-shadow: 0 -1px 4px rgba(23,28,30,.12); 
	box-shadow: 0 -1px 4px rgba(23,28,30,.12); 
}
	div.headlines img {
		float: left;
		margin-right: 55px;
		margin-left: 20px;
	}
	div.headlines .item {	
		float: left;
		width: 600px;
		padding-top: 20px;
	}
	div.headlines .item h2 {
		margin-bottom: 32px;
		font-family: "Asap";
	}
div.trigger {
	position: relative;
	overflow: hidden;
	clear: both;
	padding-top: 20px;
	width: 1150px;
}
	div.trigger .one_fourth {
		float: left;
		width: 235px;
		background: #f3f3f3;
		margin-right: 12px;
		padding: 18px 9px 4px 20px;
		border: 1px solid rgba(23,27,29,.11); /* stroke */
		border: 1px solid #cdcfd5;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px; /* border radius */
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box; /* prevents bg color from leaking outside the border */	
		-moz-box-shadow: 0 2px 5px rgba(23,27,29,.05); 
		-webkit-box-shadow: 0 2px 5px rgba(23,27,29,.05); 
		box-shadow: 0 2px 5px rgba(23,27,29,.05); 
		-webkit-transition:background 0.2s ease-in;  
	  -moz-transition:background 0.2s ease-in;  
	  -o-transition:background 0.2s ease-in;  
	  transition:background 0.2s ease-in;
		-webkit-transition:background 0.2s ease-in;  
	  -moz-transition:border-color 0.2s ease-in;  
	  -o-transition:border-color 0.2s ease-in;  
	  transition:border-color 0.2s ease-in;
		position: relative;
	}
		div.trigger .one_fourth .select_arrow {
			position: absolute;
			top: -16px;
			left: 124px;
			z-index: -2;
			height: 22px;
			width: 22px;
			background: url('../images/select_arrow.png') no-repeat top left;
		}
	div.trigger .one_fourth:hover,
	div.trigger .one_fourth.active {
		background: #fff;
		border-color: #fff;
	}
	div.trigger .one_fourth h3 {
		font-family: "Asap";
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 23px;
	}
		div.trigger .one_fourth h3 a {
			color: #565656;
		}
		div.trigger .one_fourth h3 .icon {
			font-size: 55px;
			font-weight: normal;
			vertical-align: -8px;
			margin-right: 5px;
		}
		div.trigger .one_fourth p {
			font-size: 13px;
			margin-bottom: 10px;
		}
	div.trigger .last {
		margin-right: 0 !important;
	}
/*--------------------------------------------
8. Contact
---------------------------------------------*/
section#contact iframe{
	width: 1100px;
	height: 485px;
}
section#contact small{ display: none; }
div#contact_form {	
	overflow: hidden;
	padding-top: 15px;
}
	div#contact_form div.row {
		overflow: hidden;
		clear: both;
		width: 380px;
		margin-bottom: 25px;
		margin-right: 75px;		
	}
	div#contact_form div.message {
		float: right;
		margin-top: -226px;
		margin-left: 45px;
	}
	div#contact_form p.left,
	div#contact_form p.right {
		width: 240px;
	}
	div#contact_form p.left  { float: left; }
	div#contact_form p.right { float: right;}
	div#contact_form textarea {
		clear: both;
		margin-top: 20px;
		width: 560px;
		height: 138px;
	}
	div#contact_form input[type="submit"] {
		float: right;
		margin-top: -16px;
	}
	div#contact_form .error {
		border-color: #E01C46;
	}
	div#contact_form .validation,
	div#contact_form .success {
		display: none;
		font-size: 12px;
		margin-bottom: 20px;
	}
	div#contact_form .validation p  { color: #e01c46; }
	div#contact_form .success p	    { color: #65cf82; }
/*--------------------------------------------
9. Widgets
---------------------------------------------*/
div.widgets {
	overflow: hidden;
	clear: both;
	margin-top: 35px;
	margin-bottom: 15px;
	width: 1150px;
}
div.widget {
	overflow: hidden;
	float: left;
	margin-right: 15px;
	margin-bottom: 25px;
	position: relative;
	-moz-box-shadow: 0 2px 3px rgba(23,27,29,.05); 
	-webkit-box-shadow: 0 2px 3px rgba(23,27,29,.05); 
	box-shadow: 0 2px 3px rgba(23,27,29,.05); 
}
	div.widget h4 {
		font-size: 12px;
	}
	div.widget .widget_content {
		overflow: hidden;
		padding: 15px;
		width: 325px;
		height: 210px;
		border: 1px solid #e4dae1;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background-color: #fff;
		-moz-box-shadow: 0 1px 2px rgba(23,28,30,.1);
		-webkit-box-shadow: 0 1px 2px rgba(23,28,30,.1);
		box-shadow: 0 1px 2px rgba(23,28,30,.1);
		box-shadow: 2px 1px 2px #dcdce4;
		position: relative;
	}
	div.widget .widget_top,
	div.widget .widget_bottom {
		background: #fff;
		height: 15px;
		width: 324px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		position: absolute;
		left: 1px;
		z-index: 2;
	}
	div.widget .widget_top { top: 26px; }
	div.widget .widget_bottom {
		bottom: 1px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
		div.widget .widget_content h5 {
			color: #24272b;
			font-size: 24px;
			font-weight: bold;
			margin-bottom: 28px;	
			font-family: "Asap";
		}
		div.widget .widget_content p {
			font-size: 13px;
			margin-bottom: 20px;
			line-height: 20px;	
		}
		div.widget .widget_content a {
			color: #0fb1cb;
			font-weight: bold;
			text-decoration: underline;
			font-size: 14px;
		}
			div.widget .widget_content a:hover { text-decoration: none; }
		div.widget .nav {
			position: absolute;
			top: 0px;
			right: 0px;
		}
			div.widget .nav a{
				font-size: 25px;
				color: #888;
				padding: 0px 4px 0px 4px;
				background: #d9d9d9;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				height: 17px;
				display: inline-block;
				line-height: 17px;
				cursor: pointer;
			}
				div.widget .nav a:hover { background: #d1d1d1; color: #444; }
/* Twitter */
div.twitter_stream { }
	div.twitter_stream ul {
		list-style: none;
	}
		div.twitter_stream ul li {
			color: #9b9b9b;
			font-size: 12px;
			line-height: 18px;
			border-bottom: 1px solid #efefef;
			margin-bottom: 12px;
			padding-bottom: 12px;
		}
		div.twitter_stream ul li:last-child{
			border: none;
			padding-bottom: 0;
			margin-bottom: 0;
		}
			div.twitter_stream ul li .social_icons {
				color: #4ad8f2;
				float: left;
				font-size: 40px;
				margin-top: 2px;
			}
			div.twitter_stream ul li .tweet_details {
				margin-left: 35px;
			}
			div.twitter_stream ul li .tweet_details a { font-size: 12px; }
			div.twitter_stream ul li .tweet_time { font-size: 12px; display: block; }
				div.twitter_stream ul li .tweet_time a {
					color: #aaa;
					text-decoration: none;
					font-size: 12px;
				}
/* Blog */
div.widget.blog .widget_content {
	padding: 25px 20px 20px 20px;
	width: 315px;
	height: 195px;
}
div.date {
	background: #282a2d;
	width: 120px;
	height: 120px;
	transform: rotate(40deg);
	-ms-transform: rotate(40deg); /* IE 9 */
	-moz-transform: rotate(40deg); /* Firefox */
	-o-transform: rotate(40deg); /* Opera */
	-webkit-transform: rotate(40deg); /* Safari and Chrome */
	position: absolute;
	top: -67px;
	right: -54px;
    
	color: #fff;
	font-size: 12px;
	background-color: #CC0000;
	}
div.date span.specific_date {
	position: relative;
	bottom: -79px;
	left: 54px;
	text-align: center;
	color: #c6c6c6;
	font-size: 14px;
	font-weight: bold;
} 
/* Testimonials */
	div.widget.testimonials .widget_content ul { list-style: none; }
	div.widget.testimonials .widget_content ul li {
		display: block;
		border-bottom: 1px solid #efefef;
		margin-bottom: 10px;
		padding-bottom: 12px;
		color: #969696;
		font-size: 14px;
		font-style: italic;
		line-height: 22px;
	}
	div.widget.testimonials .widget_content ul li:last-child{
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	div.widget.testimonials .widget_content ul li span.testifier{
		color: #dcdcdc;
		font-size: 12px;
		font-weight: bold;
		margin-left: 8px;	
	}
/* Video */
div.widget.video .widget_content iframe {
	width: 100%;
	height: 180px;
}
div.widget.video .widget_content h5 {
	float: left;
	font-size: 14px;
	margin-top: 8px;
}
/* Location */
div.widget.findus .widget_content iframe {
	width: 100%;
	height: 136px;
	border: 1px solid #d3d3d3;
	margin-bottom: 8px;
}
div.widget.findus .widget_content img {
	border: 1px solid #d3d3d3;
}
div.widget.findus .widget_content p {
	color: #acacac;
	font-size: 13px;
	margin-bottom: 0px;
}
div.widget.findus small {
	display: none;
}
/* Flickr / Dribbble */
div.widget.flickr ul,
div.widget.dribbble ul {
	width: 350px;
}
	div.widget.flickr ul li,
	div.widget.dribbble ul li {
		display: inline-block;
		width: 98px;
		height: 98px;
		margin-right: 15px;
		margin-bottom: 15px;
		position: relative;
		overflow: hidden;
	}
		div.widget.flickr ul li img,
		div.widget.dribbble ul li img {
		}
		div.widget.flickr ul li a div,
		div.widget.dribbble ul li a div {
			display: block;
			position: absolute;
			width: 98px;
			height: 98px;
			background-color: rgba(0,0,0,0.6);
			opacity: 0;
			transition: opacity .2s ease-out;
			-webkit-transition: opacity .2s ease-out;
			-moz-transition: opacity .2s ease-out;
			top: 0;
			left: 0;
		}
			div.widget.flickr ul li a div span,
			div.widget.dribbble ul li a div span {
				font-family: "entypo";
				color: #fff;
				font-size: 60px;
				position: absolute;
				left: 35px;
				top: 20px;
				font-weight: normal;
			}
		div.widget.flickr ul li a:hover div,
		div.widget.dribbble ul li a:hover div {
			display: block;
			opacity: 1;
		}
/*--------------------------------------------
10. Forms
---------------------------------------------*/
form {
	overflow: hidden;
}
input,textarea {	
	font-size: 13px;
	outline: none;
	-webkit-appearance: none;
	-webkit-focus-ring-color: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
input[type="text"],
input[type="email"] {
	border: none;
	border-bottom: 1px solid #bcbcbc;
	padding: 8px 0px 8px 0px;
	width: 100%;
	color: #555;
	background: transparent;
}
input[type="text"]:focus,
input[type="email"]:focus { padding-bottom: 8px; }
textarea {
	padding: 8px;
	border: 1px solid #cfd0d0;
	color: #555;
	resize: vertical;
	background: transparent;
}
form p { 
	position: relative;
	font-size: 13px;	
	margin-bottom: 28px;
}
label { 
	position: absolute; 
	top: 7px !important; 
	left: 0; 
	color: #969696;
	font-weight: bold;
}
label.textarea {
	top: 28px !important;
	left: 12px !important;
}
:-moz-placeholder {
	color: #333333 !important;
	font-weight: bold;
}
:-webkit-input-placeholder {
	color: #333333 !important;
}
/*--------------------------------------------
11. Buttons
---------------------------------------------*/
.button {
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #555555;
  display: inline-block;
  font: bold 10px/12px 'Helvetica Neue',Helvetica,sans-serif;
  padding: 6px 11px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.button.large { padding: 9px 14px; font: bold 12px/14px 'Helvetica Neue',Helvetica,sans-serif; }
.button:active {
	-webkit-box-shadow: inset 0px 0px 3px #333;
	-moz-box-shadow: inset 0px 0px 3px #333;
	box-shadow: inset 0px 0px 3px #333;
}
.button:hover {
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 3px #bbb;
	-moz-box-shadow: 0px 0px 3px #bbb;
	box-shadow: 0px 0px 3px #bbb;
}
.button.white {
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(top,  #f9f9f9 0%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	border-color: #dedede #d8d8d8 #d3d3d3;
	color: #555;
	text-shadow: 0 1px 0 #fff;
}
.button.white a { color: #555 }
.button.gray {
  background: #cacaca; /* Old browsers */
	background: -moz-linear-gradient(top,  #cacaca 0%, #aeaeae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#aeaeae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* IE10+ */
	background: linear-gradient(top,  #cacaca 0%,#aeaeae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#aeaeae',GradientType=0 ); /* IE6-9 */
  border-color: #b5b5b5 #a1a1a1 #8f8f8f;
  color: #555;
  text-shadow: 0 1px 0 #d4d4d4;
}
.button.gray a { color: #555 }
.button.pink {
  background: #f78297; /* Old browsers */
	background: -moz-linear-gradient(top,  #f78297 0%, #f56778 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78297), color-stop(100%,#f56778)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f78297 0%,#f56778 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f78297 0%,#f56778 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f78297 0%,#f56778 100%); /* IE10+ */
	background: linear-gradient(top,  #f78297 0%,#f56778 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78297', endColorstr='#f56778',GradientType=0 ); /* IE6-9 */
  border-color: #df6f8b #da5f75 #d55061;
  color: #913944;
  text-shadow: 0 1px 0 #f89ca9;
}
.button.pink a { color: #913944 }
.button.orange {
  background: #f9bc70; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9bc70 0%, #d8b541 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bc70), color-stop(100%,#d8b541)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* IE10+ */
	background: linear-gradient(top,  #f9bc70 0%,#d8b541 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bc70', endColorstr='#d8b541',GradientType=0 ); /* IE6-9 */
  border-color: #f5b74e #e5a73e #d6982f;
  color: #996633;
  text-shadow: 0 1px 0 #fedd9b;
}
.button.orange a { color: #996633 }
.button.green {
  background: #cae285; /* Old browsers */
	background: -moz-linear-gradient(top,  #cae285 0%, #9fcb57 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cae285), color-stop(100%,#9fcb57)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* IE10+ */
	background: linear-gradient(top,  #cae285 0%,#9fcb57 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae285', endColorstr='#9fcb57',GradientType=0 ); /* IE6-9 */
  border-color: #adc671 #98b65b #87aa4a;
  color: #5d7731;
  text-shadow: 0 1px 0 #cfe5a4;
}
.button.green a { color: #5d7731 }
.button.blue {
	background: #a3bced; /* Old browsers */
	background: -moz-linear-gradient(top,  #a3bced 0%, #ba8ecc 100%, #667cdd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3bced), color-stop(100%,#ba8ecc), color-stop(100%,#667cdd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* IE10+ */
	background: linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3bced', endColorstr='#667cdd',GradientType=0 ); /* IE6-9 */
	border-color: #8dc5da #76b7cf #63abc7;
	text-shadow: 0 1px 0 #b6e6f9;
}
.button.blue a { color: #42788e }
.button.purple {
	background: #d1badb; /* Old browsers */
	background: -moz-linear-gradient(top,  #d1badb 0%, #ba8ecc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1badb), color-stop(100%,#ba8ecc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* IE10+ */
	background: linear-gradient(top,  #d1badb 0%,#ba8ecc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1badb', endColorstr='#ba8ecc',GradientType=0 ); /* IE6-9 */
	border-color: #bc9db9 #ad89aa #a1799d;
	color: #7b5777;
	text-shadow: 0 1px 0 #eacae6;
}
.button.purple a { color: #7b5777 }
.button.black {
	background: #616161; /* Old browsers */
	background: -moz-linear-gradient(top,  #616161 0%, #222222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #616161 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #616161 0%,#222222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #616161 0%,#222222 100%); /* IE10+ */
	background: linear-gradient(top,  #616161 0%,#222222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	border-color: #4c4c4c #313131 #1f1f1f;
	color: #fff;
	text-shadow: 0 1px 0 #2e2e2e;
}
.button.black a { color: #fff }
/*--------------------------------------------
12. Footer
---------------------------------------------*/
footer.container {
	height: 50px;
	background: #282a2d;
	line-height: 50px;
	margin-bottom: 25px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	
}
	footer p {
		float: left;
		color: #6e6e6f;
		margin-left: 25px;
		line-height: 53px;
		font-size: 12px;
		font-family: "Asap";
		font-weight: 700;
	}
	footer ul.social_icons {
		float: right;
		margin-right: 25px;
		font-size: 45px;
		margin-top: 0;
	}
	footer ul.social_icons li {
		margin-left: -8px;
		display: inline;
	}
		footer ul.social_icons li a {
			color: #666;
		}
			footer ul.social_icons li a:hover {
				color: #999;
			}
/*--------------------------------------------
13. Typography
---------------------------------------------*/
h1 {
	font-size: 50px;
}
	h1 a { color:#000; }
h2 {
	font-size: 30px;
	color: #1f1f1f;
	margin-bottom: 25px;
	font-family: "Asap";
}
	h2 a { color: #1f1f1f; }
	h2 a:hover { text-decoration: underline; }
h3 {
	font-size: 25px;
	color: #565656;
	font-weight: bold;
}
h4 {
	color: #a3a3a3;
	font-size: 18px;
	font-weight: 700;
	font-family: "Asap";
	margin-bottom: 10px;
}
h5 {
	font-size: 14px;
}

	
h6 {
	color: #969696;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
}

p {	
	color: #8e8e8e;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 25px;
}
ul {
	list-style: none;	
}
a {
	text-decoration: none;
	outline: none;
	-webkit-transition:color 0.2s ease-in;  
  -moz-transition:color 0.2s ease-in;  
  -o-transition:color 0.2s ease-in;  
  transition:color 0.2s ease-in;
	color: #ee1c25;
}
/* Blockquotes */
blockquote {
	width: 866px;
	text-align: center;
	margin: 0 auto;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding-top: 20px;
	padding-bottom: 15px;
	font-style: italic;
	margin-bottom: 26px;
}
	blockquote p {
		color: #b1b1b1;
		margin-bottom: 18px;
		font-size: 18px;
	}
	blockquote cite {
		color: #cecece;
		font-weight: bold;
		font-size: 13px;
	}
/* Columns */
div.column_last { margin-right: 0 !important; }
div.full { margin-bottom: 25px; }
div.full:last-child { margin-bottom: 0; }
div.one_half, div.one_third, div.two_third, 
div.three_fourth, div.one_fourth, div.two_thirds {
	float: left;
	margin-right: 4%;
	margin-bottom: 25px;
}
div.one_half    { width: 48%; }
div.one_third   { width: 30.42%; }
div.two_thirds  { width: 65%; }
div.one_fourth  { width: 22%; }
div.full h1 { margin-bottom: 0px; }
div.full h2,div.full h3 {
	margin-bottom: 15px;
}
div.full h4,div.full h5,div.full h6 { 
	margin-bottom: 15px;
}
div.one_third img {
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
div.one_third h4 {
	margin-bottom: 10px;
}
.tipsy { line-height: 17px; }
img { border: none; }
.clear { clear: both; }
/* Lists */
ul.icon {
	font-size: 32px;
	color: #444;
	line-height: 23px;
}
	ul.icon li {
		display: inline-block;	
	}
ul.social_icons {
	float: right;
	margin-right: 2px;
	margin-top: -70px;	
}
	ul.social_icons li {
		margin-right: 5px;	
		display: inline;
	}
	ul.social_icons li:last-child {
		margin-right: 0 !important;
	}
	ul.social_icons li a {
		font-size: 45px;
		color: #d2d2d2;
	}
	ul.social_icons li a:hover {
		color: #818181;
	}
/*--------------------------------------------
14. Tabs / Toggles
---------------------------------------------*/



div.toggle_list {
	margin-bottom: auto;
	width: 200px;
}
	div.toggle_list ul {
		list-style: none;
	}
		div.toggle_list ul li {
			margin-bottom: 10px;
		}
			div.toggle_list ul li div.title {
	background: #f0f0f0;
	border: 1px solid #e6e7e7;
	padding: 10px;
	cursor: pointer;
	position: relative;
	margin: auto;
			}
				div.toggle_list ul li div.title h3 { margin: 0; color: #4b4b4b; font-size: 13px; }
				div.toggle_list ul li .title h3 span { font-family: "Quicksand"; color: #1c9eda; padding-right: 8px; }
				div.toggle_list ul li div.title a.toggle_link {
					position: absolute;
					top: 5px;
					right: 13px;
					color: #868686;
					font-weight: bold;
					font-size: 19px;
					
				}
			div.toggle_list ul li div.content {
	background: #fbfbfb;
	border: 1px solid #e5e5e5;
	border-top: none;
	padding: 10px;
	display: none;
	margin: auto;
			}
				div.toggle_list ul li div.content p {
	font-size: 12px;
	margin: auto;
}
				div.toggle_list ul li div.content p:last-child { margin-bottom: 0; }
div.tabs {
  margin-bottom: 20px;
}
	div.tabs ul.nav {
	   list-style: none outside none;
	   overflow: hidden;
	   position: relative;
	   z-index: 2;
	}
		div.tabs ul.nav li {
		   float: left;
		   margin-right: 2px;
		}
			div.tabs ul.nav li a {
			   background: #F0F0F0;
			   border: 1px solid #E6E7E7;
			   border-top-left-radius: 3px;
			   border-top-right-radius: 3px;
			   color: #8F8F8F;
			   display: block;
			   font-size: 12px;
			   font-weight: bold;
			   padding: 8px 25px;
			   text-decoration: none;
			}
			div.tabs ul.nav li.current a {
			   background: #FBFBFB;
			   border-color: #E6E7E7;
			   border-style: solid solid none;
			   border-width: 1px 1px medium;
			   color: #424242;
			   padding-bottom: 9px;
			}
		div.tabs .pane {    
			background: #FBFBFB;
		  border: 1px solid #E6E7E7;
		  margin-top: -1px;
		  padding: 15px;
		  position: relative;
		  z-index: 1;
			display: none;
		}
		div.tabs .pane p:last-child { margin-bottom: 0; }
/*--------------------------------------------
15. Icons
---------------------------------------------*/
@font-face {
    font-family: 'entypo';
    src: url('entypo.eot');
    src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo.woff') format('woff'),
         url('../fonts/entypo.ttf') format('truetype'),
         url('../fonts/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'entypo-social';
    src: url('entypo-social.eot');
    src: url('../fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo-social.woff') format('woff'),
         url('../fonts/entypo-social.ttf') format('truetype'),
         url('../fonts/entypo-social.svg#entypo-social') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon {
	font-family: 'entypo';
	-webkit-font-smoothing: antialiased;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
	speak: none;
}
.social_icons {
	font-family: 'entypo-social';
	-webkit-font-smoothing: antialiased;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
	speak: none;
}
/*--------------------------------------------
16. Theme Colors
---------------------------------------------*/
/* Logo */
header .logo h1 a 												{ color: #000; }
/* Slider Caption */
section#home .nivo-caption 								{ background: #282A2D; }
section#home .nivo-caption p.title  		  { color: #fff; }
section#home .nivo-caption p.declaration  { color: #838383; }
/* Feature Icons */
div.trigger .one_fourth h3 .icon 					{ color: #0FB1CB; }
/* Feature Bullets */
div.list_of_features ol li span.icon 			{ color: #0FB1CB; }
/* Widget Header */
div.widget h4 														{ color: #a3a3a3; }
/* Widget Links */
div.widget .widget_content a 							{ color: #ee1c25; }
/* Footer */
footer.container 													{ background: #282A2D; }