/*
Theme Name: Feelingpeaky
Description: Theme created for feeling peaky portfolio site
Author: Feelingpeaky
Version: 1.1
*/

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

@font-face {
    font-family: 'helvetica_neueboldcond';
    src: url('css/helveneubolcon-webfont.eot');
    src: url('css/helveneubolcon-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/helveneubolcon-webfont.woff') format('woff'),
         url('css/helveneubolcon-webfont.ttf') format('truetype'),
         url('css/helveneubolcon-webfont.svg#helvetica_neueboldcond') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ul {
	list-style: none;
}

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

a img { border: none; }


:focus { -moz-outline-style:none; }

@charset "utf-8";

html{
    margin-top:0px !important;
}

body
{
    font-family: Arial;
    background-color: #202222;
    color:#fff;
    margin:0px;
    padding:0px;
}

.border {
    border:1px solid white;
}

.body_home
{
    width:988px;
    margin: 14px auto;
}

.body
{
    width:988px;
    margin: 14px auto;
}

.headerbar_container
{
    background-color:#202222;
    height:100px;
    padding-top:14px;
    position:fixed;
    width:100%;
    z-index:1000;
}

.headerbar
{
    width:988px;
    margin: 0 auto;
    background-color:#202222;
    height:100px;
}
.content_container_home {
    background-color:#202222;
    padding-top:100px;
}

.content_home {
    width:988px;
    margin: 0px auto;
    min-height:900px;
}

.content_container_page {
    background-color:#fff;
    background-image:url('images/square_bg.png');
    background-repeat:repeat;
    padding-top:114px;
}

.content_page {
    width:1030px;
    margin: 0px auto;
    background-color:#ffffff;
    min-height:700px;
    color:#888884;
    line-height:1.2em;
}

.portfolio_page {
    width:1032px;
    margin: 0px auto;
    color:#888884;
    line-height:0.9em;
}

.portfolio_page_bg {
    background-color:#fff;
    margin: 0px auto;
    width:1030px;
}

.content_page p {
    padding-bottom:10px;
}

.content_page ul {
    list-style: disc;
    padding-left:20px;
    margin-top:10px;
    margin-bottom:10px;
}

.contentpage_left {
    float:left;
    padding-top:60px;
    padding-left:30px;
    margin-top:5px;
    width:580px;
    font-size:20px;
    line-height:1.5em;
}

.contentpage_right {
    width:270px;
    float:right;
    padding-top:60px;
    padding-right:100px;
}

.contentpage_left a{
    color:#e3412f;
    font-weight:normal;
    text-decoration:none;
}

.contentpage_left a:hover{
    color:#454444;
}

.contentpage_right a{
    color:#454444;
    font-weight:normal;
    text-decoration:none;
}

.contentpage_right a:hover{
    color:red;
}

.contact_table{
    color:#58595b;
    font-size:22px;
    font-family:Arial;
    line-height:1.4em;
}

.contact_table p{
    color:#58595b;
    font-size:16px;
    font-family:Arial;
    line-height:1.4em;
    padding-bottom:8px;
}

.contact_table a{
    color:#58595b;
    font-size:16px;
}

.contact_table a:hover{
    color:red;
}

.contact_table h1{
    color:#454444;
    font-size:34px;
    font-family:helvetica_neueboldcond;
    line-height:1.2em;
    padding-bottom:3px;
}

.contact_table h4{
    color:#454444;
    font-size:15px;
    line-height:1.4em;
}

.contact_table strong{
    font-family: helvetica_neueboldcond;
    font-size: 14px;
    font-weight: normal;
}

.contact_table_left {
    float:left;
    width:650px;
}

.contact_table_right {
    float:right;
    width:300px;
    margin-right:30px;
}

.contact_table_right_top1 {
    width:300px;
}

.contact_table_right_top2 {
    width:300px;
}

.contact_table_right_bottom {
    width:300px;
    float:right;
    margin-right:30px;
}




.profile_left{
    float:left;
    width:544px;
    margin-top:56px;
    margin-left:30px;
    font-size:20px;
    line-height:1.5em;
}


.profile_left a {
    color:#e3412f;
    font-weight:normal;
    text-decoration:none;
}

.profile_left a:hover{
    color:#454444;
}

.profile_right a {
    color:#e3412f;
    font-size:12px;
	text-decoration:none;
}

.profile_right a:hover{
    color:#454444;
}

.profile_right h3 {
    padding-bottom:5px;
}



hr {
    border: 0;
    color:#e5e5e5;
    height:1px;
    background-color:#e5e5e5;
}

.profile_right{
    float:right;
    margin-top:56px;
    width:336px;
    margin-right:30px;
}

.profile_img {
    padding-right:5px;
}

.profile_description {
    margin-top:10px;
    padding:10px;
    padding-top:25px;
    height:85px;
    /* background-color:#f8f8f8; */   
    color:#58595b;
    font-size:12px;
    line-height:1.3em;
}

.profile_title {
    color:#58595b;
    font-size:15px;
    font-family:helvetica_neueboldcond;    
    margin-bottom:3px;
}



.profile_text a {
    color:#58595b;
    font-size:12px;
}


.profile_small_text {
    line-height:0.8em;
}

.profile_small_title strong{
    font-family: helvetica_neueboldcond;
    font-size: 14px;
    font-weight: normal;
    color:#454444;
}

.profile_small_text em{
    font-family:georgia;
    font-size:14px;
    line-height:0.5em
}

.profile_small_text li{
    padding-bottom:10px;
}

.profile_small_text p{
    padding-bottom:0px;
    line-height:1em;
}

.portfolio_nav_div {
    padding-right:5px;
}

.content_page h1{
    color:#454444;
    font-size:34px;
    font-family:helvetica_neueboldcond;
    line-height:1.2em;
}

.content_page h2{
    color:#454444;
    font-size:34px;
    font-family:helvetica_neueboldcond;
    line-height:1.2em;
}

.content {
    margin-top:80px;
    background-color:#ffffff;
    min-height:900px;
}

.footer_container {
    background-color:#202222;
    width:100%
}

.footer {
    margin: 0px auto;
    width:988px;
    height:155px;
    min-height:155px;
    color:#888884;
    font-size:12px;
    line-height:1.3em;
    background-color:#202222;
}

.footer a:hover{
    color:red;
}


.logo {
    background:url('images/logo.png') top left no-repeat;
    width:200px;
    float:left;
    margin-top:8px;
    text-indent:-100000px;
    height:70px;
}


.nav {
    width:165px;
    float:left;
}

.nav_left {
    margin-top:10px;
    float:left;
}

.nav_right {
    margin-top:10px;
    float:right;
}

.nav li {
    padding-bottom:3px;
}

.nav li a{
    color:#646561;
    font-size:16px;
    text-decoration:none;
    font-weight:bold;
}

.nav li a:hover{
    color:#e3412f;
    text-decoration:none;
}

.nav li a.active{
    color:#e3412f;
    text-decoration:none;
}

.headersocial {
    float:right;
    margin-right:60px;
    margin-top:30px;
}

.headersocial img{
    padding-right:5px;
}

.nav_small {
    display:none;
}

.content_col1 {
    width:33.3%;
    float:left;
    height:846px;
    overflow:hidden;
}

.content_col3 {
    width:33.3%;
    float:left;
    height:847px;
    overflow:hidden;
}

.content_col6 {
    width:33.3%;
    float:left;
    height:846px;
    overflow:hidden;
}

.clear {
    clear:both;
}


.footer_content_block {
    margin-top:10px;
}

.footer a{
    color:#888884;
    font-size:12px;
}


.footer h3 {
    color:#454444;
    font-size:15px;
    font-family:helvetica_neueboldcond;
    font-weight:normal;
}

.footer_left {
    float:left;
    width:191px;
    min-height:100px;
    padding-top:20px;
}

.footer_middle {
    float:left;
    width:267px;
    min-height:100px;
    padding-top:20px;
}

.footer_right {
    float:left;
    width:206px;
    min-height:100px;
    padding-top:20px;
}

#copyright_icon {
    padding-left:5px;
}

