/*
Theme Name: rCode 2016
Author: Resourcecode
Description: Based on Twenty Eleven/Twenty Sixteen
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background-color:#fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */

html, body {
	margin:0;
	padding:0;
	height:100%;
	background:#333;
}
#wrapper {
	position:relative;
	min-width: 980px;
	overflow:hidden;
}
#main {
	padding: 0;
	position:relative;
	background:#fff;
}
#footer {
	width:100%;
	overflow:hidden;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 25px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 25px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #333;
	font-size: 16px;
	font-family: "myriad-pro", Arial, sans-serif;
	letter-spacing:-0.015em;
}
html[lang='ja'] body, 
html[lang='ja'] input, 
html[lang='ja'] textarea {
	font-size: 15px;
	font-family: "kozuka-gothic-pro",sans-serif;
	letter-spacing:-0.010em;
}


/* Headings */
h1,h2,h3,h4,h5,h6 {
	/* clear: both; */
	font-weight: bold;
	line-height:125%;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 8px;
	line-height:125%;
}
html[lang='ja'] p {
	line-height:140%;
}
p:last-child {
	margin-bottom: 0;
}
.entry-content ul, .entry-content ol {
	margin: 0 0 0 13px;
}
.entry-content ul {
	list-style: disc;
}
.entry-content ol {
	list-style-type: decimal;
}
.entry-content ol ol {
	list-style: upper-alpha;
}
.entry-content ol ol ol {
	list-style: lower-roman;
}
.entry-content ol ol ol ol {
	list-style: lower-alpha;
}
.entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul {
	margin-bottom: 0;
}
li {
	line-height:125%;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
select {
	font-family: Arial, sans-serif;
	letter-spacing:normal;
}

strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}

/* Forms */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
	background: #fff;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #e6e6e6;
	color: #666;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
	color: #333;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number] {
	padding: 3px;
}
input#s {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}

