@charset utf-8;




html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{vertical-align:baseline;margin:0;padding:0}
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {display:block}
body{background:#fff;color:#000;font:75%/1.2em Georgia, "Times New Roman", serif;position:relative}
textarea{font:101%/1.5em Arial, Helvetica, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;width:100%;margin:0;padding:.29em 0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{text-decoration:underline;border:0}
a:hover,a:focus{text-decoration:none}
a img{border:0}
abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}
address,cite,em,i{font-style:italic}
blockquote p{margin:0 1.5em 1.5em;padding:.75em}
code,kbd,tt{font-family:"Courier New", Courier, monospace, serif;line-height:1.5}
del{text-decoration:line-through}
dfn{border-bottom:1px dashed;font-style:italic}
dl{margin:0 0 1.5em}
dd{margin-left:1.5em}
h1,h2,h3,h4,h5,h6{font-weight:700;padding:0}
h1{font-size:2em;margin:0 0 .75em}
h2{font-size:1.5em;margin:0 0 1em}
h3{font-size:1.1666em;margin:0 0 8px}
h4{font-size:1em;margin:0 0 6px}
h5{font-size:.8333em;margin:0 0 6px}
h6{font-size:.666em;margin:0 0 6px}
img{display:inline-block;vertical-align:text-bottom}
ins{text-decoration:overline}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
ol{list-style:outside decimal}
p{font-weight:300;margin:0 0 1.5em}
pre{font-family:"Courier New", Courier, monospace, serif;margin:0 0 1.5em}
sub{top:.4em;font-size:.85em;line-height:1;position:relative;vertical-align:baseline}
sup{font-size:.85em;line-height:1;position:relative;bottom:.5em;vertical-align:baseline}
ul, ol {list-style: none; margin: 0; padding: 0;}
table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}
caption{font-style:italic;text-align:left}
tr.alt td{background:#eee}
td{border:1px solid #000;vertical-align:middle;padding:.333em}
th{font-weight:700;vertical-align:middle;padding:.333em}
button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:1.75em 0 0;padding:0 .5em}
button::-moz-focus-inner{border:0}
fieldset{border:0;position:relative;margin:0 0 1.5em;padding:1.5em 0 0}
fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}
input{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;font-size:1em;height:1.5em;line-height:1.5em;width:100%;margin:0 0 .75em;padding:.29em 0}
input[type=file]{height:2.25em;padding:0}
select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;_margin:0 0 1.3em;margin:0 0 .8em;padding:.2em 0 0}
optgroup{font-weight:700;font-style:normal;text-indent:.2em}
optgroup + optgroup{margin-top:1em}
option{font-size:1em;height:1.5em;text-indent:1em;padding:0}
legend{font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0}
dt,strong,b{font-weight:700}
.amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;font-style:italic}
.quo{font-family:Georgia, Gentium, "Times New Roman", Times, serif}
.lquo{font-family:Georgia, Gentium, "Times New Roman", Times, serif;margin:0 0 0 -.55em}
.introParagraphArticle:first-letter{float:left;font-size:3.2em;font-weight:700;line-height:1em;margin:0 0 -.2em;padding:.125em .1em 0 0}



