/*
The Few Institute
*/


/* ---[ GENERAL ]------------------------------- */
/* ---[ Reset All -- Alternative to Universal Selector -- removed "form" from the list]------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: none;}

body {margin: 0; padding:0; border:0;}
body {font: 100.01% Verdana, Helvetica, Arial,sans-serif; color: #333333; background: #E8E5DD url(../images/background/shadow.gif) 50% 62px no-repeat; }

a:focus, a:active {outline: 0; -moz-outline: none;}

img {margin: 0; border:0;}
table {border: 0; border-collapse: collapse;}

ul {list-style-type: none;}

#wrapper {position: relative; margin: 0 auto; padding: 0; border: 0; width: 890px;}


/* ---[ Logo ]------------------------- */
#logo {padding: 0; width: 890px; height: 76px; text-align: right;}
#logo img {margin: 19px 0 0 0; padding: 0;}
#logoPress { position: absolute; top: 70px; margin: 0 auto; }


/* ---[ Navigation ]----------- */
#navWrap {float: left; padding: 0; width: 890px; height: 16px;}
.nav {padding:0; margin:0; list-style:none; font-size: 0.001em;}
.nav li {float:left;}
.nav li.press {float:right;}
.nav li a {display:block; height: 7px; text-decoration: none;}
.nav li.one a {padding:0 28px 0 0; width: 90px; background:url(../images/nav/navi_1.gif) 0 0 no-repeat; cursor:pointer;}
.nav li.two a {padding:0 28px 0 0; width: 59px; background:url(../images/nav/navi_2.gif) 0 0 no-repeat; cursor:pointer;}
.nav li.three a {padding:0 28px 0 0; width: 121px; background:url(../images/nav/navi_3.gif) 0 0 no-repeat; cursor:pointer;}
.nav li.four a {padding:0 28px 0 0; width: 110px; background:url(../images/nav/navi_4.gif) 0 0 no-repeat; cursor:pointer;}
.nav li.five a {padding:0 28px 0 0; width: 85px; background:url(../images/nav/navi_5.gif) 0 0 no-repeat; cursor:pointer;}
.nav li.six a {padding:0 28px 0 0; width: 53px; background:url(../images/nav/navi_6.gif) 0 0 no-repeat; cursor:pointer;}
.nav li.sixPress a {padding:0; width: 53px; background:url(../images/nav/navi_6.gif) 0 0 no-repeat; cursor:pointer;}

.nav li a:hover {text-decoration: none;}
.nav li.one a:hover, .nav li.oneCurrent a {padding:0 28px 0 0; width: 90px; background:url(../images/nav/navi_1.gif) 0 -8px no-repeat;}
.nav li.two a:hover, .nav li.twoCurrent a {padding:0 28px 0 0; width: 59px; background:url(../images/nav/navi_2.gif) 0 -8px no-repeat;}
.nav li.three a:hover, .nav li.threeCurrent a {padding:0 28px 0 0; width: 121px; background:url(../images/nav/navi_3.gif) 0 -8px no-repeat;}
.nav li.four a:hover, .nav li.fourCurrent a {padding:0 28px 0 0; width: 110px; background:url(../images/nav/navi_4.gif) 0 -8px no-repeat;}
.nav li.five a:hover, .nav li.fiveCurrent a {padding:0 28px 0 0; width: 85px; background:url(../images/nav/navi_5.gif) 0 -8px no-repeat;}
.nav li.six a:hover, .nav li.sixCurrent a {padding:0 28px 0 0; width: 53px; background:url(../images/nav/navi_6.gif) 0 -8px no-repeat;}
.nav li.sixPress a:hover, .nav li.sixPressCurrent a, .nav li.sixAltCurrent a {padding:0; width: 53px; background:url(../images/nav/navi_6.gif) 0 -8px no-repeat;}