.newsletter_form {
    width:221px;
}

.newsletter_form {
    width:221px;
}

.newsletter_form input[type="text"]{
    width:221px;
    border:0px;
    margin-bottom:5px;
    height:21px;
    background-color:#333333;
    color:#888884;
}

#newsletter_submit {
    float:right;
}

/* BLOG START */

.blog_content_container {
    width:1032px;
    margin: 0px auto;
    background-color:#ffffff;
    color:#888884;
    line-height:1.2em;
}

.blog_content_container p{
    padding-top:10px;
    padding-bottom:10px;
}

.blog_content_single_left {
    width:600px;
    float:left;
    padding-top:20px;
    padding-left:30px;
}

.blog_content_left {
    width:500px;
    float:left;
    padding-top:60px;
    padding-left:30px;
}

.blog_content_container h2{
    color:#454444;
    font-size:34px;
    font-family:helvetica_neueboldcond;
    line-height:1.2em;
    text-transform:uppercase;
    width:480px;
}

.blog_content_container h2{
    color:#454444;
    font-size:26px;
    font-family:helvetica_neueboldcond;
    line-height:1.2em;
    padding-bottom:5px;
}

.blog_content_container h3{
    color:#454444;
    font-size:22px;
    font-family:helvetica_neueboldcond;
    line-height:1.2em;
    padding-bottom:10px;
    padding-top:10px;
}

.blog_content_container h4{
    color:#454444;
    font-size:14px;
    font-family:helvetica_neueboldcond;
    line-height:1.2em;
    padding-bottom:5px;
}

.blog_posted_subtitle {
    font-size:20px;
    font-family:georgia;
    line-height:1.2em;
}

.blog_content_container h2 a{
    color:#454444;
    font-weight:normal;
    text-decoration:none;
}

.blog_content_container h1 a{
    color:#454444;
    font-weight:normal;
    text-decoration:none;
}

