/* 

	Theme Name: Coco
	Theme URI: http://www.spab-rice.com 
	Description: Coco is a clean & unique Portfolio Theme for creatives. 
	Version: 1.01 
	Author: Spab Rice 
	Author URI: http://www.spab-rice.com 
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: light, white, gray, one-column, two-columns, three-columns
	
*/


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

	0.	Reset & Clearfix
	1.	Basics (body, headers, links, etc)
	2.	Commen Classes & Id's
	3.	Top
	4.	Header
	5. 	Footer
	6. 	Main
	7. 	Navigation & Menus
	8.	Slider
	9. 	Page
	10. Entrys (Blog & Portfolio)
	11. Single View
	12. Password protection
	13. Masonry
	14.	Comments
	15. Leave Comments
	16.	Metas (Entrys)
	17.	Filter
	18.	Pagination
	19.	Load More
	20.	Share
	21. Columns Grid
	22.	Widgets
	23. Shortcodes
	24. Overlay
	25. Loader
	26. Not Found (404)
	27. Retina
	
-----------------------------------------------------------------------------------*/
*{
border:0px;	
}


/*---------------------------------------------- 
0. Reset
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
ol, ul  { list-style: none; }

:focus  { outline: 0; }

/* deleting the default appearence for form elements */
input, textarea, select { -moz-appearance: none; -webkit-appearance: none; }

.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }
.clearfix { *display: inline-block; height: 1%; }
.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }



/*---------------------------------------------- 
1. Basics
------------------------------------------------*/
html {
	height: 100%;
	font-size: 100%;
	overflow-y: scroll; /* Force a scrollbar in non-IE */
	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */
	-ms-text-size-adjust: 100%;
	position: relative;
	}

body {
	font-family: Arial, sans-serif; font-size:13px; color:#4b4b4b; text-align: left; line-height:21px;
	position: relative;
	
	height: 100%;
	}
	
	#status {
	width:550px;
	height:400px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-200px 0 0 -275px; /* is width and height divided by two */
}
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#f9f9f5; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}
::selection { background:#f9bb00; color:#fff; }
::-moz-selection { background:#f9bb00; color:#fff; }
::-webkit-selection { background:#f9bb00; color:#fff; }



/* Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #7a7a7a;
	font-weight: normal;
	}
	
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i,
h1 i a, h2 i a, h3 i a, h4 i a, h5 i a, h6 i a {
	font-style: italic;
	}
	
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, 
h1 strong a, h2 strong a, h3 strong a, h4 strong a, h5 strong a, h6 strong a, h1 b a, h2 b a, h3 b a, h4 b a, h5 b a, h6 b a {
	font-weight: bold;
	}


h1 { font-size: 30px; line-height: 37px; }
h2 { font-size: 22px; line-height: 28px; }
h3 { font-size: 11px; line-height: 12px; }
h4 { font-size: 11px; line-height: 12px; }
h5 { font-size: 12px; line-height: 15px; }
h6 { font-size: 10px; line-height: 12px; }


div h1, div h2, div h3, div h4, div h5, div h6 {
	margin-top: 40px;
	}

#headline h1, #headline h2, #headline h3, #headline h4, #headline h5, #headline h6 {
	margin-top: 10px;
	}
	
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {
	margin-top: 0px;
	}
	
#headline h3 {
	color: #999999;
	}
	
.widgettitle {
	margin-bottom: 20px;
	
	}

	

/* Forms
---------------------------------------- */
input[type=text], input[type=password], textarea {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	background: #ffffff;
	border: 0.2px solid #66cccc;
	line-height: 16px;
	height: 16px;
	color: #999999;
	padding: 8px 5px 8px 5px;
	border-radius: 1px;
	-moz-border-radius:1px; 
	-khtml-border-radius:1px; 
	-webkit-border-radius:1px;
	}
	
input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, textarea:focus { 
	border: 1px solid #b3b3b3;
}

input[type=text], input[type=password] { width: 240px; max-width: 90%; }		/* padding issue (240 + 2*5 = 250) */
textarea { width: 390px; height: 100px; max-width: 90%; padding: 11px 5px 8px 5px; line-height: 22px; }		/* padding issue (395 + 2*5 = 405) */


input[type=submit] {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: #f9bb00;
	display: block;
	line-height: 20px;
	padding: 9px 20px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	border: none;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px; 
	}
	
input[type=submit]:hover { 
	background: #333333;
	color: #ffffff; 
	}
	
select {
	border: 1px solid #f3f3f3;
	height: 30px;
	width: auto;
	padding:8px;
	color: #999999;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
	}
select:hover {	border: 1px solid #999999;	}
	
select option {
	cursor: pointer;
	padding: 5px 7px;
	}
	
label {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 30px;
	width: 100%;
	display:block;
	}
	
form {
	margin-top: 30px;
	}
	
form .form-row {
	margin-top: 10px;
	position: relative;
	}
	
form .form-submit {
	margin-top: 30px;
	}
	
form .form-value {
	max-width: 100%;
	position: relative;
	display: inline-block;
	}
	
div form:first-child, form .form-row:first-child 	 {
	margin-top: 0px;
	}
	

/* Chech formular */
form .checkfalse {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1px;
	right: -25px;
	}
form .checkfalse .falseicon {
	width: 30px;
	height: 30px;
	background: url(files/images/sprites.png) no-repeat -333px 0px;
	display: block;
	margin-left: 1px;
	margin-top: 1px;
	}
	
form .textbox .checkfalse { top: 2px; right: -12px; }

#form-note {
	display: none;
	overflow: hidden;
	}
	
#form-note .confirm_message {
	color: #1eb56c !important;
	line-height: 30px;
	height: 30px;
	}
	
#form-note .error_message {
	color: #df3b3b !important;
	line-height: 30px;
	height: 30px;
	}
	
#form-note .error_icon {
	width: 30px;
	height: 30px;
	background: url(files/images/sprites.png) no-repeat -333px 0px;
	display: block;
	float: left; 
	margin-right: 20px; 
	text-indent: -9999px;
	}
	
#form-note .confirm_icon {
	width: 30px;
	height: 30px;
	background: url(files/images/sprites.png) no-repeat -368px 0px;
	display: block;
	float: left; 
	margin-right: 20px;
	text-indent: -9999px;
	}
	


	
/* Links
---------------------------------------- */
a {
	text-decoration: none;
	color: #333333;
	cursor: pointer;
	}

a:hover {
	color: #cccccc;
	}
	
a.more-link {
	background: #f9bb00;
	font-size: 14px;
	display: inline-block;
	line-height: 20px;
	padding: 9px 20px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	border-radius: 0px;
	-moz-border-radius:0px; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px; 
	}

a.more-link:hover {
	background: #333333;
	color: #ffffff;
	}
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #333333;
	}
	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #f9bb00;
	}
	
	

/* Embedded content
---------------------------------------- */
img, object, video {
	max-width: 100%; 
	height: auto;
	display:block;
	}
	
img {
	width: auto;
	max-width: 100%; 
	border: 0;
	-ms-interpolation-mode: bicubic;
	}

