/* -------------------------------------------------------------- 
  
   blueprint - reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* let form fields inherit font size as well */
select, input{
  font-size: inherit;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }














/* -------------------------------------------------------------- 
  
   Common styles used across apps and views
   * Used to define plain dialog boxes, fonts and colors
   
-------------------------------------------------------------- */



/*-------------------------------------------------
 layout structure
-------------------------------------------------*/
	body{
	    background:#fff url(/img/bg.jpg) no-repeat fixed bottom right;
	    font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	}
	body#home{
	    background-image: none;
	}
	#container {
		margin:0;
	}
	#header {
        height:112px;
        padding:3px 0 0 3px;
    }
	#content{
        margin-top: 1em;
        margin-left: 3.4em;
	}
		#contentblob{
            -moz-border-radius-bottomleft:18px;
            -moz-border-radius-bottomright:18px;
            -moz-border-radius-topleft:18px;
            -moz-border-radius-topright:18px;
            -webkit-border-top-left-radius: 18px;
            -webkit-border-top-right-radius: 18px;
            -webkit-border-bottom-left-radius: 18px;
            -webkit-border-bottom-right-radius: 18px;

            background: #222;
            width:675px;
			padding:3em;
			color:#ddd;
            
            font-size:16px;
            line-height:20px;
		}
            #content-inner{
                height: 200px;
                overflow-x: hidden;
                overflow-y: auto;
            }
	#footer {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width:100%;
        height: 70px;
		overflow:hidden;
	}
        #footer .page-title{
            float: right;
            margin-right:2em;
            margin-top:15px;
        }
    

	
/*-------------------------------------------------
 general styling
-------------------------------------------------*/
a{
    color:#F79618;
    text-decoration:none;
}
	a:hover{
		color: #F79618;
        text-decoration:underline;
	}
p.big{
    font-size:20px;
    line-height:26px;
}
h1{
    margin: 0 0 2em 0;
    font-size: 26px;
	color:#000000;
    text-align:center;
}
    h1.twolines{
        margin: 0;
    }
    h1 strong{
        display:block;
        height:0;
        text-indent:-9999px;
    }
h2 {
    margin-bottom: 2em;
    font-size: 20px;
	color:#000000;
    text-align:center;
}
ul{
    margin-left:2em;
    list-style-type:circle;
}
p, ul{
    margin-bottom: 1em;
}


/*-------------------------------------------------
 content pages
-------------------------------------------------*/
.modalButton{
    -moz-border-radius-bottomleft:18px;
    -moz-border-radius-bottomright:18px;
    -moz-border-radius-topleft:18px;
    -moz-border-radius-topright:18px;
    -webkit-border-top-left-radius: 18px;
    -webkit-border-top-right-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -webkit-border-bottom-right-radius: 18px;

    background:#0055A5 none repeat scroll 0 0;
    color:#FFFFFF;
    display:block;
    float:left;
    font-size:20px;
    height:80px;
    line-height:20px;
    margin:0 1em;
    padding:1em;
    width:200px;
}
.winButtons a{
    opacity: 0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
}
    .winButtons a:hover{
        opacity: 1;
        -moz-opacity:1;
        filter:alpha(opacity=100);
    }
ul.navmenu{
    list-style-type:none;
    font-family: Tahoma, Arial, Helvetica;
    line-height:60px;
    margin-top:10px;
    margin-left:4em;
}
    ul.navmenu li{
        display: inline;
        float:left;
    }
        ul.navmenu li a{
            display:block;
            font-size:16px;
            padding:0 1em;
            text-align:center;
            text-decoration:none;
            word-spacing:3px;
            color: #222;
        }
        ul.navmenu li a:hover{
            background: #000;
            color: #fff;
            opacity: .8;
        }
        ul.navmenu li.nav-on a{
            background: #ddd;
            color: #333;
            opacity: .8;
        }
        
body#home ul.navmenu li a{
    background: none;
    color:#222222;
    display:inline;
    font-size:20px;
    margin:0 0.5em;
    letter-spacing: 2px;
    text-align:center;
    text-decoration:none;
    width:auto;
}
    body#home ul.navmenu li a:hover{
        font-weight: normal;
        text-decoration: underline;
    }