.blog_content_crumb {
    font-size:12px;
    padding-bottom:12px;
}

.blog_content_crumb a{
    text-decoration:none;
    color:#e3412f;
}

.blog_content_crumb a:hover{
    text-decoration:none;
    color:#454444;
}

.blog_read_more {
    color:#666666;
    font-family:georgia;
    font-size:11px;
    text-decoration:underline;
    margin-top:10px;
    margin-bottom:10px;
}

.blog_read_more a{
    color:#666666;
    text-decoration:underline;
}

.blog_posted_text{
    color:#666666;
    font-family:georgia;
    font-size:11px;
}

.blog_content {
    margin-top:5px;
    width:480px;
}

.blog_content ul {
    list-style: disc;
    padding-left:20px;
    margin-top:10px;
    margin-bottom:10px;
}

.blog_content ol {
    padding-left:20px;
    margin-top:10px;
    margin-bottom:10px;
}

.blog_cat_arrow {
    position:relative;
    top:2px;
    padding-right:5px;
}

.blog_content_text a{
    color:#e3412f;
    text-decoration:none;
}

.blog_content_text a:hover{
    color:#454444;
}

.blog_content_text {
    font-size:14px;
	color:#454444;
}

.comment_bubble_image {
    position:relative;
    top:6px;
}

.comment_link {
    float:right;
    width:140px;
}

.comment_link a {
    color:#666666;
    font-family:georgia;
    font-size:11px;
    padding-bottom:10px;
    padding-top:10px;
}

.blog_content_right {
    width:270px;
    float:right;
    padding-top:60px;
    padding-right:30px;
}

.blog_content_right a{
    color:#666666;
    font-family:georgia;
    font-size:11px;
    text-decoration:none;
}

.blog_content_left a:hover{
    color:#e3412f;
}

.blog_content_right a:hover{
    color:#e3412f;
}

.blog_category_box {
    width:270px;
    height:21px;
    border-bottom:1px solid #e5e5e5;
}

.comments h3{
    color:#454444;
    line-height:1.2em;
    font-size:22px;
}

#comment {
    width:473px;
    height:223px;
    border:1px solid #e5e5e5;
}

.comments {
    font-size:12px;
    line-height:1.2em;
}

#comments-form {
    line-height:1.4em;
}

.comments a{
    color:#454444;
    font-size:12px;
    line-height:1.2em;
    text-decoration:none;
}

.comments input[type="text"] {
    width:473px;
    height:25px;
    border:1px solid #e5e5e5;
}

.comments label {
    font-size:12px;
    color:#454444;
    font-family:helvetica_neueboldcond;
}

#sub{
    float:right;
    margin-top:10px;
    margin-bottom:10px;
    width:100px;
    height:26px;
    background:url('images/postcomment_button.png') top left no-repeat;

    text-indent:-10000000px;
    border:0px;
}


#sub:hover{
    cursor:pointer;
    cursor:hand;
}

.comment-meta {
    padding-bottom:10px;
}

.comment-author {
    font-size:12px;
    color:#454444;
    font-family:helvetica_neueboldcond;
    text-transform:uppercase;
}

.comment-date {
    font-size:11px;
    font-family:georgia;
    color:#888884;
    font-style:italic;
}

.comment-text {
    border:1px solid #e5e5e5;
    margin-bottom:10px;
    padding:10px;
}

.comment_avatar {
    position:relative;
    top:8px;
    padding-right:10px;
}

#blogreadmore {
    position:relative;
    top:5px;
    left:3px;
}

.category_list {
    float:right;
    margin-top:30px;
    margin-right:40px;
}

.portfolio_grid_container {
    width:280px;
    height:320px;
    float:left;
    margin-right:42px;
}

.portfolio_grid_title {
    text-align:center;
    margin-top:28px;
    text-transform:uppercase;
    font-size:20px;
    color:#454444;
    font-family:helvetica_neueboldcond;
}

.portfolio_grid_caption {
    text-align:center;
    font-size:10px;
    font-family:arial;
    text-transform:uppercase;
}

.portfolio_grid {
    padding-left:50px;
    padding-top:50px;
    min-height:700px;
}

.pager {
    font-size:14px;
    font-family:helvetica_neueboldcond;
    color:#bdbcbc;
    float:right;
    margin-right:50px;
}

.pager a {
    font-size:14px;
    font-family:helvetica_neueboldcond;
    color:#bdbcbc;
}

.portfolio_cat_list {
    float:left;
    text-transform:uppercase;
    font-size:14px;
    font-family:helvetica_neueboldcond;
    color:#bdbcbc;
}

.portfolio_cat_list a{
    font-size:14px;
    font-family:helvetica_neueboldcond;
    color:#bdbcbc;
    text-decoration:none;
}

.portfolio_cat_list a:hover{
    font-size:14px;
    font-family:helvetica_neueboldcond;
    color:#bdbcbc;
    text-decoration:underline;
}