body, select, input, textarea {  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #000;
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/
/* hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }



/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }

/* make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/*
 * Non-semantic helper classes
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden
   Updated to ensure no other style overrides the styles defined in this rule */
.visuallyHidden {
    border: 0 !important;
    clip: rect(0 0 0 0);
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* --- TOC

01. GENERAL TYPOGRAPHY 
		1. CSS Reset
		2. General
		3. Lists Styles
		4. Borders & Dividers
		5. Tables
		6. Forms
		7. Images
		8. Headers
02. GENERAL LAYOUT
		1. General Structure
		2. Header
		3. Footer
		4. Sidebar
		5. Breadcrumbs
		6. Call to Action
		7. Columns
03. PAGE SPECIFIC STYLES
		1. Home
		2. Portfolio
		3. Portfolio Gallery View
		4. Portfolio Full Veiw
		6. Contact Form
04. BLOG STYLES 
		1. Blog Index
		2. About Author
		3. Social Media
		4. Popular and Related Posts
		5. Threaded Comments
05. WIDGETS
		1. Search Box
		2. Twitter
		3. Flickr
		4. Tag Cloud
		5. Custom Post Lists
		6. Calendar
		7. Contact Us Widget
		8. Recent Comments
		9. Categories, Links, Archives, ETC.
		10. RSS Widget
06. MENU 
07. EXTRAS
		1. Dropcaps
		2. Pullquotes
		3. Highlight Styles
		4. Unordered Lists
		5. Toggle Content
		6. Button Link Styles
		7. Box Styles
		8. WP Pagenavi

--- */



/* ________________________________________________________________________________________________________________
                                                  01. GENERAL TYPOGRAPHY
   ________________________________________________________________________________________________________________ */
/*
 *  GREEN Background: #517C33
 */

/* ------- 1. CSS Reset ------- */
h1.parentportal {
    position: absolute;
    right: -280px;
    font-family: arial;
    color: white;
    text-transform: uppercase;
    top: 10px;
}


/* ------- 2. General ------- */
body{
font-size:14px;
font-family: Georgia, "Times New Roman", serif;
line-height:1.5em;
position:relative;
background: #517C33 url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/bg.jpg) repeat-x;
}
h1, h2, h3, h4, h5, h6 {
          font-family: Rockwell, Georgia, Times, "Times New Roman", serif;
}
p {
          margin-bottom: 10px;
}

.wrapper{ 
width:100%;
position:relative;
display:table;
clear: both;
}
.thecontent p {
          font-family: Arial, Helvetica, sans-serif;
}
a.foot-to-top {
          position: absolute;
          top: 0;
          right: 0;
          color: #fff;
}
h3#logo-msg {
    display: block;
    text-align: center;
  margin: 0 auto;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", serif;
    width: 500px;
    height: 30px;
    color: #ccc;
    z-index: 100;
    top: 126px;
    left: 90px;
}
#social-footer {
    position: relative;
    margin: 26px auto 0 auto;
    overflow: hidden;   
    clear:both; 
}
#social-footer ul {
    list-style: none;
    position: relative;
    display: block;
    overflow: hidden;
    float: right;
    height: 32px;
}
#social-footer ul li {
    display: block;
    position: relative;
    overflow: hidden;
    height: 32px;
    width: 32px;
    float: right;
    padding-right: 10px;
}
#social-footer ul li a {
    text-indent: -999em;
    position: relative;
    display: block;
    height: 32px;
    width: 32px;
}

#facebook { background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/facebook.png) no-repeat; }
#twitter { background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/twitter.png) no-repeat; }
#youtube { background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/youtube.png) no-repeat; }
#blogger { background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/blogger.png) no-repeat; }

