﻿
/** PORTFOLIO DETAILS **/

#page_portfolio_details .left
{
    width: 570px;
}

##page_portfolio_details #nav_paging
{
    font-size: 10pt;
}

/** PORTFOLIO **/

#page_portfolio .left
{
    width: 720px;
}

#page_portfolio .right #showreel
{
    text-align: right;
}


#page_portfolio #text_area
{
    height: 120px;
    clear: both;
    overflow: visible;
}


#page_portfolio #portfolio .left
{
    width: 360px;
    float: left;
}

#page_portfolio #portfolio .right
{
    width: 580px;
}


#portfolio_items
{
}

#portfolio_items .row
{
    clear: both;
    overflow: auto;
    margin: 0px 0px 10px 0px;
}

#portfolio_items .row .column1
{
    float: left;
    margin: 0px 10px 0px 0px;
    width: 250px;
    height: 70px;
    border: solid 1px #000000;
}

#portfolio_items .row .column2
{
    float: left;
    margin: 0px 0px 0px 0px;
    width: 250px;
    height: 70px;
    border: solid 1px #000000;
}

#portfolio_paging
{
    font-size: 10pt;
    text-align: right;
}

/** PORTFOLIO SECRET **/

#page_portfolio_secret .left
{
    width: 536px;
}

#page_portfolio_secret .right
{
    width: 381px;
}

#page_portfolio_secret .right #showreel
{
    text-align: right;
}

#page_portfolio_secret .headingLeft
{
    float: left;
    width: 272px;
    height: 76px;
    display: inline;
    margin: 0 0 20px;
}

#page_portfolio_secret .headingRight
{
    float: right;
    width: 121px;
    height: 76px;
    display: inline;
    margin: 0 30px 20px;
}

#page_portfolio_secret .intro_p
{
    clear: both;
    margin-right: 20px;
}

#page_portfolio_secret .formHeadImg
{
    float: right;
}

#page_portfolio_secret .formHead
{
    background: url(/images/backgrounds/imgbg_h2_underline.jpg) no-repeat right bottom;
    padding: 0 0 8px 0;
    margin: 0 30px 12px 0;
    height: 74px;
}

#page_portfolio_secret .formHead h2
{
    padding-top: 46px;
    margin: 0px !important; /*vertical-align: bottom; 	line-height: 74px; 	margin-top: 0px !important;*/
}

#page_portfolio_secret #form_download .right_submit
{
    margin-right: 33px !important;
    width: 80px !important;
}

#page_portfolio_secret #text_area
{
    height: 120px;
    clear: both;
    overflow: visible;
}


#page_portfolio_secret #portfolio .left
{
    width: 360px;
}

#page_portfolio_secret #portfolio .right
{
    width: 580px;
}

#page_portfolio_secret #secret_list
{
    padding: 15px 0 0 0;
}


#portfolio_items
{
}

#portfolio_items .row
{
    clear: both;
    overflow: auto;
    margin: 0px 0px 10px 0px;
}

#portfolio_items .row .column1
{
    float: left;
    margin: 0px 10px 0px 0px;
    width: 250px;
    height: 70px;
    border: solid 1px #000000;
}

#portfolio_items .row .column2
{
    float: left;
    margin: 0px 0px 0px 0px;
    width: 250px;
    height: 70px;
    border: solid 1px #000000;
}

#portfolio_paging
{
    font-size: 10pt;
    text-align: right;
}

/*****FORM ********/
.form
{
    margin: 0 0 0 80px;
}
#page_contact .form
{
    margin: 0 0 0 20px;
}
.form .row .textinput
{
    background-image: url/images/shared/form_back.jpg);
    background-repeat: repeat-x;
    margin: 0px auto 0px auto;
    font-family: Arial;
    height: 17px;
    width: 250px;
    border: solid 1px #666;
    vertical-align: middle;
    padding: 5px;
}
.form .row .textinputbig
{
    background-image: url/images/shared/form_back.jpg);
    background-repeat: repeat-x;
    margin: 0px auto 0px auto;
    font-family: Arial;
    height: 50px;
    width: 250px;
    border: solid 1px #666;
    vertical-align: middle;
    padding: 5px;
}
.form .row
{
    padding: 7px 0 7px 0;
    height: 28px;
}
.form .row label
{
    padding: 0px 0 5px 0;
    height: 28px;
    float: left;
    width: 150px;
}
.form .row .button
{
    padding: 0 0 0 190px;
}
.form .row .buttoncomment
{
    margin: 35px 0 20px 190px;
}