p img { margin-top: 20px; }
p img:first-child { margin-top: 0px; }
img.alignleft { margin: 3px 30px 30px 0; float: left; }
img.alignright { margin: 3px 0px 30px 30px; float: right; }
img.aligncenter { margin-bottom: 30px; }

.embeddedvideo {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
	}
	
.masonry-item .embeddedvideo {
	padding-top: 0px;}
	
.embeddedvideo iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	
.fullscreenslider .embeddedvideo {
	padding-top: 5px;
	height: 100%;
}


/* Lists
---------------------------------------- */
.page-content ul, .entry-text ul {
	margin-top: 20px;
	padding-left: 15px;
	}

.page-content li, .entry-text li {
	padding-left: 20px;
	background: transparent url(files/images/list-style.png) 0 9px no-repeat;
	line-height: 20px;
	margin-top: 5px;
	}
	
.page-content ul li:first-child, .entry-text ul li:first-child {
	margin-top: 0px;
	}
	
.page-content ol, .entry-text ol {
	margin-top: 20px;
	margin-left: 45px;
	list-style: decimal;
	}
	
.page-content ol li, .entry-text ol li {
	line-height: 20px;
	margin-top: 5px;
	}
	
.page-content ol li:first-child, .entry-text ol li:first-child {
	margin-top: 0px;
	}


/* Others
---------------------------------------- */
strong, b, dt {
	font-weight: bold;
}

i, dfn, em {
	font-style: italic;
	}
	
strong i, b i, dt i, strong em, b em, dt em {
	font-style: italic;
	font-weight: bold;
	}
	
sub, sup {
	font-size: 0.625em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}

sup {
	top: -0.5em;
	}

sub {
	bottom: -0.25em;
	}

/* paragraph rules */
p { 
	margin-top: 20px; 
	}
	
div p:first-child { 
	margin-top: 20px; 
	}	
	
article > p:last-child {
	padding-bottom: 40px;
	}

blockquote {
	margin-top: 20px;
	font-size: 15px; line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 60px;
	color: #999999;
	background: url(files/images/blockquote.png) no-repeat 0px 3px;
	}

blockquote p {
	margin: 0;
	}

div blockquote:first-child { 
	margin-top: 0px; 
	}
	
address {
	padding: 15px;
	margin-top: 30px;
	font-size: 12px;
	background: #f2f2f2;
	}
	
div address:first-child { 
	margin-top: 0px; 
	}	
	
pre {
	padding: 10px;
	margin-top: 20px;
	font-size: 12px;
	background: #f2f2f2;
	color: #999999;
	}
	
div pre:first-child { 
	margin-top: 0px; 
	}	



/* WORDPRESS DEFAULT */

/*sticky*/
.sticky{}

/*gallery captio*/
.gallery-caption{}

/*by post author*/
.bypostauthor{}

/*aligns*/
.aligncenter{
	display:block;
	margin:0 auto;
}
.alignright{
	float:right;
	margin:0 0 10px 20px;
}
.alignleft{
	float:left; 
	margin:0 20px 10px 0;
}

/*floats*/
.floatleft{ float:left}
.floatright{ float:right}

/*text style*/
.textcenter{ text-align:center}
.textright{ text-align:right}
.textleft{ text-align:left}

/*captions*/
.wp-caption{ max-width: 100% !important; }
.wp-caption{
	border:1px solid #ddd; 
	text-align:center; 
	background-color:#f2f2f2; 
	padding-top:4px; 
	margin:10px; 
	border-radius: 0px;
	-moz-border-radius:0px; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px; 
}
.wp-caption img{
	margin:0; 
	padding:0; 
	border:0 none;
	max-width: 100$;
}
.wp-caption p.wp-caption-text{
	font-size:11px; 
	line-height:17px; 
	padding:0 4px 5px; 
	margin:0;
}

/*smiley reset*/
.wp-smiley{
	margin:0 !important;
	max-height:1em;
}

/*blockquote*/
blockquote.left{
	margin-right:20px;
	text-align:right;
	margin-left:0;
	width:33%;
	float:left;
}
blockquote.right{
	margin-left:20px;
	text-align:left;
	margin-right:0;
	width:33%;
	float:right;
}

/*img attachment*/
#img-attch-page{
	text-align: center;
	overflow: hidden;
}
#img-attch-page img{
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	border: 5px solid #d4d4d4; /*for IE*/
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-color: rgba(0,0,0, 0.08);
	-webkit-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
}
#img-attch-page a:hover img{
	border-color: #fc7251;
}

#img-attach-page-content{
	text-align: center;
	margin-top: 25px;
}

/*gallery*/
.gallery {
	width: 100%;
	padding-top: 20px !important;
}

.gallery-item { float: left;  }

.gallery-icon { text-align: center; display: inline-block; }

.gallery-item .gallery-caption { 
    margin-bottom: 0 !important;
    padding-right: 12%; 
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
	border: none !important;
}

.gallery-item a {
	float: left;
	border: none !important;
	margin:  0 !important;
	padding: 0 !important;
}

.gallery-item a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}



/*---------------------------------------------- 
2. Commen Classes & Id's
------------------------------------------------*/
#page-content {
	overflow:hidden;
	}
	
.wrapper {
	margin: 0 40px;
	}	

.left_float { 
	float: left; 
	}
	
.right_float { 
	float: right; 
	}
	
.seperator {
	height: 1px;
	width: 100%;
	display: block;
	background: #f0f0f0;
	margin-top: 40px;
	}


	
/*---------------------------------------------- 
3. Top
------------------------------------------------*/
#top {
	position: relative;
	z-index: 10;
	background: #ffffff;
}

#top #top-inner {
	padding-top: 40px;
	padding-bottom: 40px;
	display: none;
}

#top #open-close-top {
	width: 40px;
	height: 40px;
	display: block;
	background: url(files/images/sprites.png) no-repeat -283px -100px;
	text-indent: -999999px;
	position: absolute;
	bottom: -40px;
	right: 0;
	
}

#top #open-close-top span {
	width: 15px;
	height: 15px;
	display: block;
	background: #f9bb00 url(files/images/sprites.png) no-repeat -283px 0px;
	text-indent: -9999px;
	position: absolute;
	top: 4px;
	right: 4px;
}

#top a.active span {
	background-color: #f9bb00;
	background-position: -283px -50px !important;
}

#top #open-close-top:hover span {
	background-color: #333333 !important;
}



/*---------------------------------------------- 
4. Header
------------------------------------------------*/
header {
	position: relative;
	width: 100%;
	padding: 30px 0 30px 0;
	}
	
#logo {
	display: block;
	max-width:100%;
	}
	
.header-bottom {
	margin-top: 30px;
	}
	
#headline {
	width: 70%;
	}
	
#header-responsive {
	margin-top: 40px;
	display: none;
	}



/*---------------------------------------------- 
5. Footer
------------------------------------------------*/
footer {
	width: 100%;
	color: #333333;
	font-size: 13px;
	}
	
#footer-inner {
	height: 34px; line-height: 34px;
	padding: 20px 0px;
	position: relative;
	}
	