.portfolio_cat_list a.active{
    font-size:14px;
    font-family:helvetica_neueboldcond;
    color:#bdbcbc;
    text-decoration:underline;
}

.portfolio_page_container {
    width:1000px;
    height:648px;
    margin-left:28px;
}

.portfolio_page_column1 {
    height:500px;
    padding-top:240px;
}

.portfolio_page_column2 {
    width:650px;
    float:left;
    margin-top:60px;
    line-height:0;
}

.portfolio_page_sub_column2 {
    float:left;
    line-height:0;
}

.portfolio_page_sub_column3 {
    float:left;
    line-height:0;
}

.portfolio_page_text {
    width:293px;
    height:458px;
    background-color:white;
    font-size:12px;
    border:1px solid #e5e5e5;
    padding-left:26px;
    overflow:hidden;
    line-height:1.2em;
}

.portfolio_name {
    font-size:36px;
    font-family:helvetica_neueboldcond;
    color:#454444;
    margin-top:25px;
    text-transform:uppercase;
    padding-bottom:5px;
}

.portfolio_link_top{
    margin-top:10px;
}

.portfolio_link {
    font-size:11px;
    font-family:georgia;
    color:#202222;
    text-transform:uppercase;
    width:270px;
}

.portfolio_link_grey {
    color:#aaacac;
}

.portfolio_link_grey a{
    color:#e3412f;
    text-decoration:none;
}

.portfolio_link_grey a:hover{
    color:#454444;
    text-decoration:underline;
}


.portfolio_challenge {
    margin-top:10px;
    color:#202222;
}

.portfolio_challenge strong{
    font-family:helvetica_neueboldcond;
    font-size:14px;
    font-weight:normal;
}

.portfolio_challenge_text {
    width:270px;
    color:#888884;
    line-height:1.5em;
}

.portfolio_solution {
    margin-top:10px;
    color:#202222;
}

.portfolio_solution strong{
    font-family:helvetica_neueboldcond;
    font-size:14px;
    font-weight:normal;
}

.portfolio_solution_text {
    color:#888884;
    width:270px;
    line-height:1.5em;
}

.portfolio_image1 {
    margin-top:20px;
    position:relative;
    left:-25px;
    line-height:0;
}

.portfolio_image2 {
    margin-top:0px;
    position:relative;
    left:-25px;
    line-height:0;
}

.portfolio_image9 {
    text-align:center;
    padding-top:10px;
}

.portfolio_page_nav {
    float:right;
    width:350px;
    position:relative; 
    top:-725px;
}

.homepage_link {
    display:table-cell;
    padding-bottom:1px;
}

.homepage_table {
    display:table;
    width:100%;
}

.homepage_content_box {
    width:306px;
    height:255px;
    padding-top:25px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:25px;
    margin-bottom: 3px;
}

.homepage_content_box h2{
    font-family:arial;
    font-size:22px;
    /* color:#636565; */
    color:#a6a7a7;
    padding-bottom:10px;
}

.homepage_content_box_text{
    font-family:arial;
    font-size:22px;
    color:#636565;
    line-height:1.2em;
    width:300px;
}

.homepage_table a{
    text-decoration:none;
}


.homepage_arrow {
    position:relative;
    top:5px;
}

.homepage_content_box:hover {
    background:url('images/homepage_redsquare_bg.jpg') top left repeat;

}

.homepage_content_box:hover .homepage_content_box_text{
    color:#eb7a6e;
}


.homepage_content_box:hover h2{
    color:#f4b3ac;
}


.blog_links {
    margin-top:30px;
    margin-bottom:20px;
    padding-bottom:20px;
    width:480px;
}

.blog_older_link {
    margin-top:10px;
    width:100px;
    float:left;
    margin-top:7px;
}

.blog_older_link a{
    float:left;
    color:#666666;
    font-family:georgia;
    font-size:11px;
    font-style:italic;
    /* font-size:14px;
    font-family:helvetica_neueboldcond;
    color:#bdbcbc; */
}


.blog_new_link{
    float:left;
    color:#666666;
    font-family:georgia;
    font-size:11px;
    /* font-size:14px;
    font-family:helvetica_neueboldcond;
    color:#bdbcbc; */
    float:right;
    position:relative;
    left:18px;
}

.blog_new_link a{
    color:#666666;
    font-family:georgia;
    font-size:11px;
    font-style:italic;
    /* font-size:14px;
    font-family:helvetica_neueboldcond;
    color:#bdbcbc; */
}

.portfolio_page_table {
    line-height:0px;
}

a.no_underline {
    text-decoration:none;
}

/**** Cookies box ****/

.cookies_container {
    position:relative;
    left:60%;
    top:-220px;
    background-color:black;
    width:200px;
    height:244px;
    color:#ffffff;
    display:none;
}

.cookies_box {
    font-family:arial;
    font-size:11px;
    padding:10px;
    line-height: 1.2em;
}

.cookies_box p {
    padding-bottom:10px;
}

.cookies_box a {
    color:#ffffff;
    text-decoration:none;
}