/* ------- 3. List Styles ------- */
ul.disc {
          list-style-type: disc;
          margin: 20px 0;
          padding-left: 20px;
          display: block;
          position: relative;
          overflow: hidden;
}
ul.disc li {
          margin-left: 20px;
          font-family: Georgia, "Times New Roman", serif;
          font-size: 16px;
          margin-bottom: 6px;
}
/*div.thecontent ul, ul.disc {
          list-style-type: disc;
          margin: 20px 0;
          padding-left: 20px;
          display: block;
          position: relative;
          overflow: hidden;
}
div.thecontent ul li, ul.disc li {
          margin-left: 20px;
          font-family: Georgia, "Times New Roman", serif;
          font-size: 16px;
          margin-bottom: 6px;
}*/
ul.check_list li{
          background:transparent url(//parents.helpmyboy.com/wp-content/themes/futuremen/css/images/mini_icons.png) no-repeat scroll -222px -41px;
          padding-left:20px;}



/* ------- 4. Borders & Dividers ------- */



/* ------- 5. Tables ------- */



/* ------- 6. Forms ------- */


label  { position:absolute; top:4px; left:5px; color: #444; font-family: Arial, Helvetica, sans-serif;}
/*input [type=text]:focus {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/assets/ajax-loader.gif) no-repeat top right;
}*/
.contact_page_formwrap {
          margin-bottom: 20px;
}
.contact_page_formwrap form{
          width: 290px;
          overflow: hidden;
}
.contact_page_formwrap h2 {
          font-size: 20px;
          font-weight: bold;
          color:  #FF6500;
}
.contact_right h3 {
          font-weight: bold;
          font-size: 24px;
}
.first_cnt_li {
          font-family: Rockwell, Georgia, Times, "Times New Roman", serif;
          font-weight: bold;
          font-style: italic;
          font-size: 16px;
}
ul.contact_inf {
          margin-bottom: 20px !important;
          display: block;
          overflow: hidden;
          position: relative;
          width: 100%;
          clear: both;
}
.contact_inf li {
          width: 100%;
          display: block;
          position: relative;
          overflow: hidden;
          font-family: Rockwell, Georgia, Times, "Times New Roman", serif;
          font-size: 16px;
}
#contact_img {
          width: 300px;
          height: 270px;
          position: relative;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/contact_img_bg.png) no-repeat;
}
#contact_img img {
          width: 280px;
          height: 250px;
          background: #000;
          position: absolute;
          top: 10px;
          left: 10px;
}
input[type="text"], input[type="email"], input[type="password"] {
          width: 260px;
          border: 1px solid #ccc;
          background: #fff;
          padding: 5px;
          height: 30px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
          border: 1px solid #000;
}
textarea {
          border: 1px solid #ccc;
          background: #fff;
          padding: 5px;
          width: 260px;
          height: 95px;
}
input[type="submit"] {
          display: block;
          width: 111px;
          height: 33px;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/submit.png)no-repeat;
          float: right;
          text-indent: -999em;
          outline: none;
          border: none;
}
.valid {border: 1px solid #006600;}
.error {border: 1px solid #FF0000;}

/* ------- 7. Images------- */

.alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 16px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame {border:1px solid #eaeaea;display:inline-block;}
.frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:8px;margin:0;}
.small_frame img {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:4px;margin:0;}
img.shadow {
          background: #fff;
          padding: 5px;
          /*border: solid 1px #EFEFEF;*/
          border: solid 1px #ccc;
          -moz-box-shadow: 1px 1px 5px #444;
          -webkit-box-shadow: 1px 1px 5px #444;
        box-shadow: 1px 1px 5px #444;
}
img.sm-shadow {
          background: #fff;
          padding: 1px;
          border: 1px solid #ccc;
           -moz-box-shadow: 1px 1px 1px #444;
          -webkit-box-shadow: 1px 1px 1px #444;
        box-shadow: 1px 1px 1px #444;
          
}

/* ------- 8. Headers ------- */




/* ________________________________________________________________________________________________________________
                                                  02. GENERAL LAYOUT  
   ________________________________________________________________________________________________________________ */



/* ------- 1. General Structure  ------- */

.primary-wrapper {
          position: relative;
          margin: 40px 0;
}

/* ------- 2. Header ------- */
#header {
    height: 195px;
    width: 100%;
    margin: 0 auto;
  border-bottom: 3px solid #000;
    background: url(http://helpmyboy.com/wp-content/themes/futuremen/images/logo-bg.jpg) repeat;
}

#logo {
          width: 400px;
          height: 150px;
          margin: 0 auto;
          top: 10px;
          left: 170px;
}
#logo a {
          height: 150px;
          width: 400px;
          margin: 0 auto:
          display: block;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/logo.png) no-repeat;
}
#content-wrapper {
          /* background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/content-bg.jpg) no-repeat top center; */
          background-color: #E3D5BE; 
          /* width: 1036px; */
          margin: 0 auto;
          overflow: hidden;
          padding-bottom: 20px;
}

.container {
          width: 880px;
          position: relative;
          overflow: hidden;      
          clear: both;  
          margin: 20px auto 20px auto;
}
/*#interior-container {
          margin-top: 20px;
}*/
#nav-wrap {
          width: 160px;
          margin-right: 20px;
          float: left;
}
#nav {
          list-style: none;
          margin: 0;
          width: 157px;
          display: none;
          position: relative;
          overflow: hidden;
}
#nav li {
          display: block;
          position: relative;
          float: left;
          width: 157px;
          height: 39px;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/nav-button.png) no-repeat;
          overflow: hidden;
          cursor: pointer;
}
#nav li a {
          text-decoration: none;
          display: block;
          text-indent: 20px;
          line-height: 39px;
          color: #fff;
          font-weight: bold;
          font-family: Rockwell, Georgia, Times, "Times New Roman", serif;
}
#nav li a:hover {
          color: #FF7A00;
}

