/*
Theme Name: Rawle Murdy
Template: rawlemurdy
Theme URI: http://www.rawlemurdy.com
Description: The official Rawle Murdy Theme
Version: 1.0
Author: Allen Bayless
Author URI: http://www.diademagency.com
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/* Images */ 
a img { border: none; }

/* Classes */

.home_top { margin-top: 50px; }
.aligncenter { display: block; text-align: center; }
.clearboth { clear: both; }
.clearleft { clear: left; }
.floatleft { float: left; }
.sectionheader { font-size: 15px; margin: 0 0 25px 0; padding: 0 0 5px 10px; width: 190px; }
    .line { border-bottom-width: 4px; border-bottom-style: solid; }
    .darkgreen { border-color: #5dab4b; }
    .lightgreen { border-color: #5dab48; }
    .blue { border-color: #009fff; }
	.bluebold { font-size: 24px; margin: 0 0 20px 0; }
	.bluebold-16 { font-size: 16px; margin: 0 0 20px 0; }
    .orange { border-color: #ff6e00; }
    .orangered { color: #ff2700; }
.footer_left_icon { margin-left: 75px; }
span.pager { clear: both; color: #959595; float: left; font-size: 16px; font-weight: bold; }
span.pager a { color: #959595; }

/* Containers */
#home_container, #_container { background: url(images/container_home_bg.jpg) top center no-repeat; height: 2935px; margin: 0 auto; width: 1025px; }
/* #_container { background: url(images/container_home_bg.jpg) top center no-repeat; height: 2935px; margin: 0 auto; width: 1025px; } */
#about_container { background: url(images/container_about_1_bg.jpg) top center no-repeat; height: 2935px; margin: 0 auto; width: 1025px; }
    #team_container, #culture_container, #sitemap_container, #privacy-policy_container { background: url(images/container_about_2_bg.jpg) top center no-repeat; height: 2935px; margin: 0 auto; width: 1025px; }
    #capabilities_container { background: url(images/container_about_3_bg.jpg) top center no-repeat; height: 2935px; margin: 0 auto; width: 1025px; }
#portfolio_container { background: url(images/container_portfolio_bg.jpg) top center no-repeat; height: 4337px; margin: 0 auto; width: 1025px; }
    #digital_container, #pr-and-social-media_container, #loyalty_container, #print_container, #out-of-home_container,
    #broadcast_container, #collateral_container { background: url(images/container_portfolio_sub_bg.jpg) top center no-repeat; height: 2935px; margin: 0 auto; width: 1025px; }
#cases_container { background: url(images/container_cases_bg.jpg) top center no-repeat; height: 2935px; margin: 0 auto; width: 1025px; }
#blog_container, #industry-news_container { background: url(images/container_blog_bg.jpg) top center no-repeat; height: 2935px; margin: 0 auto; width: 1025px; }
#contact_container { background: url(images/container_contact_bg.jpg) top center no-repeat; height: 2935px; margin: 0 auto; width: 1025px; }
#content_container_home { padding: 405px 55px 0px; width: 915px; }
#content_container_generic, #content_container_about_capabilities { padding: 285px 55px 0px; width: 915px; }
#content_container_about_culture { color: #557b86; font-size: 18px; padding: 235px 55px 0px; width: 915px; }
#content_container_portfoliosub { padding: 400px 55px 0px; width: 915px; }
#content_container_cases { padding: 400px 55px 0px; width: 915px; }
#content_container_blog { font-size: 17px; padding: 410px 55px 0px; width: 915px; }
#footer_container { margin: 0 auto; padding: 0px 145px; width: 735px; }
	
/* Layout */
body { background: WHITE; color: #003745; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 0px; }
header { height: 230px; }
nav { height: 40px; margin: 0 0 0 265px; width: 500px; }
    nav #menu-main-navigation { list-style: none; padding: 15px 0 0 0; }
    nav #menu-main-navigation li { display: block; }
        nav #menu-main-navigation li a { font-size: 1.2em; font-weight: bold; margin: 0px 8px; text-decoration: none; text-transform: uppercase; }
		nav #menu-main-navigation li a.active { text-decoration: underline; }
                nav #menu-main-navigation li a.hover { text-decoration: underline; }
		nav #menu-main-navigation li.about a { color: red; }
		nav #menu-main-navigation li.portfolio a { color: #a864a8; }
		nav #menu-main-navigation li.cases a { color: #00aeef; }
		nav #menu-main-navigation li.buzz a { color: #7fbd6d; }
		nav #menu-main-navigation li.contact a { color: #ffd21c; }		

		nav #menu-main-navigation li ul.sub-menu { background: WHITE; }		
		nav #menu-main-navigation li ul.sub-menu li a { color: #002933; font-size: 1em; line-height: 1.8em; margin: 0px 0 0px 13px; text-transform: lowercase; }		
		
footer { clear: both; height: 210px; padding: 55px 0 0 0; }
    p.footer_content, p.contact_content { float: left; margin: 0 0 40px 0; padding: 15px 0 0 0; }
	footer a:link, footer a:active, footer a:visited, footer a:hover { color: #003745; font-weight: normal; text-decoration: none; }
    #copyright { clear: left; color: #6b8b92; padding: 30px 0 0 0; text-align: center; }
    p#copyright a { color: #6b8b92;}

/* Dividers */
hr { clear: left; display: block; border: none; border-top: 1px solid #003745; margin: 20px 0px; width: 100%; }


/**************HOME***************/
/* News Scroller */
#home_scroller_container { height: 50px; float: right; width: 200px; }
#home_scroller a { color: #605ca8; font-weight: bold; text-decoration: none; }

/* What's On Your mind */
#woym { height: 400px; }

/* Latest News */
#latest_news { display: block; float: left; height: 450px; margin-right: 50px; width: 390px; }
    #latest_news a { color: white; }
    #latest_news img { float: left; }
    #latest_news div.latest_news_container { background: #00aeef; box-shadow: inset 1px 1px 5px #000000; -moz-box-shadow: inset 1px 1px 5px #000000; display: block; float: left; height: 88px; margin: 0 0 7px 8px; padding: 0 35px 0 10px; position: relative; width: 240px; }
    #latest_news h3 { padding: 5px 10px 0 0px; position:absolute; top: 25%; text-decoration: none; }

/* Twitter Feed */
#twitter_feed { display: block; float: left; height: 400px; margin: 50px 0 0 0; width: 407px; }
#home_social_icons { clear: left; display: block; height: 30px; margin: 0 70px 0 0; text-align: right; }
#home_social_icons img { height: 30px; margin: 0px 5px; max-width: 50%; }

/* Lines */
#home_bottom_lines { background: url(images/home_bottom_lines.png) top center repeat; overflow: hidden; padding: 0 0 10px 0; }

/* Hot Stuff */
#hot_stuff { display: block; height: 750px; width: 915px; }

/* Cool Stuff */
#cool_stuff { display: block; width: 915px; }

/**************ABOUT PAGE***************/
#about_intro { color: #5b828e; display: block; height: 350px; margin: 0 auto; width: 725px; }
#about_intro p { font-size: 26px; font-weight: bold; line-height: 48px; margin: 0 0 20px 0; }

#about_principals { height: 320px; padding: 0px 55px; }

#about_managing_directors { height: 450px; padding: 0px 55px; }

#about_staff { height: 2330px; padding: 0px 25px; }
    .as_container { float: left; height: 205px; padding: 0px 20px; width: 225px;  }
    .as_thumbnail { float: left; width: 88px; }
    .as_name { float: left; height: 84px; margin-left: 10px; padding: 10px 0 0 0; width: 125px;  }

#about_team_players { display: block; height: 680px; margin: 0 auto; width: 750px; }

#content_container_about_culture h2 { color: #003745; font-size: 26px; margin: 50px 0 20px; }
#content_container_about_culture p { line-height: 28px; margin: 0 0 20px 0; }
#culture_slideshow { height: 850px; }
#slideshow { background: none; border: 0px none; float: right; height: 298px; width: 363px; }
#slideshow a { text-decoration: none; }
ul.thumbs li a img { float: left; height: 129px; margin: 5px 6px 10px 0; padding: 5px 0 0 0; width: 124px; }
ul.thumbs li{ height:129px; display:inline;}
ul.thumbs li a img {opacity:0.67; filter:alpha(opacity=67); }
ul.thumbs li a:hover img {opacity:1; filter:alpha(opacity=100); }

#gallery { padding: 10px 0px; margin: 20px 0px; width: 915px; }

#content_container_about_capabilities h2 { color: #003745; font-size: 26px; margin: 0 0 20px 80px; }
#capabilities_videos { background: url(images/about_capabilities_vid_bg.jpg) no-repeat scroll 0 0 transparent; height: 465px; margin: 0 auto; padding: 0; width: 756px; }
/* CSS Document */
ul.cv_list { margin: 0px auto; text-align: center; padding: 50px 0px 0px 0px; width: 365px; font-size:18px; }
ul.cv_list li { color: #5d5d5f; display:block; float: left; font-size: 12px; font-weight: bold; list-style-type: none; line-height:20px; padding:2px; margin-bottom: 5px; width: 360px; }
div#basic-modal ul.cv_list li a:hover, div#basic-modal ul.demo1 li a:active { color: #f5120c; }
div#content_container_about_capabilities div#capabilities_videos div#basic-modal a { font-size: 14px; text-decoration: none; display: block; color: #f5120c; }
.capability_media{ margin: 0 0 0 20px; padding: 20px 0 0 0; width: 860px; }

#capabilities_sprites { position: relative; }
    #cap_5mil { height: 533px; width: 100%; }
    #cap_5mil p { margin: 200px 0 0 75px; position: absolute; text-align: right; width: 475px; z-index: 6; }
    #cap_a_5mil { background: url(images/capabilities_sprite.jpg) -450px 0; float: right; height: 533px; margin: 0 0 0 395px; position: absolute; width: 518px; z-index: 1; }
    #cap_5mil a:hover { background: url(images/capabilities_sprite.jpg) -1473px 0; cursor: default; }
    
    #cap_2anvils { height: 235px; width: 100%; }
    #cap_2anvils p { margin: 90px 0 0 275px; position: absolute; text-align: left; width: 475px; z-index: 6; }
    #cap_a_2anvils { background: url(images/capabilities_sprite.jpg) -70px -534px; float: left; height: 235px; margin: 0 0 0 19px; position: absolute; width: 250px; z-index: 1; }
    #cap_2anvils a:hover { background: url(images/capabilities_sprite.jpg) -1095px -534px; cursor: default; }

    #cap_600 { height: 665px; width: 100%; }
    #cap_600 p.cap_600_top { margin: 10px 0 0 0px; position: absolute; text-align: right; width: 215px; z-index: 6; }
    #cap_600 p.cap_600_left { margin: 360px 0 0 30px; position: absolute; text-align: right; width: 215px; z-index: 6; }
    #cap_600 p.cap_600_right { margin: 360px 0 0 690px; position: absolute; text-align: left; width: 215px; z-index: 6; }
    #cap_600 p { margin: 90px 0 0 350px; position: absolute; text-align: left; width: 225px; z-index: 6; }
    #cap_a_600 { background: url(images/capabilities_sprite.jpg) -248px -825px; float: left; height: 665px; margin: 50px 0 0 195px; position: absolute; width: 560px; z-index: 1; }
    #cap_600 a:hover { background: url(images/capabilities_sprite.jpg) -1272px -825px; cursor: default; }

    #cap_voice_activated { height: 140px; width: 100%; }
    #cap_voice_activated p { margin: 60px 0 0 175px; position: absolute; text-align: left; width: 475px; z-index: 6; }
    #cap_a_voice_activated { background: url(images/capabilities_sprite.jpg) -65px -1433px; float: right; height: 140px; margin: 0 0 0 12px; position: absolute; width: 130px; z-index: 1; }
    #cap_voice_activated a:hover { background: url(images/capabilities_sprite.jpg) -1088px -1433px; cursor: default; }

    #cap_years_in_biz { height: 225px; width: 100%; }
    #cap_years_in_biz p { margin: 110px 0 0 450px; position: absolute; text-align: left; width: 475px; z-index: 6; }
    #cap_a_years_in_biz { background: url(images/capabilities_sprite.jpg) -265px -1578px; float: right; height: 225px; margin: 0 0 0 210px; position: absolute; width: 518px; z-index: 1; }
    #cap_years_in_biz a:hover { background: url(images/capabilities_sprite.jpg) -1288px -1578px; cursor: default; }

/* PORTFOLIO SUB-PAGES */
#content_container_portfoliosub h1 { color: #a864a8; font-size: 2.6em; text-align: right; }
div.portfolio_container { float: left; height: 300px; padding: 0px 30px; width: 395px;  }
div.portfolio_thumbnail { float: left; width: 117px; }
div.portfolio_container h2 { margin: 20px 0px;  }
div#basic-modal h2 a { color: #003745; font-weight: bold; text-decoration: none; }
div.portfolio_container div#basic-modal h2 a span { color: #a864a8; }
div.portfolio_container p { font-weight: normal; }
div.portfolio_container p.portfolio_link a { color: #a864a8; font-style: italic; font-weight: bold; text-decoration: none; }
a.bx-next { background: url(../rawlemurdy/images/modal_arrow_right.png) top center no-repeat; height: 20px; position: absolute; text-indent: -9999px; top: 170px; width: 15px; }
a.bx-prev { background: url(../rawlemurdy/images/modal_arrow_left.png) top center no-repeat; height: 20px; position: absolute; right: 475px; text-indent: -9999px; top: 170px; }

/* CASES PAGE */

div.cases_container { width: 560px; }
div.cases_container h2 { color: #1C227a; font-size: 1.3em; margin-bottom: 20px; }
div.cases_container p { line-height: 20px; margin: 20px 0px; }
#cases_fish { top: 0; display: block; margin: 250px 0 0 750px; position: fixed; width: 92px; z-index: 5000; }

/* BLOG PAGE */

#content_container_blog h1, #content_container_blog h3 a { color: #5c9b4e; display: block; font-size: 1.3em; margin: 40px 0px 0px; text-transform: uppercase; text-decoration: none; }
#content_container_blog p { margin: 20px 0px; }

/* CONTACT PAGE */

#contact_icons_container { display: block; margin: 0 auto; width: 850px; }
#contact_icons_container img { margin: 0 20px 0 0; }
#contact_icons_container p { font-size: 16px; font-weight: bold; }
#contact_icons_container a { color: #003745; text-decoration: none; }
#connect_with_us img { margin: 0 10px; }
#career_message { display: block; font-size: 16px; font-weight: normal; line-height: 22px; margin: 0 auto; width: 650px; }
#career_message p { margin: 0 0 40px 0; }
#career_message a { color: #003745; }

/* POD TEMPLATES */

div.woym_container { display: block; float: left; margin-right: 50px; width: 247px; }
div.woym_container img { }
div.woym_container p.woym_persons_title, div.woym_container a { font-weight: bold; margin: 10px 0; text-transform: uppercase; text-decoration: none; }
div.woym_container p { }
div.woym_container p.woym_meet_link a { color: WHITE; font-style: italic; text-decoration: none; }

div.cswf_container { display: block; float: left; margin: 0px 25px; width: 400px; }
div.cswf_container .cswf_title { font-weight: bold; }

div.hs_container { display: block; float: left; height: 330px; margin: 0px 28px 20px; width: 247px; }
div.hs_container img { }
div.hs_container p.hs_title, div.hs_container a { font-weight: bold; margin: 10px 0; text-decoration: none; text-transform: uppercase; }
div.hs_container p { }
div.hs_container p.hs_link a { color: WHITE; font-style: italic; text-decoration: none; }

div.ap_container { float: left; padding: 0px 40px 20px 40px; width: 730px;  }
div.ap_thumbnail { float: left; margin-bottom: 40px; width: 117px; }
div.ap_name { float: left; height: 70px; margin-left: 20px; padding: 30px 0 0 0; width: 160px;  }
div.amd_name p.ap_persons_title, p.ap_persons_title { font-style: italic; }
div.ap_container p.ap_persons_name, p.ap_persons_name { font-weight: bold; margin: 0px; text-transform: uppercase; }
div.ap_container p { font-size: 14px; font-weight: normal; line-height: 24px; }
div.ap_container p.ap_link a { color: #707070; font-style: italic; font-weight: bold; text-decoration: none; }

div.amd_container { float: left; height: 225px; padding: 0px 20px; width: 225px; }
div.amd_thumbnail { float: left; width: 88px; }
div.amd_name { float: left; height: 84px; margin-left: 10px; padding: 10px 0 0 0; width: 125px;  }
div.amd_name p.amd_persons_title, p.amd_persons_title { font-size: 12px; font-weight: normal; font-style: italic; line-height: 14px; }
div.amd_container p.amd_persons_name, p.amd_persons_name { font-weight: bold; margin: 0px; text-transform: uppercase; }
div.amd_container p { font-size: 14px; font-weight: normal; line-height: 24px; }
div.amd_container p.amd_link a { color: #707070; font-style: italic; font-weight: bold; text-decoration: none; }

div.as_container { float: left; height: 300px; padding: 0px 13px; width: 260px; }
div.as_thumbnail { float: left; width: 88px; }
div.as_name { float: left; height: 84px; margin-left: 10px; padding: 10px 0 0 0; width: 160px;  }
div.as_container p.as_persons_name { font-weight: bold; margin: 0px; text-transform: uppercase; }
div.as_container p { font-size: 13px; font-weight: normal; line-height: 20px; }

/* 404 Page */

#FourZeroFour { margin: 125px 0 0 0; text-align: center; }
#FourZeroFour h1 { font-size: 14px; line-height: 36px; }

/* MODAL WINDOW - GENERAL STYLES */

div#basic-modal a { color: #003745; text-decoration: none; }
div.modal_content { float: left; padding: 20px 0 0 0; width: 310px; }
div.modal_content p { line-height: 18px; margin: 0 0 10px 0px; }
    #makeMeScrollable div.scrollableArea div.modal_content p { margin: 0 20px 10px 10px; }
div.modal_content a { color: #a864a8; }
div.modal_tn img { margin: 0 10px 20px 0; }
    #makeMeScrollable div.scrollableArea div.modal_tn img { margin: 0 10px 20px 10px; }
div.modal_media { float: left; margin: 0 0 0 20px; padding: 20px 0 0 0; width: 565px; }

        #mask{
        position:absolute; /* important */
        top:0px; /* start from top */
        left:0px; /* start from left */
        height:100%; /* cover the whole page */
        width:100%;  /* cover the whole page */
        display:none; /* don't show it '*/

        /* styling bellow */
        background-color: black;
    }

    .modal_window{
        position:absolute; /* important so we can position it on center later */
        display:none; /* don't show it */

        /* styling bellow */
        color:white;
    }

    /* style a specific modal window  */
    #modal_window{
        padding:50px;
        border:1px solid gray;
        background: #246493;
        color:black;
    }
/*Culture image hover */
#preview{
	position:absolute;
	background:#fff;
	padding:5px;
	margin:0px;
	display:none;
	color:#fff;
}