/*================================================================
    mikemattner.com * Mike Mattner * primary.css
	info@mikemattner.com
	5/2009
================================================================	

CSS RESET ----------- Written by Eric Meyer - http://meyerweb.com/eric/tools/css/reset/ ------->*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* General Styles -----------------------------------> */
body           {background: #004b73 url(../images/layout/bg.jpg) repeat-x top center; font: 14px/18px Arial, sans-serif; color: #555;}
h1, h2, h3, h4, h5, h6 {margin: 18px 0 18px 0; color: #000; /*font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;*/}

strong            {font-weight: bold;}
em                 {font-style: italic;}
p                    {margin: 18px 0 18px 0;}
ul, ol             {margin: 18px 0 18px 0; padding: 0 0 0 15px; list-style-type:disc;}
li                     {line-height:18px;}
ol                    {list-style-type: decimal;}
dl                    {margin: 0;}
dl dt                {}
hr                    {display: none;}
blockquote      {margin: 18px 0 18px 0; padding: 0 5px 0 30px; color: #777;}
.amp               {font-family: Palatino, Book Antiqua, serif; font-size: 1.1em; line-height:10%; /* Fix to maintain correct baseline */font-style: italic;}
.center         {text-align:center;}
.text-right {text-align: right;}
.text-left   {text-align: left;}
.large           {font-size: 18px; line-height: 24px;}
.small           {font-size: 12px;}

.fadein { position:relative; height:424px; width:580px; margin: 20px auto;}
.fadein img { position:absolute; left:0; top:0; }

a:link, a:visited, a:active {color: #fff; text-decoration: none; border-bottom: 1px dotted #1d9fe4;}
a:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}

/*LOGO*/
a.logo             {display: block; text-indent: -9999px; padding: 0; margin: 0; width: 300px; height: 74px; border-bottom: none; text-decoration: none; background: url(../images/layout/23f_logo.png) no-repeat 0 -74px;}
a.logo:hover {background: url(../images/layout/23f_logo.png) no-repeat 0 0; border-bottom: none;}

a.logoa             {display: block; text-indent: -9999px; padding: 0; margin: 0; outline: 0; width: 300px; height: 90px; border-bottom: none; text-decoration: none; background: url(../images/layout/23f_logo_a.png) no-repeat 0 -90px;}
a.logoa:hover {background: url(../images/layout/23f_logo_a.png) no-repeat 0 0; border-bottom: none;}

a.madeby             {display: block; text-indent: -9999px; padding: 0; margin: 10px auto 0 auto; outline: 0; width: 71px; height: 24px; border-bottom: none; text-decoration: none; background: url(../images/layout/madeby23.png) no-repeat 0 0;}
a.madeby:hover {background: url(../images/layout/madeby23.png) no-repeat 0 -24px; border-bottom: none;}

.web_studio             {display: block; text-indent: -9999px; padding: 32px 0 32px 111px; margin: 0 auto; width: 139px; height: 11px; border-bottom: none; text-decoration: none; background: url(../images/layout/studio.png) no-repeat right center;}
.web_studio2             {display: block; text-indent: -9999px; padding: 0 0 0 121px; margin: 0 auto; width: 139px; height: 11px; border-bottom: none; text-decoration: none; background: url(../images/layout/studio2.png) no-repeat right center;}

.intropara             {display: block; text-indent: -9999px; padding: 0; margin: 0 auto; width: 600px; height: 55px; border-bottom: none; text-decoration: none; background: url(../images/layout/intro2.png) no-repeat top center;}
.intropara p          {display: inline;}

.workwedo             {display: block; text-indent: -9999px; padding: 0; margin: 0 auto; width: 600px; height: 55px; border-bottom: none; text-decoration: none; background: url(../images/layout/thework.png) no-repeat top center;}
.workwedo p          {display: inline;}

h2.core              {/*color:#fff; background: #004b73; padding: 2px;*/ color: #2ba6cb; font-size: 14px !important; text-transform: uppercase;}
div.team            {font-size: 12px;}
div.team h3 em  {display: block; font-size: 12px; color: #888; font-weight: normal;}

/*Layout---------------------------------------------------------------------------->*/
#top_of_page {background: url(../images/layout/top_head.gif) bottom; height: 11px; /*padding: 5px 0 16px 0;*/} 
/*<div class="span-7 prepend-8">
       <span class="web_studio2">A Web Design Studio</span>
    </div>*/
#header   {width: 600px; margin: 0 auto; /*padding: 5px 10px;*/}

/*================================================================================================================
MENU
================================================================================================================*/
#menu{width: 90px; height:20px; padding: 39px 0 0 290px;}
#menu ul{margin: 0; padding: 0; line-height: 1;}
#menu ul li{list-style-type: none; display: block; float: left;}

/*#menu{width: 209px; height:20px; padding: 39px 0 0 171px;} 
#menu ul{margin: 0; padding: 0; line-height: 1;}
#menu ul li{list-style-type: none; display: block; float: left;}*/

/*HOME =========================================================*/
#menu ul#nav li a.home{display: block; width: 56px; height: 20px; text-indent: -9999px; background: url(../images/layout/menu2.png) no-repeat 0 0; border-bottom: none !important;}
#menu ul#nav li a.home:hover{background: url(../images/layout/menu2.png) no-repeat 0 -20px; border-bottom: none !important;}

#menu ul#nav li a.home_active{display: block; width: 56px; height: 20px; text-indent: -9999px; background: url(../images/layout/menu2.png) no-repeat 0 -40px; border-bottom: none !important;}
#menu ul#nav li a.home_active:hover{background: url(../images/layout/menu2.png) no-repeat 0 -60px; border-bottom: none !important;}

/*CONTACT =========================================================*/
#menu ul#nav li a.contact{display: block; width: 90px; height: 20px; text-indent: -9999px; background: url(../images/layout/menu2.png) no-repeat -192px 0; border-bottom: none !important;}
#menu ul#nav li a.contact:hover{background: url(../images/layout/menu2.png) no-repeat -192px -20px; border-bottom: none !important;}

#menu ul#nav li a.contact_active{display: block; width: 90px; height: 20px; text-indent: -9999px; background: url(../images/layout/menu2.png) no-repeat -192px -40px; border-bottom: none !important;}
#menu ul#nav li a.contact_active:hover{background: url(../images/layout/menu2.png) no-repeat -192px -60px; border-bottom: none !important;}

/*WORK =========================================================*/
#menu ul#nav li a.work{display: block; width: 63px; height: 20px; text-indent: -9999px; background: url(../images/layout/menu2.png) no-repeat -57px 0; border-bottom: none !important;}
#menu ul#nav li a.work:hover{background: url(../images/layout/menu2.png) no-repeat -57px -20px; border-bottom: none !important;}

#menu ul#nav li a.work_active{display: block; width: 63px; height: 20px; text-indent: -9999px; background: url(../images/layout/menu2.png) no-repeat -57px -40px; border-bottom: none !important;}
#menu ul#nav li a.work_active:hover{background: url(../images/layout/menu2.png) no-repeat -57px -60px; border-bottom: none !important;}


.menu_span   { display: inline; margin: 0 10px; float: left; padding:0; width: 320px; } /*8 col*/
/*================================================================================================================*/

#masthead   {width: 720px; margin: 0 auto 0 auto; padding: 20px 10px 0 10px;}
#content     {width: 600px; margin: 0 auto; color: #fff; font-size: 16px; line-height: 22px; /*font-family: Georgia, Times New Roman, serif;*/}
/*.intro        {font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}*/

.intro {font-size: 16px;}

.further {/*text-shadow: #052c3b 1px 1px 1px;*/ font-size: 14px; color: #fff; background: transparent url(../images/layout/further_bg.png) repeat; background: rgba(0, 27, 41, 0.2); /*line-height: 18px;*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6x;}

.workp {color: #fff; padding: 20px 0; background: transparent url(../images/layout/further_bg.png) repeat; background: rgba(0, 27, 41, 0.2); /*line-height: 18px;*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6x;}
.workp h2  {color: #ccc;}
.workp h2 em {font-size: 12px; font-weight: normal; color: #000;}

#footer      {width: 600px; margin: 20px auto 0 auto; padding-bottom: 20px; font-size: 12px; color: #043149;}
#footer  h2 {margin: 0; font-size: 13px; color: #fff;}
#footer a:link, #footer a:visited, #footer a:active {color: #043149; text-decoration: none; border-bottom: none;}
#footer a:hover {color: #fff; text-decoration: underline; border-bottom: none;}

.announce {background: #002b41; background: rgba(0, 43, 65, 0.5); line-height: 18px; text-shadow: #020c12 1px 1px 1px; color: #dcedf4; text-align: center; margin: 10px 0; padding: 5px; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}

dl.phone {margin: 0;}
dl.phone dt {color: #ccc; display: inline; margin: 0 10px 0 0; float: left; padding:0; width: 10px;}
dl.phone dd{display: inline; margin: 0; float: left; padding:0; width: 160px}

/*Content Styles---------------------------------------------------------------------------->*/
#content h1 {font-size: 36px;}
#content h2 {font-size: 18px; text-shadow: #1f8eb9 1px 1px 1px;}
#content h3 {font-size: 14px;}
#content h4 {font-size: 14px;}

.nodisplay {display: none;}

/*Contact Content Styles---------------------------------------------------------------------------->*/
h1.get_in_touch {text-indent: -9999px; width: 314px; height: 32px; text-decoration: none; background: url(../images/layout/get_in_touch.png) no-repeat 0 0;}

input.submitme             {cursor:pointer; display: block; text-indent: -9999px; padding: 0; margin: 0; border: 0; width: 89px; height: 29px; border-bottom: none; text-decoration: none; background: url(../images/layout/submit.png) no-repeat 0 0;}
input.submitme:focus {background: url(../images/layout/submit.png) no-repeat 0 -29px; border-bottom: none;}

#contact_us {width: 380px; margin: 0 auto;}

#contactform label       {font-size: 12px; color: #777;  float: left; width: 190px;}

.formfield               {font-size: 13px; font-weight: normal; padding:3px 2px 3px 2px; margin: 0 0 5px 0; border: 1px solid #d1d1d1; background: #fff url(../images/layout/form_bg.gif) repeat-x bottom left; width: 374px; color: #777; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
#contactform input.formfield:focus, #contactform input.sffocus, #contactform textarea.formfield:focus, #contactform textarea.sffocus {border: 1px solid #aaa; background: #fff url(../images/layout/form_bg.gif) repeat-x bottom left;}

.textarea               {font-size: 13px; font-weight: normal; padding:3px 2px 3px 2px; margin: 0 0 5px 0; border: 1px solid #d1d1d1; background: #fff url(../images/layout/form_bg.gif) repeat-x bottom left; width: 374px; color: #777; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
#contactform textarea.textarea:focus, #contactform textarea.sffocus {border: 1px solid #aaa; background: #fff url(../images/layout/form_bg.gif) repeat-x bottom left;}

input.error              {font-size: 13px; font-weight: normal; padding:3px 2px 3px 2px; margin: 0 0 5px 0; border: 1px solid #ff0000; background: #ffcb4b url(../images/layout/error_bg.gif) repeat-x bottom left; width: 374px; color: #777; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
textarea.error         {font-size: 13px; font-weight: normal; padding:3px 2px 3px 2px; margin: 0 0 5px 0; border: 1px solid #ff0000; background: #ffcb4b url(../images/layout/error_bg.gif) repeat-x bottom left; width: 374px; color: #777; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
textarea.error         {font-size: 13px; font-weight: normal; padding:3px 2px 3px 2px; margin: 0 0 5px 0; border: 1px solid #ff0000; background: #ffcb4b url(../images/layout/error_bg.gif) repeat-x bottom left; width: 374px; color: #777; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
label.error              {margin: 0; color: #ff0000 !important; float: left;  width: 190px; text-align: right; font-style: normal;}

.errorm          {border: 1px solid #b18d34; font-size: 13px; margin: 10px 0; padding: 5px 5px 5px 24px; background: #ffcb4b url(../images/layout/exclamation.png) no-repeat left center; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
.errorm p        {margin: 0;}
.errorm span     {}

.success          {border: 1px solid #d1d1d1; font-size: 13px; margin: 10px 0; padding: 5px 0 5px 20px; background: url(../images/layout/accept.gif) no-repeat left center; -moz-border-radius:  3px; -webkit-border-radius: 3px; border-radius: 3x;}
.success p        {margin: 0;}
.success span     {}

.loading {text-align: center;}

/*#loading {width: 100%; min-height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display:none;}
#loadingForm {width: 220px; height: 19px; position: absolute; text-align:center;}*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background: #000 /*url(../js/images/overlay.gif) 0 0 repeat*/;}
#colorbox{}
 
#cboxContent{background:#fff; padding: 0; -moz-border-radius:  6px; -webkit-border-radius: 6px; border-radius: 6x;}
#cboxLoadedContent{/*margin-bottom:28px;*/}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../js/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../js/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../js/images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../js/images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:3px; right:3px; background:url(../js/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}


/*Column Structure ------------------------------------------------------------------------->*/
.column   {margin: 0 10px; float: left; padding:0;} /*Legacy Code*/
/* HACK IT \*/
* html .column { display: inline; } /*Legacy Code*/
/* End */

.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {display: inline; margin: 0 10px; float: left; padding:0;}

.span-1    { width: 20px; } /*1 col*/
.span-2    { width: 60px; } /*2 col*/
.span-3    { width: 100px; } /*3 col*/
.span-4    { width: 140px; } /*4 col*/
.span-5    { width: 180px; } /*5 col*/
.span-6    { width: 220px; } /*6 col*/
.span-7    { width: 260px; } /*7 col*/
.span-8    { width: 300px; } /*8 col*/
.span-9    { width: 340px; } /*9 col*/
.span-10  { width: 380px; } /*10 col*/
.span-11  { width: 420px; } /*11 col*/
.span-12  { width: 460px; } /*12 col*/
.span-13  { width: 500px; } /*13 col*/
.span-14  { width: 540px; } /*14 col*/
.span-15  { width: 580px; } /*15 col*/
.span-16  { width: 620px; } /*16 col*/
.span-17  { width: 660px; } /*17 col*/
.span-18  { width: 700px; } /*18 col*/
.span-19  { width: 740px; } /*19 col*/
.span-20  { width: 780px; } /*20 col*/
.span-21  { width: 820px; } /*21 col*/
.span-22  { width: 860px; } /*22 col*/
.span-23  { width: 900px; } /*22 col*/
.span-24  { width: 940px; } /*24 col*/

/* Add these to a column to append empty cols. */
.append-1    { padding-right: 40px; } /*1 col*/
.append-2    { padding-right: 80px; } /*2 col*/
.append-3    { padding-right: 120px; } /*3 col*/
.append-4    { padding-right: 160px; } /*4 col*/
.append-5    { padding-right: 200px; } /*5 col*/
.append-6    { padding-right: 240px; } /*6 col*/
.append-7    { padding-right: 280px; } /*7 col*/
.append-8    { padding-right: 320px; } /*8 col*/
.append-9    { padding-right: 360px; } /*9 col*/
.append-10  { padding-right: 400px; } /*10 col*/
.append-11  { padding-right: 440px; } /*11 col*/
.append-12  { padding-right: 480px; } /*12 col*/
.append-13  { padding-right: 520px; } /*13 col*/
.append-14  { padding-right: 560px; } /*14 col*/
.append-15  { padding-right: 600px; } /*15 col*/
.append-16  { padding-right: 640px; } /*16 col*/
.append-17  { padding-right: 680px; } /*17 col*/
.append-18  { padding-right: 720px; } /*18 col*/
.append-19  { padding-right: 760px; } /*19 col*/
.append-20  { padding-right: 800px; } /*20 col*/
.append-21  { padding-right: 840px; } /*21 col*/
.append-22  { padding-right: 880px; } /*22 col*/
.append-23  { padding-right: 920px; } /*22 col*/

/* Add these to a column to prepend empty cols. */
.prepend-1    { padding-left: 40px; } /*1 col*/
.prepend-2    { padding-left: 80px; } /*2 col*/
.prepend-3    { padding-left: 120px; } /*3 col*/
.prepend-4    { padding-left: 160px; } /*4 col*/
.prepend-5    { padding-left: 200px; } /*5 col*/
.prepend-6    { padding-left: 240px; } /*6 col*/
.prepend-7    { padding-left: 280px; } /*7 col*/
.prepend-8    { padding-left: 320px; } /*8 col*/
.prepend-9    { padding-left: 360px; } /*9 col*/
.prepend-10  { padding-left: 400px; } /*10 col*/
.prepend-11  { padding-left: 440px; } /*11 col*/
.prepend-12  { padding-left: 480px; } /*12 col*/
.prepend-13  { padding-left: 520px; } /*13 col*/
.prepend-14  { padding-left: 560px; } /*14 col*/
.prepend-15  { padding-left: 600px; } /*15 col*/
.prepend-16  { padding-left: 640px; } /*16 col*/
.prepend-17  { padding-left: 680px; } /*17 col*/
.prepend-18  { padding-left: 720px; } /*18 col*/
.prepend-19  { padding-left: 760px; } /*19 col*/
.prepend-20  { padding-left: 800px; } /*20 col*/
.prepend-21  { padding-left: 840px; } /*21 col*/
.prepend-22  { padding-left: 880px; } /*22 col*/
.prepend-23  { padding-left: 920px; } /*22 col*/

.border-left   { margin-left:0; padding-left: 9px; border-left: 1px solid #eee; }
.border-right { margin-right:0; padding-right: 9px; border-right: 1px solid #eee; }

.sep-up     {padding-top: 9px; margin-top: 8px; border-top: 1px dotted #ddd;}
.sep-down {padding-bottom: 9px; margin-bottom: 8px; border-bottom: 1px dotted #ddd;}

.sepr-up     {padding-top: 9px; margin-top: 8px; background: url(../images/layout/sep-up.png) repeat-x top;}
.sepr-down {padding-bottom: 9px; margin-bottom: 8px; border-bottom: 1px dotted #a5d9e9;}

.first { margin-left: 0; }
.last   { margin-right: 0; }

/* Use these classes on an element to pull it into the previous column.  */

.pull-1   { margin-left: -40px; }
.pull-2   { margin-left: -80px; }
.pull-3   { margin-left: -120px; }
.pull-4   { margin-left: -160px; }
.pull-5   { margin-left: -200px; }
.pull-6   { margin-left: -240px; }
.pull-7   { margin-left: -280px; }
.pull-8   { margin-left: -320px; }
.pull-9   { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}

.push-1   { margin-right: -40px; }
.push-2   { margin-right: -80px; }
.push-3   { margin-right: -120px; }
.push-4   { margin-right: -160px; }
.push-5   { margin-right: -200px; }
.push-6   { margin-right: -240px; }
.push-7   { margin-right: -280px; }
.push-8   { margin-right: -320px; }
.push-9   { margin-right: -360px; }
.push-10 { margin-right: -400px; }
.push-11 { margin-right: -440px; }
.push-12 { margin-right: -480px; }
.push-13 { margin-right: -520px; }
.push-14 { margin-right: -560px; }
.push-15 { margin-right: -600px; }
.push-16 { margin-right: -640px; }
.push-17 { margin-right: -680px; }
.push-18 { margin-right: -720px; }
.push-19 { margin-right: -760px; }
.push-20 { margin-right: -800px; }
.push-21 { margin-right: -840px; }
.push-22 { margin-right: -880px; }
.push-23 { margin-right: -920px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/**/