/*
Brand.LIVE
Project by: Thought Shop Creative Inc. www.thoughtshop.ca

RED  		#d40d12
- hover		#a80001
DARK GREY  	#575a5d
LIGHT GREY	#babcbe

*/

html{background-color:#000000;height: 100%;}

/*Background Image Scaling*/
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1200px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

body{margin:0;padding:0 0 0 0;font-family:"Trebuchet MS",Trebuchet,Arial,sans-serif;height:100%;/*-webkit-text-size-adjust: none;*/ }
#dots_overlay{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:0;overflow:hidden;background:url(/images/dots.gif);}
#flash_bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
div#flash_bg { background: url(/images/loading_black.gif) center center no-repeat; }

/*for pages with align-bottom elements*/
#wrapper{width:100%;min-height:700px;height:100%;position:relative;top:0;right:0;overflow:hidden;}
#wrapper.width { min-width:1150px; width: 100%; }

h1,h2,h3,h4 { /*font-family: Tahoma;*/ }
h1 { font-weight: bold; font-size: 350%; color: #575a5d; line-height: 1.0; margin-bottom: 10px; }
a { color: #d40d12; text-decoration: none; font-weight: normal; }
a:hover { color: #a80001; }
:-moz-any-link:focus { outline: none; }

/* ================== */
/* = Helper Classes = */
/* ================== */
.img_link, .hidden { display: none; }
span.red { color: #d40d12; }
.clear { clear: both; }
div.clear { clear: both; height: 1px; }
.left { float: left; }

#nav{display:block;position:absolute;top:0;right:0;background-color:#fff;height:34px;width:650px;font-size:125%;z-index:10000;}
#nav.admin { width: 725px; }
/*.scroll #nav { position: absolute; }*/
#nav_logo { display: block; position: absolute; left: -35px; background: transparent url(/images/brandlive_icon_small.png) 0 3px no-repeat; width: 35px; height: 35px; }
#nav li { float: left; display: block; position: relative; text-align: center; height: 34px; }
#nav li a { display: block; padding: 7px 25px 7px 25px; color: #000; }
#nav li a.admin { color: #d40d12; }
#nav li:hover, #nav li.active { background-color: #575a5d; color: #fff; }
#nav li.active ul.subnav, #nav li.hover ul.subnav { display: block; }
#nav li.inactive ul.subnav { display: none !important; }
#nav li:hover > a, #nav li.active > a, #nav li.hover > a { color: #fff; }
#nav li ul { display: none; position: absolute; top: 34px; height:34px; border: 1px solid #fff; border-top: none;  background: url(/images/transparent_40_blk.png); }
#nav li ul li { float: left; height: 54px; }
#nav li ul li:hover, #nav li ul li.active, #nav li ul li.hover { background: none; color: #d40d12; }
#nav li ul li:hover > a, #nav li ul li.active > a, #nav li ul li.hover > a { color: #d40d12; }
#nav li ul li a { padding: 7px 15px; color: #fff; z-index: 5000; }
#nav #n2 ul { left: -1px; width: 490px; /*background: url(/images/transparent_20_blk.png);*/}
#nav #n3 ul { left: 0px; width: 206px;}
#nav #n5 ul { right: -150px; width: 560px; /*background: url(/images/transparent_20_blk.png);*/}
#nav #n5 ul li { padding: 7px 0 7px 15px;}
#nav #n6 ul { right: -1px; width: 495px; }
#nav #n7 ul { right: -1px; width: 425px; }
#nav label { color: #fff; margin: 0; font-size: 85%; }
#nav input { margin: 0; width: 145px; height: 14px; padding: 2px; background:none; border: 1px solid #babcbe; color: #fff; font-size: 75%; }
#nav input.button { cursor: pointer; width: 60px; height: 20px; background: none; border: none; font-weight: bold; color: #babcbe; text-transform: uppercase; }
#nav input.button:hover { color: #d40d12; }

#roiomg{display:block;position:fixed;left:96px;bottom:15%;background:url(/images/roiomg.png) 0 0 no-repeat;width:157px;height:149px;cursor:pointer;overflow: hidden;}
#roiomg:hover {background-position: 0 -149px;}
#logo{display:block;position:fixed;left:96px;top:70px;background:url(/images/logo.png) top left no-repeat;width:272px;height:35px;}

#buzz_tabs { position:absolute; right:-670px; bottom:0; width: 670px; height: 585px; background-color: #ffffff; }
/*#buzz_tabs.closed { position: fixed; }*/
#buzz_tabs .ui-tabs-nav {display:block;position: absolute; top: 40px; left: -34px; height: 233px; background-color:#fff;width:34px;}
#buzz_tabs .ui-tabs-nav li a { display: block; width: 34px; }
#buzz_tabs .ui-tabs-nav li a.buzz_label { height: 83px; background: #babcbe url(/images/tab_buzz.png) 0 center no-repeat;}
#buzz_tabs .ui-tabs-nav li a.upcoming_label { height: 150px; background: #babcbe url(/images/tab_upcoming.png) 0 center no-repeat; }
#buzz_tabs .ui-tabs-nav li a:hover { background-position: -34px center; }
#buzz_tabs .ui-tabs-nav li.ui-tabs-selected a { background-position: -34px center; background-color: #ffffff; }
#buzz_tabs .buzz_container { padding: 20px; }
#buzz_tabs .buzz_container ul.blog_toc {  height: 515px; margin-bottom: 10px; overflow: hidden; }
div.blog_toc { display: block; float: left; width: 366px; height: 555px; padding-right: 20px; border-right: 9px solid #babcbe; }
ul.blog_toc a.add_new { float: none; display: block; margin-bottom: 20px; }
ul.blog_toc li { /*height: 90px;*/ text-overflow:ellipsis; overflow: hidden; margin: 0 0 15px 0;}
ul.blog_toc li a { font-size: 174%; line-height: 1.0; color: #000; font-weight: bold; }
ul.blog_toc li a:hover,ul.blog_toc li a.active { color: #d40d12;}
ul.blog_toc li span { display: block; font-size: 85%; text-transform: uppercase; margin-bottom: 5px; }
div.blog_toc a.view_all_buzz { display: block; width: 179px; height: 21px; background: url(/images/view_all_buzz.png) top left no-repeat; }
div.blog_toc a.view_all_buzz:hover { background-position: 0 -21px; }
#buzz_tabs .buzz_container div.buzz { display: block; float: left; width: 194px; padding: 0 20px; }
#buzz_tabs .buzz_container div.buzz .scroller { margin-top: 10px; height: 385px; overflow: hidden; }
ul.buzz {  }
ul.buzz li { margin-bottom: 15px; font-size: 93%;}
ul.buzz li span.who { color: #d40d12; }
ul.buzz li span.when { display: block; color: #575a5d;}

#buzz_tabs .upcoming_container { padding: 20px; /*font-family: Verdana;*/}
#buzz_tabs .upcoming_container .upcoming_header { border-bottom: 9px solid #babcbe; padding-bottom: 20px; margin-bottom: 20px; }
#buzz_tabs .upcoming_container ul li { height: 121px; margin-bottom: 20px; }
#buzz_tabs .upcoming_container ul li img { /*float: left;*/ margin-right: 20px; }
#buzz_tabs .upcoming_container ul li .title { font-size: 197%; /*font-family: Arial;*/ font-weight: bold; }
#buzz_tabs .upcoming_container ul li .when { display: block; margin-top: 10px;text-transform: uppercase; color: #575a5d; }
#upcoming_scroller { height: 403px; overflow: hidden; }
#upcoming_scroller ul { }

#content_buzz { display: block; position: relative;/* top: 100px;*/ width: 1232px; margin: 100px auto 0 auto; /*height: 100%;*/ /*left: 50%; margin-left: -616px;*/ background: url(/images/buzz-blog-bg-white.png) top left repeat-y;}
#blog { width: 858px; background-color: #fff; float: left; margin-right: 7px; }
#blog .content { display: block; float: left; width: 464px; padding: 0 20px 20px 20px; }
#blog .content .header { display: block; height: 180px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 9px solid #babcbe; }
#blog .content span.date { display: block; text-transform: uppercase; font-size: 85%; color: #575a5d; margin-bottom: 10px; }
#blog .content h2 { font-size: 174%; line-height: 1.0; font-weight: bold; margin-bottom: 10px; }
#blog .content img { margin: 10px 0; }
#blog .content .blog_body { font-size: 115%; }
#blog_toc_wrapper { display: block; float: left; width: 298px; padding: 20px;}

#buzz { float: left; /*height: 100%;*/ width: 324px; border: 1px solid #fff; padding: 20px; color: #fff;}
#buzz h4 { width: 324px; font-weight: bold; font-size: 115%; border-top: 9px solid #fff; margin-top: 10px; padding: 10px 0; }
#buzz_switcher { width: 324px; }
#buzz_switcher ul { width: 324px; clear: both; }
#buzz_switcher ul.logo_nav { margin-bottom: 10px; height: 113px; border-bottom: 1px solid #fff; }
#buzz_switcher ul.logo_nav li { float: left; display: block; width: 44px; height: 95px; text-align: center; padding-bottom: 18px; margin: 0 9px; overflow: visible;}
#buzz_switcher ul.logo_nav li img { display: block; margin-bottom: 5px; }
#buzz_switcher ul.logo_nav li a { color: #fff; font-size: 85%; line-height: 1.3;}
#buzz_switcher ul.logo_nav li a:hover { color: #d40d12; }
#buzz_switcher ul.logo_nav li.ui-tabs-selected { background: url(/images/buzz_nav_indicator.png) center bottom no-repeat; }
#buzz ul.buzz, #buzz ul span.when { color: #fff; }
#buzz ul.buzz li { border-bottom: 1px solid #fff; padding-bottom: 10px; width: 324px; }

#what_we_do { /*width: 1278px;*/ width: 1132px; height: 575px; position: absolute; right: 0; top: 135px; }
#what_we_do .photo { float: left; width: 560px; height: 480px; padding:14px; margin-right: 10px; background-color: #fff; }
#what_we_do .photo img { width: 560px; height: 480px; }
#what_we_do .content { float: left; width: 473px; height: 448px; padding:30px; background-color: #fff; }
#what_we_do .content a.roi-omg { display: block; width: 162px; height: 28px; background: url(/images/what_we_do-roiomg.png) 0 0 no-repeat; margin-bottom:25px; }
#what_we_do .content a.roi-omg:hover { background-position: 0 -56px; }
#what_we_do .content a.omg-selected { background-position: 0 -28px; }
#what_we_do .content .roi h1 { width: 463px; height: 101px; /*background: url(/images/what_we_do-roi-header.png) top left no-repeat; margin-bottom:15px; */  }
#what_we_do .content .omg h1 { width: 409px; height: 169px; /*background: url(/images/what_we_do-omg-header.png) top left no-repeat; margin-bottom:15px; */ }
#what_we_do .content p { font-size: 115%; line-height: 1.7; color: #575a5d; }

#fundamentals { position: absolute; right: 0; top: 37%; margin-top: -152px; width: 1150px; height: 500px; }
#fundamentals h1 { /*float: left;*/ color: #d40d12; font-weight: bold; font-size: 115%; padding-top: 43px;}
#fundamentals ul { display: block; float: left; width: 270px; overflow: hidden; margin-left: 10px; margin-bottom: 30px; height: 60px; }
#fundamentals ul li { display: block; float: left; width: 65px; height: 60px;}
#fundamentals ul li a { display: block; width: 65px; height: 60px; background: url(/images/fundamentals_numbers.png) no-repeat; }
#fundamentals ul li a.f1 { background-position: 2px 0; }
#fundamentals ul li a.f1:hover,#fundamentals ul li.ui-tabs-selected a.f1 { background-position: 2px -60px; }
#fundamentals ul li a.f2 { background-position: -60px 0; }
#fundamentals ul li a.f2:hover,#fundamentals ul li.ui-tabs-selected a.f2 { background-position: -60px -60px; }
#fundamentals ul li a.f3 { background-position: -125px 0; }
#fundamentals ul li a.f3:hover,#fundamentals ul li.ui-tabs-selected a.f3 { background-position: -125px -60px; }
#fundamentals ul li a.f4 { background-position: -190px 0; }
#fundamentals ul li a.f4:hover,#fundamentals ul li.ui-tabs-selected a.f4 { background-position: -190px -60px; }
#fundamentals .ui-tabs-panel { clear: left; width: 1150px; height: 380px; }
#fundamentals div.content { display: block; float: right; width: 777px; height: 320px; padding: 30px; background-color: #fff; margin-right: 10px;} 
#fundamentals div.content h2 { font-size: 300%; line-height: 1; font-weight: bold; color: #575a5d; margin-bottom: 10px; }
#fundamentals div.content p { font-size: 115%; line-height: 1.7; color: #575a5d; }
#fundamentals div.photo { float: right; padding: 14px; width: 257px; height: 352px; background-color: #fff; }

#people { position: absolute; width: 790px; /*width: 1100px;*/ left: 50%; margin-left: -550px; min-height: 100%; margin-top: 150px; background: url(/images/people_bg.png) top left repeat-y;}
#people ul { float: left; width: 200px; text-align: right; margin-right: 15px; padding-top: 30px; }
#people ul li { margin-bottom: 15px; }
#people ul li a { font-size: 130%; color: #ffffff; text-transform: uppercase; }
#people ul li a:hover { color: #d40d12; }
#people ul li.ui-tabs-selected a { color: #d40d12; }
#people > div { float: left; /*width: 868px;*/ }
#people div.content { float: left; width: 508px; padding: 30px; /*margin-right: 10px;*/ }
#people div.photo { float: left; width: 260px; padding: 15px; }
#people div.content h2 { font-size: 200%; line-height: 1; font-weight: bold; color: #575a5d; margin-bottom: 10px; }
#people div.content p, #people div.content div { font-size: 115%; line-height: 1.7; color: #575a5d; margin-bottom: 10px; }
#people div.content p.quote { /*font-family: Tahoma;*/ color: #d40d12; font-weight: bold; }

#people #group_bio div.quote { color: #d40d12; font-size: 135%; display: inline; cursor: pointer; text-align: justify; }
#people #group_bio div.quote em { display: none; }
#people #group_bio div.alt { font-weight: bold; font-size: 165%; }
#people #group_bio div.short { color: #575a5d; }
#people #group_bio div.short span { display: none; }
#people #group_bio div.short em { display: inline; }
#people #group_bio div.short:hover { color: #d40d12; }
#people #group_bio div.quote strong { font-weight: bold; color: #000; }
#people #group_bio hr { border: 5px solid #ccc; margin: 15px 0; }

/* Complete Works - Admin */
#people a.add_new { display: block; float: none; margin-bottom: 10px; }
#people ul li div.admin { display: none; }
#people ul li.ui-tabs-selected div.admin { display: block; }
#people div.admin a, 
#people ul li.ui-tabs-selected div.admin a { padding-left: 10px; font-weight: normal; font-size: 85%; color: #babcbe; text-transform: uppercase; }
#people div.admin a:hover,
#people ul li.ui-tabs-selected div.admin a:hover { color: #fff; }

#case_studies { position: absolute; bottom: 0; min-width: 1150px; width: 100%; }
#case_studies .drawer { position: relative; width: 560px; }
#case_studies .drawer > ul { float: left; height: 54px; margin-bottom: 10px; margin-left: 100px; }
#case_studies .drawer > ul li { float: left; }
#case_studies .drawer > ul li a { display: block; width: 65px; height: 54px; background: url(/images/case_studies_numbers.png) no-repeat; }
#case_studies .drawer > ul li a.cs1 { width: 55px; background-position: 2px 0; }
#case_studies .drawer > ul li a.cs1:hover,#case_studies ul li.active a.cs1 { background-position: 2px -54px; }
#case_studies .drawer > ul li a.cs2 { background-position: -70px 0; }
#case_studies .drawer > ul li a.cs2:hover,#case_studies ul li.active a.cs2 { background-position: -70px -54px; }
#case_studies .drawer > ul li a.cs3 { background-position: -148px 0; }
#case_studies .drawer > ul li a.cs3:hover,#case_studies ul li.active a.cs3 { background-position: -148px -54px; }
#case_studies .drawer > ul li a.cs4 { background-position: -225px 0; }
#case_studies .drawer > ul li a.cs4:hover,#case_studies ul li.active a.cs4 { background-position: -225px -54px; }
#case_studies .drawer > ul li a.cs5 { background-position: -300px 0; }
#case_studies .drawer > ul li a.cs5:hover,#case_studies ul li.active a.cs5 { background-position: -300px -54px; }
#case_studies .admin_links { clear: both; text-align: right; margin-left: 100px; margin-bottom: 10px;}
#case_studies .admin_links .add_new { float: none; }
#case_studies h1 { font-size: 16px; float: left; color: #d40d12; font-weight: bold; margin-top: 38px; }
#case_studies .content { clear: left; margin-left: 100px; width: 400px; height: 530px; padding: 30px; background-color: #fff; color: #575a5d; }
#case_studies .content h2 { font-size: 250%; color: #575a5d; font-weight: bold; margin-bottom: 10px; }
#case_studies .content p { line-height: 1.5; margin-bottom: 10px; }
#case_studies .content h3 { font-size: 140%; font-weight: bold; color: #d40d12; }
#case_studies .content ul { margin-bottom: 10px; }
#case_studies .content ul li { line-height: 1.6; list-style-type: disc; list-style-position: outside; margin-left: 15px; }
#case_studies ul.thumbnails { position: absolute; margin: 0; bottom: 0; left: 580px; /*margin-right:-100px;*/ height: 80px; padding: 0 5px; background-color: #fff; }
#case_studies ul.thumbnails li { float: left; padding: 10px 5px; cursor: pointer; }
#case_studies ul.thumbnails li img {  }
#case_studies ul.thumbnails li img:hover { opacity: 0.7; }
#case_studies .down { cursor: pointer; }

#complete_works { position: absolute; right: 0; top: 140px; /*margin-top: -321px;*/ width: 1322px; height: 535px; }
#complete_works ul.categories {display: block; height: 30px; margin-bottom: 20px; padding-left: 27px; }
#complete_works ul.categories li { float: left; font-size: 130%; margin-left: 30px;}
#complete_works ul.categories li a { color: #fff; padding: 5px 10px; }
#complete_works ul.categories li a:hover, #complete_works ul.categories li.ui-tabs-selected a  { color: #d40d12; border-bottom: 6px solid #575a5d;}
#complete_works div.category { clear: both; height: 472px; width: 1322px; }
#complete_works div.category > ul { display: block; float: left; text-align: right; width: 155px; height: 412px; overflow: hidden; padding: 30px; }
#complete_works div.category > ul li { margin-bottom: 10px; }
#complete_works div.category > ul li a { font-size: 150%; color: #575a5d; font-weight: bold; text-transform: uppercase; }
#complete_works div.category > ul li a:hover, #complete_works div.category ul li.ui-tabs-selected a { color: #ffffff; }
#complete_works div.project { float: left; }
#complete_works div.project .content { float: left; width: 386px; height: 412px; padding: 30px; background-color: #fff; margin-right:10px; }
#complete_works div.project .content h1 { color: #575a5d; font-size: 300%; font-weight: bold; line-height: 1.0; margin-bottom: 15px; }
#complete_works div.project .content p { color: #575a5d; font-size: 115%; line-height: 1.7; }
#complete_works div.project .photos { float: left; width: 295px; height: 452px; padding: 10px; background-color: #fff; margin-right: 10px; }
#complete_works div.project .photos img { margin-bottom: 10px; }
#complete_works div.project .highlights { float: left; width: 260px; height: 412px; padding: 30px; background-color: #fff; }
#complete_works div.project .highlights h2 { color: #575a5d; font-size: 300%; font-weight: bold; line-height: 1.0; margin-bottom: 15px; text-transform: uppercase; padding-bottom: 15px; border-bottom: 6px solid #575a5d;}
#complete_works div.project .highlights li { list-style-type: square; list-style-position: outside; margin-left: 17px; margin-bottom: 8px; }

#clients { position: absolute; bottom: 0; width: 1140px; height: 660px; left: 50%; margin-left: -570px; }
#clients .logos { float: left; width: 770px; height: 660px; background: #fff url(/images/client_logo_grid.gif) top left no-repeat; }
#clients .logos li { display: block; float: left; width: 128px; height: 130px; }
#clients .logos li a { display: block; width: 100px; height: 100px; padding: 15px 14px; }
#clients .content { float: left; width: 285px; height: 630px; padding: 15px 30px; background-color: #fff; margin-left: 20px;}
#clients .content p { color: #575a5d; font-size: 115%; line-height: 1.7; margin-bottom: 10px; }
#clients .content .logo { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 7px solid #babcbe;}
#clients .content ul li { list-style-type: disc; margin-left: 20px; color: #575a5d; font-size: 115%; line-height: 1.7; }
#clients .content strong { font-weight: bold; color: #d40d12;}
#clients .logos li a img.colour { display: none; }
#clients .logos li a img.bw { display: block; }
#clients .logos li.ui-tabs-selected a img.colour { display: block; }
#clients .logos li.ui-tabs-selected a img.bw { display: none; }
#clients .logos li a:hover > img { opacity: 0.7; }
#clients .logos li.ui-tabs-selected a:hover > img { opacity: 1.0; }
#clients .logos li.intro { display: none; }

/* Complete Works - Admin */
#complete_works #admin_content { top: auto; }
#complete_works div.category div.admin a, 
#complete_works div.category ul li.ui-tabs-selected div.admin a { padding-left: 10px; font-weight: normal; font-size: 85%; color: #babcbe; text-transform: uppercase; }
#complete_works div.category div.admin a:hover,
#complete_works div.category ul li.ui-tabs-selected div.admin a:hover { color: #fff; }
#complete_works ul.categories li a.admin_link { color: #575a5d; }
#complete_works ul.categories li a.admin_link span { color: #d40d12; }
#complete_works #admin_content .highlights_form { margin: 20px 0; }

#vip { position: absolute; width: 505px; padding: 20px; min-height: 1000px; top: 100px; left: 50px; background-color: #fff; }
#vip h1 { width: 505px; height: 43px; background: url(/images/vip_lounge_header.png) top left no-repeat; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 6px solid #babcbe; }
#vip h2 { font-size: 250%; font-weight: bold; margin-bottom: 10px; color: #575a5d; }
#vip { color: #575a5d; }
#vip a.new_file, a.add_new { float: right; text-transform: uppercase; color: #575a5d; font-weight: bold; }
#vip a.new_file:hover, a.add_new:hover { color: #d40d12; }
#vip a.new_file span, a.add_new span { color: #d40d12; font-size: 130%; line-height: .8; text-transform:lowercase;}
#vip a.new_folder, a.add_new { float: right; text-transform: uppercase; color: #575a5d; font-weight: bold; }
#vip a.new_folder:hover, a.add_new:hover { color: #d40d12; }
#vip a.new_folder span, a.add_new span { color: #d40d12; font-size: 130%; line-height: .8;}
#vip #upload { /*display: none;*/ margin: 10px 0 0 0; padding: 10px 0  10px 0; border-top: 6px solid #babcbe; }
#vip #create_folder { display: none; margin: 10px 0 0 0; padding: 10px 0  10px 0; border-top: 6px solid #babcbe; }
#vip .ui-tabs-nav { margin: 10px 0  10px 0; height: 24px; padding: 10px 0  10px 0; border-top: 6px solid #babcbe; border-bottom: 6px solid #babcbe; }
#vip .ui-tabs-nav li { float: left; border: 1px solid #babcbe; margin-right: 5px; }
#vip .ui-tabs-nav li a { display: block; padding: 4px 15px; color: #000; font-size: 85%;}
#vip .ui-tabs-nav li.ui-tabs-selected, #vip .ui-tabs-nav li:hover { background-color: #d40d12; }
#vip .ui-tabs-nav li.ui-tabs-selected a, #vip .ui-tabs-nav li:hover > a { color: #fff; }
#vip .ui-tabs-panel div.file { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #babcbe; }
#vip .ui-tabs-panel div.file h3 { font-weight: bold; color: #000000; padding-bottom: 5px; }
#vip .ui-tabs-panel div.file span.label { color: #000000; margin-right: 5px; }
#vip .ui-tabs-panel div.file p { margin-bottom: 10px; }
#vip .ui-tabs-panel div.file a { display: block; float: left; margin-right: 10px; text-decoration: underline; }

#get_in_touch { display: block; position: absolute; right: 0; top: 50%; width: 1050px; height: 306px; }
#get_in_touch img.map { display: block; float: left; border: 1px solid #fff; width: 268px; height: 280px; margin-right: 15px; padding: 13px; }
#get_in_touch div.content { display: block; float: left; background-color: #fff; width: 678px; padding: 30px; height: 246px; }
/*#get_in_touch h1 { width: 304px; height: 46px; background: url(/images/get_in_touch.png) top left no-repeat; margin-bottom: 10px; }*/
#get_in_touch p { color: #575a5d; font-size: 115%; line-height: 1.7; margin-bottom: 10px; width: 580px;  }

#partnership { display: block; position: absolute; left: 20px; bottom: 0; width: 915px; height: 600px;}
#partnership .content { float: left; background-color :#fff; height: 540px; width: 418px; padding: 30px; margin-right: 10px; }
/*#partnership .content h1 { width: 337px; height: 114px; background: url(/images/partnership_opportunities.png) top left no-repeat; margin-bottom: 10px; }*/
#partnership p { color: #575a5d; font-size: 115%; line-height: 1.7; margin-bottom: 10px;  }
#partnership .upcoming { float: left; width: 367px; height: 539px; padding: 30px 20px; border: 1px solid #fff; border-bottom: none; color: #fff; background: url(/images/transparent_40_blk.png); }
#partnership .upcoming h2 { display: block; width: 367px; height: 43px; background: url(/images/upcoming.png) top left no-repeat; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 8px solid #fff; }
#partnership .upcoming h3 { display: inline; font-size: 200%; font-weight: bold; }
#partnership .upcoming ul li span, #partnership .upcoming a { display: block; margin-top: 10px; }
#partnership .upcoming ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }

#volunteer, #green { display: block; position: absolute; right: 40px; bottom: 0; width: 428px; height: 484px; padding: 30px; background-color: #fff; }
/*#volunteer h1 { width: 349px; height: 38px; background: url(/images/volunteer.png) top left no-repeat; margin-bottom: 10px; }*/
#volunteer p, #green p { color: #575a5d; font-size: 115%; line-height: 1.7; margin-bottom: 10px; }
#volunteer h2 { font-size: 200%; color: #575a5d; font-weight: bold; margin-bottom: 10px; }
#volunteer li { margin-bottom: 10px; color: #575a5d; }
#volunteer h3 { display: block; text-transform: uppercase; color: #000000; font-size: 130%; margin-bottom: 4px; }
#volunteer .when { margin-top: 5px; }


#jobs { display: block; position: relative; margin-left: 100px; top:100px; width: 528px; /*height: 484px;*/ padding: 30px; background-color: #fff; }
#jobs li.job_opportunity { margin-top: 15px; padding-top: 15px; border-top: 1px dotted #D40D12; }
#jobs p { margin-bottom: 7px;}
#jobs p.posted { color: #575a5d; font-size: 115%; line-height: 1.7; margin-bottom: 10px; }
#jobs h2 { font-size: 200%; color: #575a5d; font-weight: bold; margin-bottom: 10px; }
#jobs h3 { display: block; text-transform: uppercase; color: #000000; font-size: 130%; margin-bottom: 4px; }
#jobs li ul li { list-style-type: square; list-style-position: outside; margin-left: 18px; margin-bottom: 4px; }
#jobs ol {  margin-left: 20px; margin-bottom: 7px; }
#jobs ol li { list-style-type: decimal; margin-bottom: 4px; }
#green h1 { font-weight: bold; font-size: 300%; margin-bottom: 10px; color: #575a5d; line-height: 1.2; }

#admin_content { /*font-family: Tahoma;*/ display: block; position: absolute; top: 100px; width: 900px; min-height: 1000px; left: 50%; margin-left: -450px; background-color: #fff; padding: 30px; }
#admin_content p { margin-bottom: 10px; }
#admin_content h1 { font-size: 300%; line-height: 1; font-weight: bold; color: #575a5d; text-transform: uppercase; margin-bottom: 20px; border-bottom: 9px solid #babcbe; padding-bottom: 15px; margin-bottom: 15px; }
#admin_content h2 { font-size: 150%; line-height: 1; font-weight: bold; color: #575a5d; margin-bottom: 10px; }
#admin_content h3 { font-weight: bold; color: #575a5d; }
#admin_content .instructions { font-size: 90%; color: #575a5d; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
#admin_content a.add_new { float: none; display: block; border-bottom: 1px dotted #babcbe; margin-bottom: 10px; padding-bottom: 10px; }
#admin_content label { display: block; font-weight: bold; color: #575a5d;}
#admin_content input[type=text], #admin_content input[type=password], #admin_content textarea { display: block; margin-bottom: 15px; }
#admin_content input[type=text], #admin_content textarea { width: 650px;}
#admin_content form > div { width: 650px; margin-top: 20px; padding-top: 20px; border-top: 1px dotted #575a5d;}
#admin_content form > div.wysiwyg { margin: 0 0 20px 0; }
#admin_content .checkboxes { margin-bottom: 10px; }
#admin_content .checkboxes input, #admin_content .checkboxes label { float: left; margin-bottom: 5px; }
#admin_content .checkboxes input { clear: left; margin-right: 10px; } 
#admin_content .upcoming_container ul li a { display: inline; }
#admin_content ul li { border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; }
#admin_content ul li h3 { font-size: 120%; margin-bottom: 4px; font-weight: bold;}
#admin_content ul li h3 span { color: #575a5d;}
#admin_content .event_details { width: 465px; margin-right: 20px;}
#admin_content .event_buzz { width: 180px; }
#admin_content .event_buzz h3 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
#admin_content .photo { width: 175px; height: 121px; margin-right: 20px;}
#images_sortable img { cursor: move; }
.admin_links { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #575a5d; }
.admin_links a { display: inline; font-weight: bold; }
.admin_links input[type=submit] { /*font-family: Tahoma;*/ display: inline; border: none; background: none; padding: 0; margin: 0; color: #d40d12; font-weight: bold; cursor: pointer;}

.admin_videos ul li { float: left; width: 128px; height: 128px; padding: 10px; margin: 0 10px 10px 0; border: 1px dotted #ccc; }
.admin_videos ul li:hover { border-color: #d40d12;}

#flash_notice {
	display: none;
	opacity: 0;
	position: fixed;
	top: 50px;
	z-index: 100;
	width: 400px;
	background-color: #d40d12;
	margin: 0 0 0 35%;
	-webkit-box-shadow: 0 0 10px #666;
	-moz-box-shadow: #666 0 0 10px;
	box-shadow: 0 0 10px #666;
	-webkit-border-radius: 8px;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

/* Tabs
----------------------------------*/
.ui-tabs { /*padding: .2em;*/ zoom: 1; }
/*.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }*/
/*.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }*/
/*.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }*/
/*.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-position: -34px center; background-color: #ffffff; }*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { /*padding: 1em 1.4em;*/ display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }