/*
	Theme Name: VP Theme
	Theme URI: http://html5blank.com
	Description: HTML5 WordPress Theme for Virtual Programming
	Version: 1.0
	Author: Mike Eaton
	Author URI: http://mikeeaton.co.uk
	Tags: Blank, HTML5, CSS3
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*------------------------------------*\
	RESET
\*------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/*------------------------------------*\
	GENERAL
\*------------------------------------*/

body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;		
}

p {
	font-size: 16px;
	color: #6b6969;
	line-height: 22px;
	margin-bottom: 20px;
	font-weight: 200;
	text-align: justify;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

p a:link, p a:visited {
	color: #f26522;
	border-bottom: 1px solid #f26522;
}

p a:hover, p a:active {
	border: none;
}

strong {
	font-weight: 400;
}

/* Self-Clear Floats */

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


/*------------------------------------*\
	PAGE STRUCTURE
\*------------------------------------*/

.wrapper {
}

#content section.wrapper > *:not(section)
{
  padding: 0 5px;
}

/*------------------------------------*\
	HEADER
\*------------------------------------*/

header#main-header {
	height: 41px;
	background: url(img/header-bg.png) repeat-x left bottom #fff;
	position: fixed;
	top: 0px; 
	margin: auto;
	z-index: 1000;
	width: 100%;
	-webkit-box-shadow:  0px 3px 1px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}

header#main-header .wrapper {

}

section.logo-area {
	width: 38%;
	background: url(img/logo_small.png) no-repeat left center;
	text-indent: -9999px;
	height: 39px;
	float: left;
	margin-left:7px;
}

section.logo-area a h1 {
	width: 100%;
	height: 55px;
}

nav#main-nav {
	width: 100%;
	float: left;

	padding-top:30px;
	position:relative !important;
	clear:both;
}
.arrow_title_wrap{
	margin-top:42px !important;
	
}
.arrow_title_wrap em{
	background:none !important;
}

#main-nav.closed{
	display:none;
}

nav#main-nav ul {
	text-align: center;
	margin-top:0;
	margin-bottom:0;
	overflow:hidden;
	clear:both;

	padding-left:0px;
	
}

nav#main-nav ul li {
	display: block;
	margin:0;
	overflow:hidden;
	width:80%;
	margin:0 auto;
	clear:both;
	margin-bottom:4px;
	background: rgba(255, 255, 255, 0.9); 
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #bebaba;
}

nav#main-nav ul a:link, nav#main-nav ul a:visited {
	font-family: 'Open Sans';
	font-size: 14px;
	color: #f26522;
	width:100%;
	text-align:center;
	line-height: 28px;
	height:28px;
	margin-left: 0px;
	text-decoration: none;
	display:block;
	overflow:hidden;
}

nav#main-nav ul a:hover, nav#main-nav ul a:active {
	background-color:#f26522;
	color:#ffffff;
}

nav#main-nav ul li.current_page_item a {
	background: #f26522;
	color: #fff !important;
	text-shadow: 0px 1px 1px #a63f0e;
    filter: dropshadow(color=#a63f0e, offx=0, offy=1);
}


/*------------------------------------*\
	VP PATH NAVIGATION
\*------------------------------------*/

section.vp-navigation {
	width: 67px;
	height: 67px;
	float:left;
	margin-top:-46px;
	position:relative;
}
#centerbutton {
	
}
div#menu-button {

	z-index: 11;
}

div#menu-button:hover {
	cursor: pointer;
}


/*------------------------------------*\
	FEATURE AREA
\*------------------------------------*/
.home .feature-area>.wrapper{
	background:url(img/vp_web_orchard_wars_iphone.png) no-repeat left bottom;
}
.feature-area>.wrapper {
	position: relative;

	height:100%;
}

.feature-area {

	background: url(img/feature-bg.png) left top #eaeaea;
	height: 432px;
	margin-top:41px;
}

.feature-area h1 {
	color: #f26522;
	font-size: 30px;
	font-weight: 200;
	margin: 0 29px 13px;
	display: block;
	padding: 20px 0 0 0;
}

.feature-area-2 {
	background: url(img/feature-bg.png) left top #eaeaea;
	height: 76px;
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
	
}

.feature-area-2 h1 {
	color: #6c6c6c;
	font-size: 36px;
	font-weight: 400;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.feature-area .intro-text-left {
	width: 100%;
}

.feature-area .intro-text-right {
	float: left;
	width: 100%;
}

.feature-area .intro-text-right-2 {
	float: right;
	width: 100%;
}

.feature-area .intro-text-right-3 {
	float: right;
}

.feature-area p {
	padding: 0 7px;
	margin:0px;
	font-size:14px;
	line-height:20px;
}

.feature-area p.dd {

}

.feature-area .intro-image-right {
	position: absolute;
	top: -13px;
	right: -30px;
}

.feature-area .intro-image-right-2 {
	position: absolute;
bottom: 1px;
	right:0px;
}

.feature-area .intro-image-left {
	float: left;
	margin-top: 24px;
}
.feature-area .intro-image-left img {
	width:100%;
	height:100%;
}

.feature-area .intro-image-left-2 {
	width:320px;
}

.feature-area .intro-image-left-3 {
	/*float: left;
	position: absolute;
	top: 16px;
	left: -12px;
	*/
}

.intro-text-right h1, .intro-text-right-2 h1, .intro-text-right-3 h1 {
	padding: 0;
}

.intro-text-right-2 p.dt {
	width: 81%;
}

.intro-text-right-3 p.mob {

}

.intro-text-right p.pr {
	width: 100%;
}
h1.desktop, h1.mobi{
	padding-top:30px;
}


.feature-area a.more-btn {
	width: 50px;
	height: 29px;
	background: url(img/more_small.png) no-repeat center top;
	background-size:100%;
	display: inline-block;
	text-indent: -9999px;
	position: absolute;
	bottom: 4px;
	left: 19px;
	z-index:200;
}

.feature-area a.more-btn:hover {
	background: url(img/more_small.png) no-repeat center -29px;
}
.pr-marketing .feature-area a.more-btn2{
	display:none;
}

.feature-area a.more-btn2 {
	width: 77px;
	height: 58px;
	background: url(img/more-button.png) no-repeat center top;
	display: inline-block;
	text-indent: -9999px;
	position: absolute;
	bottom: 25px;
	right: 19px;
}

.feature-area a.more-btn2:hover {
	background: url(img/more-button.png) no-repeat center bottom;
}

.feature-area a.more-btn3 {
	width: 77px;
	height: 58px;
	background: url(img/more-button.png) no-repeat center top;
	display: inline-block;
	text-indent: -9999px;
	position: absolute;
bottom:20px;
	right: 19px;
	z-index:200;
}

.feature-area a.more-btn3.mobi{
	left:0;
	background: url(img/more_small.png) no-repeat center top;
	width:49px;
	height:29px;
	bottom:10px;
}
.feature-area a.more-btn3.mobi:hover{
background: url(img/more_small.png) no-repeat center -29px;
}

.feature-area a.more-btn3:hover {
	background: url(img/more-button.png) no-repeat center bottom;
}

#ipad img.attachment-full {
	position: absolute;
	z-index: 99;
	right: 0px;
	width:320px;
	bottom: 0px;	
}

#imac img.attachment-full {
/*	position: absolute;
	z-index: 99;
	right: 129px;
	top: 31px;	*/
	width:320px;
}

#macbook img.attachment-full {
	position: absolute;
	z-index: 99;
	left: 0px;
	bottom: 0px;	
	width:320px;
}

#mobile img.attachment-full {
	position: absolute;
	z-index: 99;
	width:320px;
	bottom:0;
	left:0;
}

/*------------------------------------*\
	MAIN CONTENT
\*------------------------------------*/

.main-content-home {
	background: #fdfdfd;
	-webkit-box-shadow:  0px -3px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px -3px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 46px 0;
    border-top: 1px solid #d1d1d1;	
}

.main-blog-content {
	background: #fdfdfd;
    padding: 46px 0;
    border-top: 1px solid #d1d1d1;
	
}

.main-content .wrapper, #content .wrapper {
    padding-bottom: 30px;
}

.main-content {
	background: #fdfdfd;

}

.main-content .wrapper, main-content-home .wrapper {
    padding: 0 0 20px 0;
}

.main-content h2, .main-content-home h2, .main-blog-content {
	font-size: 30px;
	color: #f26522;
	padding: 26px 0 26px 0;
	font-weight: 400;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
}

.main-content h3, .main-content-home h3 {
	font-size: 24px;
	color: #6c6c6c;
	padding: 6px 0 10px 0;
	font-weight: 400;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
}

.main-content img, .main-content-home img, .main-blog-content img {
	border: 1px solid #cacaca;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.3);
}
 .main-blog-content img{
	width:100%;
 }

.main-content img.alignright, .main-content-home img.alignright {
	float: right;
	margin: 0 0 0 25px;
}

.main-content img.alignleft, .main-content-home img.alignleft {
	float: left;
	margin: 0 25px 0 0;
}


