/********************************************************************
 FORGE CSS File
 Design: FORGE - Ryan Clark
 HTML/CSS: FORGE - Ryan Buttrey
--------------------------------------------------------------------
 CHANGE LOG:
   RDB:  01-28-10          File Creation

********************************************************************/


body {
     font-size: 62.5%;
     background: #252525;
     margin: 0 auto;
     color: #ddd;
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

img {
     border: none;
     margin: 0;
     padding: 0;
}

img.align-right {
     float: right;
     margin: 0 0px 6px 12px;
}

img.align-left {
     float: left;
     margin: 0 12px 6px 0;
}

/* fonts
--------------------------------------------------------------------------------*/

p {font-size: 1.3em; line-height: 1.8em; color: #ddd;}
h1 {font-size:2.5em}
h2 {font-size:1.9em}
h3 {font-size:1.4em; margin-bottom: 1.2em; margin-top: 2em;}
h4 {font-size:1.2em; margin-bottom: 1.2em;}
h5 {font-size:1.1em; margin-bottom: 1.2em;}
h6 {font-size:1.0em; margin-bottom: 1.2em;}
ol {list-style:decimal;}
ul {list-style:none;}
ul, ol, li {margin: 0; padding: 0;}
strong {font-weight: bold;}
a {color: #fff;}
p a {color: #c1c1c1; text-decoration: underline;}
a:hover {text-decoration: underline;}
blockquote {float: left; width: 100%;}

h1, h2, em, a, p, blockquote, cite, li {
     text-decoration: none;
     margin: 0;
     padding: 0;
     font-weight: normal;
}

fieldset, input, textarea {
     border: none;
     margin: 0;
     padding: 0;
}

#container {
     background: #ccc;
     float: left;
}





/* header
--------------------------------------------------------------------------------*/

#header {
     background: url(../images/header-bg.gif) top left repeat-x;
     position: relative;
     z-index: 100;
     float: left;
     width: 100%;
     padding: 10px 0 0 0;
}

.header-container {
     position: relative;
     padding-bottom: 20px;
}

     .header-container #logo-tag {
          padding: 12px;
          float: left;
          margin-bottom: 10px;
     }
               
          .header-container #logo-tag a {
               display: block;
               font-weight: bold;
               font-size: 1.2em;
               width: 168px;
               height: 56px;
               overflow: hidden;
          }
               
          .header-container #logo-tag img {
               position: absolute;
               top: 12px;
               left: 12px;
          }
     
     .header-container .header-nav {
          float: right;
     }
     
          .header-container .header-nav li {
               float: left;
               margin-right: 10px;
          }
          
               .header-container .header-nav li a {
                    color: #555;
                    text-transform: lowercase;
               }

/* nav
--------------------------------------------------------------------------------*/



#tabs{
     width: 100%;
     background: #000;
     float: left;
     padding-top: 10px;
     position:relative; 
     z-index: 2;
}




/* body
--------------------------------------------------------------------------------*/