#totop {
	width: 30px;
	height: 30px;
	display: block;
	position: fixed;
	bottom: 94px;
	right: 40px;
	background: #333333;
	text-indent: -9999px;
    border-radius: 20px;
	-moz-border-radius:20px; 
	-khtml-border-radius:20px; 
	-webkit-border-radius:20px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	display: none;
	z-index: 150;
	}
	
#totop:hover { 
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#totop span {
	background: url(files/images/sprites.png) no-repeat -237px 0px;
	display: block;
	margin-top: 7px;
	width: 13px;
	height: 8px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 50%;
	margin-left: -7px;
	}




/*---------------------------------------------- 
6. Main
------------------------------------------------*/	
#main {
	width: 100%;
	position: relative;
	/*min-height: 500px;*/
	}
	
#main-inner {
	position: relative;
	}
	
#content {
	width: 100%;
	}
	
.page-template-template-portfolio-php #content, .blog #content, .archive #content, .search #content {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 100%;
	}
	
.grid {
	width: 100%;
	}
	
.single-portfolio .grid, .single-post .grid {
	position: absolute;
	top: 0px;
	left: -100%;
	}
	
.searchfor {
	margin-bottom: 40px;
	}
	
.nopost {
	text-align: center;
	}




/*---------------------------------------------- 
7. Navigation & Menus
------------------------------------------------*/
.menu {
	position: relative;
	padding-top:35px;
	}

nav#main-nav {
	z-index: 50;
	display: block;
	/*margin-bottom: 40px;*/
	}
	
nav#main-nav ul {
	position: relative;
	z-index: 49;
	}
	
nav#main-nav ul li {
	position: relative;
	z-index: 45;
	float: left;
	margin-left: 20px;
	}

nav#main-nav > ul > li > a  {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 45;
	border-bottom: 0px solid rgba(51, 51, 51, 0);
	padding-bottom: 6px;
	}
	
nav#main-nav > ul > li:hover {
	z-index: 46;
	}
	
nav#main-nav > ul > li:hover > a {
	z-index: 48;
	
	color: #999999;
	border-bottom: 0px solid #333333;
	}
	
nav#main-nav > ul > li.current-menu-item > a, nav#main-nav > ul > li.current-menu-ancestor > a {
	color: #333333;
	border-bottom: 0px solid #333333;
	}
	
nav#main-nav ul li .sub-menu {
	border-top: 1px solid #333333;
	position: absolute;
	top: 16px;
	right: 0px;
	
	width: 140px;
	padding: 5px 5px 0px 0px;
	display: none;
	z-index: 47;
	text-align: left;
	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 0px;
	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 0px;
	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 0px;
	} 
	
nav#main-nav ul .sub-menu li {
	float: none;
	}
	
nav#main-nav ul .sub-menu li a {
	color: #999999;
	line-height: 12px;
	font-size: 11px;
	font-weight: normal;
	}
	
nav#main-nav ul .sub-menu li a:hover {
	color: #f9bb00;
	}
	
nav#main-nav ul .sub-menu li.current-menu-item > a, nav#main-nav ul .sub-menu li.current-menu-ancestor > a {
	color: #f9bb00;
	}

.dropdown-menu {
	font-size: 20px;
	line-height: 16px;
	font-weight: bold;
	color: #333333;
	border-bottom: 0px solid #333333;
	padding-bottom: 6px;
	display: none;
	}

#responsive-nav {
	display: none;

	position: absolute;
	top: 45px;
	right: 0px;
	background-color:#f9f9f5;
	min-width: 280px;
	padding: 10px 20px 10px 20px;
	z-index: 255;
	text-align: right;
	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 0px;
	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 0px;
	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 0px;
	}

#header-responsive #responsive-nav {
	right: inherit;
	left: 0px;
	text-align: left;
	}
	
#responsive-nav li {
	float: none;
	}

#responsive-nav li a  {
	color: #333333;
	line-height: 26px;
	font-size: 16px;
	
	}
	
#responsive-nav li:hover > a, #responsive-nav li.current-menu-item > a, #responsive-nav li.current-menu-ancestor > a {
	color: #cccccc;
	}
	
#responsive-nav li ul {
	width: auto;
	position: inherit;
	border: none;
	padding: 0;
	display: block;
	left: inherit;
	top: inherit;
	position: relative;
	margin-bottom: 10px;
	}
	
#responsive-nav li ul li {
	display: block;
	padding: 0;
	position: inherit;
	width: 100%;
	}
	
#responsive-nav li ul li a { 
	font-size: 11px;
	padding-right: 20px; 
	color: #999999;
	display: block;  
	}
	
#header-responsive #responsive-nav li ul li a { 
	padding-right: 0px; 
	padding-left: 20px; 
	}
	
#responsive-nav li ul li:hover > a, #responsive-nav li ul li.current-menu-item > a, #responsive-nav li ul li.current-menu-ancestor > a { 
	color: #f9bb00;
	}

	
#responsive-nav li ul li ul {
	border: none;
	padding: 0;
	position: inherit;
	left: 0px;
	top: 0px;
	margin: 0;
	}
	
#responsive-nav li ul li ul li a { padding-right: 40px; font-weight: normal;  }

#header-responsive #responsive-nav li ul li ul li a { padding-right: 0px; padding-left: 40px;   }




/*---------------------------------------------- 
8. Slider
------------------------------------------------*/	
.slider {
	position: relative;
	overflow: hidden;
	}
	
.slider li img {
	width: 100%;
	}


.fullscreenslider {
	position: relative;
	}
	
.fullscreenslider li img {
	width: 100%;
	max-width: 100%;
	}
	
.fullscreenslider .flexslider > ul > li {
	overflow: hidden;
	}



/*---------------------------------------------- 
9. Page
------------------------------------------------*/	
#page-single {
	background: #ffffff;
	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	position: relative;
	width: 790px;
	margin: 0 auto;
	padding-bottom: 40px;
	}
	
#page-single-fullwidth {
	background: #ffffff;
	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	position: relative;
	padding-bottom: 40px;
	}
	
.page-template-template-slider-php #page-single-fullwidth .page-content {
	padding-top: 40px;
	}
	
.page-header, .page-content {
	padding: 0px 40px;
	}
	
.page-header {
	padding-top: 40px;
	}
	
.page-content {
	margin-top: 0px;
	}
	
#map {
	width: 100%;
	height: 400px;
	overflow: hidden;
	}

#map img {						
	max-width: inherit;
	height: auto;
	}


/*---------------------------------------------- 
10. Entrys (Blog & Portfolio) View
------------------------------------------------*/	
.entry {
	position: relative;
	}
	
.entry-content {
	position: relative;
	}
	
.entry-media img {
	width: 100%;
	}
	
.readmore {
	margin-top: 10px;
	display: inline-block;
	}

.masonry-item .entry-content {
	padding: 15px 20px;
	}
	
.masonry-item .entry-content .meta-category {
	color: #999999;
	margin-top: -2px;
	}
	
.masonry-item .seperator {
	margin: 0;
	}