#cookies_agree_button:hover{
    cursor:arrow;
    cursor:pointer;
}

#cookies_agree_button{
    text-decoration:underline;
}

#cookies_agree_arrow {
    position:relative;
    top:4px;
}

.cookies_title {
    font-family:helvetica_neueboldcond;
    color:#ffffff;
    font-size:40px;
    height:40px;
    margin-top:20px;
}

.footer_cookies_text {
    text-decoration:none;
    position:relative;
    top:-3px;
    left:5px;
}

.page_text_content {
    display:none;
}

.homepage_boxtext {
    display:none;  
}

#blog {
    background:url('images/blog_home_bg.png') top left;
}

.pull-left {
    float:left;
}

.profile_images img{
    border-radius:100px; border:4px solid white; overflow:hidden;
}


@media screen and (max-width: 768px) {
    .logo {
	margin-left:55px;
    }	

    .headerbar_container {
	border:0px solid red;
	background-color:#202222;
    }

    .headerbar {
	width:764px;
	background-color:#202222;
    }

    .nav_small {
	display:none;
    }

    .content_home {
	width:768px;
	min-height:750px;
    }

    /* .homepage_content_box {
	height:244px;
	overflow:hidden;
    } */	

    .footer {
	width:764px;
    }

    div.jp-jplayer {
	height: 103px;
    }

    /* .homepage_content_box:hover {
	background:url('images/homepage_redsquare_bg_ipad.jpg') top left repeat;

    } */

    div.jp-video-270p {
	display:none;
	height: 143px;
    }
    
    div.jp-audio, div.jp-video {
	height: 143px !important;
    }

    #now {

    }

    .blog_content_container {
	width:764px;
    }

    .blog_content_right {
	width:200px;
    }

    .blog_category_box {
	width:200px;
    }

    /* .blog_content_text p img {
	width:480px;
    } */
    
    .blog_content_single_left {
	width:480px;
	padding-left:55px;
    }

    .blog_content {
	width:480px;
    }

    .blog_content_text img{
	width:95%;
    }

    .blog_content_left {
	width:480px;
	padding-left:55px;
    }

    .blog_content_right {
	padding-right:10px;
    }

    .content_page {
	width:764px;
    }
    
    .contentpage_left {
	padding-left:55px;
    }
    
    .profile_right {
	float:left;
	margin-left:55px;
	width:666px;
	margin-bottom:100px;
	margin-top:20px;
    }

    .profile_left {
	margin-left:55px;
    }

    .profile_images {
	width:350px;
	float:left;
    }
    
    .profile_description {
	float:left;
	width:280px;
    }

    .category_list {
	margin-right:60px;
    }

    .portfolio_grid {
	padding-left:55px;
    }

    .portfolio_grid_container {
	margin-right:65px;
    }

    .contact_table {
	min-height:1050px;
    }

    .contact_table_left {
	width:650px;
	clear:both;
    }
    
    .contact_table_right {
	width:650px;
	float:left;
	margin-left:100px;
    }

    .contact_table_right_top1 {
	width:300px;
	float:left;
    }

    .contact_table_right_top2 {
	width:300px;
	float:left;
	margin-top:30px;
    }

    .contact_table_right_bottom {
	width:300px;
	float:left;
	clear:both;
	margin-left:100px;
    }

    .portfolio_page_nav {
	top:-625px;
    }

    .portfolio_page_bg {
	width:764px;
    }

    .portfolio_page {
	width:764px;
	background-size:100% 200px;
    }

    .portfolio_page_container {
	width:734px;
	margin-left:21px;
    }

    .portfolio_page_column1 {
	padding-top:160px;
    }	

    .portfolio_page_text {
	height:305px;
	width:245px;
	font-size:9px;
	padding-left:20px;
    }

    .portfolio_name {
	font-size:28px;
	margin-top:17px;
    }

    .portfolio_link {
	font-size:9px;
	width:220px;
    }

    .portfolio_challenge_text {
	width:240px;
    }

    .portfolio_solution_text {
	width:240px;
    }

    .footer_left {
	margin-left:10px;
    }

    .content_container_home {
	padding-left:55px;
    }

    .content_col1 {
	width:43%;
	float:left;
	overflow:visible;
    }

    .content_col3 {
	width:43%;
	float:left;
	overflow:visible;
    }

    .content_col6 {
	width:660px;
	height:446px;
	float:left;
	position:relative;
	top:-2px;
	overflow:visible;
    }

    .content_col4 {
	width:43%;
	float:left;
	overflow:visible;
    }

    .content_col8 {
	width:661px;
	float:left;
	overflow:visible;
    }

    .content_col6 .homepage_table{
	width:330px;
	overflow:visible;
    }	

    .homepage_table {
	float:left;
    }

    #blog {
	padding-top:50px;
	padding-bottom:50px;
	background:url('images/blog_home_bg_large.png') top left;
    }

    .homepage_video {
	display:none;
	float:right;
	background:url('images/fp_ipad.jpg') top center no-repeat;	
	background-color:black;
	height: 96px;
	margin-bottom: 3px;
	margin-right: 4px;
	width: 326px !important;
	margin-top:1px;
    }

    /* div.jp-video-270p {
	height:143px;
    }
    
    div.jp-audio, div.jp-video {
	height:143px;
    } */	

    .footer_left {
	margin-left: 55px;
    }

    #nordoff {
	position:relative;
	top:100px;
    }

    .contentpage_right {
	width:250px;
	float:left;
	padding-left:40px;
	padding-top:10px;
    }

    
}