#wrapper {
     position: relative;
     background: #000 url(../images/content-bg.gif) top left repeat-x;
     float: left;
     width: 100%;
     padding-bottom: 40px;
     z-index: 1;
}


     .feature-container {
         width: 100%;
         float: left;
         background: url(../images/feature-image-1.png) bottom center no-repeat;
         margin-bottom: 40px;
         position: relative;
         padding: 20px 0 20px 0;
     }
     
     
          #spotlight {
               width: 960px;
               margin: 0 auto;
          }
          
          #spotlight img {
               display: block;
          }
          
               #spotlight #img-desc {
                    margin: 20px 0 0;
                    width: 460px;
                    float: left;
                    clear: left;
                    margin-left: 10px;
                    padding: 15px 0;
                    background: rgba(0, 0, 0, 0.6);
                    -moz-border-radius: 15px;
                    -webkit-border-radius: 15px;
               }
               
                    #spotlight #img-desc h5 {
                         font-size: 1.2em;
                         text-transform: uppercase;
                         color: #94112f;
                         margin-bottom: .4em;
                         padding: 0 40px 0 20px;
                    }
               
                    #spotlight #img-desc p {
                         padding: 0 40px 0 20px;
                    }
               
                    #spotlight #img-desc .more {
                         border-top: 1px solid #565656;
                         margin-top: 10px;
                         padding-top: 10px;
                         display: inline;
                         width: 100%;
                         float: left;
                         padding: 15px 40px 0 20px;
                         width: 400px;
                    }
               
                         #spotlight #img-desc .more a {
                              color: #f26522;
                              background: url(../images/carrot.png) center left no-repeat;
                              padding-left: 10px;
                         }
               
                         #spotlight #img-desc .more .label {
                              margin-right: 10px;
                              font-size: 1.5em;
                              font-style: normal;
                         }
               
               #spotlight .spotlight-text {
                    margin-top: 40px;
                    float: left;
               }
     
     #body {
          position: relative;
     }
     
          #body .section {
               margin-top: 20px;
               margin-bottom: 30px;
               float: left;
               width: 100%;
               background: url(../images/section-border-bottom.png) bottom left no-repeat;
               padding-bottom: 20px;
          }
          
               #body .section h2 {
                    background: url(../images/arrow.png) center left no-repeat;
                    padding-left: 30px;
                    font-size: 2em;
                    margin-bottom: 1em;
               }
               
               #body .section p {
                    padding-left: 30px;
                    float: left;
               }
               
               #body .section img {
                    margin: 0 5px 5px 5px;
               } 
          
          #body .news {
               width: 240px; 
               float: right; 
               position: relative;
          }
          
               #body .news .date {
                    margin-right: 10px;
                    color: #898989;
                    font-style: normal;
               }
               
          #body .features {
               padding-right: 20px;
          }
          
               #body .news h2, #body .features h2 {
                    padding-bottom: 5px;
                    font-size: 1.5em;
               }
               
               #body .news h2 {
                    border-bottom: 1px solid #303030;
               }
          
               #body .features .content {
                    background: url(../images/features-header-bg.png) top left no-repeat;
                    padding-top: 1.5em;
               }
               
                    #body .features .content .more {
                         margin-top: 10px;
                         float: left;
                         color: #f26522;
                         background: url(../images/carrot.png) center left no-repeat;
                         padding-left: 10px;
                    }
          
                    #body .features .content h3 {
                         font-size: 2em;
                         margin: .5em 0 1em 0;
                    }
                    
                         #body .features .content h3 a {
                              background: url(../images/arrow.png) center right no-repeat;
                              padding-right: 30px;
                         }
          
                    #body .features .content img {
                         float: left;
                         border: 2px solid #fff;
                         margin: 0 30px 10px 0;
                    }
          
          #body .news ul {
               margin-top: 1em;
          }
          
	          #body .news ul li {
	               margin-bottom: 10px;
	               padding-bottom: 10px;
	               border-bottom: 1px solid #6e6e6e;
	          }
	          
	                #body #form, #body #access-request {
                      background: url(../images/form-bg.png) top left repeat-x;
                      padding: 20px 40px;
                      width: 660px;
                      margin: 5px 0 50px;
                      float: left;
                      -moz-border-radius: 15px;
                      -webkit-border-radius: 15px;
                  }
                  
                            #body #form .vcard {
                                margin: 0 auto;
                                width: 300px;
                                font-size: 1.4em;
                            }
                            
                                #body #form .vcard .adr {
                                    margin-bottom: 2em;
                                }
                                
                                    #body #form .vcard .label {
                                        color:#F26522;
                                        font-style:normal;
                                        font-weight:bold;
                                        margin-right:5px;
                                        text-transform:uppercase;
                                    }
                                
                                #body #form .vcard .email {
                                    margin-top: 1em;
                                    float: left;
                                }
                  
                  #body #partners #form {
          	        padding: 0;
          	        background: none;
          	        margin-top: 0;
          	        width: 100%;
                  }
                  
                       #body #partners #form table {
                           margin: 10px 0 75px;
                       }
                       
                       #body #partners #form h4 {
                           width: 100%;
                       }

                  
                       #body #form h2 {
                           color: #ccc;
                           font-size: 2.4em;
                           margin-bottom: 1em;
                       }
                       
                       #body #form form .custom-input {
                            height:21px;
                            padding:3px;
                            width:228px;
                            color:#333;
                            font-size:1.3em;
                            float: left;
                            clear: left;
                       }
                       
                       #body #form form .error {
                            color: #fff;
                       }
                       
                       #body .error-text {
                            background: #b52e2e url(../images/error-bg.gif) top left repeat-x;
                            padding: 5px 10px;
                            color: #fff;
                            /*font-weight: bold;*/
                       }
                       
                       #body .success {
                            margin-bottom: 20px;
                                font-size: 1.3em;
                                padding: .5em 1em;
                                -moz-border-radius: 5px;
                                -webkit-border-radius: 5px;
                                -0-border-radius: 5px;
                                border-radius: 5px;
                                background: #005500;
                                float: left;
                                margin-top: 20px;
                       }
                       
                       #body form .error {
                            background: #b52e2e url(../images/error-bg.gif) top left repeat-x;
                            color: #fff;
                       }
                       
                            #body #partners #form form .custom-input, #body #partners #form form select {
                                 width: 170px;
                                 /*padding: 5px;*/
                            }
                            
                            #body #partners #form form textarea {
                                 width: 200px;
                                 /*padding: 5px;*/
                            }
                       
                       #body #form form select {
                            /* background:#fff; */
                            border: none;
                          color:#333;
                          font-size:1.3em;
                          float: left;
                          padding: 5px;
                          width: 248px;
                          clear: left;
                       }
                       
                       #body #form form .text-area {
                            background:#fff;
                            /*border: 3px solid #ccc;*/
                            height:175px;
                            padding:3px;
                            width:290px;
                            color:#333;
                            font-size:1.7em;
                            float: left;
                            clear: left;
                            /*-moz-border-radius: 15px;
                            -webkit-border-radius: 15px;*/
                       }
                       
                            #body #form form input, #body #form form label, #body #form form textarea {
                                 float: left;
                                 clear: left;
                            }
                            
                            #body #form form label {
                                 color:#F26522;
                                 font-size:1em;
                                 margin-bottom:0.5em;
                                 margin-top:1.5em;
                                 text-transform:uppercase;
                                 /* width: 100%; */
                            }
                            
                            #body #form form .searchButton, #content .partners #partners .submitButton {
                                 text-transform: uppercase;
                                 color: #fff;
                                 padding: 5px 8px;
                                 -moz-border-radius: 10px;
                                 -webkit-border-radius: 10px;
                                 margin-top: 20px;
                                 cursor: pointer;
                                 background:  #F26522 url("../images/sign-in-bg.gif") repeat-x scroll left top;
                            }
                                      	     
                        #body #form a {
                            /* color:#18B6B4; */
                        }
                        
                        #body #form .section1 {
                            background: url(../images/divider-bottom.png) bottom left no-repeat;
                            padding-bottom: 10px;
                            margin-bottom: 10px;
                        }
                             
                             #body #form .section1 a.forgot-password {
                                 padding-left: 20px;
                                 background: url(../images/question-mark.png) left center no-repeat;
                                 width: 100%;
                                 
                             }



	      
	      #sub-nav {
               width: 226px;
               margin: 20px 0 0 0;
               padding: 0;
               float: left;
               padding-right: 14px;
               background: url(../images/subnav-arrow.png) top right no-repeat;
          }
          
               #sub-nav ul {
                    background: rgba(0, 0, 0, 0.4);
                    -moz-border-radius: 15px;
                    -webkit-border-radius: 15px;
               }
               
                    #sub-nav ul li {
                         background: url(../images/active-nav-underline.png) bottom left no-repeat;
                         height: inherit;
                    }
                    
                    #sub-nav ul li.last {
                         background: none;
                    }
                    
                         #sub-nav ul li a {
                              color: #999;
                              margin-bottom: 0;
                              text-indent: 0;
                              font-size: 1.3em;
                              padding: 1.2em 15px;
                              display: block;
                         }
                         
                         #sub-nav ul li a.current {
                              color: #fff;
                         }
                         
                         #sub-nav ul li a:hover {
                              color: #fff;
                         }
                                   
          #content {
               width: 700px;
               float: left;
               margin: 35px 0 0 0;
               padding: 0;
               padding-left: 20px;
          }
          
               #content #head {
                    margin: 0 0 0 10px;
               }
               
               #content p.featured {
                    font-size: 1.4em;
                    color: #EEEEEE;
               }
               
               #content p {
                    margin-bottom: 1em;
               }
               
               #content .main-content {
                    background: url(../images/content-divider.png) top left no-repeat;
                    margin-top: 10px;
                    padding-top: 20px;
                    float: left;
               }
               
                    #wrapper .main-content .pull-quote {
                        color: #F26522;
                        font-size: 2em;
                        margin-top: 2em;
                        width: 250px;
                        float: right;
                        display: inline;
                    }
               
                    #content .main-content .quote {
                        margin-bottom: 3em;
                        float: left;
                    }
               
                        #content .main-content .quote p {
                            float: left;
                            margin-bottom: .5em;
                        }
                    
                        #content .main-content .quote p.quote-credit {
                            font-size: 1.1em;
                            float: right;
                            font-style: italic;
                            color:#F26522
                        }
               
                    #content .main-content .inline-image {
                        float: left; 
                        margin: 10px 30px 0px -30px;
                    }
                    
                         #content .main-content .inline-image img {
                              border: 2px solid #fff;
                         }
                         
                         #content .main-content .inline-image p.caption {
                              background: url("../images/carrot.png") no-repeat scroll left center;
                              color: #F26522;
                              margin-top: 00px;
                              padding-left: 10px;
                              font-size: 1em;
                         }
               
                    #content .main-content ul {
                         /* float: left;
                         width: 100%; */
                         margin-left: 30px;
                         margin-bottom: 20px;
                         list-style-type:disc;
                    }
                    
                        #content .main-content img {
                            margin-bottom: 10px;
                        }
                    
                        #content .main-content ul li {
                             /* float: left; */
                             margin-right: 3px;
                             line-height: 1.2em;
                             color: #c1c1c1;
                             font-size: 1.2em;
                             margin-top: .7em;
                             /* width: 100%; */
                        }
                        
                   #wrapper .main-content ol {
                         float: left;
                         margin-left: 30px;
                         margin-bottom: 20px;
                    }
                    
                        #wrapper .main-content ol li {
                             margin-right: 3px;
                             line-height: 1.5em;
                             color: #c1c1c1;
                             font-size: 1.3em;
                             margin-top: .7em;
                        }

               
               .breadcrumbs {
                    width: 100%;
                    float: left;
                    margin-bottom: 15px;
               }
               
                    .breadcrumbs ul li {
                         float: left;
                         padding-right: 10px;
                         background: url(../images/breadcrumb-seperator.png) center right no-repeat;
                         margin-right: 10px;
                    }
                    
                    .breadcrumbs ul li.last {
                         background: none;
                         margin-right: 0;
                    }
                    
                         .breadcrumbs ul li a {
                              color: #ddd;
                         }
                         
                         .breadcrumbs ul li a.current {
                              color: #fff;
                         }
                         
                         .breadcrumbs ul li.home a {
                            text-transform:uppercase;
                            padding-left:20px;
                            background: url(../images/house.gif) top left no-repeat;
                        }
               
               
               #content .desc {
                    margin-top: 30px;
                    float: left;
                    width: 325px;
               }
               
                    #content .desc h2 {
                         color: #cccccc;
                         font-weight: normal;
                    }
                                        
                    #content .desc h3 {
                         font-size: 1.1em;
                         color: #f26522;
                         text-transform: uppercase;
                         margin-top: 10px;
                         font-weight: normal;
                    }
               
               #content .main-content .sidebar {
                    background: url(../images/sidebar-bg.png) top left repeat-y;
                    -moz-border-radius-bottomleft: 10px;
               	-moz-border-radius-topleft: 10px;
               	-webkit-border-top-left-radius: 10px;
               	-webkit-border-bottom-left-radius: 10px; 
               	padding: 15px 0 15px 30px;
               	float: left;
               	margin-left: 30px;
               	width: 200px;
               }
               
                    #content .main-content .images {
                        background: none;
                    }
                    
                        #content .main-content .images img {
                            width: 200px;
                            margin: 0 0 0 0 !important;
                            border:2px solid #FFFFFF !important;
                        }
                        
                        #content .main-content .images .caption {
                            background:url("../images/carrot.png") no-repeat scroll left center transparent;
                            color:#F26522;
                            font-size:1em;
                            margin-top:5px;
                            margin-bottom: 20px;
                            padding-left:10px;
                        }
               
                    #content .main-content .sidebar a {
                         float: left;
                    }
                    
                    #content .main-content .sidebar img {
                         border: 0;
                         margin: -45px 0 0;
                    }
                    
                    #content .main-content .sidebar h3 {
                         color:#fff;
                         font-size:1.3em;
                         text-transform:uppercase;
                         float: left;
                         font-weight: bold;
                         width: 100%;
                         padding-left: 10px;
                         margin-bottom: .5em;
                         background: url(../images/sidebar-header-arrow.png) left 50% no-repeat;
                    }
                    
                    #content .main-content .sidebar p {
                         line-height: 1.5em;
                         padding-left: 10px;
                    }
                    
                    #content .main-content .sidebar ul {
                         float: left;
                    }
                    
                         #content .main-content .sidebar ul li {
                              float: left;
                              width: 100%;
                              margin-top: .5em;
                         }
                         
                              #content .main-content .sidebar ul li a {
                                   font-size: 1.2em;
                              }
                              
                              #content .main-content .sidebar a.see-all {
                                -moz-border-radius:5px 5px 5px 5px;
                                background-color:#F26522;
                                float:left;
                                margin-left:5px;
                                margin-top:20px;
                                padding:5px 10px;
                                text-transform:uppercase;
                              }





