/*
------------------------------------------------------------------------------------------------
	GENERIC CSS - styles.css											  
------------------------------------------------------------------------------------------------
	Created: 	01-05-2009															
	Author: 	Ember Interactive Limited (www.emberinteractive.co.uk)						
	Website: 	ReMap													
------------------------------------------------------------------------------------------------
*/

/*
------------------------------------------------------------------------------------------ RESET
															
------------------------------------------------------------------------------------------------
*/

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;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}

/*
-------------------------------------------------------------------------------------- HTML/BODY
															
------------------------------------------------------------------------------------------------
*/

html {font-size: 50%;}
html, body {height: 100%;}
body {background: #999 url('../../images/bg_04_suitcase.jpg') 50% 0; font-family: /*Tahoma, Arial,*/ Helvetica, verdana, Sans-Serif; font-size: 125%; margin: 0; padding: 0;}
	
/*
------------------------------------------------------------------------------------ TITLES/TEXT
															
------------------------------------------------------------------------------------------------
*/

h1 {position: absolute; left: -2000px;}
h3 {text-transform: uppercase; font-size: 1.8em; letter-spacing: -0.75px; line-height:1em; font-weight: normal;}
h4 {text-transform: uppercase; font-size: 1.25em; /*letter-spacing: -0.75px;*/ line-height: 1.25em; margin: 0 0 0 0; font-weight: normal;}
*
p {color: #000;}

a {color: #000;}
a:link, a:visited {text-decoration: none; color: #000;}
a:hover {text-decoration: none;}

ul {}
li {font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #000;}

/* #remap_nav_id
----------------------------------------------------------------------------------------- LAYOUT
															
------------------------------------------------------------------------------------------------
*/

#master {width: 950px; min-height: 100%; margin: 0 auto; padding: 0 0 0 0; background-color:#fff; }
#IE6root #master {height: 100%;}

#page_content, #page_content_holder {float: left; width: 700px; background-color:#FFFFFF;}

#footer {clear:both; height:0;}

/*
------------------------------------------------------------------------------------- NAVIGATION
															
------------------------------------------------------------------------------------------------
*/

#navigation {float: left; width: 230px; margin: 0 0 0 0;}

#navigation img {margin: 30px 20px 18px 20px;}

#navigation ul {margin: 0 20px 18px 20px; width:190px; border-bottom: #ccc 1px solid;}

#navigation ul li {line-height: 1.7em; border-top: #ccc 1px solid; position:relative;}
#navigation ul li span {display:block; position:absolute; top:0; right:0; text-align:right;}
#navigation ul li a {display: block; text-transform: uppercase; font-weight:bold; padding: 0 20px 0 3px; letter-spacing: -0.75px;}
#navigation ul li a:hover {background: #6DE5FF;}

#navigation ul li ul {margin:0;}
#navigation ul li ul li a {font-weight:normal;}

#navigation #nav_gallery, #navigation #nav_projects {border-bottom:none;}
#navigation #nav_gallery {margin-bottom:0;}
#navigation #nav_projects li {border-top:none;}
#navigation #nav_projects li ul li {border-top:none;border-top: #ccc 1px solid;}

/*
------------------------------------------------------------------------------------- FLASH BITS
															
------------------------------------------------------------------------------------------------
*/

#navigation_flash {float: left; width: 950px; margin: 0 0 0 0;}

/* Hide elements when a gallery page is loaded into the content window */

#page_content_holder #navigation {display:none;}
#page_content_holder #master {width:700px;}

/*
---------------------------------------------------------------------------------------- CONTENT
															
------------------------------------------------------------------------------------------------
*/

#content_head {height: 40px; margin:50px 0 0 0;}
#content_head p {height:18px; width:700px; text-align:right; /*font-size:38px;*/ font-weight:bold;}
#content_head a {height:22px; display:block; text-align:right; font-weight:bold;}

#gallery {margin: 0 0 45px 0;}
#gallery_viewer {background: #fff; width: 700px; height: 470px; overflow:hidden; position:relative; border: 1px solid #ccc;}
#gallery_viewer ul {margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
#gallery_viewer ul li {float:left; width:700px; height:470px; background: url('../../images/image_loader.gif') no-repeat 179px 97px;} 

#gallery a { font-weight: bold; display: block; width:110px; line-height:2em;}
#gallery a.prev {float: left;}
#gallery a.next {float: right; text-align:right;}
#gallery p {display: block; float: left; text-align: center; width: 480px; line-height: 2em;}

#page_content .column_first {float: left; display: block; width: 233px; text-align: center;}
#page_content .column_first p {font-size: 1.25em; line-height: 1.25em; margin-bottom: 1.25em; padding-left:10px; padding-right:10px;}
#page_content .column_first h3, #page_content .column_first h4 {padding-left:10px; padding-right:10px;}

#page_content .column {float: left; display: block; width: 233px;}
#page_content .column p {font-size: 1.25em; line-height: 1.25em; display: block; margin-bottom: 1.25em; padding-right: 25px;}

#page_content .column_full {}
#page_content .partners {margin-left:233px;}

p.content_loading {margin:90px 0 0 0; font-weight:bold;}

/*
------------------------------------------------------------------------------------------ ABOUT
															
------------------------------------------------------------------------------------------------
*/

body#about #page_content .column_first {padding-top: 0;}

body#about #page_content .column_first img {float: left; margin-bottom: 15px;}

body#about h4 {margin-top: 0;}

/*
------------------------------------------------------------------------------------------ ABOUT
															
------------------------------------------------------------------------------------------------
*/

.sponsor_half {display: block; float: left; width: 240px; margin-bottom: 30px;}
.sponsor {margin-bottom: 30px;}

/*
------------------------------------------------------------------------------------------- BLOG
															
------------------------------------------------------------------------------------------------
*/

#blog {background: #fff url('../../images/blog_bg.jpg') 50% 0 no-repeat; background-attachment:fixed;}
#blog #master {background-color: transparent;}

#page_content_blog {margin: 0 auto; padding-top: 20px; width: 735px;}

.blog_header {margin: 0 0 20px 0;}

.blog_left {display: block; float: left; width: 220px; margin: 0 20px 0 0;}

.blog_right {float: left; display: block; width: 460px; padding: 0 0 0 20px;}
.blog_right p {font-family: "Courier New", Courier, Helvetica, verdana, Sans-Serif; font-size: 1.2em; line-height: 1.2em; font-weight: bolder;} 
.blog_right p.blog_intro {margin: 20px 0 38px 0; text-transform: uppercase;}

ul.blog_nav {margin-bottom: 20px; width: 200px;}
ul.blog_nav li {display: block; font-family: "Courier New", Courier, Helvetica, verdana, Sans-Serif; font-size: 1.2em; text-align: left; font-weight: bolder; line-height: 1.2em; text-transform: uppercase;}
ul.blog_nav li.cat_title {border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 3px;}
ul.blog_nav li:hover {background: #6DE5FF;}

h4.blog_date {font-family: "Courier New", Courier, Helvetica, verdana, Sans-Serif; font-size: 1.2em; line-height: 1.2em; font-weight: bolder; border-bottom: 1px solid #ccc; margin: 0 0 20px 0;}

div.blog_post {margin-bottom: 40px;}
div.blog_post img, div.blog_post p {margin: 0 0 20px 0;}

div.blog_comment {margin: 20px 0 0 0;}
div.blog_comment p span {width: 10em; float: left;}
div.blog_comment input, div.blog_comment textarea {border: 1px solid #ccc; width: 25em; float: left; margin: 0 0 10px 0;}
div.blog_comment input.submit {width: 10em;}
div.blog_comment textarea.comments {width: 25em;}

div.blog_comments {border-bottom: 1px solid #ccc; padding-top: 10px;}


ul#nav_categories {width: 200px; display: block;}
ul#nav_categories li {display: block; font-family: "Courier New", Courier, Helvetica, verdana, Sans-Serif; font-size: 1.2em; text-align: left; font-weight: bolder; line-height: 1.2em; text-transform: uppercase; margin: 0 0 15px 0;}

ul#nav_categories ul li {font-size: 1em; border: none; margin: 0; padding: 0; font-weight: normal;}

ul#nav_categories a, ul#nav_categories ul a {display: block; padding-bottom: 3px;}
ul#nav_categories a:hover, ul#nav_categories ul a:hover {background: #6DE5FF;}
/*
---------------------------------------------------------------------------------------- CONTACT
															
------------------------------------------------------------------------------------------------
*/

fieldset#contactme label {display: block; width: 6em; float: left; font-size: 1.2em; margin-bottom:10px;}
fieldset#contactme input {display: block; width: 10em; float: left; margin-bottom: 10px; line-height: 1.2em; border: 1px solid #000;}
fieldset#contactme input.submit {margin-left: 6.6em;}

/*
---------------------------------------------------------------------------------------- GALLERY NAVI PAGES
															
------------------------------------------------------------------------------------------------
*/

div#gallery_navi_title h3 {text-align: left; text-transform: uppercase;}
div#gallery_navi_title p {text-align: left; text-transform: uppercase;}
div#gallery_navi_title a {color: #999999; font-size: 0.8em;}
div#gallery_navi_title a:hover {color: #000000;}

div.gallery_navi_detail {text-align: center; width: 233px;}
div.gallery_navi_detail p {font-size: 1.8em; letter-spacing: -0.75px; line-height:1em; font-weight: normal; text-transform: uppercase; width: 233px;}
div.gallery_navi_detail img {text-align: center; padding-bottom: 10px;}

div#stillopen {float: left; color: #999; display: block; text-align: left; width: 200px!important; height: 1em; margin: 0!important; }
div#stillmap {float: right;  width: 500px!important; height: 1em; margin: 0!important; text-align: right;}

/*
--------------------------------------------------------------------------------------- CALENDAR
															
------------------------------------------------------------------------------------------------
*/

#calender_content {float:left; width:466px; overflow:auto;}
#calender_load_content {float:left; width:466px; overflow:auto;}

h4.calendar_heading {background: #6DE5FF; width:223px; padding-top:3px; padding-left:3px;}

div.calendar_item {padding-top:10px;}
div.calendar_item h4{text-transform:none;}

p.content_loading_calendar{font-weight:bold;}

table.calendar {width: 182px; padding: 0; margin: 0 0 0 20px; text-align: center;}

.nav, .nav a {color: #fff; text-align: center; text-decoration: none;}	

caption {margin: 0; padding: 0; width: 182px; height:18px; text-align: center; overflow:hidden; text-indent:-2000px;}

caption.caption_jun{background:url('../../images/calendar_month_jun.gif') 0 0 no-repeat}
caption.caption_jul{background:url('../../images/calendar_month_jul.gif') 0 0 no-repeat}
caption.caption_aug{background:url('../../images/calendar_month_aug.gif') 0 0 no-repeat}
caption.caption_sep{background:url('../../images/calendar_month_sep.gif') 0 0 no-repeat}
caption.caption_oct{background:url('../../images/calendar_month_oct.gif') 0 0 no-repeat}

th {background-image:url('../../images/calendar_month_sprite.gif'); background-repeat:no-repeat; width:26px; height:26px; text-indent:-2000px;}

th.day_mon { background-position: 2px 0;}
th.day_tue { background-position: -42px 0;}
th.day_wed { background-position: -86px 0;}
th.day_thu { background-position: -130px 0;}
th.day_fri { background-position: -174px 0;}
th.day_sat { background-position: -218px 0;}
th.day_sun { background-position: -262px 0;}

td {width: 26px; height: 26px; text-align: center;}

td a {display:block; background:url('../../images/calendar_sprite.gif') 0 0 no-repeat; width:24px; height:24px;}

td.cl_01, td.cl_02, td.cl_03, td.cl_04, td.cl_05, td.cl_06, td.cl_07, td.cl_08, td.cl_09, td.cl_10, td.cl_11, td.cl_12, td.cl_13, td.cl_14, td.cl_15, td.cl_16, td.cl_17, td.cl_18, td.cl_19, td.cl_20, td.cl_21, td.cl_22, td.cl_23, td.cl_24, td.cl_25, td.cl_26, td.cl_27, td.cl_28, td.cl_29, td.cl_30, td.cl_31 {background-image:url('../../images/calendar_sprite.gif'); background-repeat:no-repeat; background-position:1px 1px; text-indent:-2000px;}

td.cl_01 {background-position: 1px 0;}
td.cl_02 {background-position:-43px 0;}
td.cl_03 {background-position:-87px 0;}
td.cl_04 {background-position:-131px 0;}
td.cl_05 {background-position:-175px 0;}
td.cl_06 {background-position:-219px 0;}
td.cl_07 {background-position:-263px 0;}
td.cl_08 {background-position:-307px 0;}
td.cl_09 {background-position:-351px 0;}
td.cl_10 {background-position:-395px 0;}
td.cl_11 {background-position:-439px 0;}
td.cl_12 {background-position:-483px 0;}
td.cl_13 {background-position:-527px 0;}
td.cl_14 {background-position:-571px 0;}
td.cl_15 {background-position:-615px 0;}
td.cl_16 {background-position:-659px 0;}
td.cl_17 {background-position:-703px 0;}
td.cl_18 {background-position:-747px 0;}
td.cl_19 {background-position:-791px 0;}
td.cl_20 {background-position:-835px 0;}
td.cl_21 {background-position:-879px 0;}
td.cl_22 {background-position:-923px 0;}
td.cl_23 {background-position:-967px 0;}
td.cl_24 {background-position:-1011px 0;}
td.cl_25 {background-position:-1055px 0;}
td.cl_26 {background-position:-1099px 0;}
td.cl_27 {background-position:-1143px 0;}
td.cl_28 {background-position:-1187px 0;}
td.cl_29 {background-position:-1231px 0;}
td.cl_30 {background-position:-1275px 0;}
td.cl_31 {background-position:-1319px 0;}

td.cl_01 a, td.cl_02 a, td.cl_03 a, td.cl_04 a, td.cl_05 a, td.cl_06 a, td.cl_07 a, td.cl_08 a, td.cl_09 a, td.cl_10 a, td.cl_11 a, td.cl_12 a, td.cl_13 a, td.cl_14 a, td.cl_15 a, td.cl_16 a, td.cl_17 a, td.cl_18 a, td.cl_19 a, td.cl_20 a, td.cl_21 a, td.cl_22 a, td.cl_23 a, td.cl_24 a, td.cl_25 a, td.cl_26 a, td.cl_27 a, td.cl_28 a, td.cl_29 a, td.cl_30 a, td.cl_31 a {background-image:url('../../images/calendar_sprite.gif'); background-repeat:no-repeat; background-position:1px 1px; text-indent:-2000px;}

td.cl_01 a {background-position: 1px -44px;}
td.cl_02 a {background-position:-43px -44px;}
td.cl_03 a {background-position:-87px -44px;}
td.cl_04 a {background-position:-131px -44px;}
td.cl_05 a {background-position:-175px -44px;}
td.cl_06 a {background-position:-219px -44px;}
td.cl_07 a {background-position:-263px -44px;}
td.cl_08 a {background-position:-307px -44px;}
td.cl_09 a {background-position:-351px -44px;}
td.cl_10 a {background-position:-395px -44px;}
td.cl_11 a {background-position:-439px -44px;}
td.cl_12 a {background-position:-483px -44px;}
td.cl_13 a {background-position:-527px -44px;}
td.cl_14 a {background-position:-571px -44px;}
td.cl_15 a {background-position:-615px -44px;}
td.cl_16 a {background-position:-659px -44px;}
td.cl_17 a {background-position:-703px -44px;}
td.cl_18 a {background-position:-747px -44px;}
td.cl_19 a {background-position:-791px -44px;}
td.cl_20 a {background-position:-835px -44px;}
td.cl_21 a {background-position:-879px -44px;}
td.cl_22 a {background-position:-923px -44px;}
td.cl_23 a {background-position:-967px -44px;}
td.cl_24 a {background-position:-1011px -44px;}
td.cl_25 a {background-position:-1055px -44px;}
td.cl_26 a {background-position:-1099px -44px;}
td.cl_27 a {background-position:-1143px -44px;}
td.cl_28 a {background-position:-1187px -44px;}
td.cl_29 a {background-position:-1231px -44px;}
td.cl_30 a {background-position:-1275px -44px;}
td.cl_31 a {background-position:-1319px -44px;}

td.cl_01 a:hover, td.cl_01 a.calendar_active {background-position: 1px -88px;}
td.cl_02 a:hover, td.cl_02 a.calendar_active {background-position:-43px -88px;}
td.cl_03 a:hover, td.cl_03 a.calendar_active {background-position:-87px -88px;}
td.cl_04 a:hover, td.cl_04 a.calendar_active {background-position:-131px -88px;}
td.cl_05 a:hover, td.cl_05 a.calendar_active {background-position:-175px -88px;}
td.cl_06 a:hover, td.cl_06 a.calendar_active {background-position:-219px -88px;}
td.cl_07 a:hover, td.cl_07 a.calendar_active {background-position:-263px -88px;}
td.cl_08 a:hover, td.cl_08 a.calendar_active {background-position:-307px -88px;}
td.cl_09 a:hover, td.cl_09 a.calendar_active {background-position:-351px -88px;}
td.cl_10 a:hover, td.cl_10 a.calendar_active {background-position:-395px -88px;}
td.cl_11 a:hover, td.cl_11 a.calendar_active {background-position:-439px -88px;}
td.cl_12 a:hover, td.cl_12 a.calendar_active {background-position:-483px -88px;}
td.cl_13 a:hover, td.cl_13 a.calendar_active {background-position:-527px -88px;}
td.cl_14 a:hover, td.cl_14 a.calendar_active {background-position:-571px -88px;}
td.cl_15 a:hover, td.cl_15 a.calendar_active {background-position:-615px -88px;}
td.cl_16 a:hover, td.cl_16 a.calendar_active {background-position:-659px -88px;}
td.cl_17 a:hover, td.cl_17 a.calendar_active {background-position:-703px -88px;}
td.cl_18 a:hover, td.cl_18 a.calendar_active {background-position:-747px -88px;}
td.cl_19 a:hover, td.cl_19 a.calendar_active {background-position:-791px -88px;}
td.cl_20 a:hover, td.cl_20 a.calendar_active {background-position:-835px -88px;}
td.cl_21 a:hover, td.cl_21 a.calendar_active {background-position:-879px -88px;}
td.cl_22 a:hover, td.cl_22 a.calendar_active {background-position:-923px -88px;}
td.cl_23 a:hover, td.cl_23 a.calendar_active {background-position:-967px -88px;}
td.cl_24 a:hover, td.cl_24 a.calendar_active {background-position:-1011px -88px;}
td.cl_25 a:hover, td.cl_25 a.calendar_active {background-position:-1055px -88px;}
td.cl_26 a:hover, td.cl_26 a.calendar_active {background-position:-1099px -88px;}
td.cl_27 a:hover, td.cl_27 a.calendar_active {background-position:-1143px -88px;}
td.cl_28 a:hover, td.cl_28 a.calendar_active {background-position:-1187px -88px;}
td.cl_29 a:hover, td.cl_29 a.calendar_active {background-position:-1231px -88px;}
td.cl_30 a:hover, td.cl_30 a.calendar_active {background-position:-1275px -88px;}
td.cl_31 a:hover, td.cl_31 a.calendar_active {background-position:-1319px -88px;}

td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

td a:link, td a:visited {	
	color: #608194;
}

td a:hover, td a:active {
	color: #6aa3ae;
}


/*
------------------------------------------------------------------------------------------- SIFR
															
------------------------------------------------------------------------------------------------
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {visibility: visible !important; margin: 0;}

.sIFR-replaced { visibility: visible !important;}

span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h3 {visibility: hidden; letter-spacing: -6px; line-height:50px; font-size:50px; margin: 0; padding:0;}

/*
------------------------------------------------------------------------------------------- MISC
															
------------------------------------------------------------------------------------------------
*/

br.clear {clear: both; overflow: hidden; line-height: 0px;}