#screen {
	width: 100%;
	overflow: hidden;
}

.height {height: 100%;}

.padding {
	padding-bottom: 40px;
}

.servicon img{padding-left: 50px;}


* {
	margin: 0;
	padding: 0;
}

body, p {
	color: #ddd;
	font: 13px/1.5em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.homebottom h2 {
	margin: 0 auto;
}

.home-nav {
	background-color: #000;
	width: 565px;
	overflow: hidden;
	float: left;
	margin-left: 20px;
}

.homebottom {
	overflow: hidden;
	padding-top:40px;
		margin-left: 500px;
	
}

.titles {
	padding: 10px 0;
}


html, body {
	height: 100%;
}

body {
	position: relative;
}


a {
	outline: none;
}



a img {
	border: 0;
}



.both {
	clear: both;
}

.contact-header {
	padding: 10px 0 0 0;
}

.hometop2 {
	background: url(images/beach.png) no-repeat 10px 20px;
	overflow: hidden;
	height: 410px;
}

* {
	
}

#slideshow {
	width: 880px;
	overflow: hidden;
	border-bottom: 7px solid #8cc63f;
	margin-top: -20px;
}

#screen2 {

	width: 880px;
	margin: 0;
}

#screen2 .prev {
	float: left;
	background: url(images/prev.png);
	text-indent: -90000px;
	width: 94px;
	height: 29px;
}

#screen2 .next {
	float: right;
	background: url(images/next.png);
	text-indent: -90000px;
	width: 94px;
	height: 29px;
}

#cl-sections ul li img.right{ padding-left: 10px; padding-top: 10px;}

#slideshow {
	overflow: hidden;
	width: 879px;
}

#screen2 #buttons {
	position: relative;
	width: 880px;
	top: 200px;
}

#slideshow ul {
	width: 88900px;
	list-style-type: none;
}

#slideshow li {
	float: left;
	margin: 0 0px;
	cursor: pointer;
	margin-bottom: -5px;
}

.orange {
	color: #f9a451;
}

.green, a {
	color: #1d9ecf;
	text-decoration: none;
}

/* @group Home Page */



.item {
	width: 270px;
	padding: 10px 20px 0px 10px;
	float: left;
}

.blogcontent {
	clear: both;
	padding-left: 10px;
	overflow: hidden;
}

.blogcontent h2, .blogcontent h2 a {
	color: #f9a451;
	font-size: 12px;
	text-transform: uppercase;
}

.blogcontent2 {
	clear: both;
	padding-left: 10px;
}

.blogcontent2 h2, .blogcontent2 h2 a {
	color: #f9a451;
	font-size: 12px;
	text-transform: uppercase;
}

.featured {
	width: 290px;
	float: right;
	text-align: right;
	margin-top: 32px;
}

.red {border: 2px solid red;}
.blue {border: 2px solid blue;}


/* @end */



/* @group homenav */

.recentpress {
	height: 28px;
	width: 118px;
	background-image: url(images/home/recent-posts.jpg);

}

#h-navigation .selected, #h-navigation a:hover {
	background-position: 0 -28px;
}

.recentfeeds {
	height: 28px;
	width: 118px;
	background-image: url(images/home/recent-press.jpg);
	
}

#h-navigation {
	width: 400px;
	overflow: hidden;
	clear: both;
	list-style-type: none;
	display: inline;
}

#h-navigation li {
	display: inline;
	float: left;
}

#h-navigation li a {
	display: inline;
	float: left;
	text-indent: -90000px;
}



/* @end */

.hide {
	display: none;
}

.right {
	float: right;
}

.left {
	float: left;
}

.right-col {
	float: right;
	width: 265px;
	margin-right: 20px;
}

.divider {
	width: 100%;
	height: 20px;
}

* {
	
}

.home-wrapper {
	width: 780px;
}

.banner {
	height: 99px;
	width: 400px;
	float: right;
	margin-top: 78px;
	padding: 10px 20px 20px;
	background: url(images/black.png)
}