/** HOME PAGE **/

#page_home #h_widgets {
    margin: 10px 0 0;
}

#page_home #h_widgets h2 {
    margin: 0px;
    padding: 0px;
}

#page_home .f .desc
{
    font-size: smaller;
}
.homeform
{
}

.newsletterForm .subnote
{
    margin:3px 0px 0px 132px;    
}

.widget
{
    width: 270px;
    padding: 0px 5px 0px 0px;
}

.homeform .row .textinput
{
    background-image: url/images/shared/form_back.jpg);
    background-repeat: repeat-x;
    margin: 0px auto 0px auto;
    font-family: Arial;
    height: 17px;
    width: 250px;
    border: solid 1px #666;
    vertical-align: middle;
    padding: 5px;
    float: left;
}

.homeform .row
{
    padding: 7px 0 7px 0;
    height: 28px;
}
.homeform .row label
{
    padding: 0px 0 5px 0;
    height: 28px;
    float: left;
    width: 150px;
}
.homeform .row .button
{
    margin: 0 0 0 15px;
}

/************** HOME *********************/

#page_home
{
}

#page_home .left
{
    width: 550px;
}

#page_home .right
{
    width: 353px;
}

#page_home #flashTabs
{
    height: 24px;
}

#page_home #form_juicybits p, #page_home #form_secretcode p
{
    margin-top: 10px;
}

#page_home .juicyJobs
{
    margin: 16px 0 0 0;
    display: block;
}

#page_home .bday_h1
{
    background: url(/images/homeassets/cakes.jpg) right top no-repeat;
    font-size: 40px;
}

/************** JUICY BITS CONTROL *****************/




/************** SERVICES *****************/


#page_services
{
}

#page_services .left
{
    width: 530px;
}

#page_services .right
{
    width: 353px;
}

#page_services h2
{
    margin-bottom: 6px;
}

#page_services ul
{
    margin: 0 0 20px 0;
    padding: 0px;
}


#page_services ul li
{
    display: inline;
    margin: 0px;
    padding: 0px;
}

#page_services ul li p
{
    margin: 0px;
    padding: 0px;
    color: #666;
}

#page_services ul li p span
{
    margin: 0 3px 0 0;
}


/************** SITEMAP *****************/


#page_sitemap
{
}

#page_sitemap .left
{
    width: 530px;
}

#page_sitemap .right
{
    width: 353px;
}

#page_sitemap h2
{
    margin-bottom: 6px;
}

#page_sitemap ul
{
    margin: 0 0 20px 0;
    padding: 0px;
}

#page_sitemap .main_ul
{
    margin: 0 30px;
}

#page_sitemap .main_ul li
{
    margin: 30px 0;
    padding: 0px;
    list-style: none;
}

#page_sitemap ul li
{
    list-style: none;
}

#page_sitemap ul li .blk_h2
{
    font-family: Georgia,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 6px 0 12px;
    padding: 0;
    color: #010101;
}

#page_sitemap ul li p
{
    margin: 0px;
    padding: 0px;
    color: #666;
}

#page_sitemap ul li ul
{
    margin: 0 20px;
}

#page_sitemap ul li p span
{
    margin: 0 3px 0 0;
}

#page_sitemap .sub_ul li p a
{
    color: #666 !important;
}



/************* PORTFOLIO ****************/

#page_portfolio
{
}

#page_portfolio .left
{
    width: 544px;
}

#page_portfolio .right
{
    width: 353px;
    padding: 24px 0px 0px 0px;
}

#page_portfolio .rightadmin
{
    width: 381px;
    padding: 24px 0px 0px 0px;
    display: inline;
    float: right;
}



#page_portfolio .featureInfo
{
    margin: 0px 10px 10px 10px;
    color: #666;
}

#page_portfolio .viewProject
{
    margin: 10px;
    padding: 0px;
}