/* footer
--------------------------------------------------------------------------------*/

#footer {
     background: #252525 url(../images/footer-bg.gif) top center no-repeat;
     position: relative;
     float: left;
     width: 100%;
     padding: 40px 0 10px 0;
}

    .footer-container {
        position: relative;
    }
    
     .footer-container .main {
          
          padding: 20px 10px 30px 10px;
          /*width: 135px;*/
          -moz-border-radius-topright: 15px;
          -moz-border-radius-bottomright: 15px;
          -webkit-border-bottom-right-radius: 15px;
          -webkit-border-top-right-radius: 15px;
     }
    
         	.footer-container .main li a {
               font-size: 1.5em;
               line-height: 1.5em;
         	}
    
          .footer-container ul li {
               line-height: 1.5em;
          }
    
    .footer-container .copyright {
          float: left;
          margin: 20px 0;
          font-size: .9em;
          color: #888888;
          width: 960px;
    }
    
     .footer-container .vcard {
          margin-bottom: 15px;
     }
          
          .footer-container .vcard .label {
               text-transform: uppercase;
               color: #f26522;
               margin-right: 5px;
               font-style: normal;
               font-weight: bold;
          }
    
     .footer-container .vcard .adr {
          margin-bottom: 15px;
     }
    
    #footer h4 {
          text-transform: uppercase;
          font-size: 1em;
          margin-bottom: .5em;
          margin-top: 1.5em;
          color: #f26522;
    }















