/*
	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 {
	margin: 0 auto;
	width: 738px;
}


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

header#main-header {
	height: 80px;
	background: url(img/header-bg.png) repeat-x left top #fff;
	position: fixed;
	top: 0px; 
	margin: auto;
	z-index: 1000;
	width: 100%;
	border-bottom: 1px solid #b6b6b6;
	-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 {
	background: url(img/header-shadow.png) no-repeat center bottom;
	height: 93px;
}

section.logo-area {
	width: 45%;
	background: url(img/vp-logo.png) no-repeat left center;
	text-indent: -9999px;
	height: 55px;
	float: left;
	margin: 10px 0 0 0;
}

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

nav#main-nav {
	width: 45%;
	float: right;
}
#nav-toggle{
	display:none;
}

nav#main-nav ul {
	text-align: right;
	margin-top:0;
	margin-bottom:0;
	height:79px;
	overflow:hidden;
	padding-left:0px;
}

nav#main-nav ul li {
	display: inline-block;
}

nav#main-nav ul a:link, nav#main-nav ul a:visited {
	font-family: 'Open Sans';
	font-size: 14px;
	color: #f26522;
	padding: 31px 5px;
	line-height: 84px;
	height:79px;
	margin-left: -3px;
	text-decoration: none;
}

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:11px;
}

div#menu-button {
	z-index: 11;
}

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


/*------------------------------------*\
	FEATURE AREA
\*------------------------------------*/


.feature-area>.wrapper {
	position: relative;
	overflow:hidden;
	height:100%;
}

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

.feature-area h1 {
	color: #f26522;
	font-size: 40px;
	font-weight: 200;
	margin: 50px 0 10px 0;
	display: block;
	padding: 50px 0 0 0;
}

.feature-area-2 {
	background: url(img/feature-bg.png) left top #eaeaea;
	height: 76px;
	margin: 81px 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: 37%;
}

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

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

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

.feature-area p {
	width: 28%;
}

.feature-area p.dd {
	width: 40%;
}

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

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

.feature-area .intro-image-left {
	float: left;
	margin-top: 24px;
}

.feature-area .intro-image-left-2 {
	position: absolute;
	z-index: 99;
	left: 0px;
	bottom: 0px;	
	width:640px
	
}

.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 {
	width: 95%;
}

.intro-text-right p.pr {
	width: 100%;
}

.feature-area a.more-btn {
	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-btn:hover {
	background: url(img/more-button.png) no-repeat center bottom;
}

.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;
	top: 350px;
	right: 19px;
}

.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: 26px;
	bottom: 0px;
	width:70%;
}

#imac img.attachment-full {
	width:70%;
	float:right;
	margin-right:35px;
}

#macbook img.attachment-full {
	width:100%;
}


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

/*------------------------------------*\
	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 {
    border-top: 1px solid #ccc;
    padding-bottom: 30px;
}

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

.main-content .wrapper, main-content-home .wrapper {
    padding: 0 0 20px 0;
}
.main-content .wrapper.group{
	padding-bottom:0px;
}
.main-content h2, .main-content-home h2, .main-blog-content {
	font-size: 30px;
	color: #f26522;
	padding:25px 0 25px 0;
	margin:0;
	font-weight: 400;
}

.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%;
}

.product-nav>ul>li {
	display: inline;
	border-right: 1px solid #ccc;
	padding-right: 12px;
	margin-right: 12px;
}

.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 {
	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;
	top: -10px;
	left: 538px;
}

.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:738px;
	margin:0 auto;
}

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

.games-section div h3 {
	color: #3d3d3d;
	font-size: 14px;
	font-weight: 600;
	padding: 0 0 7px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.games-section .box img{
	width: 235px;
	height: 156px;
}
.games-section .box {
	width: 235px;
	height: 156px;
	float: left;
	margin-bottom:20px;

	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;
}
.games-section .box.middle{
		margin-left:16px; 
		margin-right:16px;
} 

/*.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 .simple-caption {
	height: 143px;
	width: 205px;
	display: block;
	bottom: -132px;
	line-height: 18px;
	text-align: left;
}

.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: 12px;
	line-height:12px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	margin: 0 0 5px 0;
	text-align: left;
}

.simple-caption p.state {
	font-size: 12px;
	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 input[type=text], div.pr-form input[type=email] {
	width: 50%;
	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 {
	width: 75%;
	float: left;
}

.col-2 {
	width: 20%;
	float: left;
	padding: 25px 0 0 5%;
}

.col-1 div.input {
	width: 30%;
	float: left;
}
.col-1 div.input p{
	margin:0;
}

.col-1 div.comment {
	width: 65%;
	float: right;
	padding: 0 0 0 5%;
}
.col-1 div.comment p{
	margin:0;
}

.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: 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;
}

.col-1 textarea {
	width: 93%;
	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: 182px;
	max-height: 300px;
	margin: 0 0 10px 0;
	float:right;
}
.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:310px !important;
}
div.credentials.input{
	width:332px !important;
}

.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: 72%;
	float: left;
}

.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 60px 20px;
	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: 65%;
}
.comment-box p{
	margin:0;
}

.comment-input {
	float: right;
	margin: 0 0 0 1%;
	width: 34%;

}

.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 18px 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 0 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: 22%;
	float: left;
	padding: 25px 0 0 5%;
}

.job-page{
	padding-right:279px;
	position:relative;
	margin-bottom:44px;
}
.job-page .sidebar{
	position:absolute;
	right:0;
	top:30px;
}

.home .attachment-full{
	position:absolute;
	top:40px;
	left:200px;
}

::-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;
}

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: 30px 0;
}

footer .copyright {
	width: 36%;
	float: left;
	background: url(img/vp-footer-logo.png) no-repeat left center;
	height: 55px;
	padding: 0 0 0 65px;
}

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

footer nav#footer-nav {
	width: 55%;
	float: right;
	margin: 3px 0 0 0;
}

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

nav#footer-nav ul li {
	display: inline;
	padding: 0 15px;
	border-right: 1px solid #fff;
	text-shadow: 0px 1px 1px #a63f0e;
    filter: dropshadow(color=#a63f0e, offx=0, offy=1);
}

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: #fff;
	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;
	background: url(img/twitter-icon-gray.png) no-repeat center center;
	
}
nav#footer-nav ul li a.yt{
	background: url(img/youtube_white.png) no-repeat center center;
	width: 16px;
	height: 16px;
	display: inline-block;
}
nav#footer-nav ul li a.yt:hover{
	background: url(img/youtube_grey.png) no-repeat center center;
}

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:37px;
	overflow:hidden;
}

.join_team{
	background:url(img/join_team.png) no-repeat;
	right:0;
	top:156px;
	position:fixed;
	width:50px;
	height:192px;
	display:block;
	
	text-indent:-9999px;
	font-size:0px;
	line-height:0px;
	color:#ffffff;
	text-decoration:none;
	z-index:500;
}


/*------------------------------------*\
	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;
	}
}