body#home ul.navmenu {
    margin: 0;
    text-align:center;
    list-style:none;
    width: 100%;
}
body#home ul.navmenu li{
    display:inline;
    float: none;
}


/* dialog boxes */
.modalWin{
    display: none;
    font-size: 14px;
}
.modalWin ul li{
    margin-bottom: 0.8em;
}
    .modalWin ul li ul li{
        margin-bottom: 0;
    }
a.modalCloseImg{
    background:url(/img/x.png) no-repeat;
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
}
#infobox-overlay {background-color:#000; }
#infobox-container{
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;

    background-color:#fff;
    padding:1em 1em 2em 1em;
    color: #333;
    text-align:left;
    width:650px;
    height:350px;
}
    #infobox-container a{
        color: #00f;
    }




/* OLD */










/*-------------------------------------------------
 content pages
-------------------------------------------------*/

p.contactushook{
    margin-top: 1em;
}

/* home */
.intro-blurb{
    background:#f0e5d6;
}
    .intro-blurb strong{
        color: #000;
    }
.campaign{
    background:#000 url(/media/img/css/featured_ribbon.gif) no-repeat top left;
}
.campaign-img{
    width: 35% !important;
    margin-top:50px;
}
.campaign-hook{
    width: 55% !important;
}
    .campaign-hook a.button{
        background:#EF6900 url(/media/img/css/common/btn_bg.gif) repeat-x scroll 0 0;
        color:#000;
        padding:0 0.4em;
        text-decoration: none;
        font-weight: bold;
    }
    .campaign-hook a.button:hover{
        background-position:left bottom;
    }

.campaign .right {
    color:#666;
    font-size:16px;
    letter-spacing:1px;
    text-align: center;
}
.campaign h3 {
    color:#0020B5;
    font-family:"Lucida Sans";
    font-size:21px;
    font-weight:bold;
}
ul.services{
    margin:0;
    font-size: 15px;
    color: #666;
    list-style-type:none;
}
    ul.services li{
        line-height:22px;
        padding:0.5em 0em;
    }
    ul.services li strong{
        color: #333;
        font-weight:bold;
        font-size: 18px;
    }

/* home - campaign popup */
#campaign-slides{
    background:#000 url(/media/img/clients/camacho/bbp_bg.jpg) fixed top center;
    width: 696px;
    height: 450px;
    color: #dd0;
    font-family: "Lucida Sans",Tahoma,Helvetica;
}	
#campaign-slides .ul{ /* li as class for easySlider fix */
    margin-left: 3em;
    margin-bottom: 1em;
    font-size: 12px;
}
#campaign-slides .li{ /* li as class for easySlider fix */
    padding-left: 10px;
    background-image: url(/media/img/css/common/li_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
#campaign-slides strong{
    text-decoration: underline;
}
#campaign-slides h2{
    margin-top:0.6em;
}
#campaign-slides a{
    color: #D65D00;
    text-decoration: none;
}
    #campaign-slides a:hover{
        color: #ffac00;
    }
#campaign-slides ul,
#campaign-slides ol,
#campaign-slides li{
	margin:0;
	padding:0;
	list-style:none;
	}
#campaign-slides li{ 
	width:696px;
	height:450px;
	overflow:hidden;
    text-align: left;
}
#campaign-slides li p{ 
    font-size:16px;
    padding: 0.3em 2em;
}
#campaign-slides blockquote{
    background:#000;
    color:#FFF;
    font-size:16px;
    margin:0 3em;
    opacity:0.4;
    padding:0.7em;
}
    #campaign-slides blockquote .author{
        float: right;
        font-size: 80%;
    }