.entry-quote {
	color: #ffffff;
	padding: 40px 20px 20px 20px;
	text-align: center;
	background: #f9bb00 url(files/images/quote.png) no-repeat center 20px;
	}
	
.entry-quote .quote-text {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	}
	
.entry-quote .quote-author {
	margin-top: 20px;
	}
	
.entry-link {
	padding: 20px;
	text-align: center;
	}
		
.entry-link .link-target a {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	}
	
.entry-link .link-name {
	margin-top: 20px;
	}

.entry-aside { padding: 20px; }

#blog-single .entry-aside { padding: 40px; }

#caching { display: none; }

.gallery-list {
	margin: 0;
	padding: 0;
	}
	
.gallery-list li {
	margin: 0;
	padding: 0;
	background: 0;
	position: relative;
	}
	
.single-caption {
	position: absolute;
	bottom: 20px;
	left: 20px;
	padding: 10px;
	color: #ffffff;
	text-align: left;
	}
	
.single-caption h1, .single-caption h2, .single-caption h3, .single-caption h4, .single-caption h5, .single-caption h6 {
	color: #ffffff;
	}
	
.single-caption .caption-bg {
	background: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	position: absolute;
	display:block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	}
	
.single-caption .caption-text {
	position: relative;
	z-index: 10;
	}



/*---------------------------------------------- 
11. Single View
------------------------------------------------*/	

/* Standard View */
#portfolio-single, #blog-single {
	padding: 40px;
	background: #ffffff;
	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	position: relative;
	}
	
.entry-left, .entry-right {
	width: 50%;
	}
	
.entry-left { float: left; }
.entry-right { float: right; }
	
.entry-left-inner {
	padding-right: 20px;
	}
	
.entry-right-inner {
	padding-left: 20px;
	}
	
.entry-header .entry-title {
	width: 80%;
	}
	
.entry-body {
	margin-top: 40px;
	}	
/* Standard View */

/* Fixed View */
.single-layout-fixed {
	padding: 0 !important;
	width: 790px;
	margin: 0 auto;
	}
	
.single-layout-fixed .entry-left, .single-layout-fixed .entry-right {
	width: 100%;
	float: none;
	}
	
.single-layout-fixed .entry-left-inner {
	padding: 0px;
	}
	
.single-layout-fixed .entry-right-inner {
	padding: 40px 0px;
	}
	
.single-layout-fixed .entry-header, .single-layout-fixed .entry-body {
	padding: 0px 40px;
	}
	
.single-layout-fixed .entry-body {
	margin-top: 40px;
	}
	
.single-layout-fixed .entry-text {
	float: right;
	width: 460px;
	}
	
.single-layout-fixed .entry-password {
	padding: 40px;
	}
/* Fixed View */

	
.entry-meta-category {
	color: #999999;
	margin-top: 3px;
	}
	
.entry-meta-category a {
	color: #999999;
	font-size: 14px;
	}
	
.entry-meta-category a:hover {
	color: #f9bb00;
	}
	
.entry-author  {
	color: #999999;
	font-size: 12px;
	}
	
.entry-meta-client, .entry-meta-date {
	margin-top: 10px;
	display: inline-block;
	}
	
.entry-meta-date {
	float: right;
	}
	
.entry-likes {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0px;
	right: 40px;
	}
	
.single-layout-fullwidth .entry-likes {
	right: 0px;
	}
	
.entry-likes .icon {
	width: 40px;
	height: 40px;
	display: block;
	background:  url(files/images/sprites.png) no-repeat -333px -50px;
	}
	
.entry-likes .amount {
	width: 40px;
	height: 18px;
	line-height: 18px;
	display: block;
	text-align: center;
	font-weight: bold;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	color: #f33e82;
	}
	
.entry-likes a { color: #999999;  }
.entry-likes a:hover, .entry-likes a.likesactive { color: #f33e82;  }
.entry-likes a.likesactive { cursor: default; }
.entry-likes a.likesactive .amount { opacity: 1.0; filter: alpha(opacity=100);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.entry-likes:hover .icon, .entry-likes a.likesactive .icon { background-position: -333px -100px;   }


/*---------------------------------------------- 
12. Password protection
------------------------------------------------*/	
.entry-passwordprotected h5 {
	color: #999999;
	}

/*---------------------------------------------- 
13. Masonry
------------------------------------------------*/
.masonry {
	width: 110%;
	overflow: hidden;
	margin-left: -60px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
.masonry > .masonry-item {
	width: 400px;					/* overwritten by javascript */ 
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	background: #ffffff;
	overflow: hidden;
	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 4px;
	}
	
#gallery-grid .masonry-item {
	width: 200px;					/* overwritten by javascript */ 
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: none;
	-moz-box-shadow:  none;
	-webkit-box-shadow:  none;
	}

/*---------------------------------------------- 
14. Comments
------------------------------------------------*/
#comment-section {
	padding: 40px;
	background: #ffffff;
	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 0px;
	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 0px;
	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 0px;
	position: relative;
	margin-top: 80px;
	}

#comments  {
	position: relative;
	}
	
.single-layout-fixed #comments  {
	padding: 40px;
	}
	
#comments ul {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 30px;
	}	
	
#comments .comment-list  {
	width: 100%;
	}
	
#comments .full-comment-list  {
	width: 100%;
	}
	
#comments .comment {
	/*overflow: auto;*/
	background: none;
	padding: 0;
	margin-top: 20px;
	border: none;
	border-top: 1px solid #f0f0f0;
	padding-top: 20px;
	}
	
#comments .comment-list .comment:first-child {
	border-top: none;
	padding-top: 20px;
	margin-top: 0px;
	}
	
#comments .comment-list .comment:first-child .children .comment {
	border-top: 1px solid #f0f0f0;
	padding-top: 20px;
	}


#comments .comment .children { 
	margin-left: 5%; 
	margin-bottom: 0; 
	padding-bottom: 0;
	}
	
#comments .comment .children .comment { 
	margin-top: 20px;
	}
	
#comments .user {
	float: left;
	width: 50px;
	}
	
#comments .comment_content {
	margin-left: 70px;
	position: relative;
	}
		
#comments .comment_date {
	color: #999999;
	font-size: 13px;
	}
	
#comments .comment_text {
	margin-top: 10px;
	padding: 0;
	}
	
#comments .comment-reply-link {
	margin-left: 15px;
	}



/*---------------------------------------------- 
15. Leave Comment
------------------------------------------------*/
#leavecomment {
	position: relative;
	}
	
.single-layout-fixed #leavecomment  {
	padding: 0 40px;
	}
	
#respond #reply-title {
	line-height: 22px;
	font-size: 14px;
	margin: 0;
	}
	
#respond #cancel-comment-reply-link {
	font-size: 18px;
	}
	
#comments #respond {
	float: none;
	margin: 30px 0 30px 70px;
	}
	
#comments #respond form {
	}
	
#comments #respond #form-note {
	margin-left: 20px;
	}	


/*---------------------------------------------- 
16. Metas (Entrys)
------------------------------------------------*/
.entry-meta { 
	width: 100%;
	padding-bottom: 40px;
	}
	