.homebody {
	margin-top: 50px;
	width: 100%;
	height: 100%;
	background-image: url(images/black.png);
}

.right-col ul {
	color: #eee;
	list-style-type: none;
	font-size: 13px;
	padding: 10px 0;
}

.location-text .right-col ul li {
	background: url(images/flickr.jpg) no-repeat 1px 1px;
	padding-bottom: 10px;
	padding-left: 25px;
}

.left-col {
	float: left;
	width: 575px;
}

/* @group show/hide */

.test ul li a {
	display: block;
	width: 142px;
	height: 23px;
	text-indent: -90000px;
}

.test {
	height: 23px;
	background: url(images/onoff.jpg) no-repeat;
}

.test ul, .test ul li {
	float: left;
	display: inline;
}

.off {
	background-image: url(images/show.jpg);
}

.bump {
	background-position: 0 -23px;
}

.on {
	background-image: url(images/hide.jpg);
	background-position: 0 -23px;
}

/* @end */

/* @group Nav */

#navigation {
	position: absolute;
	width: 100%;
	text-align: center;
	overflow: hidden;
	background: url(images/black.png)
}

#navigation ul {
	float: right;
	width: 100%;
}

#navigation li {
	display: block;
	float: left;
	list-style-type: none;
}

#navigation li a, #navigation span a {
	display: block;
	height: 100px;
	text-indent: -90000px;
}


.home {
	background: url(images/logo.png) no-repeat;
	width: 300px;
	margin: 0 70px 0 85px;
}
.monje {
	background: url(images/portfolio.png) no-repeat;
	width: 150px;
}

.portfolio {
	background: url(images/portfolio.png) no-repeat;
	width: 150px;
}

.services {
	background: url(images/services.png) no-repeat;
	width: 150px;
}


.contact {
	background: url(images/contact.png) no-repeat;
	width: 150px;
}



/* @end */

#sections {
	overflow: hidden;
	clear: left;
	height: 100%;	
}

.height {
	height: 100%;
}

#sections .container {
	width: 57660px;
	height: 100%;
	background: #000000 url(images/bg.jpg);
	overflow: hidden;
}




.s.bg {
	background: url(images/services-bg.png) no-repeat;
	overflow: hidden;
	float: left;
	height: 100%;
	padding-left: 40px;
}

.c.bg {
	background: url(images/careers-bg.png) no-repeat;
	overflow: hidden;
	float: left;
	height: 100%;
	padding-left: 100px;
}

.cl.bg {
	background: url(images/clients_top.png) no-repeat;
	overflow: hidden;
	float: left;
	height: 100%;
	padding-left: 50px;
}

.co.bg {
	background: url(images/contact-bg.png) no-repeat;
	overflow: hidden;
	float: left;
	height: 100%;
	padding-left: 80px;
}

#a {
	background: url(images/about-company.png) no-repeat;
	overflow: hidden;
	float: left;
	height: 100%;
	padding-left: 60px;
}


#services.sub.floor {
	height: 100%;
	overflow: hidden;
	background: url(images/services-bottom.png) no-repeat right bottom;
}


#about.sub.floor {
	background: url(images/betty.png) no-repeat right bottom;
}

#clients.sub.floor {
	height: 100%;
	background: url(images/clients_bottom.png) no-repeat right bottom;
	width:880px;
}

#careers.sub.floor {
	height: 100%;
	background: url(images/carreers-bottom.png) no-repeat right bottom;
}

#contact.sub.floor {
	height: 100%;
	background: url(images/contact-bottom.png) no-repeat right bottom;
}

/* @end */

.main {
	float: left;
	padding: 11px 30px;

}

/* @group Staff Images */

#stafflist, #stafflist li {
	display: inline;
	list-style-type: none;
}

#stafflist li a {
	display: block;
	float: left;
	width: 93px;
	height: 62px;
	margin: 1px;
	text-indent: -90000px;
}

.both {
	clear: both;
}

#stafflist li a:hover, #stafflist .selected {
	background-position: 0 -62px;
}