#subNavWrap {float: left; margin: 37px 0 0 0; padding: 0; width: 164px; height: 455px; border-right: 1px solid #C6BFB3;}
.subNav {padding:0 0 0 20px; margin:0; list-style:none; font-size: 0.6425em; font-family: Arial, Helvetica, sans-serif; line-height:1.225em;}
.subNav li {margin: 0; padding: 0;}
.subNav li a {display:block; margin:0 0 15px 0; width: 144px; color:#333333; text-decoration:none; text-transform: uppercase; letter-spacing:0.1em;}
.subNav li a:hover, .subNav li.realself a:hover, .subNav li.resume a:hover, .subNav li.pressFirst a:hover, .subNav li.press a:hover, .subNav li.pressLast a:hover {color:#4a9687; text-decoration: none;}

.subNav li.first a {display:block; margin:11px 0 15px 0; width: 144px; color:#333333; text-decoration:none; text-transform: uppercase; letter-spacing:0.1em;}
.subNav li.first a:hover {color:#4a9687; text-decoration: none;}
.subNav li.realself a {display:block; margin:11px 0 15px 0; width: 144px; color:#333333; text-decoration:none; text-transform: none; letter-spacing:0.1em;}
.subNav li.resume a {display:block; margin: 24px 0 0 0; padding:8px 0 8px 0; width: 124px; color:#333333; text-decoration:none; text-transform: uppercase; letter-spacing:0.1em; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}

.subNav li.pressFirst a {display:block; margin: 8px 0 0 0; padding:8px 0 8px 0; width: 124px; color:#333333; text-decoration:none; text-transform: uppercase; letter-spacing:0.1em; border-bottom: 2px solid #fff;}
.subNav li.press a {display:block; margin: 0; padding:8px 0 8px 0; width: 124px; color:#333333; text-decoration:none; text-transform: uppercase; letter-spacing:0.1em; border-bottom: 2px solid #fff;}
.subNav li.pressLast a {display:block; margin: 0; padding:8px 0 8px 0; width: 124px; color:#333333; text-decoration:none; text-transform: uppercase; letter-spacing:0.1em;}

.subNav li.current a {color:#4a9687; font-weight: bold; text-decoration: none;}
.subNav li.currentSub a {margin:0 0 6px 0; color:#4a9687; font-weight: bold; text-decoration: none;}
.subNav li.currentSubTwo a {margin:11px 0 6px 0; color:#4a9687; font-weight: bold; text-decoration: none;}
.subNav li.subsub a {display:block; margin: 2px 0 6px 6px; padding:0; font-size: 0.95em; width: 138px; color:#333333; text-decoration:none; text-transform: uppercase; letter-spacing:0.1em;}
.subNav li.subsub a:hover {color:#591f00; text-decoration: none;}
.subNav li.currentSubSub a {margin: 2px 0 6px 6px; color:#591f00; font-weight: bold; text-decoration: none;}


/* ---[ HOME and LANDING PAGE BACKGROUNDS and Site Pictures]------------------------- */
#contentHome {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background: #fff url(../images/pics/picHome.jpg) 0 0 no-repeat;}
#contentJulius {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background: #fff url(../images/pics/picJulius.jpg) 0 0 no-repeat;}
#contentInstitute {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background: #fff url(../images/pics/picInstitute.jpg) 0 0 no-repeat;}
#contentAesthetic {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background: #fff url(../images/pics/picAesthetic.jpg) 0 0 no-repeat;}
#contentYouth {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background: #fff url(../images/pics/picYouth.jpg) 0 0 no-repeat;}
#contentHarmony {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background: #fff url(../images/pics/picHarmony.jpg) 0 0 no-repeat;}
#contentPersonal {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background: #fff url(../images/pics/picPersonal.jpg) 0 0 no-repeat;}
#contentLogIn {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background: #fff url(../images/pics/picLogIn.jpg) 0 0 no-repeat;}
#contentContact {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background: #fff url(../images/pics/picContact.jpg) 0 0 no-repeat;}
#contentPress {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background: #fff url(../images/pics/picPress.jpg) 0 0 no-repeat;}

.juliusPic {float: right; margin: 0; padding: 0 0 16px 22px;}
img.icon {margin-right: 14px; border:0;}


/* ---[ CONTENT ]------------------------- */
#contentWrap {float: left; display:inline; margin: 0; padding: 0; width: 890px; height: 554px; background-color: #fff;}
#contentWrapTwo {float: left; display:inline; margin: 4px 4px; padding: 0; width: 880px; height: 544px; background-color: #fff; border: 1px solid #E8E5DD;}
#content {float: left; display:inline; margin: 12px 0 0 12px; padding: 0; width: 856px; height: 522px; background-color: #f1f6f5;}

#textWrap {float: left; margin: 37px 0 0 5px; padding: 0 50px 0 24px; width: 610px; height: 455px; border-left: 1px solid #C6BFB3; overflow: auto;}
#textWrapJulius {float: left; margin: 37px 0 0 5px; padding: 0 20px 0 24px; width: 640px; height: 455px; border-left: 1px solid #C6BFB3; overflow: auto;}
#textWrapContact {float: left; margin: 37px 0 0 5px; padding: 0 50px 0 24px; width: 792px; height: 455px; border: none; overflow: auto;}
#textWrapPressHome {float: left; margin: 61px 0 0 5px; padding: 0 50px 0 67px; width: 610px; height: 455px; border: none; overflow: auto;}
#textWrapPress {float: left; margin: 37px 0 0 5px; padding: 0 20px 0 24px; width: 640px; height: 455px; border-left: 1px solid #C6BFB3; overflow: auto;}
#textWrapLogin {float: left; margin: 37px 0 0 5px; padding: 0 20px 0 24px; width: 340px; height: 455px; border: none; overflow: auto;}
#textWrapTour {float: left; margin: 20px 0 0 5px; padding: 31px 0 0 34px; width: 610px; height: 455px; border: none; background: #f1f6f5 url(../images/background/tourBack.gif) 0 0 no-repeat; overflow: auto;}


#textWrap ul {margin: 0 0 16px 0; padding: 0;}
#textWrap li {margin: 0; padding: 0;}
#textWrap li a {font-size: 0.6875em; color:#333333;}
#textWrap li a:hover {color:#4a9687; text-decoration: none;}

#textWrap li.media {margin: 4px 0 10px 0; padding: 0; line-height:0.90em;}
#textWrap li.media a {font-size: 0.6875em; color:#333333;}
#textWrap li.media a:hover {color:#4a9687; text-decoration: none;}

#textWrapPress ul {margin: 0; padding: 0; clear: both;}
#textWrapPress li {margin: 0; padding: 0; list-style: none;}
#textWrapPress li.pressImageBump {float: left; margin: 0 42px 14px 0; padding: 0;}
#textWrapPress li.pressImage {float: left; margin: 0 42px 0 0; padding: 0;}
#textWrapPress li.pressImage a {margin: 0; padding: 0;}
#textWrapPress ul p {margin: 0 0 6px 0;}


#slideshow2 {float: left; margin: 0; padding: 0;}
.showpics {padding:0; margin:0; width: 540px; height: 351px; overflow: hidden;}
.showpics img {top:0; left:0 }


#controls {float: left; padding: 22px 0 0 0; width: 540px; text-align: center;}
#controls a { font-size: 0.8875em; color:#333333; text-decoration: none;}
#controls a:hover { font-size: 0.8875em; color:#4a9687; text-decoration: none;}


table {margin: 0 16px 0 0; width: 176px; border-collapse: collapse; float: left; border-bottom: 2px solid #999;}

th, td {text-align: left; vertical-align: top; padding: 0;}
th {padding:1.251em 0 0.425em 0; font-weight: normal; font-style: normal; color: #df6000; font-size: 0.6875em; text-transform: uppercase; border-bottom: 1px solid #999;}

td {padding:0.525em 0 0.525em 0; font-size: 0.625em; line-height: 1.5225em; text-transform: uppercase; border-bottom: 1px solid #999;}

td.prodType {padding:0.625em 0.2875em 0.2875em 0; font-size: 0.60em; text-transform: uppercase; color: #df6000; border-bottom: 2px solid #999;}
td.prodTypeCentered {padding:0.625em 0.2875em 0.2875em 0; font-size: 0.60em; text-align:center; text-transform: uppercase; color: #df6000; border-bottom: 2px solid #999;}
td.dott {padding:0.333em 0 0.225em 0; font-size: 0.745em; font-weight: bold; text-align:center; line-height: 1em; color: #df6000;}

th a {color: #df6000; text-decoration: none;}
th a:hover {color: #999; text-decoration: none;}


/* ---[ FORMS ]------------------------- */
.signIn a {padding: 3px 0 3px 0; color: #fff; font-weight: bold; background-color: #333; text-decoration: none;}
.signIn a:hover {color: #fff; font-weight: bold; background-color: #4a9687; text-decoration: none;}

input {color: #000; background-color: #fff; }
input:focus {color: #fff; background-color: #777;}
.submit {color: #fff; background-color: #000000;}

input,
textarea,
select {margin: 0; font: 11px Arial; border: 1px solid #999; width: 100%;}
/*select {color: #fff; background-color: #666;}*/


/* ---[ FOOT ]------------------------- */
#foot {float: left; margin: 0; padding: 6px 0 0 0; width: 890px; height: 20px; font-size: 0.8875em; color:#333333; text-align: center;}
.info {float: left; margin: 0; padding: 0; text-align: left; letter-spacing:0.0325em; text-transform: uppercase;}
.copyright {float: right; margin: 0; padding: 0; text-align: right; letter-spacing:0.0325em;}
.credit {fext-align: right; color:#acacac; letter-spacing:0.0200em;}

#foot a {color:#333333; text-decoration: none; }
#foot a:hover {color:#4a9687; text-decoration: none;}
#foot a.current {color:#4a9687; text-decoration: none;}

#foot a.grip {color:#acacac; text-decoration: none; }
#foot a.grip:hover {color:#333333; text-decoration: none;}

/* ---[ TYPOGRAPHIC ]------------------------------- */
p {margin:0 0 1.286em 0; /* 14x1.286=18px */ font-size: 0.6875em; /* 16x0.6875=11px */ line-height:1.625em;}

h1, h2, h3, h4 {font-weight:normal;}
h1 {margin:0 0 36px 0; font-family: "Times New Roman", Georgia, Times, serif; font-size: 1.525em; color: #4a9687; line-height:1.225em;}
h2 {margin:0 0 14px 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: .825em; color: #4a9687; line-height:1.625em;}
h3 {margin:0; padding:0; font: 0.725em Verdana, Helvetica, Arial, sans-serif; color: #4a9687; font-weight: bold;}
h4 {margin:0 0 0.500em 0; padding:0; font: 0.725em Verdana, Helvetica, Arial, sans-serif; color: #4a9687; font-weight: bold; text-transform: uppercase;}

a {color: #4a9687; text-decoration: none;}
a:hover {color: #333333; text-decoration: underline;}

.bold {font-weight: bold;}
.ital {font-style:italic;}
.caps {text-transform: uppercase;}
.gray {color:#333333;}
.green {color:#4a9687;}
.red {color:#591f00;}

.newsTitle {font-weight: bold; margin: 0;}

ul.list {list-style-type: disc; padding: 0 0 1.286em 0; margin: 0;}
li.list {font-size: 0.6875em; margin: 0 0 4px 14px; line-height: 1.425em;}
ul.noBullet {list-style-type: none; padding: 0 0 1.286em 0; margin: 0;}
li.noBullet a {font-size: 0.6875em; margin: 0 0 4px 0; line-height: 1.425em;}