/* ------- 3. Footer ------- */
#footer-wrapper {
          width: 1036px;
          position: relative;
          margin: -20px auto 0 auto;
          overflow: hidden;
          height: 120px;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/footer-bg.png)no-repeat top center;
}
#footer {
          width: 950px;
          margin: 40px auto;
          height: 80px;
          position: relative;
          overflow: hidden;
          color: #fff;
}
#footer-nav {
          float: left;
          position: relative;
          overflow: hidden;
          display: block;
}
#footer-nav li {
          float: left; 
          position: relative;
          display: block;
          overflow: hidden;
}
#footer-nav li a {
          color: #fff;
          text-decoration: none;
          padding: 0 6px;
          display: block;
          font-size: 12px;
          float: left;
}
#footer-nav li a:hover {
          color: #FF7A00;
}
#copyright {
          float: left;
          position: relative;
}


/* ------- 4. Sidebar ------- */




/* ------- 5. Breadcrumbs ------- */



/* ------- 6. Call to Action ------- */



/* -------  7. Columns ------- */

#primary { width: 100%; overflow: hidden;padding-top: 5px;}
#primary .second {float: left; width: 220px; margin-right: 20px; }
#primary .third { width: 380px; float: left; }
.last{margin-right:0 !important;clear:right;}



/* ________________________________________________________________________________________________________________
	                                              03. PAGE SPECIFIC STYLE 
   ________________________________________________________________________________________________________________ */



/* ------- 1. Home ------- */
#home-container {
          width: 910px;
          overflow: hidden;
          margin: 20px 0 0 60px;
          position: relative;
}
#home-intro {
          position: relative;
          margin: 0 auto 20px auto;
          text-align: center;
          width: 100%;
          overflow: hidden;
          font-family: Georgia, "Times New Roman", serif;
          font-size: 22px;
          line-height: 1.2em;
}
#home-scripture {
           font-family: Georgia, "Times New Roman", serif;
           font-size: 14px;
           font-weight: bold;
           text-align: right;
           line-height: 1.2em;
           position: relative;
           margin: 10px 0;
           color: #000;
           padding-right: 16px;
}
#home-outro {
          font-family: Georgia, "Times New Roman", serif;
          font-size: 20px;
          position: relative;
          height: 30px;
          margin: 40px 0 0 0;
          clear: both;
          text-align: center;
          color: #000;
}
#home-wrapper {
          width: 920px;
          overflow: hidden;
          position: relative;
          margin: 0 auto 20px auto;
          clear: both;
}
#home-left {
          float: left;
          position: relative;
          overflow: hidden;
          width: 275px;
          padding-top: 14px;
          margin: 0 15px 0 0;
}
#home-right {
          float: left;
          position: relative;
          width: 615px;
          overflow: hidden;
          clear: right;
}
#home-menu {
          position: relative;
          display: block;
          overflow: hidden;
          margin: 0;
          list-style: none;
}
#home-menu li {
          float: left;
          position: relative;
          display: block;
          height: 150px;
          width: 197px;
          margin: 0 10px 20px 0;
}
#home-menu li.last-hm {
          margin-right: 0px !important;
}
a.btm_wood {
          position: absolute;
          bottom: 0;
          font-size: 20px;
          width: 197px;
          height: 40px;
          z-index: 40;
          display: block;
          color: #fff;
          text-align: center;
          font-family: Rockwell, Georgia, Times, "Times New Roman", serif;
          line-height: 40px;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home_menu_bottom.png) no-repeat;
          text-decoration: none;
}
a.itm_img {
          display: block;
          position: relative;
          width: 166px;
          height: 144px;
          margin: 14px auto 0 auto;
}
#home-menu li:hover a {
          color: #FF7A00;
}
/*
 *   Home menu graphics
 */
#home_primary {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home-primary.png) no-repeat;;
}
#home_contact {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home-contact.png) no-repeat;;
}
#home_academics {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home-academics.png) no-repeat;;
}
#home_facilities {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home-facilities.png) no-repeat;;
}
#home_work {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home-work.png) no-repeat;;
}
#home_projects {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home-projects.png) no-repeat;;
}
#home_staff {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home-staff.png) no-repeat;;
}
#home_resources {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home-resources.png) no-repeat;;
}
#home_parents {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home-parents.png) no-repeat;;
}
/*
 *   Home Slideshow
 */