@media screen and (max-width: 320px) and (max-width: 480px) {
    .logo {
	margin-left:5px;
    }	

    .nav {
	margin-left:5px;
	display:block;
	width:150px;
	padding-bottom:10px;
	display:none;
	border:1px solid white;
    }

    .nav_small {
	display:block;
	float:left;
	margin-left:115px;
	margin-top:10px;
	width:20px;
    }

    .nav_small:hover {
	cursor:pointer;	
	cursor:hand;
    }

    #open_small {
	width:20px;
	overflow:hidden;
    }	
    
    #close_small {
	width:20px;
	overflow:hidden;
	display:none;

    }	

    #open_small_items {
	position:relative;
	top:10px;
	left:-290px;
	min-height:140px;
	display:none;
	width:768px;
	background-color:#202222;
	padding-left:10px;
    }
    #open_small_items li a{
	color:#646561;
	text-decoration:none;
	font-weight:bold;
    }

    
    .headerbar_container {
	height:80px;
    }

    .headersocial {
	float:right;
	margin-left:5px;
	margin-right:5px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	/* top:-36px; */
    }
    
    .logo {
	width:170px;
    }

    .headerbar {
	width:320px;
    }

    .content_home {
	width:320px;
	min-height:2350px;
    }

    .footer {
	width:320px;
    }

    .blog_links {
	width:306px;
    }

    .blog_content_container {
	width:326px;
    }

    .blog_content_right {
	width:250px;
	float:left;
	padding-left:5px;
	padding-top:10px;
    }

    .contentpage_right {
	width:250px;
	float:left;
	padding-left:5px;
	padding-top:10px;
    }

    .blog_category_box {
	width:250px;
    }

    /* .blog_content_text p img {
	width:480px;
    } */
    
    .blog_content_single_left {
	width:320px;
	padding-left:5px;
    }

    .blog_content {
	width:320px;
    }

    .blog_content_text img{
	width:95%;
    }

    .blog_content_left {
	width:320px;
	padding-left:5px;
	padding-top:30px;
    }

    .blog_content_right {
	padding-right:0px;
    }

    .blog_content_container h2{
	width:300px;
    }

    .comments input[type="text"]{
	width:250px;
    }

    #comment {
	width:250px;
    } 	

    .content_page {
	width:306px;
    }
    
    .contentpage_left {
	padding-left:55px;
    }
    
    .profile_right {
	float:left;
	margin-left:55px;
	width:666px;
	margin-bottom:100px;
	margin-top:20px;
    }

    .profile_left {
	margin-left:3px;
	margin-right:3px;
	width:306px;
    }

    .profile_images {
	width:280px;
	float:left;
    }
    
    .profile_description {
	float:left;
	width:280px;
    }

    .category_list {
	margin-right:60px;
    }

    .portfolio_grid {
	padding-left:13px;
	padding-top:20px;
    }

    .portfolio_grid_container {
	margin-right:65px;
    }

    .contact_table {
	min-height:1050px;
    }

    .contact_table_left {
	width:300px;
	clear:both;
    }

    .contact_table_left img{
	width:100%;
	height:270px;
    }	
    
    .contact_table_right {
	width:300px;
	float:left;
	margin-left:5px;
	margin-right:0px;
    }

    .contact_table_right_top1 {
	width:300px;
	float:left;
    }

    .contact_table_right_top2 {
	width:300px;
	float:left;
	margin-top:30px;
    }

    .contact_table_right_bottom {
	width:300px;
	float:left;
	clear:both;
	margin-left:5px;
	margin-right:0px;
    }

    .profile_right {
	margin-left:40px;
	width:280px;
    }

    .profile_images {
	width:280px;
    }

    .profile_description {
	width:190px;
    }

    .profile_small_text {
	width:140px;
    }

    .portfolio_page_nav {
	top:-658px;
	left:-7px;
	width:330px;
	padding-right:0px;
	background-color:#202222;
	float:left;
    }

    .portfolio_page_bg {
	width:328px;
	padding-top:32px;
    }

    .portfolio_page {
	width:316px;
	background-size:100% 300px;
    }

    .portfolio_page_container {
	width:324px;
	margin-left:0px;
    }

    .portfolio_page_column1 {
	padding-top:122px;
    }	

    .portfolio_page_text {
	height:415px;
	width:295px;
	font-size:11px;
	padding-left:20px;
    }

    .portfolio_name {
	font-size:28px;
	margin-top:17px;
    }

    .portfolio_link {
	font-size:11px;
	width:220px;
    }

    .portfolio_challenge_text {
	width:260px;
    }

    .portfolio_solution_text {
	width:260px;
    }

    .footer_left {
	margin-left:10px;
    }

    .content_container_home {
	padding-left:0px;
    }

    .content_col1 {
	width:100%;
	float:left;
	display:block
	overflow:visible;
    }

    .content_col3 {
	width:100%;
	float:left;
	display:block;
	overflow:visible;
    }

    .content_col6 {
	width:100%;
	float:left;
	display:block
	overflow:visible;
    }

    .content_col4 {
	width:100%;
	float:left;
	display:block
	overflow:visible;
    }

    .content_col8 {
	width:100%;
	float:left;
	display:block
	overflow:visible;
    }

    .content_col6 .homepage_table{
	width:330px;
    }	

    .homepage_table {
	float:left;
    }

    .homepage_video {
	float:right;
	background:url('images/fp_iphone.jpg') top center no-repeat;	
	background-color:black;
	height: 182px;
	margin-bottom: 3px;
	margin-right: 0px;
	width: 332px !important;
	margin-top:1px;
	display:none;
    }

    div.jp-video-270p {

    }
    
    div.jp-audio, div.jp-video {

    }	
    
    .footer {
	margin-left:5px;
    }

    .footer_left {
	margin-left: 5px;
    }

    .footer_middle {
	margin-left: 5px;
    }

    .footer_right {
	margin-left: 5px;
    }

    .contentpage_left {
	padding-left:5px;
	padding-top:20px;
	width:306px;
    }
    
    #blog {
	padding-top:0px;
	padding-bottom:0px;
	background:url('images/blog_home_bg.png') top left;
    }

    #nordoff {
	position:relative;
	top:0px;
    }

    .wpcf7-form table{
	padding:0px !important;
	margin:0px !important;
    }

    .wpcf7-form td{
	display:block;
	text-align:left !important;
	font-size:18px;
	line-height:1em;
    }

    .googlemap {
	width:296px;
    }


}

