@charset "utf-8";

/*
 * Site Name: Universal Web Consulting
 * Description: Universal Web Consulting main layout CSS file.
 * Author: Justin St. Germain
 * Version: 1.0
 * 
 * [Table Of Contents]
 * 1	- RESET BROWSER
 *   1.1	- SET DEFAULTS
 *   1.2	- FLOATING AND CLEARING
 * 2	- GLOBAL
 *   2.1	- LIST ITEMS
 * 3	- SKELETON
 *   3.1	- HEADER
 *   3.2	- MESSAGE BAR
 *   3.3	- NAVIGATION
 *     3.3.1	- MENU LINKS
 *   3.4	- MAIN CONTENT
 * 4	- LAYOUT
 *   4.1	- COLUMNS
 *     4.1.1	- HOME PAGE COLUMNS
 *     4.1.2	- SUB PAGE COLUMNS
 *   4.2	- FOOTER
 *   4.3	- SMALL FOOTER
 * 5	- LINKS
 * 6	- HEADINGS
 *   6.1	- PAGE HEADINGS
 * 7	- TYPOGRAPHY
 * 8	- FORM SETTINGS
 * 9	- SHADOWBOX
 * 10	- FLOWPLAYER
 * 11	- SCROLLABLE BUTTONS
 * 12	- TOGGLE
 * 13	- PAGE SPECIFIC SETTINGS
 *   13.1	- HOME PAGE
 * 14	- MISCELLANEOUS
 * 
 *************************************************/


/*
 * 1 - RESET BROWSER
 *************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font: 10pt arial; }
/* used in FF due to old versions of IE always having a scroll bar */
html { overflow: -moz-scrollbars-vertical; overflow-x: auto; }
body { line-height: 1; }
/* LIST ITEMS */
ol, ul { list-style: none; }
/* BLOCKQUOTE */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* ---------- 1.1 - SET DEFAULTS ---------- */
body { font:13px/1.5 'Arial','Liberation Sans','Helvetica Neue',FreeSans,sans-serif }
/* LINKS */
a:focus { outline:1px dotted; }
/* HORIZONTAL RULE */
hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0; }
/* HEADINGS */
h1 { font-size:25px; }
h2 { font-size:23px; }
h3 { font-size:21px; }
h4 { font-size:19px; }
h5 { font-size:17px; }
h6 { font-size:15px; }
/* FONT STYLE */
strong, b { font-weight: bold; }
em, i { font-style: italic; }
/* LIST ITEMS */
ol { list-style:decimal; }
ul { list-style:disc; }
li { margin-left:30px; }
/* SET DEFAULT MARGIN BOTTOM */
p, dl,
hr, h1, h2, h3, h4, h5, h6,
ol, ul,
pre, table , address , fieldset { margin-bottom:20px; }