#prevBtn, #nextBtn{ 
	display:block;
	width:151px;
	height:151px;
	position:absolute;
	left:-30px;
	top:150px;
    text-indent:-8000px;
}	
#nextBtn{ 
	left:730px;
}
#prevBtn{ 
	left:-185px;
}
#prevBtn a, #nextBtn a{  
	display:block;
	width:151px;
	height:151px;
	background:url(/media/img/css/common/popup_btn_prev.png) no-repeat 0 0;
    color: transparent;
}
#nextBtn a{ 
	background:url(/media/img/css/common/popup_btn_next.png) no-repeat 0 0;	
}	
#prevBtn a:hover{
	background:url(/media/img/css/common/popup_btn_prev_on.png) no-repeat 0 0;
}
#nextBtn a:hover{
	background:url(/media/img/css/common/popup_btn_next_on.png) no-repeat 0 0;
}


/* branded entertainment */
.grid-chart{
    width: 712px;
    margin: 0 auto 0;
}
    .grid-chart p,
    .grid-chart ul{
        font-size: 12px !important;
    }
.fact-source{
    font-size: 10px;
    line-height: 14px;
    font-style: italic;
    margin-top: 1em;
}


/* who we are */
ul.whoweare{
	list-style:none;
	margin:1em 0 1em 3em;
	color:#000000;
	font-size:14px;
}
.who-left{
	float:left; 
	width:460px;
}
.who-right{
	float: left; 
    margin-left:80px;
    margin-top:40px;
}
.team-member{
	font-size:14px;
	margin-top:1em;
}
	.team-member .name {
		color:#000000;
		display:block;
		line-height:0;
	}
	.team-member .title {
		
	}



/*-------------------------------------------------
 minor layout positioning and boxes
-------------------------------------------------*/
    .colspan{
    }
    .colspan .col-2{
        float: left;
        width: 45%;
    }
    .colspan .clear{
        clear: both;
    }

	#logo{
        position: absolute;
        top: 5px;
        right: 10px;
	}
    #leftofpaint{
        left:40px;
        position:absolute;
        top:45px;
    }
		


/*-------------------------------------------------
 navigation
-------------------------------------------------*/
#navmenu .submenu{
    margin-left: 2em;
}
#logo{
    display: none;
}
#navmenu ul.sf-menu{
    /*background:#000000 url(/media/img/css/common/nav-bg.png) repeat-x scroll 0 0;*/
    display:block;
    height:27px;
    list-style-type:none;
    padding:3px 30px 0;
    position:absolute;
    right:0;
    top:20px;
    width:auto;
}
    #navmenu li.hassubmenu a{
        padding-right: 2em;
    }
    #navmenu li.hassubmenu ul{
        padding: 0;
        margin-top:7px;
    }
        #navmenu li.hassubmenu ul li a{
            display: block;
            background: #222;
            padding:4px;
            border: none;
            font-size:14px;
            font-weight:normal;            
        }
        #navmenu li.hassubmenu ul li a:hover{
            background: #444;
        }
    #navmenu a:hover, #navmenu a.nav-on, #convo-bubble a:hover {
        background-position:left bottom;
        color:#FFFFFF;
    }
    #navmenu a {
        background:#000000 url(/media/img/css/common/nav-bg.png) repeat-x scroll 0 0;
        padding:0.4em;
        font:16px Verdana,Arial,Helvetica;
        text-decoration: none;
        letter-spacing:1px;
        font-weight: bold;
        padding:0.3em;
    }


/*-------------------------------------------------
 specific page styles
-------------------------------------------------*/

.message-wspace{
	margin-top: 2.5em;
}
p.contact-blurb{
	text-align: right;
	margin-right: 3em;
	font-weight: bold;
	font-size:18px;
}
	.contact-blurb a{
		text-decoration: none;
		color: #008aff;
	}
	.contact-blurb a:hover {
		color: #294DE7;
	}

.home-bullets{
	font-size: 14px; 
	line-height:150%; 
	margin-bottom:2em; 
	margin-left:3em;
}


/*-------------------------------------------------
 widgets
-------------------------------------------------*/
#loading {
    text-align: center;
    margin-top: 9em;
}
    #loading span{
        display:block;
        font-size: 25px;
    }
#modalOverlay {
    background-color:#000;
}
    /* Define close button */
	#dialog-container a.modalCloseImg{
		background:url(/img/x.png) no-repeat;
		width:25px;
		height:29px;
		display:inline;
		z-index:3200;
		position:absolute;
		top:-15px;
		right:-18px;
		cursor:pointer;
	}