/* Forex page stuff */

.forex_container {
    background-color:#fff;
    background-image:url('images/forex_bg.jpg');
    background-repeat:repeat-x;
}

.forex_page {
    background:url('images/forexpg_bg.jpg') top left no-repeat;    
    height:830px;
}

.forex_content {
    color:white;
    margin-left:45px;
    padding-top:45px;
    width:595px;
    line-height:1.6em;
    font-size:14px;
}

.forex_content h2{
    color:white;
    font-size:39px;
    margin-top:0px;
    padding-top:0px;
    padding-bottom:15px;
    text-transform:uppercase;
}

.forex_content h3{
    color:white;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}

.forex_clients {
    margin-left:45px;
    padding-top:45px;
    font-size:14px;
}

.forex_clients h2{
    text-transform:uppercase;
}

.forex_table {
    margin-top:20px;
}

.forex_table td{
    padding-right:10px;
}

.forex_header{
    color:#646561;
    font-size:28px;
    font-family:arial;
    text-decoration:none;
}

.forex_page a {
    color:white;
}

#jquery_playagain{
    padding-top:20px;
    width:120px;
}

#jquery_playagain:hover{
    cursor:pointer;
    cursor:hand;
}

/********* New styles for new site ************/

.content_top_header {
    background-color:#e5412c;
    width:100%;
    height:214px;
    text-align:center;
    color:#f2b3ac;
    font-size:19px;
    line-height:1.3em;
}

.content_top_header h1 {
    color:#fff;
    font-style:italic;
    font-size:44px;
    padding-top:40px;
    padding-bottom:10px;
}

.onethird {
    width:33%;
    float:left;
    text-align:center;
}

.border_b {
    border:1px solid black;
}

#content_new_page h3 {
    font-size:18px;
    margin-bottom:40px;

}

#content_new_page strong {
    color:#212323;
}

#content_new_page a {
    color:#e3412f;
}

#content_new_page p {
    font-size:15px;
    line-height:1.3em;
    color:#5b5a5a;
}

#content_new_page ul {
    font-size:15px;
    line-height:1.3em;
    color:#5b5a5a;
    margin-top:0px;
}

.about_chooseus_container {
    margin-top:50px;
    background: #f5f5f5 url('images/hatching.jpg');
    min-height:925px;
    text-align:center;
}

.aboutus_title {
    padding-top:10px;
    padding-bottom:5px;
    display:block;
    font-size:16px;
}

.container_h1 {
    padding-top:20px;
    padding-bottom:10px;
    color:#212323 !important;
    text-shadow: -2px 3px #d5d5d5;
}


.about_chooseus_div {
    float:left;
    width:200px;
    text-align:center;
    min-height:380px;
    padding-left:100px;
}

.about_people {
    text-align:center;
    min-height:200px;
}

.about_ourvalues {
    text-align:center;
    min-height:536px;
    background: #f5f5f5 url('images/hatching.jpg');
}

.about_ourvalues_text {
    padding-left:20%;
    padding-right:20%;
    margin-bottom:20px;
    font-size:15px;
    color:#5b5a5a;
    line-height:1.5em;
}