.blank {
	background-image: url(images/staff/blank.jpg);
}




/* @end */

div.sub {
	float: left;
	padding: 100px 200px 20px 100px;
	margin-right: 800px;
	
}

#home p, #clients p, #contact p {
	line-height: 1.5em;
}

/* Older Classes */

#home {
	margin-right: 900px;
}

.footer {
	position: absolute;
	margin-top: -91px;
	width: 100%;
	
}

.footer-bg {
	background-image: url(images/black.png);
	height: 68px;
	padding-left: 300px;
}

.footer-bg img {
	padding-top: 13px;
}

#screen-2 ul, #screen-2 ul li{list-style-type: none; }
/* @group Contact */

#co-screen {
	width: 880px;
}

#co-screen .contact-wrapper .right-col img {
	padding: 10px 0;
}

#co-screen h2.title {
	background: url(images/contact.png) no-repeat;
	width: 460px;
	height: 27px;
	text-indent: -90000px;
	float: right;
	margin: 7px 0;
}

.contact-wrapper {
	background-image: url(images/black.png);
	overflow: hidden;
	padding-bottom: 20px;
	width: 400px;
}

.dxxcartext, .dxxtraintext, .dxxdinotext, .dxxfeettext {
	padding: 0px 20px;
}

/* @end */

/* @group Clients */

#cl-screen h2.title {
	background: url(images/clients.png) no-repeat;
	width: 173px;
	height: 27px;
	text-indent: -90000px;
	float: right;
	margin: 7px 0;
}

#cl-screen {
	height: 550px;
}

#cl-screen .next, #cl-screen .prev {
	position: relative;
	top: 200px;
	z-index: 100;
}

#cl-screen .prev {
	left: 10px;
}

#cl-screen .next {
	right: 10px;
}

#cl-navigation {
	width: 873px;
	text-align: center;
	overflow: hidden;
	background-image: url(images/black.png);
	clear: both;
	border-bottom: 7px solid #8cc63f;
}

#cl-sections {
	overflow: hidden;
	background: url(images/black.png);
	width: 873px;
	height: 280px;
	clear: left;
}

#cl-sections ul {
	width: 3660px;
}

#cl-sections li {
	float: left;
	padding: 11px 20px;
	height: 288px;
	list-style-type: none;
}

#cl-sections li.fallen {
	clear: both;
}

#cl-sections p {
	width: 820px;
	margin: 16px 0;
	line-height: 1.4em;
}

/* @group clients Menu */

#clmenu {
	overflow: hidden;
	/*padding-left: 4px;
	padding-top: 4px;*/
}

#clmenu li {
	display: inline !important;
	float: left !important;
	width: 218px;
	height: 128px;
}

#clmenu a {
	display: block;
	text-indent: -90000px;
	outline: none;
}

#clmenu a:hover {
	background-position: 0 -125px;
}

 #clmenu a.selected {
	background-position: 0 -250px;
}

 #clmenu selected a:hover{
	background-position: 0 -250px;
}



#clmenu .mlb {
	height: 125px;
	background: url(images/clients/mlb.png) no-repeat;
}

#clmenu .ttp {
	height: 125px;
	background: url(images/clients/ttp.png) no-repeat;
}

#clmenu .jcp {
	height: 125px;
	background: url(images/clients/jcpenny.png) no-repeat;
}

#clmenu .weber {
	height: 125px;
	background: url(images/clients/weber.png) no-repeat;
}

#clmenu .cbs {
	height: 125px;
	background: url(images/clients/cbs.png) no-repeat;
}

#clmenu .hue {
	height: 125px;
	background: url(images/clients/hue.png) no-repeat;
}

#clmenu .pikum {
	height: 125px;
	background: url(images/clients/pikum.png) no-repeat;
}

#clmenu .more {
	height: 125px;
	background: url(images/clients/more-clients.png) no-repeat;
}

/* @end */

/* @end */

/* @group Careers */

/* @group careers Menu */

#cmenu {
	overflow: hidden;
}

#cmenu li {
	padding-top: 10px;
}