.single-layout-fullwidth  .entry-meta { 
	padding-bottom: 0px;
	}
	
.single-layout-fullwidth .entry-header .entry-meta { 
	margin-top: 20px;
	}
	
.single-layout-fullwidth .entry-body .entry-meta { 
	margin-top: 40px;
	}

.entry-meta li {
	padding: 0;
	margin: 0;
	background: none;
	line-height: 22px;
	margin-top: 5px;
	display: block;
	color: #999999;
	}
	
.entry-meta li:first-child {
	margin-top: 0;
	}
	
.meta_comments a {
	color: #999999;
	font-size: 12px;
	}
	
.meta_comments a:hover {
	color: #333333;
	}

.entry-meta li .icon {
	background-image: url(files/images/sprites.png);
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 7px;
	margin-top: 5px;
	}

.meta_views .icon {	background-position: -200px -23px; }
.meta_comments .icon {	background-position: -220px -23px; }
.meta_date .icon {	background-position: -238px -23px; }
.meta_client .icon {	background-position: -256px -23px; }
.meta_link { margin-top: 40px !important; }
.single-layout-fullwidth .meta_link { margin-top: 0px !important; margin-bottom: 0px !important; }

.single-layout-fixed .entry-meta { 
	float: left;
	width: 210px;
	margin-bottom: 0;
	}
	
.single-layout-fullwidth .entry-meta li { 
	float: left;
	margin: 0 20px 5px 0;
	}

.masonry-item .entry-meta { 
	float: none;
	width: 100%;
	padding: 0;
	}
	
.masonry-item .entry-meta li { 
	float: left;
	margin: 0 20px 5px 0;
	}
	
.masonry-item  .entry-meta li .icon {
	margin-right: 6px;
	margin-top: 5px;
	}




/*---------------------------------------------- 
17. Filter
------------------------------------------------*/
.filter {
	position: relative;
	margin-top: 10px;
	z-index: 19;
	}
	
#header-responsive .filter {
	margin-top: 40px;
	}
	
.single-portfolio .filter {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

.filter a.openfilter {
	z-index: 18;
	background: #ffffff;
	text-align: right;
	color: #999999;
	font-size: 15px;
	line-height: 20px;
	display: block;
	width: 160px;
	padding: 15px 20px;
	z-index: 11;
	}
	
.filter a.openfilter span {
	display: block;
	margin-top: 7px;
	width: 16px;
	height: 11px;
	background: url(files/images/sprites.png) no-repeat -260px -50px;
	float: left;
	}

.filter ul {
	z-index: 17;
	position: absolute;
	top: 50px;
	right: 0px;
	text-align: right;
	background: #ffffff;
	width: 160px;
	height: auto;
	padding: 0px 20px 15px 20px;
	display: none;
	}
	
#header-responsive .filter ul {
	right: inherit;
	left: 0px;
	}
	
.filter ul li a {
	color: #999999;
	font-weight: bold;
	line-height: 26px;
	}
	
.filter ul li a:hover, .filter ul li a.active {
	color: #f9bb00;
	}
	

/*---------------------------------------------- 
18. Pagination
------------------------------------------------*/
#single-pagination {
	position: absolute;
	top: -60px;
	right: 0px;
	}
	
#single-pagination ul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	}
	
#single-pagination ul li {
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	background: none;
	display: block;
	float: left;
	margin-left: 10px;
	}
	
	
#single-pagination ul li a {
	height: 40px;
	line-height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}

#single-pagination ul li.next a { background:  url(files/images/sprites.png) no-repeat 0px -50px; }
#single-pagination ul li.prev a { background:  url(files/images/sprites.png) no-repeat -50px -50px; }
#single-pagination ul li.close a { background:  url(files/images/sprites.png) no-repeat -100px -50px; }

#single-pagination ul li a:hover { 
	color: #4d4d4d;
	}
	
#single-pagination ul li.next a:hover { background-position:  0px -100px;  }
#single-pagination ul li.prev a:hover { background-position:  -50px -100px;  }
#single-pagination ul li.close a:hover { background-position:  -100px -100px;  }


/*---------------------------------------------- 
19. Load More
------------------------------------------------*/
#load-more {
	width: 100%;
	height: 70px;
	position: relative;
	}
	
#load-more a {
	width: 150px;
	display: block;
	background: #f9bb00;
	height: 70px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -75px;
	}
	
#load-more a span.icon {
	background:  url(files/images/sprites.png) -150px 0px;
	width: 40px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	}
	
#load-more a span.loading-action {
	width: 100%;
	height: 20px;
	line-height:20px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	color: #ffffff;
	text-align: center;
	display: none;
	}
	
#load-more a:hover {
	background: #333333;
	color: #ffffff;
	}
	


/*---------------------------------------------- 
20. Share 
------------------------------------------------*/
.sharelinks {
	padding: 0;
	margin-top: 20px;
	}
	
.single-layout-fullwidth .sharelinks { 
	margin-top: 0px;
	}
		
.sharelinks li {
	padding: 0;
	margin: 0;
	background: none;
	float: left !important;
	margin-top: 2px !important;
	margin-right: 5px !important;
	display: block;
	width: auto;
	position: relative;
	}
	
.sharelinks li.sharetitle {
	height: 20px !important;
	margin-top: 0px !important;
	margin-right: 40px !important;
	display: block !important;
	width: 100%;
	margin-bottom: 5px !important;
	}
	
.single-layout-fullwidth  .sharelinks li.sharetitle {
	margin-right: 20px !important;
	display: inherit !important;
	width: inherit !important;
	}
	
.sharelinks li span {
	background: #f2f2f2;
	display: block;
	font-size: 11px;
	position: absolute;
	top: 25px;
	left: -15px;
	width: 50px;
	text-align: center;
    border-radius: 2px;
	-moz-border-radius:2px; 
	-khtml-border-radius:2px; 
	-webkit-border-radius:2px;
	display: none;
	text-indent: 0px;
	}
	
.sharelinks li a {
	height: 20px;
	width: 20px;
	display: block;
	text-indent: -9999px;
	background:  url(files/images/share.png) no-repeat;
	}
	
.sharelinks .fb_share {	background-position:  0px 0px; }
.sharelinks .tw_share {	background-position:  -20px 0px; }
.sharelinks .g_share {	background-position:  -40px 0px; }
.sharelinks .p_share {	background-position:  -60px 0px; }

.sharelinks li:hover span {
	display: block;
	}
	



/*---------------------------------------------- 
21. Columns Grid
------------------------------------------------*/
.column { 
	float: left; 
	padding-bottom: 40px;
	margin-right: 4%;
	}

.one_full { width: 100%; float: none; margin-right: 0; }
.one_half  { width: 48%; }
.one_third { width: 30%; }
.two_third { width: 64%; }
.one_fourth { width: 22%; }
.two_fourth { width: 48%; }
.three_fourth { width: 72%; }

.last {	margin-right: 0px; }




/*---------------------------------------------- 
22. Widgets
------------------------------------------------*/
.widget {
	position: relative;
	margin-top: 40px;
	}
	