@font-face {
	font-family: 'nevisBold';
	src: url('../fonts/nevis-webfont.eot');
	src: local('☺'), url('../fonts/nevis-webfont.woff') format('woff'), url('../fonts/nevis-webfont.ttf') format('truetype'), url('../fonts/nevis-webfont.svg#webfontUE19VEQJ') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ---------- 1.2 - FLOATING AND CLEARING ---------- */
.float-left { float: left; }
.float-right { float: right; }
.clearfix { clear: both; }
.spacer5 { height: 5px; }
.spacer10 { height: 10px; }
.spacer15 { height: 15px; }
.spacer20 { height: 20px; }


/*
 * 2 - GLOBAL
 *************************************************/

html { background: #002D44; }
body { margin: 0; padding: 0; font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; background: #FFF url(../images/page_back.jpg) 0 140px repeat-x; }
p { font-size: 10pt; line-height: 17px; margin-bottom: 10px; }
.alert {border: 1px solid #ffd300; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #fdf9dc; padding: 5px; margin-bottom: 20px; font-weight: bold;}
.alert a {font-weight: bold;}
.red {color: #a10000;}

/* ---------- 2.1 - LIST ITEMS ---------- */
ol { list-style:decimal; }
ul { list-style: none; }
li { margin-left: 0px; }


/*
 * 3 - SKELETON
 *************************************************/
 
#wrapper { background: url(../images/content_shadow_curl.png) 50% 140px  no-repeat; width: 100%; }
#page_container { width: 100%; }

/* ---------- 3.1 - HEADER ---------- */
#header { background: url(../images/header_back.jpg) repeat; width: 100%; height: 140px; position: relative }
#header_wrap { width: 960px; margin: 0 auto; position: relative; }
.header_glow { background: url(../images/header_glow.png) no-repeat; width: 100%; height: 95px; top: 0; left: 0; position: absolute; }
.header_shadow { background: url(../images/header_shadow.png) 50% 100% no-repeat; width: 100%; height: 95px; top: 0; left: 0; position: absolute; }
#logo { top: 10px; left: 0; position: absolute; }
#actionbox { top: 10px; right: 0; width: 300px; height: 60px; border: solid 1px red; position: absolute; }

/* ---------- 3.2 - MESSAGE BAR ---------- */
.message_bar { background: #FFF url(../images/messagebar_back.jpg) repeat-x; border-bottom: solid 1px #ffd102; width: 100%; height: 50px; top: 0; position: fixed; z-index: 100; }
.message_bar .message_container { background: url(../images/warning_icon.png) 0 5px no-repeat; padding: 7px 0 5px 50px; width: 930px; height: 40px; margin: 0 auto; font-weight: bold; }
.message_bar .message_container a { color: #D76E2A; font-weight: bold; }
.message_bar .message_container a:hover { text-decoration: underline; }
.message_bar_spacer { height: 50px; }

/* ---------- 3.3 - NAVIGATION ---------- */
#main_menu { background: url(../images/nav_back.jpg) repeat-x; width: 100%; height: 45px; top: 95px; position: absolute; }
#menu_wrap { width: 960px; margin: 0 auto; }
#menu { height: 45px; float: left; color: #004f77; font-size: 11px; font-weight: bold; text-transform: uppercase; list-style: none; }
#menu li { float: left; height: 45px; margin: 0; }

/* ---------- 3.3.1 - MENU LINKS ---------- */
#menu li a { text-decoration: none; color: #004f77; padding: 15px 10px; display: block; font-size: 9pt; font-family: 'nevisBold', sans-serif;}
#menu li a:hover { background: url(../images/nav_hover.jpg) repeat-x; text-decoration: none; color: #FFF; }
#menu li a.on { background: url(../images/nav_active.png) 50% 100% no-repeat; color: #000; }

/* ---------- 3.4 - MAIN CONTENT ---------- */

#page_layout { width: 100%; }
#layout { width: 940px; margin: 0 auto; padding: 5px 0; position: relative; min-height: 270px; }


/*
 * 4 - LAYOUT
 *************************************************/

#content { width: 940px; margin: 0 auto; padding:  10px 0; }
.text_block { background: url(../images/div_shadow.png) bottom no-repeat; overflow: hidden; padding-bottom: 50px; }
.text_block_nosep { background: none; overflow:hidden; }
.small_button { width: 106px; height: 24px; display: block; margin-top: 20px; line-height: 25px; background: url(../images/small_button.png) top left no-repeat; text-align: center; color: #ad5000; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.small_button:hover { background: url(../images/small_button.png) bottom left no-repeat; }
.line-sep { background: url(../images/div_shadow.png) no-repeat; width: 398px; height: 15px; margin-bottom: 20px; }
.last { margin-right: 0; padding-right: 0; border: none; }
.shadow { background: url(../images/div_shadow.png) 50% 100% no-repeat; padding-bottom: 25px; }

/* ---------- 4.1 - COLUMNS ---------- */
#full_width_content { position: relative; width: 940px; overflow: hidden; }

/* ---------- 4.1.1 - HOME PAGE COLUMNS ---------- */
#left_homepage { width: 580px; position: relative; float: left; overflow: hidden; }
#right_homepage { width: 340px; position: relative; float: right; }

/* ---------- 4.1.2 - SUB PAGE COLUMNS ---------- */
#left_subpage { width: 580px; position: relative; float: left; overflow: hidden; }
#right_subpage { width: 340px; position: relative; float: right; }
#left_subpage_wide { width: 690px; position: relative; float: left; overflow: hidden; }
#right_subpage_narrow { width: 232px; position: relative; float: right; }
#sidebar { width: 232px; float: right; overflow: hidden; margin: 0px; }
.sidebarlist li a  { padding-top: 2px; color: #696969; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; text-decoration: none; }
.sidebarlist li a:hover  { text-decoration: underline; }
.sidebarlist li { margin-bottom: 10px; background: url(../images/bullet.png) center left no-repeat; padding-left: 15px; }
.margin_top { margin: 20px 0px 10px 0px; }

/* ---------- 4.2 - FOOTER ---------- */
#topbar { background-color: #aedbeb; height: 10px; }
#footer { background-color: #004f77; width: 100%; }
#footer_content { width: 940px; margin: 0 auto; padding: 20px 0px; overflow: hidden; }
#footer a { color: #6f6f6f; }
.footer_list { float: left; margin-right: 30px; }
.footer_contact { float: left; margin-right: 20px; }
.footer_contact .contact_info { margin-top: 5px; font-size: 10px; text-transform: uppercase; line-height: 11pt; float: left; width: 150px; margin-right: 20px; }
.footer_contact .phone_info { margin-top: 5px; font-size: 10px; text-transform: uppercase; line-height: 11pt; float: left; width: 180px; margin-right: 3px; }
#footer_content li { margin-bottom: 5px; }
#footer_content a { color: #6f6f6f; text-decoration: none; text-transform: uppercase; font-size: 10px; }
#footer_content a:hover { text-decoration: underline; }

/* ---------- 4.3 - SMALL FOOTER ---------- */
#small_footer { background-color: #002d44; padding: 20px 0px; color: #6f6f6f; font-size: 10px; overflow: hidden; }
#small_footer_content { width: 940px; margin: 0 auto; }
#footerlogo { float: left; margin-right: 20px; }
#small_footer_right { float: right; margin-top: 10px; font-size: 10px; color: #6e8895; }
#small_footer_right a { font-size:10px; color:#fff; }

/* ---------- 4.3 - SMALL FOOTER ---------- */

#testimonial_container { width: 580px; float: left; }
#testimonials { background: #1c6b93; position: relative; width: 580px; min-height: 20px; margin-top: -10px; margin-bottom: 20px; }
.testimonials_topLeft, .testimonials_topRight, 
.testimonials_bottomLeft, .testimonials_bottomRight { background: url(../images/testimonial_back.jpg) no-repeat; }
.testimonials_topLeft { background-position: 0 0; width: 10px; height: 10px; top: 0; left: 0; position: absolute; }
.testimonials_topRight { background-position: 100% 0; width: 10px; height: 10px; top: 0; right: 0; position: absolute; }
.testimonials_bottomLeft { background-position: 0 100%; width: 51px; height: 40px; bottom: -30px; left: 0; position: absolute; }
.testimonials_bottomRight { background-position: 100% -10px; width: 10px; height: 10px; bottom: 0; right: 0; position: absolute; }
#testimonials .testimonal_content { color:#CFEAF3; padding: 10px; }
#testimonials .testimonal_content ul { margin:0 10px 10px 10px; }
#testimonials .testimonal_content ul li div { float:left; color:#CFEAF3; padding-right:15px; text-align:right; width:120px; }
#testimonials .testimonal_content .testimonial_left { width: 260px; float: left; }
#testimonials .testimonal_content .testimonial_left h2{ display:inline; float:left; padding-left:15px; }
#testimonials .testimonal_content .testimonial_left h3{ color:#FFFFFF; display:inline; text-align:left; }
#testimonials .testimonal_content .testimonial_right { width: 280px; float: right; }
#testimonials .testimonal_content .testimonial_right h2{ display:inline; float:left; padding-left:15px; }
#testimonials .testimonal_content .testimonial_right h3{ color:#FFFFFF; display:inline; text-align:left; }


/*
 * 5 - LINKS
 *************************************************/
a, a:link, a:active, a:visited { text-decoration: none; }


/*
 * 6 - HEADINGS
 *************************************************/

h1, h2, h3, h4, h5, h6 { text-transform: uppercase; color: #323232; margin-bottom: 13px; font-family: 'nevisBold', sans-serif;}
h1 { font-size: 16px;color: #FFF; }
h2 { font-size: 14px; }
h3 { font-size: 13px; margin-bottom: 10px; }
h4 { font-size: 12px; margin-bottom: 10px; }
h5 { font-size: 11px; margin-bottom: 10px; }
h6 { font-size: 10px; margin-bottom: 10px; }
#footer h2 { color: #aedbeb; margin-bottom: 18px; }

h2 span { color: #004F77; font-size: 16px; }
h2 a { text-transform: uppercase; color: #323232; margin-bottom: 13px; font-family: 'nevisBold', sans-serif; font-size: 14px; }

/* ---------- 6.1 - PAGE HEADINGS ---------- */
#heading { background: url(../images/heading.jpg) no-repeat; width:940px; height: 100px; position: relative; margin-top: 5px; }
#heading h1 { width:540px; height: 100px; top: 0; left: 20px; position: absolute; text-indent: -99999px; }
.curriculum h1 { background: url(../images/heading_curriculum.png) no-repeat; }
.about_us h1 { background: url(../images/heading_about_us.png) no-repeat; }
.contact_us h1 { background: url(../images/heading_contact_us.png) no-repeat; }

/*
 * 7 - TYPOGRAPHY
 *************************************************/ 
.small { font: 8pt "Trebuchet MS", Arial, Helvetica, sans-serif; }
.testimonal_content .quote_text { font-style: italic; color: #cfeaf3; }
.testimonal_content .quote_name { font: 8pt verdana; color: #FFF; }
.title_txt { font: bold 20pt times; text-shadow: 1px 1px 1px #002D44; color: #3B9CC6; text-align: center; }
.nevis-Bold {font-weight: normal; font-style: normal; line-height:normal; font-family: 'nevisBold', sans-serif;}


/*
 * 8 - FORM SETTINGS
 *************************************************/ 

.inpt-bx { border: 1px solid #ad5000; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ad5000; width: 177px; padding: 2px 5px 3px 5px; color: #FFFFFF; }
.form-btn { background: #6f3401; border: 1px solid #6f3401; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px 3px 5px; text-transform: uppercase; color: #cab4a1; font: bold 8pt arial; }
/* Contact Form located on all pages */
#emailForm { float: right; width: 340px; }
.form { overflow: hidden; display:block; }
.formfooter ul { margin: 0; padding:0; overflow:hidden; list-style: none; }
.formfooter ul li { float:left; margin:0; padding:0; }
.formfooter .form_label { color: #ffffff; text-transform: uppercase; font-size: 8pt; margin:0 0 3px 0; display:block; font-family: 'nevisBold', sans-serif;}
.formfooter #btm_name, .formfooter #btm_email { background: #cfeaf3; border: 1px solid #cfeaf3; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 148px; height: 18px; display: block; margin-bottom:10px; font-size: 8pt; font-family: verdana; color: #002D44; }
.formfooter #btm_name { margin-right:17px; }
.formfooter #btm_message { background: #cfeaf3; border: 1px solid #cfeaf3; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 320px; height: 56px; display: block; font-size: 8pt; font-family: verdana; color: #002D44; }	
.formfooter .submit { border:none; float:right; background: #002D44; border: 1px solid #002D44; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 93px; height: 23px; display: block; text-align: center; margin-top: 15px; padding:0 0 3px 0; font: bold 8pt verdana; text-transform:uppercase; color:#AEDBEB; cursor: pointer; }
form.formfooter li.alert input  { background: url(../images/name_field_error.jpg) top left no-repeat !important; }
form.formfooter li.alert textarea  { background: url(../images/message_field_error.jpg) top left no-repeat !important; }
#loginForm { width: 340px; top: 10px; right: 0; position: absolute; }
.formheader ul { margin: 0; padding:0; overflow:hidden; list-style: none; }
.formheader ul li { float:left; margin:0; padding:0; }
.formheader .signin_label { color: #ffffff; text-transform: uppercase; font-size: 8pt; margin:0 0 3px 0; display:block; font-family: 'nevisBold', sans-serif;}
.formheader #username, .formheader #password { background: #cfeaf3; border: 1px solid #cfeaf3; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 148px; height: 18px; display: block; margin-bottom:5px; font-size: 8pt; font-family: verdana; color: #002D44; }
.formheader #username { margin-right:17px; }
.formheader .login_btn { border:none; background: #1c6b93; border: 1px solid #1c6b93; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; cursor: pointer; display: block; font: bold 8pt verdana; margin: 0; margin-right: 135px; top: 50px; left: 225px; position: absolute; text-transform: uppercase; padding:0 0 3px 0; width: 93px; height: 23px; }
formheader li.alert input  { background: url(../images/name_field_error.jpg) top left no-repeat !important; }
formheader li.alert textarea  { background: url(../images/message_field_error.jpg) top left no-repeat !important; }
/* Contact Form located on contact page (Unique Style) */
form.global { margin:30px 0 0 0; padding:0; width: 690px; }
form.global label { float: left; width: 125px; padding: 0; margin:10px 10px 0 0; text-align: left; font-weight: bold; display:block; font-size:14px; color: #888; }
form.global input, form.global textarea, form.global select { background: #eee; border-top: 1px solid #888888; border-left:1px solid #888888; border-right:1px solid #fff; border-bottom:1px solid #fff; color: #2b2b2b; font-size:14px; text-shadow: 0 1px 0 #fff; margin: 0 50px 15px 0; float:left; padding: 9px; width: 400px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; }
form.global input:hover, form.global textarea:hover { border: 1px solid #888888; }
form.global input:focus, form.global textarea:focus { border: 1px solid #888888;}
form.global input.submit { background: #ccc; color: #888; border-top: 1px solid #fff; border-left:1px solid #fff; border-right:1px solid #888888; border-bottom:1px solid #888888; text-shadow: 0 1px 0 #fff; cursor: pointer; display: block; font-size: 12px; font-weight:bold; margin: 0; margin-right: 135px; outline: none; float:right; text-transform: uppercase; padding: 8px 10px 8px 10px; width: auto; font-family: 'nevisBold', sans-serif;}
form.global input.submit:hover { color:#2b2b2b; cursor:pointer; border: 1px solid #888888;}
/* ERROR HANDLING */
form.global li.alert input, form.global li.alert textarea   { border:1px solid #CC0000; }
/* THANK YOU */
div.thankyou { text-align: center; margin:80px 0 0 0; }
div.thankyou h1 { color: #999999; }
div.thankyou p { color:#999999; }	
.error, .success {display:none; float: left;}
.btm_error, .btm_success {display:none; float: right; top: 15px; margin-left: 10px; position: relative;}


/*
 * 9 - SHADOWBOX
 *************************************************/ 

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; color: #fff; }
#sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none; }
#sb-overlay { position: relative; height: 100%; width: 100%; }
#sb-wrapper { position: absolute; visibility: hidden; width: 100px; }
#sb-wrapper-inner { position: relative; border: 1px solid #303030; overflow: hidden; height: 100px; }
#sb-body { position: relative; height: 100%; }
#sb-body-inner { position: absolute; height: 100%; width: 100%; }
#sb-player.html { height: 100%; overflow: auto; }
#sb-body img { border: none; }
#sb-loading { position: relative; height: 100%; }
#sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center; }
#sb-loading-inner span { background: url(../images/loading.gif) no-repeat; padding-left: 34px; display: inline-block; }
#sb-body, #sb-loading { background-color: #060606; }
#sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden; }
#sb-title, #sb-title-inner { height: 26px; line-height: 26px; }
#sb-title-inner { font-size: 16px; }
#sb-info, #sb-info-inner { height: 20px; line-height: 20px; }
#sb-info-inner { font-size: 12px; }
#sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%; }
#sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat; }
#sb-nav-close { background-image: url(../images/close.png); }
#sb-nav-next { background-image: url(../images/next.png); }
#sb-nav-previous { background-image: url(../images/previous.png); }
#sb-nav-play { background-image: url(../images/play.png); }
#sb-nav-pause { background-image: url(../images/pause.png); }
#sb-counter { float: left; width: 45%; }
#sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; }
#sb-counter a.sb-counter-current { text-decoration: underline; }
div.sb-message { font-size: 12px; padding: 10px; text-align: center; }
div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; }


/*
 * 10 - FLOWPLAYER
 *************************************************/ 

/* everything is constructed with a single background image */
#panes { position: relative; background: url(../images/scroller_back.jpg) no-repeat; width:940px; height:250px; margin-top: 5px; }
/* root element for tabs */
#flowtabs { /* dimensions */ width:760px; height:31px !important; margin:0 !important; padding:0; /* IE6 specific branch (prefixed with "_") */ _margin-bottom:-2px; }
/* single tab */
#flowtabs li { float:left; margin:0; padding:0; text-indent:0; list-style-type:none; }
/* a- tag inside single tab */
#flowtabs li a { background: url(/tools/img/tabs/blue_panes.jpg) no-repeat; display:block; height: 31px; width: 189px; padding:0px; margin:0px; /* font decoration */ color:#000; font-size:12px; line-height:33px; text-align:center; text-decoration:none; }
/* adjust the background image position on each tab */
#flowtabs #t1 { background-position: 0 0; }
#flowtabs #t2 { background-position: -189px 0; }
#flowtabs #t3 { background-position: -378px 0; }
#flowtabs #t4 { background-position: -567px 0; width:192px;}
/* mouseover state */
#flowtabs a:hover { color:#fff;	 }
#flowtabs #t1:hover { background-position: 0 -33px; }
#flowtabs #t2:hover { background-position: -189px -33px; }
#flowtabs #t3:hover { background-position: -378px -33px; }
#flowtabs #t4:hover { background-position: -567px -33px; }
/* currently selected tabs */
#flowtabs a.current { cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current { background-position: 0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }
/* panes */
#flowpanes { width:940px; height:250px; }
/* single pane */
#flowpanes div { display:none; color:#fff;	margin:20px; }
/* some decorations for elements inside single pane */
#flowpanes div h2 { font-weight:normal; color:#ddd; letter-spacing:1px; margin:10px 0 0 0; font-size:22px; }
#flowpanes a { color:#cc9; font-size:14px; }
#flowpanes p, #flowpanes samp { color:#ccc; }
#flowpanes div.narrow { padding-right:160px; }
/* override the root element to enable scrolling */
#flowpanes { position:relative; overflow:hidden; clear:both; }
/* override single pane */
#flowpanes div { float:left; display:block; width:900px; cursor: default; /*cursor:pointer;*/ font-size:14px; }
/* our additional wrapper element for the items */
#flowpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; }
/* our additional wrapper element for the items */
#flowpanes .items div { position: relative; }
#flowpanes .less, #flowpanes .less a { color:#999 !important; font-size:11px; }


/*
 * 11 - SCROLLABLE BUTTONS
 *************************************************/ 

/* this makes it possible to add next button beside scrollable */
#flowpanes { position: relative; }
/* prev, next, prevPage and nextPage buttons */
a.browse { background:url(../images/hori_large.png) no-repeat; display:block; width:44px; height:44px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; z-index: 99; }
/* right */
a.right { background-position: 0 -44px; top: 50px; right: -30px; position: absolute; }
a.right:hover { background-position:-44px -44px; }
a.right:active { background-position:-88px -44px; } 
/* left */
a.left { top: 50px; left: -30px; position: absolute; } 
a.left:hover { background-position:-44px 0; }
a.left:active { background-position:-88px 0; }
/* up and down */
a.up, a.down { background:url(../images/vert_large.png) no-repeat; float: none; margin: 10px 50px; }
/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 
/* disabled navigational button */
a.disabled { visibility:hidden !important; } 	


/*
 * 12 - TOGGLE
 *************************************************/ 

.container { overflow: hidden; }
.right_toggle_container { margin-top: 23px; }
h5.trigger { padding: 12px 70px 0 10px; margin: 0 0 5px 0; background: url(../images/toggle_btn.png); height: 26px; width: 170px; text-transform: uppercase; color: #686868; text-decoration: none; display: block; font: bold 10px;}
h5.trigger a { color: #686868; text-decoration: none; display: block; font-size: 10px; }
h5.trigger a:hover { color: grey; }
h5.active {background-position: left bottom;}
.toggle_container { padding: 10px; margin-bottom: 5px; border: 1px solid #d6d6d6; background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top; width: 210px; clear: both; }
.toggle_container p { margin: 0px; font: 8pt verdana; }
.toggle_container p span { font: bold 8pt verdana; }

h6.trigger a { color: #686868; text-decoration: none; display: block; font-size: 10px; }
h6.trigger a:before { content: '+'; font-size: 12pt; padding-right: 5px; top: 2px; position: relative; }
h6.active a:before { content: '-'; font-size: 12pt; padding-right: 9px; top: 0; position: relative; }
.second_toggle {padding: 10px; padding-top: 0; margin-bottom: 5px;}


/*
 * 13 - PAGE SPECIFIC SETTINGS
 *************************************************/ 

/* ---------- 13.1 - HOME PAGE ---------- */
#flowpanes h1 { background: url(../images/heading1.png) no-repeat; text-indent: -99999px; width: 476px; height: 89px; top: 10px; left: 25px; position: absolute; }
#flowpanes h4 { width: 520px; text-align: center; top: 110px; left: 10px; position: absolute; }
.results { background: url(../images/education_img.png) no-repeat; margin-bottom: 10px; padding-left: 160px; min-height: 188px; }
.experience { background: url(../images/success_img.png) no-repeat; margin-bottom: 10px; padding-left: 160px; min-height: 241px; }
.flowpanes_person1 { background: url(../images/woman1.png) 90% 100% no-repeat; width: 938px; height: 248px; top: -39px; left: -39px; position: absolute; }
#flowpanes a.read_more_btn { background: url(../images/read_more.png) no-repeat; font-size: 10pt; color: #ad5000; text-transform: uppercase; text-align: center; padding: 6px 0; width: 152px; height: 21px; bottom: 80px; left: 180px; position: absolute; font-family: 'nevisBold', sans-serif;}
#flowpanes .read_more_btn:hover { background: url(../images/read_more.png) 0 100% no-repeat; }


/*
 * 14 - MISCELLANEOUS
 *************************************************/ 

.floatimg { float: left; margin-right: 10px; }
.featureimg { border: #e6e6e6 5px solid; margin: 15px 15px 10px 0px; }
.read_more { font-size: 8pt; white-space: nowrap; }
.email_link { top: 4px; position: relative; }