#page_portfolio .viewProject li
{
    list-style: none;
}

#page_portfolio .viewProject li p a
{
    padding: 9px 0 9px 38px;
    background: url(/images/backgrounds/imgbg_viewProject_link.jpg) left center no-repeat;
    line-height: 35px;
    height: 35px;
    color: #94b712;
}

#page_portfolio #portfoliolist_flash
{
    padding: 7px 0 0 0;
}

/***************** PORTFOLIO DETAILS  *********************/

#page_portfolio_details .left
{
    width: 544px;
}

#page_portfolio_details .right
{
    width: 353px;
}

#page_portfolio_details ul
{
    margin: 0 0 17px 0;
    padding: 0px;
}

#page_portfolio_details ul li
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#page_portfolio_details ul li p a
{
    color: #666;
    padding: 0 10px;
    text-decoration: none;
}

#page_portfolio_details ul li p a:hover
{
    text-decoration: underline;
}


#page_portfolio_details #details
{
}

#page_portfolio_details #details .section
{
    border-top: 1px solid #fff;
    clear: both;
}

#page_portfolio_details #details .section .name
{
    width: 92px;
    float: left;
    font-family: Georgia, Sans-Serif;
    font-size: 16px;
    clear: left;
    display: inline;
    margin: 0 0 17px 0;
}

#page_portfolio_details #details .section .text
{
    width: 449px;
    float: right;
    display: inline;
    font-family: Verdana, helvetcia, Sans-Serif;
    margin: 3px 0 0 0;
    color: #666;
}

#page_portfolio_details #details .section div
{
    display: block;
}

#page_portfolio_details #nav_paging
{
    clear: both;
    display: block;
    padding: 30px 30px 0 15px;
    background: url(/images/backgrounds/imgbg_h2_underline.jpg) left 19px no-repeat;
}


#page_portfolio_details #nav_paging ul
{
    width: 200px;
    float: left;
    display: inline;
}

#page_portfolio_details #nav_paging ul li
{
    display: inline;
}

#page_portfolio_details #nav_paging ul li p
{
    display: inline;
}

#page_portfolio_details #nav_paging .likeUsLink
{
    width: 180px;
    float: right;
    font-size: 0px;
}

#page_portfolio_details #nav_paging .likeUsLink p
{
    text-align: right;
    font-size: 11px;
}

/***************** WHITE LABEL *********************/


#page_whitelabel
{
}

#page_whitelabel .left
{
    width: 530px;
}

#page_whitelabel .right
{
    width: 353px;
}

#page_whitelabel h1
{
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
}

#page_whitelabel .headerExt
{
    padding-top: 20px;
    padding-right: 118px;
    width: 233px;
}

#labelPlacer
{
    margin: 0 0 0 250px;
}
#labelPlacer #labelAbs
{
    position: absolute;
    z-index: auto;
    top: 360px;
}

/*********** JUICY BITS *****************/

#page_juicybits
{
}

#page_juicybits .left
{
    width: 520px;
}

#page_juicybits .right
{
    width: 353px;
}

#page_juicybits .right
{
    width: 353px;
}

#page_juicybits .right #archive
{
    margin: 0 0 0 105px;
}

#page_juicybits #newsletter_flash
{
    width: 230px;
    margin: 0 0 0 115px;
}

#page_juicybits #juicyBitsHeader {
    display: none;
}


/*************** ABOUT US ***************/

#page_about
{
}

#page_about #juicyBitsHeader {
}

#page_about .left
{
    width: 520px;
}

#page_about .right
{
    width: 353px;
}


/*********** JOBS ***********************/

#page_jobs
{
}

#page_jobs .left
{
    width: 520px;
}

#page_jobs .right
{
    width: 353px;
}

/***************** JOBS DETAIL *****************/

#page_jobs_detail
{
}

#page_jobs_detail h2
{
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}

#page_jobs_detail .left
{
    width: 520px;
}

#page_jobs_detail .right
{
    width: 353px;
}

#page_jobs_detail .info
{
    clear: both;
    padding: 17px 0 0 0;
}

#page_jobs_detail .info .info_left
{
    float: left;
    width: 75px;
    display: inline;
    margin: 0 25px 0 0;
}