div .widget:first-child {
	margin-top: 0px;
	}
	
#top .column {
	padding-bottom: 0px;
	}
	
footer .widgettitle {
	display: none;
	}
	
.widget-bottom {
	margin-left: 20px;
	}
	


/*	Menu Widget
------------------------------------------------*/
.widget ul {
	margin-top: 0px;
	}
	
.widget ul li {
	padding-left: 20px;
	background: transparent url(files/images/list-style.png) 0 9px no-repeat;
	line-height: 22px;
	}
	
footer .widget ul li {
	display: none;
	}
	
.widget ul li:first-child {
	display: block;
	}
	
.widget ul li a {
	color: #f9bb00;
	}
	
.widget ul li a:hover, .widget ul li.current-menu-item a, .widget ul li.current-cat a  {
	color: #333333;
	}
	


/*	Search Widget
------------------------------------------------*/
 #searchform {
	margin: 0;
	display: block;
	}
	
 #searchform div {
	position: relative;
	width: 240px;
	max-width: 100%;
	}
	
 #searchform label {
	display: none;
	}
	
 #searchform input[type="text"] {
	display: block;
	width: 100% ;
	max-width: 95% ;
	}
	
 #searchform input[type="submit"] {
	filter: none;
	background: url(files/images/search-icon.png) no-repeat center center;
	text-indent: -9999px;
	border: none;
	width: 26px; height: 26px;
	padding: 5px 0px;
	position:absolute;
	top: 4px;
	right: 2px;
	font-size: 0;
	line-height: 0;
	}
	
 #searchform input[type="submit"]:hover {
	border: none;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	}
	
	
	
/*	Social Media Widget
------------------------------------------------*/
.socialmedia-widget {
	overflow:hidden;
	margin: 0;
	padding: 0;
	}
	
.socialmedia-widget li {
	float: left;
	margin-right: 8px;
	background: none !important;
	padding-left: 0px !important;
	}
	
footer .socialmedia-widget li {
	float: left;
	margin-right: 0px;
	margin-left: 8px;
	background: none !important;
	padding-left: 0px !important;
	}
	
.socialmedia-widget li a {
	height: 30px;
	width: 30px;
	display: block;
	text-indent: -9999px;
	background: transparent url(files/images/social-icons.png);
	}
		
.socialmedia-widget a.facebook { background-position: 0px top ; }
.socialmedia-widget a.twitter { background-position: -30px top; }
.socialmedia-widget a.thumblr { background-position: -60px top ; }
.socialmedia-widget a.vimeo { background-position: -90px top ; }
.socialmedia-widget a.dribbble { background-position: -120px top ; }
.socialmedia-widget a.deviantart { background-position: -150px top ; }
.socialmedia-widget a.behance { background-position: -180px top ; }
.socialmedia-widget a.flickr { background-position: -210px top ; }
.socialmedia-widget a.forrst { background-position: -240px top ; }
.socialmedia-widget a.linkedin { background-position: -270px top ; }
.socialmedia-widget a.rss { background-position: -300px top ; }
.socialmedia-widget a.googleplus { background-position: -330px top ; }
.socialmedia-widget a.pinterest { background-position: -360px top ; }
.socialmedia-widget a.youtube { background-position: -390px top ; }

.socialmedia-widget a.facebook:hover { background-position: 0px bottom ; }
.socialmedia-widget a.twitter:hover { background-position: -30px bottom ; }
.socialmedia-widget a.thumblr:hover { background-position: -60px bottom ; }
.socialmedia-widget a.vimeo:hover { background-position: -90px bottom ; }
.socialmedia-widget a.dribbble:hover { background-position: -120px bottom ; }
.socialmedia-widget a.deviantart:hover { background-position: -150px bottom ; }
.socialmedia-widget a.behance:hover { background-position: -180px bottom ; }
.socialmedia-widget a.flickr:hover { background-position: -210px bottom ; }
.socialmedia-widget a.forrst:hover { background-position: -240px bottom ; }
.socialmedia-widget a.linkedin:hover { background-position: -270px bottom ; }
.socialmedia-widget a.rss:hover { background-position: -300px bottom ; }
.socialmedia-widget a.googleplus:hover { background-position: -330px bottom ; }
.socialmedia-widget a.pinterest:hover { background-position: -360px bottom ; }
.socialmedia-widget a.youtube:hover { background-position: -390px bottom ; }


/*	Twitter Widget
------------------------------------------------*/
.twitter-widget .tweet_avatar {
	display: none;
	}	

.twitter-widget .tweet_list li {
	background: url(files/images/tweet.png) no-repeat 0px 5px;
	padding-left: 30px;
	line-height: 20px;
	margin-top: 15px;
	}
	
.twitter-widget .tweet_list li:first-child {
	margin-top: 0px;
	}
	
.twitter-widget .tweet_list li .tweet_time a {
	font-style: italic;
	color: #999999;
	font-size: 13px;
	display: block;
	}
	
.twitter-widget .tweet_list li .tweet_time a:hover {
	color: #333333;
	}



/* Flickr Widget & Dribble Widget
------------------------------------------------*/
.flickr-widget, #dribbble-widget {
	}
	
.flickr-widget .flickr-list, #dribbble-widget #dribbble-list  {
	width: 110%;
	overflow: hidden;
	}
	
.flickr-widget .flickr-list li, #dribbble-widget #dribbble-list li {
	width: 20%;
	margin: 0 2% 2% 0;
	float: left;
	overflow: hidden;
	background: none;
	padding: 0;
	}
		
.flickr-widget .flickr-list li:hover, #dribbble-widget #dribbble-list li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}



/*	Recent comment
------------------------------------------------*/
#recentcomments {
	padding:0;
	}

#recentcomments li {
	background: url(files/images/recentcomment.png) no-repeat 0px 6px;
	padding-left: 30px;
	margin-top: 15px;
	line-height: 20px;
	}
	
#recentcomments  li:first-child {
	margin-top: 0px;
	}
	
#recentcomments li a {
	margin-left: 10px;
	}

	


/*	Tag Widget
------------------------------------------------*/
.tag-list a {
	border: 1px solid #f0f0f0;
	display: inline-block;
	padding: 1px 4px ;
	background: #ffffff;
	font-size: 11px;
    border-radius: 2px;
	-moz-border-radius:2px; 
	-khtml-border-radius:2px; 
	-webkit-border-radius:2px;
	color: #999999;
	margin-bottom: 5px;
	margin-right: 2px;
	}

.tag-list a:hover {
	color: #f9bb00;
	border: 1px solid #b3b3b3;
	}
	





/*---------------------------------------------- 
23. Shortcodes
------------------------------------------------*/

/*	Team-member
------------------------------------------------*/
.team-member .team-meta {
	margin-top: 20px;
	}
	
.team-member .team-description {
	margin-top: 20px;
	}


/*	Buttons
------------------------------------------------*/
a.button {
	display: inline-block;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	padding: 3px 15px;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
	margin: 0 10px 10px 0;
	}
	