#home-slideshow {
          position: relative;
          width: 277px;
          height: 363px;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/home_slideshow_bg.png) no-repeat;
          margin: 0 0 0 10px;
}
#the_slideshow {
          position: absolute;
          top: 4px;
          left: 8px;
}
#the_slideshow ul {
          list-style: none;
          margin: 0;
}
#slideshow-title {
          width: 267px;
          height: 42px;
          z-index: 50;
          position: absolute;
          left: -8px;
          bottom: 10px;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/slideshow-title.png) no-repeat;       
}
#slideshow-title a {
          display: block;
          position: relative;
          height: 42px;
          width: 267px;
          line-height: 42px;
          text-align: center;
          color: #fff;
          text-decoration: none;
          font-weight: bold;
          font-size: 20px;
}
#slideshow-title a:hover {
          color: #FF7A00;
}
/*
 *  Academics Page
 */
#books-wrapper {
          width: 100%;
          position: relative;
          overflow: hidden;
          height: 200px;
          margin: 20px 0 10px 0;
}
#academics-links {
          list-style: none;
          display: block;
          overflow: hidden;
          height: 200px;
          width: 408px;
          margin: 0 0 0 120px;
}
#academics-links li {
          display: block;
          position: relative;
          overflow: hidden;
          float: left;
          
}
#cur-list {
          width: 118px;
          height: 180px;
          margin-right: 70px;
}
#nca-list {
        width: 180px;
        height: 180px;
}
#academics-links li a {
          display: block;
          position: relative;
          height: 160px;
          text-indent: -999em;
          
          background-repeat: no-repeat;
}
#cur-list a {
    width: 180px;
            background-image: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/booksprite.png);
          background-position: 0 0;          
}
#cur-list a:hover {
          background-position: 0 -169px;
}
#nca-list a {
          background-image: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/nca-logo.png);
}
#academics-photo-box {
          position: relative;
          width: 100%;
          overflow: hidden;
          height: 235px;
          margin: 40px 0;
}
#academics-photo-box img {
          float: left;
          position: relative;
          margin-right: 40px;
}
/*
 *  Students Page
 */
 .client-primary {
           position: relative;
          overflow: hidden;
 }
 div.client-primary form {
           position: relative;
           display: block;
           overflow: hidden;
           height: 102px;
    width: 500px;
    margin: 0 auto;
 }
 div.client-primary form label {
            display: inline!important;
           position: relative;
           margin: 30px 0;
 }
#life-goals {
           position: relative;
           float: right;
           margin: 0 0 10px 20px;
           width: 220px;
 }
.client-primary h1 {
          margin-bottom: 8px;
          font-size: 21px;
}
.client-primary h2 {
          font-size: 16px;
          margin-bottom: 6px;
}
#worldview {
          position: relative;
          margin: 0 0 10px 20px;
          width: 280px;
          float: right;
          overflow: hidden;
}
#worldview p {
          font-size: 12px !important;
          margin-bottom: 14px !important;
          line-height: 15px !important;
}
#worldview h3 {
          margin-bottom: 6px !important;
}
#clients-wrapper {
          margin: 10px 0 30px 0;
          position: relative;
}
a.slideshowlink {
          display: none;
}
#client-gallery-wrapper {
          position: relative;
          margin: 0 0 20px 0;
          overflow: hidden;
}
div.wv-hide {
          display: none;
}
h5.life-goals-heading {
          font-size: 18px;
          color: #E66F00;
          margin-bottom: 7px !important;
}


/* ------- 2. Contact ------- */
#contact_left {
          width: 340px;
          margin-right: 20px;
          float: left;
          overflow: hidden;
}
#contact_right {
          width: 300px;
          float: left;
          overflow: hidden;
}
ol {
          list-style: none;
          margin: 0;
          padding: 0;
          position: relative;
          display: block;
          overflow: hidden;
          clear: both;
}
ol li {
          display: block;
          overflow: hidden;
          position: relative;
          margin: 0 0 10px 0;
          float: left;
          width: 260px;
}
ul.contact-downloads {
          display: block;
          position: relative;
          overflow: hidden;
          margin: 10px auto;
          clear: both;
          height: 30px;
}
ul.contact-downloads li {
          display: block;
          position: relative;
          height: 30px;
          float: left;
          margin-right: 22px;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/pdf-icon.png) no-repeat left;
}
ul.contact-downloads li a {
    padding: 0 0 0 26px;
}
/*
 *  Staff Page
 */