.about_what {
    text-align:center;
    background-color:#f5f5f5;
    min-height:790px;
}

.about_getstarted {
    text-align:center;
    min-height:400px;
    padding-top:40px;
}

.about_getstarted_text {
    padding-left:30%;
    padding-right:30%;
}

.onehalf {
    width:275px;
    float:left;
    margin-left:180px;
}

.onehalf_grey .image-container {
    background: #f5f5f5 url('images/hatching.jpg');    
    height:260px;
    margin-bottom:20px;
}

.onehalf_grey .text-container {
    text-align:left;
    padding:10px;
}

.onehalf_grey {
    width:377px;
    height:680px;
    margin-top:40px;
    margin-left:80px;
    padding:10px;
    float:left;
    background-color:#fff;
}

/**** Services page ******/

.services_whatwedo_container {
    text-align:center;
    min-height:696px;
    background: #f5f5f5 url('images/hatching.jpg');    
}

.services_ourgoals_container {
    text-align:center;
    min-height:310px;
    background: #fafafa;    
}

.services_credentials {
    text-align:center;
    min-height:384px;
}


.services_getstarted_container {
    text-align:center;
    min-height:400px;
    padding-top:40px;
    background-color:#f5f5f5;
}

/*** Contact us page ******/

.contact_email_container {
    min-height:256px;
    text-align:center;
    background: #f5f5f5 url('images/hatching.jpg');    
    padding-top:40px;
}

.contact_phone_div {

}

.contact_email_div {
font-size: 15px;
line-height: 1.3em;
color: #5b5a5a;
}

.contact_directions_images {

}

.contact_directions_text {
    font-size: 15px;
    line-height: 1.3em;
    color: #5b5a5a;
}

.contact_help_container {
    text-align:center;
    min-height:498px;
    background-color:#f5f5f5;    
}

.contact_visit_container {
    text-align:center;
    min-height:1029px;
    
}

.contact_vacancy_container {
    text-align:center;
    min-height:357px;
    background-color:#f5f5f5;    
}

.contact_vacancy_container p{
    line-height:1.6em !important;    
}

.contact_legal_container {
    text-align:center;
    min-height:256px;
}

.contact_legal_container p {
    line-height:1.6em !important;
}

.contact_phone_img {
   position:relative;left:-20px;
}

.contact_email_img {
   position:relative;left:30px;
}

.contact_email_text {
    position:relative;left:-40px;top:15px;border-top:1px solid #eeeeee;padding-top:10px;border-bottom:1px solid #eeeeee;padding-bottom:10px;
}

.contact_phone_text {
    position:relative;left:20px;top:15px;border-top:1px solid #eeeeee;padding-top:10px;border-bottom:1px solid #eeeeee;padding-bottom:10px;
}

.contact_train_img {
    position:relative; left:-70px;
}

.contact_bus_img {
    position:relative; left:60px;
}

.contact_directions_1 {
      position:relative;top:30px;border-top:1px solid #eeeeee;padding-top:10px;border-bottom:1px solid #eeeeee;padding-bottom:10px;
}

.contact_directions_2 {
      position:relative; left:60px;top:30px;border-top:1px solid #eeeeee;padding-top:10px;border-bottom:1px solid #eeeeee;padding-bottom:10px;
}


/**** Our people ****/

.profile_top_container {
    text-align:center;
    min-height:594px;
    background-color:#f5f5f5;    
}


.profile_top_container .onethird .image-container {
    background: #f5f5f5 url('images/hatching.jpg');    
    height:260px;
    margin-bottom:20px;
}

.profile_top_container .onethird .text-container {
    text-align:left;
    padding:10px;
}

.profile_top_container .onethird {
    width:300px;
    height:526px;
    margin-top:40px;
    margin-left:16px;
    padding:10px;
    float:left;
    background-color:#fff;
}

.profile_people_container {
    text-align:center;
    min-height:283px;
}


.profile_credentials_container {
    text-align:center;
    min-height:328px;
    background-color:#00c2d0;    
    color:#fff;    
}

.profile_credentials_container .onethird{
    text-align:left;
    margin-left:40px;
    width:300px;

}

.profile_credentials_container strong{
    color:#fff !important;    
}

.profile_credentials_container h1 {
    color:#3ed1db;
    font-style:italic;
    font-size:44px;
    padding-top:20px;
    padding-bottom:10px;
}

.profile_what_container {
    text-align:center;
    min-height:216px;
}

.profile_what_container ul {
    list-style:none;
}

.profile_what_container li {
    padding-bottom:5px;
    color:#58595b !important;
    font-size:13px !important;
    font-family: georgia;
}

.profile_what_container strong {
    color:#454444 !important;
    font-size:15px !important;
    font-family:helvetica_neueboldcond;
}

.profile_what_container .onethird {
    text-align:left;
    margin-top:30px;
    margin-left:80px;
    width:220px;
}

.wpcf7-form {
    margin-left:280px;
}