a.button:hover {
	box-shadow:  rgba(0,0,0, 0.3) 0px 1px 0px;
	-moz-box-shadow:  rgba(0,0,0, 0.3) 0px 1px 0px;
	-webkit-box-shadow:  rgba(0,0,0, 0.3) 0px 1px 0px;
	}
	
		
a.standard {
	color: #f9bb00;
	text-shadow: 1px 1px 0px #ffffff;
	border: 1px solid #cccccc;
	background: #fafafa;
	}
a.standard:hover { border: 1px solid #333333; color: #333333; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

a.white {
	color: #999999;
	text-shadow: 1px 1px 0px #ffffff;
	border: 1px solid #cccccc;
	
	background: #f0f0f0;
	background-image: linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 12%, rgb(250,250,250) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.12, rgb(240,240,240)),
		color-stop(1, rgb(250,250,250))
	);

	}
a.white:hover { border: 1px solid #999999; color: #333333; }

a.blue {
	color: #318588;
	text-shadow: 1px 1px 0px #ace9ec;
	border: 1px solid #5bc0c7;
	
	background: #6ccbd6;
	background-image: linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);
	background-image: -o-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(108,203,214) 0%, rgb(160,218,221) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(108,203,214)),
		color-stop(1, rgb(160,218,221))
	);
	}
a.blue:hover { border: 1px solid #469499; color: #194b51;  }

a.yellow {
	color: #ae8c2d;
	text-shadow: 1px 1px 0px #fce8af;
	border: 1px solid #fcd14b;
	
	background: #fcd96c;
	background-image: linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);
	background-image: -o-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(252,217,108) 0%, rgb(252,228,154) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(252,217,108)),
		color-stop(1, rgb(252,228,154))
	);
	}
a.yellow:hover { border: 1px solid #ba972a; color: #7e6621;  }

a.green {
	color: #768c34;
	text-shadow: 1px 1px 0px #e0eebc;
	border: 1px solid #aecd5b;
	
	background: #c2e16d;
	background-image: linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);
	background-image: -o-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(194,225,109) 0%, rgb(206,225,154) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(194,225,109)),
		color-stop(1, rgb(206,225,154))
	);
	}
a.green:hover { border: 1px solid #738b32; color: #56691c; }

a.pink {
	color: #e0556e;
	text-shadow: 1px 1px 0px #e9b6bf;
	border: 1px solid #f2798d;
	
	background: #f28699;
	background-image: linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);
	background-image: -o-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(242,134,153) 0%, rgb(242,162,176) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(242,134,153)),
		color-stop(1, rgb(242,162,176))
	);
	}
a.pink:hover { border: 1px solid #d53652; color: #8e2437; }

a.purple {
	color: #d46fc9;
	text-shadow: 1px 1px 0px #efe2ee;
	border: 1px solid #e8a0e0;
	
	background: #e8b0e2;
	background-image: linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);
	background-image: -o-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(232,176,226) 0%, rgb(232,211,230) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(232,176,226)),
		color-stop(1, rgb(232,211,230))
	);
	}
a.purple:hover { border: 1px solid #c359b7; color: #843c7c; }


a.grey {
	color: #999999;
	text-shadow: 1px 1px 0px #ebebeb;
	border: 1px solid #adadad;
	
	background: #bfbfbf;
	background-image: linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);
	background-image: -o-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(191,191,191) 0%, rgb(217,217,217) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(191,191,191)),
		color-stop(1, rgb(217,217,217))
	);
	}
a.grey:hover { border: 1px solid #737373; color: #333333; }

a.orange {
	color: #e08457;
	text-shadow: 1px 1px 0px #fde5d9;
	border: 1px solid #fda072;
	
	background: #fdb897;
	background-image: linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);
	background-image: -o-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(253,184,151) 0%, rgb(253,203,179) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(253,184,151)),
		color-stop(1, rgb(253,203,179))
	);
	}
a.orange:hover { border: 1px solid #de7744; color: #bd5223; }
		


/*	Skills
------------------------------------------------*/	
.skill {
	margin-top: 20px;
	}
	
div .skill:first-child {
	margin-top: 0px;
	}

.skill .skill_bar {
	background: #ffffff;
	height: 30px; width: 100%;
	position: relative;
	}
	
.skill .skill_bar .skill_active {
	background: #f9bb00;
	height: 100%;
	}
	
.skill .skill_bar span {
	color: #ffffff;
	position: absolute;
	top: 2px;
	left: 10px;
	line-height: 25px;
	}
	
	
	
/*	Alert
------------------------------------------------*/
p.alert {
	display: block;
	text-decoration: none;
	padding: 10px 20px;
	}
		
p.blue {
	color: #344454;
	background: #e6eef5;
	border: 1px solid #c6dff5;
	}
	
p.green {
	color: #315712;
	background: #dbe0a7;
	border: 1px solid #b0ce60;
	}
	
p.red {
	color: #83160a;
	background: #f5d7d7;
	border: 1px solid #f5acac;
	}
	
p.yellow {
	color: #9e6726;
	background: #faf8c2;
	border: 1px solid #ede863;
	}




/*	Toggle
------------------------------------------------*/
.toggle {
	margin-top: 15px;
	border: 1px solid #e5e5e5;
	background: #ffffff;
	padding: 5px 10px;
	}
	
div .toggle:first-child {
	margin-top: 0px;
	}
	
.toggle .toggle_title .toggle_icon {
	background: #f9bb00 url(files/images/plus.png) center center no-repeat;
	width: 11px;
	height: 11px;
	display: inline-block;
	text-indent: -9999px;
	border-radius: 7px;
	-moz-border-radius:7px; 
	-khtml-border-radius:7px; 
	-webkit-border-radius:7px;
	float: left;
	padding: 1px;
	margin-right: 10px;
	margin-top: 4px;
	}
	
.toggle .toggle_title a:hover .toggle_icon {
	background-color: #333333;
	}
	
.toggle .toggle_title a.active  {
	color: #333333;
	}
	
.toggle .toggle_title a.active .toggle_icon {
	background-image: url(files/images/minus.png);
	background-color: #333333;
	}
	
.toggle .toggle_inner {
	padding: 15px;
	padding-left: 22px;
	display: none;
	}
	

/*	Tabs
------------------------------------------------*/
.tabs {
	}
	
.tabs ul.tab_nav {
	height: 31px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e5e5e5;
	}
	
.tabs ul.tab_nav li {
	background: none;
	padding: 0;
	float: left;
	margin: 0;
	margin-right:-1px;
	}
	
.tabs ul.tab_nav li a {
	background: none;
	padding: 0 20px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	display: block;
	line-height: 30px;
	height: 30px;
	color: #999999;
	}
	
.tabs ul.tab_nav li a:hover {
	background: #ffffff;
	color: #333333;
	}
	
.tabs ul.tab_nav li a.active {
	background: #ffffff;
	color: #333333;
	border-bottom: 1px solid #ffffff;
	}
	
.tabs .tab_container {
	border: 1px solid #e5e5e5;
	background: #ffffff;
	border-top: none;
	padding: 20px;
	position: relative;
	overflow: hidden;
	height: auto;
	}
	
.tabs .tab_container .tab_content {
	float: left;
	display: none;
	}
	
.tabs .tab_container .active {
	display: block;
	}
	




/*---------------------------------------------- 
24. Overlay
------------------------------------------------*/
.imgoverlay {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	display: block;
	max-width: 100%;
	}
	
.imgoverlay:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

.imgoverlay a .overlay {
	width: 100%;
	height: 100%;
	background: #f9bb00;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 0;
	}
	
.imgoverlay a .overlayicon {
	background:  url(files/images/sprites.png) -150px 0px;
	width: 40px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	display: none;
	}


.full-overlay .overlay {
	background: #f9bb00;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	}
	
.full-overlay a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}
	
.full-overlay .overlay .overlay-meta {
	padding: 20px;
	}
	
.full-overlay .overlay .overlay-meta h2, .full-overlay .overlay .overlay-meta h3 {
	color: #ffffff;
	}
	
.full-overlay .overlay .overlay-meta-category {
	margin-top: 2px;
	}
	
.full-overlay .overlay .overlay-meta-category h5 {
	color: #333333;
	}
	
.full-overlay .overlay .overlay-meta-client {
	margin-top: 8px;
	color: #333333;
	font-size: 14px;
	}
	
.full-overlay .overlay .overlay-meta-date {
	color: #ffffff;
	font-size: 14px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	}
	
.full-overlay .overlay .overlay-meta-further {
	width: 40px;
	height: 40px;
	display: block;
	background: url(files/images/sprites.png) 0px 0px no-repeat;
	position: absolute;
	bottom: 20px;
	right: 20px;
	}




/*---------------------------------------------- 
25. Loader
------------------------------------------------*/
#loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
.page-template-template-portfolio-php #loading, .blog #loading, .archive #loading, .search #loading, .page-template-template-gallery-php  #loading { 
	display: block;
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	}

