/*
Project Name: Pixelflower 2015
Project URI: http://pixelflower.com
Author: Pixelflower
Author URI: http://pixelflower.com
Description: Pixelflower is custom-designed website.
Version: 3.0
*/


html
{
	background: #FFF;
}
body
{
	padding: 0;
	margin: 0px auto;
	background: url("../img/bgnd-flower-pink.png") top right no-repeat;
}
body.c2
{
	background: url("../img/bgnd-flower-pink.png") top right no-repeat;
}
body.c3
{
	background: url("../img/bgnd-flower-orange.png") top right no-repeat;
}
body.c4
{
	background: url("../img/bgnd-flower-red.png") top right no-repeat;
}
.wrapper
{
	max-width: 990px;
	margin: 0px auto;
        padding: 0px 10px 0px 10px;
}
.site-header, .site-content, .site-footer
{
	clear: both;
}
.site-header
{
	height: 250px;
}


/* site-navigation
----------------------------------------------- */
.banner
{
	background: #f54a89;
	height: 50px;
}
body.c2 .banner
{
	background: #f54a89;
}
body.c3 .banner
{
	background: #fc8e09;
}
body.c4 .banner
{
	background: #fd3e22;
}
.nav-main
{
	text-align: right;
}
.nav-main ul
{
	padding: 0;
	margin: 0;
}
.nav-main li
{
	display: inline-block;
	list-style: none;
}
.nav-main li a
{
	display: block;
	list-style: none;
	padding: 13px 20px 12px 20px;
}


/* site-title
----------------------------------------------- */
.site-title
{
    width: 210px;
    height: 50px;
    margin: 20px 0px 20px 0px;
    background: url('../img/pixelflower-logo-x2.png') top left no-repeat;
    background-size: 210px 50px;
}
.site-title a
{
    display: block;
    width: 210px;
    height: 50px;
    opacity: 0.01;
    filter: alpha(opacity=0.01);
    overflow: hidden;
}


/* headings
----------------------------------------------- */
h1
{
	/**/

}
h2
{
	margin: 0.5em 0px 0.5em 0px;
	padding: 0px 0px 0px 0px;
}
h3
{
	margin: 0.5em 0px 0.5em 0px;
	padding: 0px 0px 0px 0px;
}
h4
{
	margin: 1em 0px 0.5em 0px;
	padding: 0px 0px 0px 0px;
}



/* site-content
----------------------------------------------- */
.site-content
{
	padding: 0px 0px 100px 0px;
	min-height: 550px;
}
.breadcrumb
{
	margin-bottom: 3em;
}


/* text columns
----------------------------------------------- */
.text
{
	float: left;
	width: 410px;
}
.text.wide
{
	width: 500px;
}
.text.front
{
	width: 380px;
	margin: 0px 0px 0px 0px;
}
.text li, .context li
{
	margin-left: 0px;
	padding-left: 10px;
	list-style: none;
	background: url("../img/arrow_pink.png") 0px 8px no-repeat;
}
body.c2 .text li, body.c2 .context li
{
	background: url("../img/arrow_pink.png") 0px 8px no-repeat;
}
body.c3 .text li, body.c3 .context li
{
	background: url("../img/arrow_orange.png") 0px 8px no-repeat;
}
body.c4 .text li, body.c4 .context li
{
	background: url("../img/arrow_red.png") 0px 8px no-repeat;
}
p.paging
{
	clear: both;
	margin-top: 5em;
	padding-top: 5em;
	width: 180px;
	border-top: #CCC 1px solid;
}


/* context columns
----------------------------------------------- */
.context
{
	float: left;
	width: 220px;
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
}

/* image columns
----------------------------------------------- */
.illu
{
	float: left;
	width: 250px;
	min-height: 290px;
	padding: 0px 40px 20px 0px;
}
.illu.double
{
	width: 580px;
	padding-right: 0px;
	/*height: 80px;*/
}
.illu.big
{
	width: 420px;
}
.illu img, .thumb img
{
	margin: 0px 0px 0px 0px;
}
.illu #gallery img, .text img
{
	margin: 0px 0px 20px 0px;
}
.illu #gallery a:hover, .text a:hover img, .thumb a:hover
{
	background: transparent !important;
}
img.gallery
{
	/*padding-left: 3px;*/
	border: #CCC 1px solid;
	padding: 0px 0px 0px 0px;
}


/* site-footer
----------------------------------------------- */
.site-footer
{
	padding: 40px 0 40px 0;
	background: #f54a89;
}
/*.site-footer .wrapper
{
	padding-top: 120px;
	background: url("../img/bgnd-footer.png") top left no-repeat;
	background-size: 60px auto;
}*/
body.c2 .site-footer
{
	background: #f54a89;
}
body.c3 .site-footer
{
	background: #fc8e09;
}
body.c4 .site-footer
{
	background: #fd3e22;
}
.copy
{
	max-width: 50%;
}

/* social
----------------------------------------------- */
.social
{
    clear: both;
    margin-top: -30px;
    float: right;
}
.social li.facebook
{
    background: url('../img/social-x2.png') -10px -10px no-repeat;
}
/*.social li.facebook:hover
{
    background: url('../img/social-x2.png') -10px -70px no-repeat;
}*/
.social li.linkedin
{
    background: url('../img/social-x2.png') -70px -10px no-repeat;
}
/*.social li.linkedin:hover
{
    background: url('../img/social-x2.png') -70px -70px no-repeat;
}*/
.social li.google-plus
{
    background: url('../img/social-x2.png') -130px -10px no-repeat;
}
/*.social li.google-plus:hover
{
    background: url('../img/social-x2.png') -130px -70px no-repeat;
}*/
.social li.feed
{
    background: url('../img/social-x2.png') -190px -10px no-repeat;
}
/*.social li.feed:hover
{
    background: url('../img/social-x2.png') -190px -70px no-repeat;
}*/
.social li.google-map
{
    background: url('../img/social-x2.png') -250px -10px no-repeat;
}
/*.social li.google-map:hover
{
    background: url('../img/social-x2.png') -250px -70px no-repeat;
}*/
.social li.twitter
{
    background: url('../img/social-x2.png') -310px -10px no-repeat;
}
/*.social li.twitter:hover
{
    background: url('../img/social-x2.png') -310px -70px no-repeat;
}*/
.social li.xing
{
    background: url('../img/social-x2.png') -370px -10px no-repeat;
}
/*.social li.xing:hover
{
    background: url('../img/socialx2.png') -370px -70px no-repeat;
}*/
.social li
{
    display: inline-block;
    margin-right: 10px;
    width: 41px;
    height: 40px;
    overflow: hidden;
    background-size: auto 120px !important;
}
.social li:hover
{
    opacity: 0.70;
    filter: alpha(opacity=0.70);
}
.social li a, .social li:hover a
{
    display: block;
    width: 40px;
    height: 40px;
    opacity: 0.01;
    filter: alpha(opacity=0.01);
    overflow: hidden;
}



#counter
{
	display: none;
}