#page_jobs_detail .info .info_right
{
    float: left;
    width: 400px;
}

#page_jobs_detail .info_right table
{
    margin: 5px 0;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

#page_jobs_detail .info_right table tr td p
{
    margin: 0px;
    padding: 0px;
}

#page_jobs_detail .info_right table tr td
{
    height: 17px;
    padding: 3px;
    margin: 0px;
    border: 1px solid #999;
}

#page_jobs_detail .info_right table tr .skill
{
    width: 280px;
}

#page_jobs_detail .info_right table tr .score
{
    width: 100px;
}

#page_jobs_detail .info_right table tr .score p
{
    text-align: center;
}

#page_jobs_detail .info_right table tr
{
    border-color: #999;
}

#page_jobs_detail .ul_info
{
    margin: 10px 0 5px 0;
}

#page_jobs_detail .info_right ul
{
    margin: 0px;
    padding: 0px;
    list-style-position: inside;
}

#page_jobs_detail .info_right .pref li
{
    display: inline;
    margin: 0 3px 0 0;
}


/*********** CONTACT US ******************/

#page_contact
{
}

#page_contact .left
{
    width: 509px;
}

#page_contact .right
{
    width: 362px;
}

#page_contact .contact_info
{
    width: 222px;
    float: left;
}

#page_contact .contact_add
{
    width: 260px;
    float: left;
}

#page_contact .contact_add h2
{
    float: left;
    display: inline;
}

#page_contact .contact_add p
{
    float: right;
    margin: 7px 0 0 0;
    padding: 0px;
    display: inline;
}

#page_contact .contact_add p span
{
    display: block;
}

#page_contact #map
{
    width: 362px;
    font-size: 0px;
}

#page_contact #map .pdfLink
{
    float: right;
    width: 150px;
    position: relative;
    top: -45px;
}

#page_contact # map .pdfLink a:hover
{
    text-decoration: underline;
}

#page_contact .leg_info
{
    margin: 132px 20px 0 20px;
    float: right;
    display: inline;
}

#page_contact .leg_info p
{
    font-size: 9px;
    margin: 0 0 8px 0;
    text-align: right;
}

/* PAGE CAMPAIGN */

#page_campaign
{
}

#page_campaign .left
{
    width: 600px;
}

#page_campaign .form_left
{
    width: 382px;
    float: left;
}

#page_campaign .form_right
{
    width: 188px;
    float: right;
}

#page_campaign .right
{
    width: 310px;
}

#page_campaign .right .cmpn_img
{
    margin: 0 0 0 15px;
}

/* PAGE THANKS */

#page_services .validationTrue
{
    background: url(/images/backgrounds/imgbg_h2_underline.jpg) left bottom no-repeat;
    padding-bottom: 11px;
    margin-bottom: 11px;
    margin-left: 0px;
    padding-left: 0px;
}

#page_services .pdfLink
{
    margin-top: 20px;
    margin-left: 20px;
}

#page_services .pdfLink .filesize_wl
{
    /*margin-left: 225px;*/
    margin-left: 5px;
    color: #666666;
    font-size: 9px;
    font-family: Verdana, Helvetica, Sans-Serif;
}

#page_services .pdfLink .filesize_se
{
    /*margin-left: 210px;*/
    margin-left: 5px;
    color: #666666;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 9px;
}

.newServiceCTA
{
	height: 95px;
	width: 245px;
	background-image: url(/images/background-seo-cta.jpg);
	padding: 10px;
	margin: 0px 10px 10px 10px;
	float:right;
}
.newServiceCTA h2
{
	color: #fff;
	width: 100%;
	text-align: center;
	font-family: Georgia;
	font-size: 19px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
.newServiceCTA h3
{
	color: #fff;
	width: 100%;
	text-align: left;
	font-family: Georgia;
	font-size: 18px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
}
.newServiceCTA p
{
	color: #fff;
	width: 100%;
	text-align: left;
	font-family: Georgia;
	font-size: 11px;
	margin: 8px 0px 0px 10px;
	padding: 0px;
}
.newServiceCTA p a
{
	color: #fff;
}