/*------------------------------------*\
	MAIN CONTENT - PRODUCTS
\*------------------------------------*/

.product-nav {
    padding: 32px 0 12px;	
}

.product-nav>ul {
	float: left;
	width: 80%;
	padding-left:50px;
}

.product-nav>ul>li {
	clear:both;
}

.product-nav>ul>li a:link, .product-nav>ul>li a:visited {
	color: #6b6969;
	font-size: 18px;
}

.product-nav>ul>li a:hover, .product-nav>ul>li a:active {
	color: #f26522;
	
}

.product-nav>ul>li:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.product-nav select {
	float: right;
}

/* Select Dropdown Menu */

.sbHolder {
	margin-left:50px;
	clear:both;
	background: url(img/select-bg.png) repeat-x left bottom #fefefe;
	border: solid 1px #b7b7b7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	height: 38px;
	position: relative;
	width: 200px;

}

.sbHolder:focus .sbSelector {
	
}

.sbSelector {
	display: block;
	height: 38px;
	left: 0;
	line-height: 38px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 158px;
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
	color: #b7b7b7;
	text-shadow: 0 1px 0 #fff;
	outline: none;
	text-decoration: none;
}

.sbToggle {
	background: url(img/select-arrows.png) 0 0 no-repeat;
	display: block;
	height: 38px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 41px;
	border-left: 1px solid #b7b7b7;
}

.sbToggle:hover {
	background: url(img/select-arrows.png) 0 -38px no-repeat;
}

.sbToggleOpen {
	background: url(img/select-arrows.png) 0 -76px no-repeat;
}

.sbToggleOpen:hover {
	background: url(img/select-arrows.png) 0 -114px no-repeat;
}

.sbHolderDisabled {
	background-color: #3C3C3C;
	border: solid 1px #515151;
}

.sbHolderDisabled .sbHolder {
	
}

.sbHolderDisabled .sbToggle {
	
}

.sbOptions {
	background-color: #e7e7e7;
	border: solid 1px #b7b7b7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	left: -1px;
	margin: 0;
	padding: 6px 0;
	position: absolute;
	top: 38px !important;
	width: 100%;
	z-index: 2000;
	overflow-y: auto;
}