/* Links */
a {
	color: #33c5f3;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}
p a {
	font-weight:bold;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

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


/*==============================================================
	Header
==============================================================*/
#header {position: relative; height: 110px; border-bottom:2px solid #666;  }
.header-content { margin: 0 auto; width: 960px; height:110px; padding:0 10px; position: relative;}
.header-main { position: relative; height:110px; }
#header .logo-container {height:44px; overflow: hidden; width: 312px; margin:0 auto; position:absolute; top:30px; left:0;}
#header #fixed-logo {background: url(images/main-logo-v1.png) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 44px; width: 312px; }
#header .logo-link-overlay {height:44px; width: 312px; position:absolute; top:0; left:0; z-index:100; display:block;}

#header .lang-menu {height:18px; overflow: hidden; padding:0; width: 126px; position:absolute; top:46px; left:768px; }

.lang-menu .wpml-ls-legacy-list-horizontal {border:0 none !important;padding:0 !important;margin:0 none !important;background:none !important;}
.lang-menu .wpml-ls ul {border:0 none !important;}
.lang-menu .wpml-ls .wpml-ls-item {float:left}
.lang-menu .wpml-ls .wpml-ls-item a {height:0; padding:18px 0 0; overflow:hidden; background: url(images/lang-menu.png) 0 0 no-repeat !important; display:block; font-size:0;}
.lang-menu .wpml-ls .wpml-ls-item-en a {width:76px; background-position:0 -18px !important;}

.lang-menu .wpml-ls .wpml-ls-item-en.wpml-ls-current-language a, .lang-menu .wpml-ls .wpml-ls-item-en a:hover {width:76px; background-position:0 0 !important;}
.lang-menu .wpml-ls .wpml-ls-item-ja a {width:50px; background-position:-76px -18px !important;}
.lang-menu .wpml-ls .wpml-ls-item-ja.wpml-ls-current-language a, .lang-menu .wpml-ls .wpml-ls-item-ja a:hover {width:50px; background-position:-76px 0 !important;}

#header .contact-link {height:0; overflow: hidden; padding:11px 0 0; width: 117px; position:absolute; top:49px; left:600px; background: url(images/btn-contact.png) 0 0 no-repeat; }
#header .contact-link:hover { background-position: 0 -11px; }


#header .menu-toggle {height:28px; overflow: hidden; padding:0; width: 35px; position:absolute; top:41px; right:0; text-indent:-9999px; border:0 none; cursor:pointer; background:transparent; transition: background 0.3s; }
#header .menu-toggle:focus { outline: none; }
#header .menu-toggle span { display:block; position:absolute; top:12px; left:0; right:0; height:4px; background:#ccc;  }
#header .menu-toggle span::before,
#header .menu-toggle span::after {position:absolute; display:block; left:0; width:100%; height:4px; background-color: #ccc; content: " "; transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
#header .menu-toggle span::before {top:-12px; transition-property: top, transform;}
#header .menu-toggle span::after {bottom:-12px; transition-property: bottom, transform;}
#header .menu-toggle:hover span {background:#fff;}
#header .menu-toggle:hover span::before,
#header .menu-toggle:hover span::after {background:#fff;}
#header .menu-toggle.is-active span { background: none; }
#header .menu-toggle.is-active span::before { top: 0; transform: rotate(45deg); transition-delay: 0s, 0.3s; }
#header .menu-toggle.is-active span::after { bottom: 0; transform: rotate(-45deg); transition-delay: 0s, 0.3s; }


.menu-bar {position:absolute; right:-64px; top:110px; z-index:500; display:none; overflow:hidden; }


/* Main Menu */
.menu-main-menu-container { clear: both; }
.main-menu { margin:0; position:relative; border:2px solid #666; padding:0 10px; background:#333; }
.main-menu li { border-bottom:1px solid #666; }
.main-menu li:last-child { border-bottom:0 none; }
.main-menu li > a { padding:34px 0 0; height:0; width:146px; overflow:hidden; display:block; background: url(images/main-menu-v2.png) 0 0 no-repeat;}
.main-menu li > a:hover { text-decoration:none; }
.main-menu li.home > a { background-position: 0 -170px; }
.main-menu li.home > a:hover { background-position: -146px -170px; }
.main-menu li.case-studies > a { background-position: 0 0; }
.main-menu li.case-studies > a:hover { background-position: -146px 0; }
.main-menu li.what-we-do > a { background-position: 0 -34px; }
.main-menu li.what-we-do > a:hover { background-position: -146px -34px; }
.main-menu li.project-portfolio > a { background-position: 0 -68px; }
.main-menu li.project-portfolio > a:hover { background-position: -146px -68px; }
.main-menu li.who-we-are > a { background-position: 0 -102px; }
.main-menu li.who-we-are > a:hover { background-position: -146px -102px; }
.main-menu li.wpml > a { background-position: 0 -136px; }
.main-menu li.wpml > a:hover { background-position: -146px -136px; }

html[lang='ja'] .main-menu li > a { background: url(images/main-menu-jp-v2.png) 0 0 no-repeat; }
html[lang='ja'] .main-menu li.home > a { background-position: 0 -170px; }
html[lang='ja'] .main-menu li.home > a:hover { background-position: -146px -170px; }
html[lang='ja'] .main-menu li.case-studies > a { background-position: 0 0; }
html[lang='ja'] .main-menu li.case-studies > a:hover { background-position: -146px 0; }
html[lang='ja'] .main-menu li.what-we-do > a { background-position: 0 -34px; }
html[lang='ja'] .main-menu li.what-we-do > a:hover { background-position: -146px -34px; }
html[lang='ja'] .main-menu li.project-portfolio > a { background-position: 0 -68px; }
html[lang='ja'] .main-menu li.project-portfolio > a:hover { background-position: -146px -68px; }
html[lang='ja'] .main-menu li.who-we-are > a { background-position: 0 -102px; }
html[lang='ja'] .main-menu li.who-we-are > a:hover { background-position: -146px -102px; }
html[lang='ja'] .main-menu li.wpml > a { background-position: 0 -136px; }
html[lang='ja'] .main-menu li.wpml > a:hover { background-position: -146px -136px; }

.pg-home .main-menu li.home { display:none; }
.pg-project-portfolio .main-menu li.project-portfolio { display:none; }

/*==============================================================
	Footer
==============================================================*/
#footer {position: relative;}
.footer-content { margin: 0 auto; width: 960px; padding: 25px 10px 40px; position: relative; color:#999; font-size:18px; }
.footer-content .footer-contact { padding-bottom: 20px; margin-bottom: 20px; }
.footer-content .footer-contact .contact-lead { float:left; width:230px; padding-right:50px; }
.footer-content .footer-contact .contact-lead h2 { font-size:30px; color:#fff; margin:0 0 10px; }
html[lang='ja'] .footer-content .footer-contact .contact-lead h2 { font-size:24px; }
.footer-content .footer-contact .contact-lead p { margin-bottom:10px; }
.footer-content .footer-contact .contact-form { float:left; width:680px; }
.footer-content .footer-contact .contact-form h3 { font-size:22px; color:#33c5f3; margin:6px 0 10px; }
.footer-content .footer-contact .contact-form p { padding-left:100px; margin:15px 0;}
html[lang='ja'] .footer-content .footer-contact .contact-form p { padding-left:170px;}
.footer-content .footer-contact .contact-form p:last-child { margin-bottom:0;}
.footer-content .footer-contact .contact-form label {width:100px; display:block; float:left; margin-left:-100px; font-size:20px; color:#fff; }
html[lang='ja'] .footer-content .footer-contact .contact-form label {width:170px; margin-left:-170px; }
.footer-content .footer-contact .contact-form input {margin-bottom:8px; width:408px; background:#414141; border:1px solid #555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; }
.footer-content .footer-contact .contact-form .your-message {display:block; width:580px; }
html[lang='ja'] .footer-content .footer-contact .contact-form .your-message {width:510px; }
.footer-content .footer-contact .contact-form .your-message textarea {background:#414141; border:1px solid #555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:8px; color:#fff; height:110px; }
.footer-content .footer-contact .contact-form .wpcf7-submit {display:block; width:70px; height:0; padding:28px 0 0; overflow:hidden; background: url(images/btn-send.png) 0 0 no-repeat; cursor:pointer; border:0 none; float:left; margin:0 10px 0 0; }
.footer-content .footer-contact .contact-form .wpcf7-submit:hover { background-position: 0 -28px;}


.footer-content .footer-upper { padding-top: 20px; margin-bottom: 20px; border-top:2px solid #5c5c5c;}
.footer-content .company-info {  }
.footer-content .company-info h2 { margin:0 0 10px; font-size:24px; color:#fff; }
.footer-content .company-info h2 .clead { color:#999; font-size:20px; padding-left:10px; font-weight:normal; }
.footer-content .company-info p { margin-bottom:4px;}
.footer-content .company-info p:last-child { margin-bottom:0;}
.footer-content .company-info p a { font-weight:normal; }


.footer-content .copyright { color:#999; font-size:14px; }

.footer-content .recaptcha {padding-left:100px;}
html[lang='ja'] .footer-content .recaptcha {padding-left:170px;}



/*==============================================================
	Pages common
==============================================================*/
#main { }
.page-content {width:920px; margin:180px auto 0; padding:20px; background:#fff; position:relative; }
.page-bg-img {height:400px; position:absolute; top:-180px; left:0; right:0; background: url(images/bg-page.jpg) center 0 no-repeat #1c76bd;}
.page-bg-img img {height:100%; width:100%; display:block;}
.page-content .floating-title {position:absolute; left:0; top:-120px; height:auto; padding:15px 25px 18px; margin:0; background: url(images/floating-title-bg.png) 0 0 repeat; font-weight:normal; font-size:30px; color:#fff; line-height:1; }
.floating-title br {display:none;}
.floating-title strong {}

.entry-content {position:relative; }
.entry-content > h2 {font-size:26px; line-height: 120%; margin:16px 0 8px; }
.entry-content > h2:first-child {margin:-5px 0 12px !important; }
.entry-content h3 {font-size:20px; margin-bottom:8px; }
.entry-content h4 {font-size:17px;margin-bottom:4px; }
.entry-content p img.alignnone {margin-top:20px; }
.entry-content p.pg-lead {font-size:18px; font-weight:bold; }
.entry-content > ul {margin-bottom:8px; }
.entry-content > ul > li {margin-bottom:8px; }
.entry-content > ol {margin:0 0 8px 1.8em; }
.entry-content > ol > li {margin-bottom:8px; }
.entry-content > ul > li:last-child {margin-bottom:0; }
.entry-content > ol > li:last-child {margin-bottom:0; }


.pdf-download {background: url(images/icon-pdf.png) 0 0 no-repeat; padding:4px 0 4px 30px; font-weight:bold; display:inline-block;}

span.atmark:before {content:"@";}

.mimick-link {
	color: #33c5f3;
	text-decoration: none;
	font-weight:bold;
}


/*==============================================================
	Home
==============================================================*/
.home #main { padding: 0; }
.home #video_area { width:100%; min-height:470px; height:65vh; padding: 0; position:relative; overflow:hidden; background: #ccc; border-bottom:2px solid #666; }
.home .video-container { background: url(video/fallback.jpg) center top; background-size:cover; width:100%; height:100%; position:relative; }
.home .video-container #vplayer {position:absolute; top:0; left:50%; margin-left:-500px; width:auto; height:auto; }
/*.no-videoautoplay .home .video-container #vplayer {display:none; }*/
.rc-videoplayblocked .home .video-container #vplayer {display:none; }
.home .wide-view .video-container #vplayer {left:0; margin-left:0; width:100%; height:auto; }
.home .tall-view .video-container #vplayer {top:0; margin-left:0; width:auto; height:100%; }
.home .video-container .video-filter {background: url(video/vfilter.png) 0 0 repeat; position:absolute; top:0; left:0; bottom:0; right:0; }
.home #video_area .cap-wrap {width:960px; padding:0; height: 100%; margin:0 0 0 -480px; position:absolute; top:0; left:50%;}
.home #video_area .cap { font-size:21px; color:#fff; letter-spacing:0; position:absolute; left:20px; bottom:27%; z-index:5; width:750px; }
.home #video_area .cap h2 { font-size:32px; margin:0 0 15px; }
.home #video_area .cap p { line-height:145%; }

html[lang='ja'] .home #video_area .cap { font-size:19px; width:650px; letter-spacing:inherit; bottom:30%; }
html[lang='ja'] .home #video_area .cap h2 { font-size:32px; line-height:160%; }
html[lang='ja'] .home #video_area .cap p { line-height:190%; }

.home .home-container { width:960px; margin:0 auto 30px; padding:0 10px 30px; border-bottom:1px solid #e5e5e5; }
.home .home-container:last-child { margin-bottom:0; border-bottom:0 none; }

.home .home-container .cs-upper { padding:0 0 0 230px; font-size:20px; }
.home .home-container .cs-upper h2 { font-size:30px; margin-bottom:15px; }
.home .home-container .cs-upper h2 .seo-sub { font-weight:normal; }
html[lang='ja'] .home .home-container .cs-upper { font-size:16px; }
html[lang='ja'] .home .home-container .cs-upper h2 { font-size:28px; }
.home .home-container .cs-upper p { margin-bottom:12px; }
.home .home-container .cs-upper .cs-icon { width:200px; margin-left:-230px; float:left; }
.home .home-container .cs-upper .cs-icon img { max-width:200px; display:block; }
.home .home-container .cs-upper .view-cs { padding-left:35px; background: url(images/rnd-tri-btns.png) 0 0 no-repeat; display:inline-block; min-height:25px; text-decoration:none;}
.home .home-container .cs-upper .view-cs.selected { color:#999; background-position:0 -100px; }
.home .home-container .cs-slide-area {display:none; opacity:0; -webkit-transition:all 1s ease 0.2s; transition:all 1s ease 0.2s; margin-top:25px;}
.home .home-container .cs-slide-area.toggled-on {display:block; }
.home .home-container .cs-slide-area.toggle-fade {opacity:0.9; }

.cs-slide-area .cs-slider {min-height:280px; width:860px; padding: 0; margin: 0 auto; position:relative;}
.cs-slide-area .cs-slider .caroufredsel_wrapper {}
.cs-slide-area .cs-slides {min-height:280px; width:860px; padding: 0; overflow:hidden; margin: 0 auto; position:relative;}
.cs-slide-area .cs-slides .cs-slide {position:relative; min-height:280px; width:860px; float:left;}
.cs-slide-area .cs-slides .cs-slide .cs-slide-desc {float:left; width:415px; margin-right:20px; font-size:18px;}
.cs-slide-area .cs-slides .cs-slide .cs-slide-desc h2 {font-size:26px; margin-bottom:10px;}
html[lang='ja'] .cs-slide-area .cs-slides .cs-slide .cs-slide-desc { font-size:16px;}
html[lang='ja'] .cs-slide-area .cs-slides .cs-slide .cs-slide-desc h2 {font-size:24px; }

.cs-slider a.prev, .cs-slider a.next {
	    background: url(images/slider-arrows.png) no-repeat transparent;
	    width: 22px; height: 35px; display: block; position: absolute; }
.cs-slider a.prev {left: -50px; top: 110px; background-position: 0 0; }
.cs-slider a.next {right: -50px; top: 110px; background-position: -22px 0; }
.cs-slider a.prev span, .cs-slider a.next span {display: none;}
.clearfix {float: none;clear: both;	}

.cs-slide-images-area {width:420px; height:280px; padding: 0; overflow:hidden; margin: 0;  position:relative; z-index:1; float:left;}
.cs-slide-images-slider {width:420px; height: 280px; padding:0; margin:0 auto; position:relative; background:#fff;}

.cs-slide-images-slider .cs-slide-images {width:100%; padding:0; height: 280px; margin:0 auto; position:relative;}
.cs-slide-images-slider .caroufredsel_wrapper {width:100% !important; height: 280px !important;}
.cs-slide-images-slider .cs-slide-image {position:relative; width:420px; height: 280px; float:left;}
.cs-slide-images-slider .cs-slide-image img {display:block;}



.home #what_we_do {  }
.home #what_we_do > h2 { font-size:30px; margin:-10px 0 15px; text-align:center; }
.home #what_we_do > h2 .seo-sub { font-weight:normal; }
.home .home-container .wwd-upper { margin-right:-20px; }
.home .home-container .wwd-item { width:225px; float:left; margin-right:20px; text-align:center; font-size:18px; }
.home .home-container .wwd-item .wwd-icon { width:160px; margin:0 auto 10px; }
.home .home-container .wwd-item .wwd-icon img { max-width:160px; }
.home .home-container .wwd-item h3 { font-size:22px; margin-bottom:10px; }
.home .home-container .wwd-item .view-wwd-detail { text-decoration:none; }
.home .home-container .wwd-item .view-wwd-detail:hover { color:#33c5f3; }
.home .home-container .wwd-item .view-wwd-detail.selected { color:#999; }
.home .home-container .wwd-item .view-wwd-detail:hover { color:#33c5f3; text-decoration:underline; }
.home .home-container .wwd-details-area {display:none; font-size:18px; margin-top:25px; padding:20px; background:#ebebeb; 	
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
.home .home-container .wwd-details-area.toggled-on { }
.home .home-container .wwd-details-area.toggle-fade { }
.home .home-container .wwd-details-area .wwd-detail {display:none; opacity:0; -webkit-transition:all 1s ease 0.2s; transition:all 1s ease 0.2s; }
.home .home-container .wwd-details-area .wwd-detail.toggled-on {display:block; }
.home .home-container .wwd-details-area .wwd-detail.toggle-fade {opacity:1; }
.home .home-container .wwd-details-area .wwd-detail.toggled-on:before { content:" ";height:38px;display:block; background:url(images/details-arrow.png) 72px 0 no-repeat; margin-top:-38px; padding:0; }
.home .home-container .wwd-details-area .wwd-detail.wwd-item2:before { background-position:317px 0; }
.home .home-container .wwd-details-area .wwd-detail.wwd-item3:before { background-position:562px 0; }
.home .home-container .wwd-details-area .wwd-detail.wwd-item4:before { background-position:807px 0; }

.home .home-container .wpml-upper { padding:0 230px 0 0; font-size:18px; }
.home .home-container .wpml-upper h2 { font-size:26px; margin-bottom:15px; }
.home .home-container .wpml-upper h2 .seo-sub { font-weight:normal; }
.home .home-container .wpml-upper p { margin-bottom:12px; }
.home .home-container .wpml-upper .wpml-icon { width:200px; margin-right:-230px; float:right; }
.home .home-container .wpml-upper .wpml-icon img { max-width:200px; display:block; }

.home .home-container .pp-upper { padding:0 0 0 230px; font-size:20px; }
.home .home-container .pp-upper h2 { font-size:30px; margin-bottom:15px; }
.home .home-container .pp-upper h2 .seo-sub { font-weight:normal; }
.home .home-container .pp-upper p { margin-bottom:12px; }
.home .home-container .pp-upper .pp-icon { width:200px; margin-left:-230px; float:left; }
.home .home-container .pp-upper .pp-icon img { max-width:200px; display:block; }
.home .home-container .pp-upper .view-pp { padding-left:35px; background: url(images/rnd-tri-btns.png) 0 0 no-repeat; display:inline-block; min-height:25px; text-decoration:none;}


.home .home-container .wwa-upper { margin-right:-25px; }
.home .home-container .wwa-desc { width:245px; float:left; margin-right:40px; font-size:18px; }
.home .home-container .wwa-desc h2 { font-size:30px; margin-bottom:15px; }
.home .home-container .wwa-item { width:150px; float:left; margin-right:25px; text-align:center; font-size:16px; }
.home .home-container .wwa-item .wwa-icon { width:150px; margin:0 auto 10px; }
.home .home-container .wwa-item .wwa-icon img { max-width:150px; }
.home .home-container .wwa-item h3 { font-size:18px; margin-bottom:10px; }
.home .home-container .wwa-item .view-wwa-detail { text-decoration:none; }
.home .home-container .wwa-item .view-wwa-detail:hover { color:#33c5f3; }
.home .home-container .wwa-item .view-wwa-detail.selected { color:#999; }
.home .home-container .wwa-item .view-wwa-detail:hover { color:#33c5f3; text-decoration:underline; }
.home .home-container .wwa-details-area {display:none; font-size:18px; margin-top:25px; padding:20px; background:#ebebeb; 	
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
.home .home-container .wwa-details-area.toggled-on { }
.home .home-container .wwa-details-area.toggle-fade { }
.home .home-container .wwa-details-area .wwa-detail {display:none; opacity:0; -webkit-transition:all 1s ease 0.2s; transition:all 1s ease 0.2s; }
.home .home-container .wwa-details-area .wwa-detail.toggled-on {display:block; }
.home .home-container .wwa-details-area .wwa-detail.toggle-fade {opacity:0.9; }
.home .home-container .wwa-details-area .wwa-detail.toggled-on:before { content:" ";height:38px;display:block; background:url(images/details-arrow.png) 321px 0 no-repeat; margin-top:-38px; padding:0; }
.home .home-container .wwa-details-area .wwa-detail.wwa-item2:before { background-position:496px 0; }
.home .home-container .wwa-details-area .wwa-detail.wwa-item3:before { background-position:671px 0; }
.home .home-container .wwa-details-area .wwa-detail.wwa-item4:before { background-position:846px 0; }




/*==============================================================
	Blog
==============================================================*/


/*==============================================================
	Portfolio
==============================================================*/
.pg-project-portfolio .page-bg-img {background: #1c76bd;}

.pg-project-portfolio #lazyload .lazyload-more {height:40px; background:url(images/loading2.gif) center center no-repeat;}
.pg-project-portfolio .entry-content {margin-bottom:30px; border-bottom:2px solid #e5e5e5; padding-bottom:30px;}
.pg-project-portfolio .page:last-child article:last-child .entry-content {margin-bottom:10px; border-bottom:0 none; padding-bottom:0;}
.pg-project-portfolio .entry-content .pp-thumb {float:left; width:200px; margin-right:20px;}
.pg-project-portfolio .entry-content .pp-thumb img {display:block;}
.pg-project-portfolio .entry-content .pp-details {float:left; width:700px; font-size:18px;}
.pg-project-portfolio .entry-content .pp-details .entry-title {font-size:24px;margin:-4px 0 10px;}
.pg-project-portfolio .pp-details .pp-links {margin:15px 0 0; list-style:none;}
.pg-project-portfolio .pp-details .pp-links li {display:inline-block; padding:2px 15px 2px 0; margin-right:20px;}
.pg-project-portfolio .pp-details .pp-links li:last-child {margin-right:0;}
.pg-project-portfolio .pp-details .pp-links li.screens-link a {display:none;}
.pg-project-portfolio .pp-details .pp-links li.screens-link a.start-link {display:inline-block; padding:0 0 0 35px; background: url(images/icon-screen-link.png) 0 0 no-repeat;}
.pg-project-portfolio .pp-details .pp-links li.site-link a {display:inline-block; padding:0 0 0 28px; background: url(images/icon-site-link.png) 0 2px no-repeat;}




/*==============================================================
	Portfolio
==============================================================*/
.pg-404 .page-bg-img {background: #1c76bd;}
.pg-404 .entry-content {font-size:22px; min-height:180px; }
.pg-404 .entry-content h3 {font-size:24px; margin-bottom:10px; }
.pg-404 .entry-content p {line-height:135%; }



/*==============================================================
	Single Project
==============================================================*/
.blog-single figure.gallery-item {float:left;}
.blog-single .link-to-pp {float:right;}



/*==============================================================
	Style overrides
==============================================================*/
.entry-content .margin-top-0 {margin-top:0;}



/*==============================================================
	Generic post/page editor content
==============================================================*/

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.images-right {
	display: inline;
	float: right;
	margin-left: 20px;
}
.images-left {
	display: inline;
	float: left;
	margin-right: 20px;
}
.images-right img, .images-left img {
	margin-bottom:20px;
}



/* Images */
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 20px;
}
p img,
.wp-caption {
	margin-top: 0.2em;
}
.wp-caption {
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.wp-caption.alignright {
	margin-bottom: 25px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 13px;
}
.wp-caption .wp-caption-text {
	padding: 8px 0 0 0;
	position: relative;
	line-height: 120%;
}

/* gallery */
dl.gallery-item {
	margin: 0;
}
.page-content .gallery {
	margin: 0 auto;
padding: 20px 0;
clear: both;
}
.page-content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
padding-bottom: 2%;
float: left;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}
.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.625em 0 0;
}
#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
		padding-bottom: 2%;
		float: left;
	}
#content .gallery-columns-3 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}



/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 1040px) {
	/* move menu bar to stop getting cut off */
	.menu-bar {right:0;}
}
@media (max-width: 800px) {
	/* Simplify the basic layout */
}
@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 13px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	#access ul {
		font-size: 12px;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 5.30625em 0 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 1.625em !important;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	.singular .hentry {
		padding: 1.625em 0 0;
	}
	.singular.page .hentry {
		padding: 1.625em 0 0;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}

}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}


/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}

/* =IE8
----------------------------------------------- */

#ie8 section.feature-image.large img {
	width: 100%;
}