ul#cmenu {
	padding-left: 20px;
	list-style-type: none;
}

#c-navigation.right {
	width: 250px;
	float: right;
	background: #191717;
	clear: none;
	height: 330px;
}

#cmenu a {
	display: block;
	text-indent: -9000%;
	outline: none;
}

#cmenu a:hover {
	

}

#cmenu .positions {
	height: 26px;
	background: url(images/positions.jpg) no-repeat;
	width: 138px;
}

#cmenu .pos2 {
	width: 153px;
	height: 26px;
	background: url(images/seniordev.jpg) no-repeat;
}

#cmenu .pos1 {
	width: 208px;
	height: 26px;
	background: url(images/account-rep.jpg) no-repeat;
}

#cmenu .pos3 {
	width: 208px;
	height: 26px;
	background: url(images/jrnewmedia.png) no-repeat;
}

#cmenu .pos4 {
	width: 208px;
	height: 26px;
	background: url(images/jrflash.png) no-repeat;
}

#cmenu .pos5 {
	width: 208px;
	height: 26px;
	background: url(images/intern1.png) no-repeat;
}

#cmenu .pos6 {
	width: 208px;
	height: 26px;
	background: url(images/intern2.png) no-repeat;
}

#cmenu .pos7 {
	width: 208px;
	height: 26px;
	background: url(images/intern3.png) no-repeat;
}

#cmenu .pos8 {
	width: 208px;
	height: 26px;
	background: url(images/intern4.png) no-repeat;
	display: none;
}

.careers-text {
	overflow: hidden;
}

.buffer {
	padding-top: 20px;
}

.careers-text .left p {
	width: 575px !important;
	margin: 0! important;
	padding: 0;
	overflow: hidden;
	padding-left: 30px;
	padding-top: 20px;
	margin-bottom: 30px !important;
}

/* @end */

#c-screen h2.title {
	background: url(images/careers.png) no-repeat;
	width: 192px;
	height: 34px;
	text-indent: -90000px;
	float: right;
	margin: 7px 0;
}

.c-company img {
	padding-left: 30px;
}

.career-home img {
	padding: 0;
	float: left;
	padding: 5px 0 0 23px;
}

.c-company .border {
	border-bottom: 7px solid #8cc63f;
	width: 100%;
	padding: 20px 0;
}

#c-screen {
	
	height: 550px;
	width: 880px;
}

#c-navigation {
	width: 880px;
	height: 64px;
	text-align: center;
	overflow: hidden;
	clear: both;
}

/* @end */

/* @group About */

/* @group About Menu */

#amenu {
	overflow: hidden;
}

#amenu li {
	display: inline !important;
	float: right !important;
}

#amenu a {
	display: block;
	text-indent: -9000%;
	outline: none;
}

#amenu a:hover, #amenu li a.selected {
	background-position: 0 -64px;
}

#amenu .company {
	height: 64px;
	background: url(images/company.png) no-repeat;
	width: 154px;
}

#amenu .staff {
	width: 154px;
	height: 64px;
	background: url(images/staff.png) no-repeat;
}

#amenu .location {
	width: 154px;
	height: 64px;
	background: url(images/location.png) no-repeat;
}

.c-company {
	background: url(images/black2.png);
	
}

.company-text {
	background: url(images/sketch.png) no-repeat 26px;
	overflow: hidden;
}

.company-text .right p {
	height: 250px;
	width: 300px;
	overflow: hidden;
	padding-top: 20px;
	margin-bottom: 30px;
	padding-right: 30px;
	color: #eee;
	font-size: 12px;
	line-height: 1.5em;
}

.sketch {
	float: left;
	width: 100px;
}


#a-sections {
	background: url(images/black.png);
}

#a-screen {
	width: 880px;
	color: black;
}

#a-navigation {
	width: 880px;
	height: 64px;
	text-align: center;
	overflow: hidden;
	background-image: url(images/black.png);
	clear: both;
}

.location-text .left-col {
	padding: 20px 0 0 20px;
}