.sbOptions li a:link, .sbOptions li a:visited {
	padding: 10px 0px 10px 30px;
	color: #3d3d3d;
	font-size: 14px;
	display: block;
	outline: none;
	margin: 0 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.sbOptions li a:hover, .sbOptions li a:active {
	background-color: #f26522;
	color: #fdfdfd;
}

.sbOptions .sbDisabled {
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}


/*------------------------------------*\
	IN DEVELOPMENT / NEW RELEASES
\*------------------------------------*/

.new-releases h2, .business-partners h2 {
	border-top: 1px solid #ccc;
	padding: 26px 0 26px 0;
	width:320px;
	text-align:center;
	margin:0 auto;
}

.games-section {
	padding: 0 0 12px 0;
	display: inline-block;
}

.games-section div h3 {
	color: #3d3d3d;
	font-size: 18px;
	font-weight: 600;
	padding: 0 0 7px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}




/*.games-section .box:first-child {
	margin: 0;
}*/

.games-section .box img {
	position: absolute;
	left: 0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

.games-section .box .caption {
	background-color: rgba(255, 255, 255, 0.85);
	position: absolute;
	color: #fff;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	left: 0;	
	padding: 15px;
}



.games-section .box:hover .simple-caption {
	-moz-transform: translateY(-67%);
	-o-transform: translateY(-67%);
	-webkit-transform: translateY(-67%);
	opacity: 0.99;
	transform: translateY(-67%);
}

.caption>h3 {
	border: none;
	margin: 0;
margin-top:-10px;
height:40px;
}

.simple-caption p {
	color: #3d3d3d;
	font-weight: 400;
	font-size: 16px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	margin: 0 0 10px 0;
	text-align: left;
}

.simple-caption p.state {
	font-size: 14px;
	color: #6b6969;
	font-weight: 600;
}

.simple-caption p.state span {
	color: #3d3d3d;
}

.simple-caption a:link, .simple-caption a:visited {
	font-size: 14px;
	color: #f26522;
	border-bottom: 1px solid #f26522;
}

.simple-caption a:hover, .simple-caption a:active {
	border: none;
}

.cff-viewpost{
	display:block;
}
.cff-viewpost:link, .cff-viewpost:visited, .simple-caption a:link.overlay-btn, .simple-caption a:visited.overlay-btn {
	font-size: 14px;
	color: #ffffff !important;
	padding: 8px 20px;
	background: -moz-linear-gradient(
		top,
		#f28022 0%,
		#f26422);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f28022),
		to(#f26422));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	text-shadow:
		0px 1px 1px rgba(0,0,0,0.5);
		font-weight: 600;
		float: right;
}

.cff-viewpost:hover, .simple-caption a:hover.overlay-btn {
	background: -moz-linear-gradient(
		top,
		#ff8e32 0%,
		#f97436);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff8e32),
		to(#f97436));
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
}

.simple-caption a:active.overlay-btn {
	background: -moz-linear-gradient(
		top,
		#f28022 0%,
		#f26422);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f28022),
		to(#f26422));
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
}

a.view-article {
	display: none;
}

/*------------------------------------*\
	BUSINESS PARTNERS
\*------------------------------------*/


.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

.simply-scroll-clip { /* Clip DIV - automatically generated */
	position: relative;
	overflow: hidden;
}

.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
	box-shadow: none;
}

.simply-scroll { /* Customisable base class for style override DIV */
	width: 100%;
	height: 111px;
	background: #f7f7f7;
}

.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 111px;
}
	
.simply-scroll .simply-scroll-list {}
		
.simply-scroll .simply-scroll-list li {
	float: left;
	margin: 0;
	height: 82px;
	padding: 12px 0 0 0;
}

ul#scroller img.alignleft {
	margin: 0 80px 0 0;
}


/*------------------------------------*\
	PR & MARKETING FORM
\*------------------------------------*/
div.pr-form dd{
	margin-left:0;
}
.pr-marketing .wrapper{
	background:none;
}
div.pr-form input[type=text], div.pr-form input[type=email] {
	width: 100%;
	border: 1px solid #ccc;
	background: url(img/input-bg.png) repeat-x left top #fff;
	padding: 8px 10px;
	font-size: 14px;
	color: #999;
	font-weight: 200;
	margin: 0 0 16px 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.pr-submit-btn {
	font-size: 24px;
	color: #ffffff !important;
	padding: 8px 60px;
	background: -moz-linear-gradient(
		top,
		#f28022 0%,
		#f26422);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f28022),
		to(#f26422));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	text-shadow:
		0px 1px 1px rgba(0,0,0,0.5);
		font-weight: 600;
	font-weight: 200;
	width: 52.4%;
}

.pr-submit-btn:hover {
	background: -moz-linear-gradient(
		top,
		#ff8e32 0%,
		#f97436);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff8e32),
		to(#f97436));
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	cursor: pointer;
}

.pr-submit-btn:active {
	background: -moz-linear-gradient(
		top,
		#f28022 0%,
		#f26422);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f28022),
		to(#f26422));
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
}

div.pr-form {
	text-align: center;
	margin: 50px 0 15px;
}


/*------------------------------------*\
	CONTACT PAGE
\*------------------------------------*/

.col-1 {
	clear: both !important;
	width: 100% !important;
}

.col-2 {
	clear: both !important;
	width: 100% !important;
}

.col-1 div.input {
	width: 100%;
	float: left;
}

.col-1 div.comment {
	width: 100%;
	float: right;

}
.col-1 div.input input[type="text"], .col-1 div.input input[type="password"], .col-1 div.input input[type="email"], .col-1 div.input input[type="file"] {
	width: 278px;
	border: 1px solid #ccc;
	background: url(img/input-bg.png) repeat-x left top #fff;
	padding: 8px 10px;
	font-size: 14px;
	color: #999;
	font-weight: 200;
	margin: 0 0 8px 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.col-1 textarea {
	width: 278px;
	max-width: 434px;
	border: 1px solid #ccc;
	background: url(img/input-bg.png) repeat-x left top #fff;
	padding: 8px 10px;
	font-size: 14px;
	color: #999;
	font-weight: 200;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	height: 179px;
	max-height: 300px;
	margin: 0 0 10px 0;
}

.submit-btn {
	font-size: 24px;
	color: #ffffff !important;
	padding: 8px 60px;
	background: -moz-linear-gradient(
		top,
		#f28022 0%,
		#f26422);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f28022),
		to(#f26422));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	text-shadow:
		0px 1px 1px rgba(0,0,0,0.5);
		font-weight: 600;
		float: right;
	font-weight: 200;
}

.submit-btn:hover {
	background: -moz-linear-gradient(
		top,
		#ff8e32 0%,
		#f97436);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff8e32),
		to(#f97436));
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	cursor: pointer;
}

.submit-btn:active {
	background: -moz-linear-gradient(
		top,
		#f28022 0%,
		#f26422);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f28022),
		to(#f26422));
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
}

.col-2 p span {
	color: #b3b3b3;
}

.col-2 p.follow {
	margin: 30px 0 0 0;
}

.col-2 a.facebook {
	text-indent: -9999px;
	display: inline-block;
	width: 8px;
	height: 15px;
	background: url(img/fb-icon-contact.png);
	border: none;
	margin: 0 15px
}

.col-2 a.twitter {
	text-indent: -9999px;
	display: inline-block;
	width: 16px;
	height: 14px;
	background: url(img/twitter-icon-contact.png);
	border: none;
}


/*------------------------------------*\
	BLOG CONTENT
\*------------------------------------*/

.blog-area {
	width: 300px;
	margin:0 auto;
}


.blog-area article {
	margin: 30px 0 40px;
}

article h2 {
	margin: 20px 0;
}

article h2 a:link, article h2 a:visited {
	color: #f26522;
	font-size: 28px;
	font-weight: 400;
}

article h2 a:hover, article h2 a:active {
	text-decoration: underline;
}

article p.excerpt {
	color: #878787;
	font-size: 16px;
}

article .meta {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 42px;
}

.meta p {
	font-size: 12px;
	display: inline;
	padding: 0 13px 0 0;
	margin: 0 8px 0 0;
	border-right: 1px solid #a9a9a9;
}

.meta p.comments {
	border: none;
}

.meta p.read-more  {
	border: none;
	font-size: 14px;
	padding: 0;
	margin: 0;
	float: right;
	line-height: 40px;
}

.meta p.read-more a:link, .meta p.read-more a:visited {
	text-decoration: underline;
}

.meta p.read-more a:hover, .meta p.read-more a:active {
	text-decoration: none;
}

.meta p a:link, .meta p a:visited {
	border: none;
}

.meta p a:hover, .meta p a:active {
	text-decoration: underline;
}

.pagination {
	text-align: right;
}

.pagination p {
	display: inline-block;
	margin: 0 5px 0 0;
}

.pagination p a:link, .pagination p a:visited {
	background: #ccc;
	padding: 2px 7px;
	color: #fff;
	font-size: 14px;
	font-weight: 200;
	border: none;
}

.pagination p a:hover, .pagination p a:active {
	background: #f26522;
}

.pagination p a.active {
	background: #f26522;
}

.pagination>a:link, .pagination>a:visited {
	color: #f26522;
	font-size: 14px;
}

.pagination>a:hover, .pagination>a:active {
	text-decoration: underline;
}

.post-page {
	margin: 65px 0 0 0;
}

.post-page h2.title {
	font-weight: 400;
	color: #f26522;
}

.post-page p {
	color: #999;
}

.post-page p a:link, .post-page p a:visited {
	border: none;
}

.post-page p a:hover, .post-page p a:active {
	text-decoration: underline;
}

.category-page h2.cat-title {
	font-weight: 400;
	color: #3d3d3d;
}

.category-page h2.cat-title a:link, .category-page h2.cat-title a:visited {
	color: #f26522;
	margin: 20px 0 0 0;
	font-size: 14px;
}

.category-page h2.cat-title a:hover, .category-page h2.cat-title a:active {
	text-decoration: underline;
}

.category-page h2.cat-title ul {
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}

.category-page h2.cat-title ul li {
	display: inline-block;
	padding: 0 13px 0 0;
	margin: 0 8px 0 0;
}

.blog-area article ul, .blog-area article ol {
	margin: 10px 0 10px 5px;
	text-align: justify;
}

.blog-area article ul li {
	font-size: 16px;
	color: #999;
	margin-bottom: 10px;
	font-weight: 200;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	list-style-type: disc;	
}

.blog-area article ol li {
	font-size: 16px;
	color: #999;
	margin-bottom: 10px;
	font-weight: 200;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	
}

.blog-area article h1 {
	font-weight: 200;
	color: #3d3d3d;
	font-size: 28px;
}

.blog-area article h2 {
	font-weight: 200;
	color: #3d3d3d;
	font-size: 24px;	
}

.blog-area article h3 {
	font-weight: 200;
	color: #3d3d3d;
	font-size: 18px;
	margin: 10px 0;	
}

.blog-area article h4 {
	font-weight: 200;
	color: #3d3d3d;
	font-size: 20px;
	margin: 10px 0;
	font-size: 16px;
	margin: 10px 0;	
	
}

.blog-area article h5 {
	font-weight: 200;
	color: #3d3d3d;
	font-size: 14px;
	margin: 10px 0;	
	
}

.blog-area article h6 {
	font-weight: 200;
	color: #3d3d3d;
	font-size: 12px;
	margin: 10px 0;	
	
}

article p.wp-caption-text {
	text-align: center;
}

div.alignleft  {
	float: left;
}

div.alignright {
	float: right;
}

div.aligncenter {
	margin: 0 auto;
}


/*------------------------------------*\
	BLOG COMMENTS
\*------------------------------------*/

.comment-area h3, div#respond h3 {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	background: url(img/blog_images/comment-line.png) repeat-x left bottom !important;
	margin: 0 0 35px 0;
	display: block;
}

.comment-area h3 span {
	background: #fdfdfd;
	padding: 0 15px 0 0;
	margin: 50px 0 0 0;
	display: inline-block;
}

div#respond #reply-title span {
	background: #fdfdfd;
	padding: 0 15px 0 0;
	margin: 10px 0 0 0;
	display: inline-block;
}

.comment-area .avatar {
	border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
	-webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 15px 5px 0;
    float: left;
    height: 54px;
    width: 54px;	
}

.comment-area span.required {
	display: none;
}

.comment-area li {
	border-bottom: 1px solid #ccc;	
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	list-style-type: none !important;
}

.comment-area .odd {
	padding: 0 0 20px 40px;
	margin: 0 0 40px 0;
}

.comment-area .comment p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
}

.comment-area ul text {
	display: none;
}

.comment-box {
	float: left;
	width: 100%;
}

.comment-input {
	clear:both;
	margin: 0 0 0 1%;
	width: 100%;
}

.comment-input p {
	margin: 0 0 0 0;
}

.comment-input input[type=text], .comment-input input[type=email] {
	width: 96%;
	border: 1px solid #ccc;
	background: url(img/input-bg.png) repeat-x left top #fff;
	padding: 8px 2%;
	font-size: 14px;
	color: #999;
	font-weight: 200;
	margin: 0 0 16px 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.comment-box textarea {
	width: 96%;
	border: 1px solid #ccc;
	background: url(img/input-bg.png) repeat-x left top #fff;
	padding: 2%;
	font-size: 14px;
	color: #999;
	font-weight: 200;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	height: 179px;
	max-height: 500px;
	height: 190px;
	margin: 0 10px 10px 0;
}

.comment-submit-btn {
	font-size: 24px;
	color: #ffffff !important;
	padding: 8px;
	width: 100%;
	background: -moz-linear-gradient(
		top,
		#f28022 0%,
		#f26422);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f28022),
		to(#f26422));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(246,166,101,1);
	text-shadow:
		0px 1px 1px rgba(0,0,0,0.5);
		font-weight: 600;
		float: right;
	font-weight: 200;
}

.comment-submit-btn:hover {
	background: -moz-linear-gradient(
		top,
		#ff8e32 0%,
		#f97436);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff8e32),
		to(#f97436));
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,176,112,1);
	cursor: pointer;
}

.comment-submit-btn:active {
	background: -moz-linear-gradient(
		top,
		#f28022 0%,
		#f26422);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f28022),
		to(#f26422));
	border: 1px solid #b64818;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 2px rgba(0,0,0,0.3);
}



/*------------------------------------*\
	SIDEBAR
\*------------------------------------*/

.sidebar {
	width: 100%;
	float: left;
	padding: 25px 0 10px 0;
}

::-webkit-input-placeholder { color: #ccc }
:-moz-placeholder { color: #ccc }
:-ms-input-placeholder { color: #ccc }

form.search-input {
	border: 1px solid #ccc;
	overflow:hidden;
}

.search-input input[type=search] {
	float:left;
	color: #878787;
	padding: 5px;
	font-size: 12px;
	width: 80%;
	height: 15px;
	line-height:15px;
	margin: 0 -8px 0 0;
	border:0;
}

.search-input button {
	background: url(img/search-icon.png) no-repeat center center #fff;
	text-indent: -9999px;
	height: 26px;
	width: 30px;
	cursor: pointer;
	float:right;
	border:0;
}

#categories-2 ul{
	padding-left:0px;
}

aside.sidebar h3 {
	margin: 40px 0 18px;
	font-size: 16px;
	font-weight: 400;
	color: #3d3d3d;
}

aside .widget_categories ul li {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	padding: 10px 0 10px 10px;
	font-weight: 200;
}

aside.sidebar ul li a:link, aside.sidebar ul li a:visited {
	color: #878787;
}

aside.sidebar ul li a:hover, aside.sidebar ul li a:active {
	color: #f26522;
}

aside.sidebar .textwidget {
	color: #878787;
	font-size: 14px;
	line-height: 20px;
	font-weight: 200;
}

.tagcloud a:link, .tagcloud a:visited {
	border: none;
	color: #f26522;
	font-weight: 200;
	font-size: 14px !important;
}

.tagcloud a:hover, .tagcloud a:active {
	text-decoration: underline;
}


/*------------------------------------*\
	FOOTER
\*------------------------------------*/

footer {
	background: url(img/footer-bg.png) left top repeat-x #f26522;
	padding: 14px 0 0 0;
	
}

footer .wrapper.group{
	width:100%;
}

footer .copyright {
	width: 100%;
	float: left;
	background: url(img/vp-footer-logo.png) no-repeat center top;
	height: 13px;
	padding-top:65px;
	text-align:center;
}

footer .copyright p {
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	padding:0px;
	margin:0px;
	text-align:center;
	text-shadow: 0px 1px 1px #a63f0e;
    filter: dropshadow(color=#a63f0e, offx=0, offy=1);
}

footer nav#footer-nav {
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
}

nav#footer-nav ul {
	text-align: right;
	margin:0px;
	padding:0px;
}

nav#footer-nav ul li {
	display:none;
}
nav#footer-nav ul li.contact{
	display:block;
	background-color:#e9e9e9;
	width:100%;
	text-align:center;
	height:45px;
	line-height:45px;
	border-top:1px solid #c2511b;
}
nav#footer-nav ul li:last-child {
	border: none;
	padding-right: 0;
}

nav#footer-nav ul a:link, nav#footer-nav ul a:visited {
	font-size: 13px;
	color: #f26522;
	text-decoration: none;
}

nav#footer-nav ul a:hover, nav#footer-nav ul a:active {
	border-bottom: 1px dotted #fff;
}

nav#footer-nav ul li a.twit {
	background: url(img/twitter-icon.png) no-repeat center center;
	width: 16px;
	height: 14px;
	display: inline-block;
}

nav#footer-nav ul li a.twit:hover {
	border: none;
}

nav#footer-nav ul li a.fb{
		background: url(img/fb.png) no-repeat center center;
	width: 16px;
	height: 15px;
	display: inline-block;
}
nav#footer-nav ul li a.fb:hover {
	background: url(img/fb_gray.png) no-repeat center center;
}

nav#footer-nav ul li a.fb:hover {
	border: none;
}



.contact form{
	margin-bottom:27px;
	overflow:hidden;
}


.col-1.support form{
	width:300px !important;
	margin:0 auto;
	overflow:hidden;
	padding:30px 0 30px 0;
}
.col-1.support form input[type="text"],.col-1.support form input[type="password"], .col-1.support form input[type="email"], .col-1.support form input[type="file"]{
	width:278px !important;
}
.col-2.support{
}

.join_team{
	display:none;
}

.job-page{

	position:relative;
	margin-bottom:44px;
}
.job-page .sidebar{
	display:none;
}
.home .attachment-full{
	display:none;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
/*
@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}
*/

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

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

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

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

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

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}




#centerbutton {
	/*display: block;
	width: 1px;
	height: 1px;
	border-radius: 37px;
	background: rgb(213,46,23);
	background: -webkit-linear-gradient(top, rgba(213,46,23,1) 50%, rgba(230,79,49,1) 50%);
	background: -moz-linear-gradient(top, rgba(213,46,23,1) 50%, rgba(230,79,49,1) 50%);
	background: -o-linear-gradient(top, rgba(213,46,23,1) 50%, rgba(230,79,49,1) 50%);
	background: -ms-linear-gradient(top, rgba(213,46,23,1) 50%, rgba(230,79,49,1) 50%);
	background: linear-gradient(top, rgba(213,46,23,1) 50%, rgba(230,79,49,1) 50%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d52e17', endColorstr='#e64f31',GradientType=0 ); 
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -120px;
	color: white;
	text-decoration: none;
	text-align: center;
	line-height: 56px;
	font-size: 63px;
	font-weight: bold;
	z-index: 100;
	border: 4px solid white;

	-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,.3);
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,.3);
	*/
	top: 46px !important;
	left: 50% !important;
	margin-left: -33px;
	width: 67px !important;
	display: block !important;
	padding: 0 !important;
	position: absolute;
	visibility: visible !important;
	height: 67px !important;
	background: url(img/vp-icon.png) no-repeat left top;
	text-indent:-9999px;
	font-size:0px;
	color:#ffffff;
	z-index:1000;
	/*
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	*/
}
@-moz-document url-prefix() {
    #centerbutton  {
        line-height:65px;
    }
}
#centerbutton.centerbuttonon {
	/*-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg); 
	*//* Safari and Chrome */
	background:url(img/vp-icon.png) no-repeat left -67px;
}

#centerbutton:active {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}

/***** MENU CIRCLES ******/
.circles {
	position: absolute;
	top: 98px !important;
	left: 50% !important;
	
	margin-left: -20px;
}

ul.circles
{
  padding: 0;
  display: none;
}

.circles li a.out:hover {
	/*-webkit-transform: scale(1.5) rotate(-30deg);
	-moz-transform: scale(1.5) rotate(-30deg);
	-o-transform: scale(1.5) rotate(-30deg);
	-ms-transform: scale(1.5) rotate(-30deg);
	transform: scale(1.5) rotate(-30deg);
*/
	}

.circles li {
	/*position: absolute;*/
	clear:both;
	width: 300px;
	height: 43px;
	display: inline-block;

	-webkit-transform-origin: 30px 120px;
	-moz-transform-origin: 30px 120px;
	-o-transform-origin: 30px 120px;
	-ms-transform-origin: 30px 120px;
	transform-origin: 30px 120px;
}
.circles li a.no_bg{
	background:none !important;
		-moz-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
}
.circles li a.opacity0{
	background:none !important;
/*	-moz-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
*/
	}
.circles li a {
	/*background-color: #44403d;
	width: 50px;
	height: 50px;
	border-radius: 29px;
	*/
	display: block;
	position: absolute;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color:#e6e6e6;

	text-align: center;
	/*bottom: -30px;*/
	height:32px;
	padding-top:10px;
	
	text-decoration: none;
	background:none;

}
.circles li a span{
	background-color:#6b6969;
	color:#e6e6e6;
	overflow:hidden;
	padding-left:3px;
	padding-right:3px;
	height:22px;
	line-height:22px;
	font-size:12px;
	/*visibility:hidden;*/
	float:left;
}
.circles li.active a span{
	visibility:visible;
}
.circles li a:hover span{
	background-color:#f26522;
}

.circles li a.out {
/*	-webkit-transform: rotate(720deg);
	-moz-transform: rotate(720deg);
	-o-transform: rotate(720deg);
	-ms-transform: rotate(720deg);
	transform: rotate(720deg);*/
/*
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,.3);
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,.3);
*/
	}
	.circles li a{
		background-repeat:no-repeat;
		background-position:left center;
	}
	
		.circles li:nth-child(1) a{
	background:url(img/products.png),url(img/products_h.png);
		background-repeat:no-repeat;
		background-position:left center;
	padding-left:48px;
	}
		.circles li:nth-child(1) a:hover{
		background:url(img/products_h.png) ;
				background-repeat:no-repeat;
		background-position:left center;
	}
	
		.circles li:nth-child(2) a{
	background:url(img/mobile.png),url(img/mobile_h.png);
		background-repeat:no-repeat;
		background-position:left center;
	padding-left:48px;
	}
		.circles li:nth-child(2) a:hover{
		background:url(img/mobile_h.png) no-repeat left center;
		}
	
		.circles li:nth-child(3) a{
	background:url(img/desktop.png),url(img/desktop_h.png) ;
		background-repeat:no-repeat;
		background-position:left center;
	padding-left:48px;
	}
		.circles li:nth-child(3) a:hover{
		background:url(img/desktop_h.png) no-repeat left center;
		}
		
		.circles li:nth-child(4) a{
	background:url(img/digitaldistribution.png),url(img/digitaldistribution_h.png) ;
		background-repeat:no-repeat;
		background-position:left center;
	padding-left:48px;
	}
		.circles li:nth-child(4) a:hover{
		background:url(img/digitaldistribution_h.png) no-repeat left center;
		}
		
		.circles li:nth-child(5) a{
	background:url(img/syncode.png),url(img/syncode_h.png);
		background-repeat:no-repeat;
		background-position:left center;
	padding-left:48px;
	}
		.circles li:nth-child(5) a:hover{
		background:url(img/syncode_h.png) no-repeat left center;
		}	
		
		.circles li:nth-child(6) a{
	background:url(img/pr.png),url(img/pr_h.png) ;
	background-repeat:no-repeat;
		background-position:left center;
	padding-left:48px;
	}
		.circles li:nth-child(6) a:hover{
		background:url(img/pr_h.png) no-repeat left center;
	
		}		

		.games-section .box {
	width: 300px;
	height: 200px;
	float: left;

	position: relative;
	overflow: hidden;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 4px;
    border-radius: 4px;
	margin-bottom:17px;
}
.games-section .box .simple-caption {
	height: 200px;
	width: 270px;
	display: block;
	bottom: -182px;
	line-height: 18px;
	text-align: left;
}