@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------------------------------------------------------
GLOBAL
---------------------------------------------------------------------------------------------------- */
html 								{ overflow-y: scroll }

body								{ background-image:url(../images/body_bg.gif); background-repeat:repeat-x; background-position:top }

ul									{ margin:0; padding:0; list-style:none; list-style-image:none; list-style-type:none }

li									{ margin:0; padding:0; list-style:none; list-style-image:none; list-style-type:none }

.left								{ float:left }
.right								{ float:right }

.wrap								{ width:1000px; margin:0 auto }

.column_background					{ background-image:url(../images/column_bg.gif); background-repeat:repeat-x; background-position:bottom; background-color:#F7F7F7; min-height:100px; border-width:1px; border:1px; border-color:#cccccc; border-style:solid }

.column_text						{ padding: 24px 30px 24px 30px; float:left }


/* ----------------------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------------------- */
#header                                { height:80px; width:1000px }

#navigation                        {
 width:1000px; 
height:40px; 
background-color:#7bc143; 
margin:0; 
padding:0; 
margin-bottom:10px;
text-align:center;
}

#navigation ul                        { 
height:40px; 
padding:0; 
width:100%;  
list-style:none; 
list-style-image:none;
 margin:0 auto ; 
 }

#navigation ul li                    { 
display:inline; 
margin:0;
 padding:0; 
 float:left; 
 
 
 }
           
#navigation a,#navigation a:visited {
    color:#fff;
     font:bold 14px Arial;
    text-transform:uppercase;
    text-decoration:none;
    margin-right:20px;
    line-height:40px;
    padding-bottom:5px;
  }
  
#navigation a:hover {
  border-bottom:6px solid #7E7F81;
}

#navigation						{ width:1000px; height:40px; background-color:#7bc143; margin:0; padding:0; margin-bottom:10px }

#navigation ul						{ height:40px; padding:0; width:617px; list-style:none; list-style-image:none; margin:0 auto }

#navigation ul li					{ display:inline; margin:0; padding:0; float:left }


/* ----------------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------------- */
#footer								{ height:20px; width:1000px; background-color:#7bc143; margin-top:10px; float:left }

#footer_text						{ float:right; margin:4px 6px 4px 6px }


/* ----------------------------------------------------------------------------------------------------
HOME
---------------------------------------------------------------------------------------------------- */
#slideshow							{ width:1000px; height:300px; background-color:#F7F7F7; float:left }

#twitter							{ float:left; position:relative; width:198px; height:268px; margin-top:10px; background-image:url(../images/column_bg.gif); background-repeat:repeat-x; background-position:bottom; background-color:#F7F7F7;border-width:1px; border:1px; border-color:#dddddd; border-style:solid }

#introduction						{ float:right; clear:none; width:790px; height:40px; background-color:#FFFFFF; margin-top:10px }

#want-work							{ float:left; width:388px; height:218px; background-image:url(../images/column_bg.gif); background-repeat:repeat-x; background-position:bottom; background-color:#F7F7F7;border-width:1px; border:1px; border-color:#dddddd; border-style:solid; margin-left:10px; margin-top:10px }

#need-hire							{ float:right; width:388px; height:218px; background-image:url(../images/column_bg.gif); background-repeat:repeat-x; background-position:bottom; background-color:#F7F7F7;border-width:1px; border:1px; border-color:#dddddd; border-style:solid; margin-top:10px }

#twitter-header						{ background-image:url(http://wunderlandgroup.com/images/twitter_header.gif); width:198px; height:40px; float:left }

#twitter-content					{ width:198px; height:180px; float:left }

#twitter_update_list				{ padding:8px 10px 0px 10px; list-style:square; list-style-position:inside; height:180px; overflow:hidden; float:left }

#twitter_update_list li				{ margin-bottom:12px }

a #twitter-link						{ float:left; height:16px; background-color:#7bc143; width:120px; position:absolute; bottom:10px; left:10px; padding:4px; text-align:center }

a:hover #twitter-link				{ background-color:#807F83 }


/* ----------------------------------------------------------------------------------------------------
ABOUT US
---------------------------------------------------------------------------------------------------- */
#about-content						{ width:1000px; float:left; margin-bottom:10px }

.portrait							{ float:left; width:100px; height:100px }

.portrait-image						{ border:1px; border-style:solid; border-color:#cccccc; float:left }

#judi								{ width:493px; float:left }

#brian								{ width:493px; float:left; margin-left:10px }

.portrait-text						{ float:left; margin-left:10px }



/* ----------------------------------------------------------------------------------------------------
WHAT WE DO
---------------------------------------------------------------------------------------------------- */
#what-we-do							{ width:998px; float:left }

#job-titles							{ width:998px; float:left; margin-top:10px }

#what-buttons						{ float:left; width:100px; margin-right:10px }

#what-content						{ width:790px; float:left }

.job-positions-left					{ width:464px; float:left; clear:right }

.job-positions-right				{ width:464px; float:right; clear:right }


/* ----------------------------------------------------------------------------------------------------
CAREER
---------------------------------------------------------------------------------------------------- */
#digital-bootcamp					{ width:998px; float:left }

#digital-bootcamp-content			{ width:434px; margin-right:30px; float:left }

#career-groups						{ width:998px; float:left; margin-top:10px }


/* ----------------------------------------------------------------------------------------------------
EVENTS
---------------------------------------------------------------------------------------------------- */
#event-list							{ width:998px; float:left }

#meetups							{ width:998px; float:left; margin-top:10px }


/* ----------------------------------------------------------------------------------------------------
CONTACT
---------------------------------------------------------------------------------------------------- */
#contact-form						{ float:left; width:326px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:10px; margin-top:-10px;}

#contact-information				{ float:left; clear:none; width:662px; margin-left:10px }

#judi-contact						{ float:left; width:286px }

#brian-contact						{ float:right; width:286px }

#locations							{ float:left; clear:both; width:324px; height:475px; margin-top:10px }

#map								{ background-color:#99b3cb; background-image:url(http://maps.google.com/maps/api/staticmap?&zoom=10&size=662x475\&markers=color:0x7bc143|42.027319,-88.079763&markers=|color:0x7bc143|41.830049,-88.031559\&markers=|color:0x7bc143|42.133189,-87.788495&markers=|color:0x7bc143|41.878417,-87.634475&sensor=false&key=ABQIAAAAcpAHh0dNpZ12XYOGwfuGhBT9RmVRbpGl4RKzpR6j66EUNadhzhTsKW_dUxAVQAFkiN39pNMvqKLYfQ); background-repeat:no-repeat; width:662px; margin-top:10px; margin-left:10px; height:475px; float:left; clear:none; padding:0; border-width:1px; border:1px; border-color:#cccccc; border-style:solid }