.box_outer {
          border: 1px solid #fff;
          overflow: hidden;   
          position: relative;
          margin-bottom: 10px;
}
.gradient_box {
        background: #D8C7B9;
          border: 1px solid #C4B6A8;
          padding: 10px;
          overflow: hidden;
          position: relative;  
}
#staff-intro-text {
          float: left;
          position: relative;
          overflow: hidden;
          width: 360px;
          margin-right: 16px;
}
#staff-intro-img {
          float: left;
          position: relative;
          width: 280px;
          overflow: hidden;
          font-family: Georgia, "Times New Roman", serif;
          font-style: italic;
          font-size: 14px;
}
#staff-intro-text p {
          font-family: Georgia, "Times New Roman", serif;
          font-style: italic;
          font-size: 14px;
          line-height: 1.3em;
          margin-bottom: .6em;
          text-align: right;
}
#staff-intro-img img {
         width: 270px;
          height: 177px;
}
#staff-intro-img .caption {
          width: 100%;
          position: relative;
          display: block;
          text-align: center;
          margin: 3px auto;        
}
ul.staff_items {
          display: block;
          overflow: hidden;
          list-style: none;
          margin: 20px 0 0 0;
          clear: both;
}
.staff_items li {
          width: 100%;
          float: left;
          display: block;
          position: relative;
          margin-right: 45px;
          margin-bottom: 20px;
          font-family: Georgia, "Times New Roman", serif;
}
.staff_items li.last {
          margin-right: 0 !important;
}
.staff_items li img {
          display: block;
          margin: 10px 20px 10px 0px;
          position: relative;
}
h4.staff_title {
          line-height: 1.2em;
          margin-bottom: 5px;
          font-family: Georgia, "Times New Roman", serif;
          font-weight: bold;
          font-size: 16px;
}
h4.staff_title span {
          font-weight: none;
          font-size: 14px;
          font-style: italic;
}
.staff_items li p {
          line-height: 1.4em;
}
/*
 *  At a Glance
 */
 .pf_outer {
        border: 1px solid #fff;
          overflow: hidden;   
          position: relative;
          margin-bottom: 10px;
 }
.pf_odd {
          background: #D8C7B9;
          border: 1px solid #C4B6A8;
          padding: 10px 10px 10px 0;
          overflow: hidden;
          position: relative;
}
.pf_even {
          background: #E6DED7;
          border: 1px solid #C4B6A8;
          padding: 10px 10px 10px 0;
          overflow: hidden;
          position: relative;
          
}
.focus_txt {
          width: 313px;
          position: relative;
          overflow: hidden;
          float: left;
}
div.pf_odd div.focus_txt {
          margin-right: 56px;
}
.focus_img {
          position: relative;
          width: 215px;
          height: 146px;
          margin-top: 10px;
          float: left;
}
.focus_txt h2 {
          font-weight: bold;
          margin-bottom: 6px;
          font-size: 20px;
}
.focus_txt p {
          font-size: 15px;
         font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
          font-style: italic;
          line-height: 1em;
}
.focus_txt p span {
          font-size: 13px;
}
.focus_txt p span a {
          font-size: 13px;
          color: #444;
}
div.pf_even div.focus_img {
          margin-right: 56px;
}
#glance_box1 {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/glance_box-1.png)no-repeat;
}
#glance_box2 {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/glance_box-2.png)no-repeat;
}
#glance_box3 {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/glance_box-3.png)no-repeat;
}
#glance_box4 {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/glance_box-4.png)no-repeat;
}
#glance_box5 {
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/glance_box-5.png)no-repeat;
}
.focus_number {
          float: left;
          position: relative;
          display: block;
          width: 60px;
          height: 40px;
          margin-top: -10px;
}
#fn_1 {
         background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/fn_1.jpg) no-repeat top left; 
}
#fn_2 {
         background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/fn_2.jpg) no-repeat top left; 
}
#fn_3 {
         background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/fn_3.jpg) no-repeat top left; 
}
#fn_4 {
         background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/fn_4.jpg) no-repeat top left; 
}
#fn_5 {
         background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/fn_5.jpg) no-repeat top left; 
}
/*
 *  Primary Focus
 */