/*
960px grid system ~ Core CSS.
24 Columns ~ Margin left: 10px ~ Margin right: 10px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.01
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* =Containers
--------------------------------------------------------------------------------*/
.container_24
{
     margin-left: auto;
     margin-right: auto;
     width: 960px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_6-5, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
     display: inline;
     float: left;
     position:relative;
     margin-left: 10px;
     margin-right: 10px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .grid_1 {width: 20px;}
.container_24 .grid_2 {width: 60px;}
.container_24 .grid_3 {width: 100px;}
.container_24 .grid_4 {width: 140px;}
.container_24 .grid_5 {width: 180px;}
.container_24 .grid_6 {width: 220px;}
.container_24 .grid_6-5 {width: 230px; float: left; position: relative;}
.container_24 .grid_6-5 .last {width: 240px; float: right;}
.container_24 .grid_7 {width: 260px;}
.container_24 .grid_8 {width: 300px;}
.container_24 .grid_9 {width: 340px;}
.container_24 .grid_10 {width: 380px;}
.container_24 .grid_11 {width: 420px;}
.container_24 .grid_12 {width: 460px;}
.container_24 .grid_13 {width: 500px;}
.container_24 .grid_14 {width: 540px;}
.container_24 .grid_15 {width: 580px;}
.container_24 .grid_16 {width: 620px;}
.container_24 .grid_17 {width: 660px;}
.container_24 .grid_18 {width: 700px;}
.container_24 .grid_19 {width: 740px;}
.container_24 .grid_20 {width: 780px;}
.container_24 .grid_21 {width: 820px;}
.container_24 .grid_22 {width: 860px;}
.container_24 .grid_23 {width: 900px;}
.container_24 .grid_24 {width: 940px;}

/* =Prefix Extra Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .prefix_1 {padding-left: 40px;}
.container_24 .prefix_2 {padding-left: 80px;}
.container_24 .prefix_3 {padding-left: 120px;}
.container_24 .prefix_4 {padding-left: 160px;}
.container_24 .prefix_5 {padding-left: 200px;}
.container_24 .prefix_6 {padding-left: 240px;}
.container_24 .prefix_7 {padding-left: 280px;}
.container_24 .prefix_8 {padding-left: 320px;}
.container_24 .prefix_9 {padding-left: 360px;}
.container_24 .prefix_10 {padding-left: 400px;}
.container_24 .prefix_11 {padding-left: 440px;}
.container_24 .prefix_12 {padding-left: 480px;}
.container_24 .prefix_13 {padding-left: 520px;}
.container_24 .prefix_14 {padding-left: 560px;}
.container_24 .prefix_15 {padding-left: 600px;}
.container_24 .prefix_16 {padding-left: 640px;}
.container_24 .prefix_17 {padding-left: 680px;}
.container_24 .prefix_18 {padding-left: 720px;}
.container_24 .prefix_19 {padding-left: 760px;}
.container_24 .prefix_20 {padding-left: 800px;}
.container_24 .prefix_21 {padding-left: 840px;}
.container_24 .prefix_22 {padding-left: 880px;}
.container_24 .prefix_23 {padding-left: 920px;}

/* =Suffix Extra Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .suffix_1 {padding-right: 40px;}
.container_24 .suffix_2 {padding-right: 80px;}
.container_24 .suffix_3 {padding-right: 120px;}
.container_24 .suffix_4 {padding-right: 160px;}
.container_24 .suffix_5 {padding-right: 200px;}
.container_24 .suffix_6 {padding-right: 240px;}
.container_24 .suffix_7 {padding-right: 280px;}
.container_24 .suffix_8 {padding-right: 320px;}
.container_24 .suffix_9 {padding-right: 360px;}
.container_24 .suffix_10 {padding-right: 400px;}
.container_24 .suffix_11 {padding-right: 440px;}
.container_24 .suffix_12 {padding-right: 480px;}
.container_24 .suffix_13 {padding-right: 520px;}
.container_24 .suffix_14 {padding-right: 560px;}
.container_24 .suffix_15 {padding-right: 600px;}
.container_24 .suffix_16 {padding-right: 640px;}
.container_24 .suffix_17 {padding-right: 680px;}
.container_24 .suffix_18 {padding-right: 720px;}
.container_24 .suffix_19 {padding-right: 760px;}
.container_24 .suffix_20 {padding-right: 800px;}
.container_24 .suffix_21 {padding-right: 840px;}
.container_24 .suffix_22 {padding-right: 880px;}
.container_24 .suffix_23 {padding-right: 920px;}

/* `Push Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .push_1 {left: 40px;}
.container_24 .push_2 {left: 80px;}
.container_24 .push_3 {left: 120px;}
.container_24 .push_4 {left: 160px;}
.container_24 .push_5 {left: 200px;}
.container_24 .push_6 {left: 240px;}
.container_24 .push_7 {left: 280px;}
.container_24 .push_8 {left: 320px;}
.container_24 .push_9 {left: 360px;}
.container_24 .push_10 {left: 400px;}
.container_24 .push_11 {left: 440px;}
.container_24 .push_12 {left: 480px;}
.container_24 .push_13 {left: 520px;}
.container_24 .push_14 {left: 560px;}
.container_24 .push_15 {left: 600px;}
.container_24 .push_16 {left: 640px;}
.container_24 .push_17 {left: 680px;}
.container_24 .push_18 {left: 720px;}
.container_24 .push_19 {left: 760px;}
.container_24 .push_20 {left: 800px;}
.container_24 .push_21 {left: 840px;}
.container_24 .push_22 {left: 880px;}
.container_24 .push_23 {left: 920px;}

/* `Pull Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .pull_1 {left: -40px;}
.container_24 .pull_2 {left: -80px;}
.container_24 .pull_3 {left: -120px;}
.container_24 .pull_4 {left: -160px;}
.container_24 .pull_5 {left: -200px;}
.container_24 .pull_6 {left: -240px;}
.container_24 .pull_7 {left: -280px;}
.container_24 .pull_8 {left: -320px;}
.container_24 .pull_9 {left: -360px;}
.container_24 .pull_10 {left: -400px;}
.container_24 .pull_11 {left: -440px;}
.container_24 .pull_12 {left: -480px;}
.container_24 .pull_13 {left: -520px;}
.container_24 .pull_14 {left: -560px;}
.container_24 .pull_15 {left: -600px;}
.container_24 .pull_16 {left: -640px;}
.container_24 .pull_17 {left: -680px;}
.container_24 .pull_18 {left: -720px;}
.container_24 .pull_19 {left: -760px;}
.container_24 .pull_20 {left: -800px;}
.container_24 .pull_21 {left: -840px;}
.container_24 .pull_22 {left: -880px;}
.container_24 .pull_23 {left: -920px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
     clear: both;
     display: block;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
     clear: both;
     content:' ';
     display: block;
     font-size: 0;
     line-height: 0;
     visibility: hidden;
     width: 0;
     height: 0;
}

.clearfix {
     display: inline-block;
}

* html .clearfix {
     height: 1%;
}

.clearfix {
     display: block;
}