.location-text {
	overflow: hidden;
	height: 250px;
}

.location-left {
	width: 500px;
	float: left;
}

.location-text .left-col p {
	width: 530px;
	padding: 20px 0 0 0;
}

/* @end */

/* @group Services */

#s-screen h2.title {
	background: url(images/services.png) no-repeat;
	width: 203px;
	height: 27px;
	text-indent: -90000px;
	float: right;
	margin: 7px 0;
}

#s-screen {
	width: 880px;
}

#s-screen .next, #s-screen .prev {
	position: absolute;
	top: 200px;
}

#s-screen .prev {
	left: 10px;
}

#s-screen .next {
	right: 10px;
}

#s-navigation {
	width: 880px;
	text-align: center;
	overflow: hidden;
	background-image: url(images/black.png);
	clear: both;
	border-bottom: 7px solid #8cc63f;
}

#smenu a.selected, #smenu a.selected:hover {
	background-position: 0 -188px;
}

#s-sections {
	overflow: hidden;
	background-image: url(images/black.png);
	width: 880px;
	height: 310px;
	clear: left;
}

#s-sections ul {
	width: 3660px;
}

#s-sections li {
	float: left;
	padding: 11px 20px;
	height: 405px;
	list-style-type: none;
}

#s-sections li.fallen {
	clear: both;
	overflow: hidden;
}

#s-sections li.left {
	clear: right;
}

#s-sections p {
	width: 820px;
	margin: 16px 0;
	line-height: 1.4em;
}


.bannerimg {
	background: url(images/carrot-creative.png) 0 3px;
	display: block;
	height: 30px;
	width: 210px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

.panel {
	width: 450px;
	overflow: auto;
	padding-right: 10px;
	height: 80px;
	padding: 0 10px 0 0;
	margin: 10px 0;
	color: white;
	clear: both;
}


ul.social-links {
	list-style-type: none;
	display: inline;
}

ul.social-links li {
	float: left;
}

ul.social-links li a {
	display: block;
	width: 38px;
	height: 49px;
	text-indent: -90000px;
}





a#close_link { display: block; float: right; background: url(images/closebox.png) no-repeat; width: 30px; height: 27px; text-indent: -9000px; margin-top: -13px; }

#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}
#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_sites {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}
.TB_sitesMacFFBGHack {background: url(http://www.viget.com/images/viget/macFFBgHack.png) repeat;}
.TB_sitesBG {
    background-color:#000;
    filter:alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}
* html #TB_sites { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 10px solid #E1E9E5;
    text-align:left;
    top:50%;
    left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}
#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}
#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}
#TB_closeAjaxWindow{
    padding:7px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}
#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}
#TB_title{
    background-color:#000000;
    height:27px;
}
#TB_ajaxContent{
    clear:both;
    padding:2px 15px 15px 15px;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}
#TB_ajaxContent.TB_modal {padding:15px;}
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}

/* @end */



div.homebottom h2 {font-size: 16px;}
div.homebottom ul.bot li {width: 295px; float: left; display: inline; background: url(images/dot.png) repeat-y right 0; padding: 10px 20px; min-height: 61px;}
div.homebottom ul.notbot li {width: 295px; float: left; padding: 10px 20px;}
div.homebottom ul.bot li h2 {padding-left: 20px; background-position: 3px 0;}
div.homebottom ul.notbot li h2 {padding-left: 20px; background-position: 3px 0;}
div.homebottom ul.bot li.blog h2 {background: url(images/blog_ico.png) no-repeat;}
div.homebottom ul.bot li.tweet h2 {background: url(images/twitter_ico.png) no-repeat;}
div.homebottom ul.bot li.friends h2 {background: url(images/carrot_ico.png) no-repeat; margin-bottom: 5px;}
div.homebottom ul.bot li.blog p a {color: #ccc;}
div.homebottom ul.bot li.blog p a:hover {color: #88C746; text-decoration: underline;} 
div.homebottom ul.bot li p {font-size: 12px;}
ul.bot li.last {background: none !important;}