#goals-underlay {
          display: block;
          position: relative;
          height: 29px;
          width: 477px;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/goals-underlay.png) no-repeat;
          line-height: 29px;
          font-size: 18px;
          font-style: italic;
}
#pf-images {
          position: relative;
          overflow: hidden;
          height: 180px;
          margin-top: 20px;
          clear: both;
}
#goals-wrapper {
          position: relative;
          margin: 40px 0;
          overflow: hidden;
          width: 100%;
}
#pf-images img {
          float: left;
          position: relative;
          margin-right: 8px;
}
/*
 *  Word Programs Page
 */
 .box_right_photos img {
          width: 128px;
          height: 92px;
}
/*
 *  Resources Page
 */
 #apprenticeship-box {
           margin-top: 40px;
 }
#resources-page-img {
          float: right;
}
h6.sub {
          font-weight: bold;
          font-style: italic;
          font-size: 16px;
          margin-top: -8px;
          margin-bottom: 13px;
}
.resources-primary p, p.contact-top {
          margin-bottom: 20px;   
          font-style: italic;       
}
#resources-wrap {
    position: relative;
    float: left;
    overflow: hidden;
    width: 360px;
}
.resources-primary p a {
          color: #444;
}
.resources-primary h3 {
          margin-bottom: 2px;
}
ul.resources_list {
          display: block;
          position: relative;
          overflow: hidden;
          margin: 10px 0 20px 0;
}
ul.resources_list li a {
          color: #444;
          font-size: 16px;
}

img.btm { margin-top: 10px; }

/*
 *   Parent Login Page
 */
#parent-login-box {
          position: relative;
          width: 342px;
          overflow: hidden;
          margin: 0 auto;
          padding: 0 !important;
}
#parent-login {
          width: 340px;
          position: relative;
          padding: 0 !important;
}
#parent-login h3 {
          font-size: 24px;
          font-weight: bold;
          text-align: center;
          margin-top: 20px;
}
h5#student-trigger {
          font-size: 18px;
          margin-bottom: 3px !important;
          text-align: center;
          
}
input [type="password"] {
          display: block;
          position: relative;
          border: 1px solid #ccc;
          background: #fff;
}
#pwbox-110 {
          margin-top: 20px;
}
#student-list-wrapper {
          position: relative;
          overflow: hidden;
          width: 190px;
          margin: 0 auto;
          padding-bottom: 20px;
          
}
#student-listing {
          overflow: hidden;
          clear: both;
          width: 190px;
          position: relative;
          margin: 0 auto;
         
}
#student-listing li {
          position: relative;
          display: block;
          overflow: hidden;
          width: 188px;
          height: 30px;
          border-bottom: 1px solid  #ccc;
}
#student-listing li:hover {
          background: #ccc;
}
#student-listing li a:hover {
          color: #fff !important;
}
#student-listing li a {
          text-align: center !important;
          display: block;
          line-height: 30px;
          color: #444 !important;
          text-decoration: none !important;
}
/*
 *  FACILITIES PAGE
 */
 #facilities-content {
           position: relative;
           float: left;
           width: 100%;
           margin-right: 10px;
 }
 #facilities-third {
           float: left;
           position: relative;
           width: 381px;
 }