#loading span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	color: #999999;
	font-size: 14px;
	text-align:center;
	background-image: url(files/images/loader.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	
#iphone-loading {
	width: 100%;
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	color: #999999;
	font-size: 14px;
	text-align:center;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background: url(files/images/loader.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: center center;
	}
	
	
	
/*---------------------------------------------- 
26. Not Found (404)
------------------------------------------------*/
.notfound h1 {
	font-size: 200px;
	line-height: 200px;
	font-weight: bold;
	text-align: center;
	color: #f9bb00;
	}

 #footer1{
	 display:block;
	 }
	 
#footer2{
	 display:none;
	 }


/*---------------------------------------------- 
27. Retina
------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	
	form .checkfalse .falseicon {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 
	}
	
	#form-note .error_icon {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 
	}
	
	#form-note .confirm_icon {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 
	}
	
	.page-content li, .entry-text li {
		background-image: url(files/images/retina/list-style@2x.png);
		-webkit-background-size: 6px 6px; 
	   	-moz-background-size: 6px 6px; 
	    -o-background-size: 6px 6px; 
		background-size: 6px 6px; 
	}
	
	blockquote {
		background-image: url(files/images/retina/blockquote@2x.png);
		-webkit-background-size: 40px 40px; 
	   	-moz-background-size: 40px 40px; 
	    -o-background-size: 40px 40px; 
		background-size: 40px 40px; 
	}
	
	#top #open-close-top {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 	
	}
	
	#top #open-close-top span {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 
	}
	
	#totop span {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px; 
	}
	
	.entry-quote {
		background-image: url(files/images/retina/quote@2x.png);
		-webkit-background-size: 40px 40px; 
	   	-moz-background-size: 40px 40px; 
	    -o-background-size: 40px 40px; 
		background-size: 40px 40px; 
	}
	
	.entry-likes .icon {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	.entry-meta li .icon {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	.filter a.openfilter span {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	#single-pagination ul li.next a { 
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	#single-pagination ul li.prev a { 
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	#single-pagination ul li.close a { 
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	#load-more a span.icon { 
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	.sharelinks li a {
		background-image: url(files/images/retina/share@2x.png);
		-webkit-background-size: 80px 20px; 
	   	-moz-background-size: 80px 20px; 
	    -o-background-size: 80px 20px; 
		background-size: 80px 20px; 
	}
	
	#searchform input[type="submit"] {
		background-image: url(files/images/retina/search-icon@2x.png);
		-webkit-background-size: 13px 13px; 
	   	-moz-background-size: 13px 13px; 
	    -o-background-size: 13px 13px; 
		background-size: 13px 13px; 
	}
	
	.socialmedia-widget a {
		background-image: url(files/images/retina/social-icons@2x.png);
		-webkit-background-size: 420px 60px; 
	   	-moz-background-size: 420px 60px;
	    -o-background-size: 420px 60px;
		background-size: 420px 60px;
	}
	
	.twitter-widget .tweet_list li {
		background-image: url(files/images/retina/tweet@2x.png);
		-webkit-background-size: 15px 12px; 
	   	-moz-background-size: 15px 12px;
	    -o-background-size: 15px 12px;
		background-size: 15px 12px;
	}
	
	#recentcomments li {
		background-image: url(files/images/retina/recentcomment@2x.png);
		-webkit-background-size: 13px 11px; 
	   	-moz-background-size: 13px 11px; 
	    -o-background-size: 13px 11px; 
		background-size: 13px 11px; 
	}
	
	.toggle .toggle_title .toggle_icon {
		background-image: url(files/images/retina/plus@2x.png);
		-webkit-background-size: 5px 5px; 
	   	-moz-background-size: 5px 5px; 
	    -o-background-size: 5px 5px; 
		background-size: 5px 5px; 
	}
	
	.toggle .toggle_title a.active .toggle_icon {
		background-image: url(files/images/retina/minus@2x.png);
		-webkit-background-size: 5px 5px; 
	   	-moz-background-size: 5px 5px; 
	    -o-background-size: 5px 5px; 
		background-size: 5px 5px; 
	}
	
	.imgoverlay a .overlayicon {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	.full-overlay .overlay .overlay-meta-further {
		background-image: url(files/images/retina/sprites@2x.png);
		-webkit-background-size: 398px 140px; 
	   	-moz-background-size: 398px 140px; 
	    -o-background-size: 398px 140px; 
		background-size: 398px 140px;	
	}
	
	#loading span, #iphone-loading {
		background-image: url(files/images/retina/loader@2x.gif);
		-webkit-background-size: 40px 40px; 
	   	-moz-background-size: 40px 40px; 
	    -o-background-size: 40px 40px; 
		background-size: 40px 40px; 
	}
	
}	
@media only screen and (max-width:767px) and (min-width:300px)
{
	.wrapper {
	margin: 0 20px;
	}	
	.dropdown-menu {
	display:block;	
	}
	nav#main-nav{
	display:none;	
	}
	#logo {
	/*max-width:75%;*/
	max-width:180px;
	}
	
	#footer2{
	 display:block;
	 }
	 
#footer1{
	 display:none;
	 }
	 #footer-inner{
		line-height:14px; 
	 }
	 
	 .menu {
    padding-top: 15px;

}
header {
    padding: 15px 0;
}
}