/*
Theme Name: NSC Theme
Theme URI: http://www.nextstepchina.org/
Description: The main theme for nextstepchina.org
Author: IFRIM Vlad - Mihai
Version: 1.0
*/
 
 *        { font-family: Arial, Helvetica, Sans-Serif; font-size:x-small; }
img       { border-style:none; }
form      { padding:0px; margin:0px; }
a:link    { color:#ffa60f; font-size:100%; text-decoration:none; }
a:visited { color:#ffa60f; font-size:100%; text-decoration:none; }
a:hover   { color:#ffa60f; font-size:100%; text-decoration:underline; }
p         { margin:0px; padding:0px; }
strong, b, em, i, span
          { font-size:100%; }


html    
    { padding:auto; height:auto; }
body      
    { text-align:center; margin:auto; padding:0px; 
      background:#6e0801 url(img/bg.png) 0% 0% repeat-x; }
/* {{{ */
    #PageSlot 
        { width:1003px; margin:auto; }
    /* {{{ */
        #Wrapper 
            { float:left; clear:both; width:100%; background:#fff; }
        /* {{{ */
            #Header 
                { float:left; width:100%; height:134px; padding:11px 0px 0px; margin:0px;
                  background:transparent url(img/header-top-line.png) 0% 0% repeat-x; }
            /* {{{ */
                #Header .left
                    { float:left; clear:left; width:361px; height:119px; padding:15px 0px 0px 14px; }
                #Header .center
                    { float:left; width:410px; height:100%; text-align:left; padding:0px 0px 0px 165px; }
				#Header .center table
					{ padding:7px 0px 0px; float:right; }
                #Header .center p
                    { text-align:right; font-size:150%; font-weight:bold; color:#a51712; 
                      padding:3px 0px 0px; line-height:18px; }
                #Header .center p a:link,
                #Header .center p a:visited,
                #Header .center p a:hover
                    { color:#a51712; padding:0px 5px; }
                #Header .center p.contact
                    { font-size:140%; padding:15px 0px 0px; }
                #Header .center p.contact a
                    { margin:0px 0px 0px 30px; }
                #Header .center p.contact span
                    { padding:0px 5px 0px 30px; }
                #Header .center h1
                    { text-align:center; font-size:220%; color:#a51712; line-height:28px;
                      margin:0px; padding:10px 0px 0px; font-weight:normal; font-style:italic; }
                #Header .center h1 span
                    { font-weight:bold; font-size:120%; }
                .menu-header-container
                    { float:left; clear:both; width:100%; }
                .menu-header-container ul
                    { float:right; clear:both; width:100%; text-align:right; padding:3px 0px 0px; margin:0px;
                      list-style-type:none; width:395px; }
                .menu-header-container ul li
                    { text-align:right; font-size:150%; font-weight:bold; color:#a51712; line-height:18px;
                      display:inline; }
                .menu-header-container ul li.menu-item.last-item
                    { border:0px; }
                .menu-header-container ul li a:link,
                .menu-header-container ul li a:visited,
                .menu-header-container ul li a:hover
                    { color:#a51712; padding:0px 8px; }
                #Header .right
                    { float:left; width:40px; height:100%; text-align:right; }
                #Header .right a
                    { margin:7px 0px 0px; display:block; }
            /* }}}-#Header */
            #Middle
                { float:left; width:100%; }
            /* {{{ */
                #Left
                    { float:left; clear:left; width:196px; padding:0px 0px 0px 1px; }
                /* {{{ */
                    #MenuWrapper
                        { float:left; clear:both; width:195px; }
                    /* {{{ */
                        #MenuWrapper .top
                            { float:left; clear:both; width:100%; height:8px; font-size:0px;
                              background:transparent url(img/menu-top.png) 0% 0% no-repeat; }
                        #MenuWrapper .middle
                            { float:left; clear:both; width:182px; padding:0px 6px 0px 7px;
                              background:transparent url(img/menu-bg.png) 0% 0% repeat-y; }
                        #MenuWrapper .middle .searchbox
                            { float:left; clear:both; width:170px; padding:15px 0px 15px 12px; text-align:left; }
                        #MenuWrapper .middle .searchbox input
                            { width:146px; height:16px; background:#eee; border:1px solid #ffc524;
                              font-size:120%; color:#2E2E2E;
                              padding:0px; margin:0px; vertical-align:middle; }
                        #MenuWrapper .middle .searchbox input.submit
                            { width:18px; height:18px; border:0px; padding:0px; margin:0px;
                              background:transparent url(img/search-submit.png) 0% 0% no-repeat; }
                        #MenuWrapper .bottom
                            { float:left; clear:both; width:100%; height:8px; font-size:0px;
                              background:transparent url(img/menu-bottom.png) 0% 0% no-repeat; }
                    /* }}}-#MenuWrapper */
                /* }}}-#Left */
                #Center
                    { float:left; width:575px; padding:0px 0px 1px; }
                /* {{{ */
                    #RotatingBox
                        { float:left; clear:both; width:100%; height:245px; font-size:0px; }
                    #RotatingBox #rp_nav
                        { display:none; }
                    #HomepageCtas
                        { float:left; clear:both; width:100%; padding:2px 0px; }
                    #HomepageCtas .cta-box
                        { float:left; padding:0px 2px 0px 2px; font-size:0px; }
                    #Reasons
                        { float:left; clear:both; width:100%; }
                    /* {{{ */
                        #Reasons .title
                            { float:left; clear:both; width:100%; height:70px; line-height:70px;
                              text-align:center; font-size:400%; font-weight:bold; color:#a51712;
                              letter-spacing:-2px; }
                        #Reasons .reason
                            { float:left; clear:both; width:530px; padding:0px 30px 0px 15px; }
                        #Reasons .reason .reasonTitle
                            { float:left; clear:both; width:450px; height:45px; padding:0px 0px 0px 80px;
                              line-height:45px; font-size:240%; font-weight:bold; color:#f9bd20;
                              text-align:left;
                              background:transparent url(img/icon-checked.png) 0% 50% no-repeat; }
                        #Reasons .reason .reasonExcerpt
                            { float:left; clear:both; width:520px; padding:0px 0px 0px 10px; }
                        #Reasons .reason .reasonExcerpt p
                            { margin:0px; padding:0px; font-size:130%; font-weight:bold; 
                              color:#373737; text-align:left; line-height:18px; }
                        #Reasons .reason .redBtnWrapper
                            { float:left; clear:both; width:100%; padding:3px 0px 5px; }
                        #Reasons .reason .redBtnWrapper .redBtn
                            { float:right; width:80px; }
                    /* }}}-#Reasons */
                    #Center .pageTitle
                        { float:left; clear:both; width:100%; text-align:center;
                          line-height:53px; font-size:320%; font-weight:bold; color:#a51712;
                          letter-spacing:-1px;
                          background:transparent url(img/faded-line-red.png) 27px 100% no-repeat; }
                    #Breadcrumbs
                        { float:left; clear:both; width:547px; line-height:20px;
                          text-align:left; color:#FEC423; padding:10px 0px 10px 28px; font-size:130%; }
                /* }}}-#Center */
                #Right
                    { float:left; width:231px; }
                /* {{{ */
                    #Right .box
                        { float:left; clear:both; width:228px; }
                    #Right .box .top
                        { float:left; clear:both; width:100%; height:8px; font-size:0px;
                          background:transparent url(img/right-top.png) 0% 0% no-repeat; }
                    #Right .box .content
                        { float:left; clear:both; width:217px; padding:0px 5px 0px 6px;
                          background:transparent url(img/right-bg.png) 0% 0% repeat-y; }
                    #Right .box .bottom
                        { float:left; clear:both; width:100%; height:8px; font-size:0px;
                          background:transparent url(img/right-bottom.png) 0% 0% no-repeat; }
                    #RightMenu
                        { float:left; clear:both; width:200px; padding:0px 0px 15px 17px;
                          border-bottom:1px solid #dadada; }
                    #RightMenu .title
                        { float:left; clear:both; width:100%; height:34px; padding:0px 0px 13px;
                          line-height:34px; font-size:200%; font-weight:bold; color:#a51712;
                          letter-spacing:-1px; }
                    #RightMenu ul
                        { float:left; clear:both; margin:0px; padding:0px; list-style-type:none;
                          text-align:left; }
                    #RightMenu ul li
                        { width:160px; padding:5px 0px 10px 40px; margin:0px 0px 15px;
                          font-size:140%; font-weight:bold; color:#8C0B05; }
                    #RightMenu ul li a:link,
                    #RightMenu ul li a:visited,
                    #RightMenu ul li a:hover
                        { color:#8C0B05; }
                    #RightMenu ul li span
                        { font-size:120%; color:#fdc433; }
                    #RightMenu .redBtnWrapper
                        { width:80px; margin:0px auto; padding:0px; }
                    #PriceQuote
                        { float:left; clear:both; width:195px; padding:0px 10px 15px 12px;
                          border-bottom:1px solid #dadada; }
                    #PriceQuote .title
                        { float:left; clear:both; width:100%; height:65px;
                          background:transparent url(img/price-quote-title.png) 50% 50% no-repeat; }
                    #PriceQuote .formWrapper
                        { float:left; clear:both; width:100%; text-align:left; padding:0px 0px 10px; }
                    #PriceQuote .formWrapper div
                        { float:left; clear:both; width:100%; padding:0px 0px 2px; }
                    #PriceQuote .formWrapper label
                        { float:left; font-size:120%; font-weight:bold; color:#880a04; }
                    #PriceQuote .formWrapper select
                        { float:right; font-size:110%; color:#3e3e3e; }
                    #PriceQuote .formWrapper select option
                        { font-size:100%; color:#3e3e3e; }
                    #PriceQuote .redBtnWrapper
                        { width:82px; margin:0px auto; padding:0px; }
                    #RightTestimonials
                        { float:left; clear:both; width:100%; text-align:center; padding:0px 0px 15px;
                          border-bottom:1px solid #dadada; }
                    #RightTestimonials .title
                        { float:left; clear:both; width:100%; height:48px;
                          background:transparent url(img/testimonials-title.png) 50% 50% no-repeat; }
                    #RightTestimonials .video
                        { float:left; clear:both; width:100%; padding:0px 0px 14px; text-align:center; }
                    #RightTestimonials .redBtnWrapper
                        { width:162px; margin:0px auto; padding:0px; }
                    #RightNscNews
                        { float:left; clear:both; width:197px; padding:0px 10px 15px 10px;
                          border-bottom:1px solid #dadada; }
                    #RightNscNews .title
                        { float:left; clear:both; width:100%; height:48px; text-align:center;
                          background:transparent url(img/nsc-news-title.png) 50% 50% no-repeat; }
                    #RightNscNews .calendar
                        { float:left; clear:both; width:180px; height:45px; padding:15px 0px 0px 0px; }
                    #RightNscNews .calendar .left
                        { float:left; clear:left; width:63px; height:100%; padding:0px 0px 0px 7px; 
                          background:transparent url(img/nsc-news-calendar.png) 0% 50% no-repeat; }
                    #RightNscNews .calendar .left .month
                        { float:left; clear:both; width:100%; height:12px; padding:6px 0px 0px;
                          line-height:12px; text-align:left; color:#fff; font-size:120%; font-weight:bold; }
                    #RightNscNews .calendar .left .date
                        { float:left; clear:both; width:100%; height:22px; padding:2px 0px 0px 0px;
                          line-height:22px; text-align:left; color:#000; font-size:160%; font-weight:bold; }
                    #RightNscNews .calendar .right
                        { float:left; width:110px; height:100%; font-size:120%; color:#373737; text-align:left; }
                    #RightNscNews p
                        { float:left; clear:both; width:100%; line-height:14px; font-size:120%;
                          color:#373737; text-align:left; padding:5px 0px; }
                    #RightNscNews .redBtnWrapper
                        { width:120px; margin:0px auto; padding:0px; }
                    #BottomIcons
                        { float:left; clear:both; width:100%; padding:25px 0px 15px; }
                    #BottomIcons .icon
                        { float:left; padding:0px 0px 0px 10px; }
                /* }}}-#Right */
            /* }}}-#Middle */
            #Footer 
                { float:left; clear:both; width:1001px; height:104px; margin:0px; 
                  border:1px solid #880b04;
                  background:#880b04 url(img/footer-bg.png) 0% repeat-x; }
            /* {{{ */
                #Footer .left
                    { float:left; clear:left; width:650px; text-align:center;
                      padding:10px 0px 0px 25px; }
                #Footer .left p
                    { padding:0px; margin:0px; font-size:110%; color:#fff; line-height:18px; }
                #Footer .left p a:link,
                #Footer .left p a:visited,
                #Footer .left p a:hover
                    { color:#fff; }   
                #Footer .right
                    { float:left; width: 226px; padding:35px 0px 0px 100px; }
            /* }}}-#Footer */
        /* }}}-#Wrapper */
    /* }}}-#PageSlot */
/* }}}-#Body */

.redBtn
    { float:left; clear:both; margin:0px; padding:0px; width:100%; height:16px; }
/* {{{ */
    .redBtn .redBtnLeft
        { float:left; clear:left; width:5px; height:100%; font-size:0px;
          background:transparent url(img/btn-red-left.png) 0% 0% no-repeat; }
    .redBtn .redBtnMiddle
        { float:left; height:100%; padding:0px 3px; line-height:16px; font-weight:bold;
          font-size:120%;
          background:transparent url(img/btn-red-bg.png) 0% 0% repeat-x; }
    .redBtn .redBtnRight
        { float:left; width:5px; height:100%; font-size:0px;
          background:transparent url(img/btn-red-right.png) 0% 0% no-repeat; }
/* }}}-.redBtn */