#big-img-bg {
          position: relative;
          width: 381px;
          height: 294px;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/big-img-bg.png) no-repeat;
          overflow: hidden;
}
#big-img {
          position: relative;
          width: 337px;
          height: 250px;
          margin: 23px 0 0 24px;
          background: url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/ajax-loader.gif) no-repeat center;
}
#main-img {
          position: relative;
          width: 337px;
          height: 250px;
}
#fg-thumbs-wrap {
          position: relative;
          overflow: hidden;
          margin: 20px 0;
          width: 100%;
}
#fg-thumbs {
          list-style: none;
          position: relative;
          display: block;
          overflow: hidden;
          margin: 0;
          padding: 0;
}
#fg-thumbs li {
          position: relative;
          float: left;
          display: block;
          overflow: hidden;
          background: transparent url(//parents.helpmyboy.com/wp-content/themes/futuremen/images/fg-thumb-bg.png) no-repeat;
          width: 75px;
          height: 58px;
          padding: 0;
          margin: 0 0 10px 0;
}
#fg-thumbs li a {
          display: block;
          position: relative;
          height: 51px;
          width: 67px;
          overflow: hidden;
          margin-top: 6px;
          margin-left: 6px;
}
#fg-thumbs li a img {
          padding: 0;
          margin: 0;
          width: 63px;
          height: 46px;
          position: relative;
}
#facilities-content h2 {
          font-size: 16px;
          font-weight: bold;
}
#facilities-content h3 {
          font-size: 16px;
          font-style: italic;
          font-weight: bold;
          margin-bottom: 0;
}
#facilities-content ul {
          margin: 5px 0 25px 0;
		  width:30%;
		  float:left;
}
#facilities-content ul li {
          font-size: 16px;
          margin-bottom: 3px;
}
/*
 *  Projects Page
 */
 .projects_box {
          font-size: 11px;
          line-height: 1;
}
.proj {
          margin-bottom: 10px;
}
ul.projects_photos {
          list-style: none;
          position: relative;
          overflow: hidden;
          display: block;
          width: 100%;
          margin-bottom: 10px;
}
ul.projects_photos li {
          float: left;
          margin-right: 2px;
          position: relative;
          display: block;
}
ul.projects_photos li.l {
          margin-right: 0;
}
h2.projects-title {
          font-size: 23px;
          color:  #ff6500;
          text-align: center;
          margin-bottom: 5px !important;
}










/* ________________________________________________________________________________________________________________
	                                              04. BLOG STYLES
   ________________________________________________________________________________________________________________ */


/* ------- 1. Blog Index & Post ------- */



/* ------- 2. About the Author ------- */



/* ------- 3. Social Media ------- */



/* ------- 4. Popular and Related Posts ------- */



/* ------- 5. Threaded Comments ------- */



/* ________________________________________________________________________________________________________________
                                                  05. WIDGETS 
   ________________________________________________________________________________________________________________ */





/* ------- 1. Search Box ------- */




/* ------- 2. Twitter Widget ------- */



/* ------- 3. Flickr Widget ------- */


	
/* ------- 4. Tag Cloud ------- */

	
/* ------- 5. Custom Post Lists ------- */


/* ------- 6. Calendar ------- */     




/* -------  Contact Us Widget ------- */


/* ------- 8. Recent Comments ------- */


/* ------- 9. Categories, Archives, Etc. ------- */





/* ________________________________________________________________________________________________________________
                                                  06. MENU 
   ________________________________________________________________________________________________________________ */







/* ________________________________________________________________________________________________________________
	                                              07. EXTRAS 
   ________________________________________________________________________________________________________________ */


/* ------- 1. Dropcaps ------- */



/* ------- 2. Pullquotes ------- */



/* ------- 3. Highlight Styles ------- */

	



/*	
ul{list-style:outside disc}
ul,ol{margin:0 0 1.5em 1.5em;padding:0}
li ul,li ol{margin:0 0 1.5em 1.5em;padding:0}
*/
/* ------- 5. Toggle Content ------- */



/* ------- 6. Buttons ------- */


/* ------- 7. Box Styles ------- */
.box_white {
          border: 1px solid #ccc;
          padding: 10px;
          background: #fff;
          overflow: hidden;
}
.box_left_content {
          float: left;
          width: 345px;
          margin-right: 12px;
}
.mb {
          margin-bottom: 15px;
}
.box_left_content h2 {
          margin-bottom: 15px;
}
.box_left_content p {
          font-family: Georgia, "Times New Roman", serif;
          font-size: 14px;
          line-height: 1.2em;
}
.box_right_photos {
          float: left;
          width: 298px;
          /*height: 122px;*/
          overflow: hidden;
          margin-top: 15px;
}
.box_right_photos img {
          float: left;
          position: relative;
          margin-right: 12px;
         

}

label {
    display: none;
}


/* ------- 8. WP Pagenavi ------- */