/*
-----------------------------------------------
Curtis McLean
- - - - - - - - - - - - - - - - - - - - - - - -
Description:	Base Setup Styles
Filename:		curtismclean.base.css
Author:			Hamish Stevenson / Catch Design Limited (www.catchdesign.co.nz)
Date:			5 June 2007
Updated:		4 September 2007
----------------------------------------------- */

/* IE5/Win Only Styles */
@media tty {
 i{content:"\";/*" "*/}} @import url('curtismclean.ie5win.css'); /*";}
}/* */


/* =Global Styles
----------------------------------------------- */
* { padding: 0; margin: 0; }
body { background: #fcfbf7; margin: 0; padding: 0; border-top: 3px solid #7a7a68; font: 63.7%/1.4 "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; color: #333;}

/* =Generic styles */
img { border:0; padding:0; margin-bottom:0 }
p a, li a, h4 a { color:#333; text-decoration: none; background: #dcdc84; font-weight: bold; padding: 0px 2px 1px 2px; }
a:hover { text-decoration:none; color: #fff; background: #8d8d22; }
a img, a:hover img { border: none !important; background: none !important; padding: 0; }

.hide { display: none; position:absolute; left:-2000px; width:999px;}
.alignleft { float:left;}
.alignright { float:right;}
img.alignleft { float:left; margin: 0 5px 5px 0;}
img.alignright { float:right; margin: 0 0 5px 8px;}
.blue { color: #4C6A86; }
.dark { color: #333; }
.green { color: #a8b100; }
.large { font-size: 1.4em; }
a.rss { background: url(../img/icon_rss.gif) left no-repeat; padding: 3px 0 3px 20px; margin: 10px 0 0 0; color: #333; font-weight: normal; }
a.rss:hover { background: url(../img/icon_rss.gif) left no-repeat; color: #666; }

p { font: 1.2em/1.4 "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; margin: 0.2em 0 0.8em 0; }
small { font: 1.0em/1.2 arial,sans-serif; color:#f60; margin:0 0 0.5em 0; text-transform: uppercase; }
ul, ol, td { font: 1.15em/1.4 "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; }
input, textarea { font: 1.15em/1.4 "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; margin:0; padding: 1px; border: 1px solid #7a7a68; }
label { font: 1.10em/1.4 "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; margin:0; }
input.textbox { padding: 3px; color: #999; }
select { font: normal 1.8em/1.3 Arial, Helvetica, sans-serif; color: #000; }
dl, dt, dd { font: 1.1em/1 "Lucida Grande", Geneva, Arial, sans-serif; margin:0 0 0.5em 0; }
blockquote { color: #333; font: 1.1em/1.4 "Lucida Grande", Geneva, Arial, sans-serif; background: transparent url(../img/img_quote-top.gif) top left no-repeat; margin: 0; padding: 55px 0 0 33px; }
.quote { display: block; width: 100%; background: transparent url(../img/img_quote-btm.gif) bottom right no-repeat; }
ol { margin: 0; padding: 0; }

td { font: normal 1.6em/1.2 Arial, Helvetica, sans-serif; color: #000; text-align: left; margin: 0; padding: 0 0 15px 0; }
th { font: bold 2.2em/1.2 Arial, Helvetica, sans-serif; color: #000; text-align: left; margin: 0; padding: 0 15px 15px 0; }

fieldset { border: 0; margin: 0; padding: 0; }
legend { display: none; }

h2 { font: normal 5.0em/1.2 Georgia, "Times New Roman", Times, serif; color: #000; text-transform: lowercase; margin: 0; padding: 0; }
h3 { font: bold 9px/1.2 Arial, Helvetica, sans-serif; color: #000; margin: 0 0 4px 0; text-transform: uppercase; }
h4 { font: bold 1.2em/1.4 "Lucida Grande", Arial, Helvetica, sans-serif; color: #333; margin: 0;}

/* Hacks that can't be avoided in this file */

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =collapse lists */
#container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}

/* =Structure
----------------------------------------------- */

#container { width: 100%; }
.wrap { position: relative; max-width: 1300px; }


/* Masthead */
body#home #masthead { width: 100%; height: 404px; background: #dcdc84 url(../img/bg_masthead_home.gif) top left no-repeat; }
body#home #masthead_foot { width: 100%; height: 40px; background: url(../img/bg_home_tile.gif) left top repeat-x; }
body#home #masthead .wrap h1 { position: absolute; top: 26px; right: 25px; background: url(../img/logo_home.gif) no-repeat; width: 317px; height: 176px; }
body#home #masthead .content { width: 760px; }
* html body#home #masthead .wrap { height: 384px;  }

body#inside h1 a { /*position: absolute; top: 26px; right: 25px;*/ float: right; margin: 26px 25px 0 0; padding: 0; background: url(../img/logo_inside.gif) no-repeat; width: 209px; height: 87px; }
body#inside .wrap { background: url(../img/bg_masthead_inside.gif) top left no-repeat; }
body#inside .people { background: url(../img/bg_masthead_inside-ppl.jpg) top left no-repeat !important; }
body#inside .expectations { background: url(../img/bg_masthead_inside-expect.jpg) top left no-repeat !important; }

a#top { padding: 0; margin: 0; background: none; }

/* Navigation */
#nav { margin: 63px 0 0 0; }
#nav ul { padding: 0; list-style: none; margin: 0; text-transform: uppercase;  }
#nav li { margin: 0; padding: 0; width:200px; }
#nav ul li a { display: block; float: left; line-height: 1.9; font-size: 9px; margin: 0; background: #7a7a68; padding: 1px 6px; color: #fff; text-decoration: none; border-left: 1px solid #dcdc84; border-bottom: 1px solid #dcdc84; }
#nav li a:hover, #nav li a.current_page_item { background: #8d8d22; border-left: 1px solid #8d8d22; }

body#inside #nav ul li a { border-bottom: 1px solid #fcfbf7; }

/* Sec Nav */
#nav li ul { text-transform: none; clear: both; margin: 0 0 12px 0; }
#nav li li a { font-size: 10px; display: inline; float: none; background: none; color: #7a7a68; border: none; }
#nav li li a:hover, #nav li li a.current_page_item { background: none; border: none; color: #333; }

/* Give us a call */
body#home #phone_number { display: block; width: 108px; height: 128px; background: url(../img/img_ph_number_home.gif) no-repeat; margin: 31px 0 0 4px; }
body#inside #phone_number { display: block; width: 122px; height: 166px; background: url(../img/img_ph_number_inside.gif) no-repeat; margin: 31px 0 0 4px; }

/* Content */
.col-1 { float: left; width: 200px; }
.col-2 { float: left; width: 525px; margin: 0 0 0 200px; }
* html .col-2 { margin: 0 0 0 100px; }
.col-2-wrap { width: 490px; background: url(../img/img_divider_dots.gif) center repeat-y; }
.col-2-left { float: left; width: 240px; /*border-right: 1px dotted #b0afac;*/ }
.col-2-right { float: left; width: 220px; margin: 0 0 0 25px; }
.content { float: left; width: 960px; }
.sidebar { float: left; width: 220px; margin: 0 0 0 15px; }

.divider { width: 860px; height: 25px; margin: 0 0 15px 0; background: url(../img/img_divider_green.gif) top no-repeat; }

/* Footer */
div#footer { width: 860px; padding: 25px 0 20px 0; margin: 55px 0 0 150px; background: url(../img/img_divider_green.gif) top no-repeat; }
body#inside div#footer { margin: 25px 0 0 0; }
#footer-inner { width: 760px; margin: 0 auto; position: relative; }
#footer-inner p { color: #5e5e50; float: left; }
#footer-inner a { color: #000; background: none; text-decoration: underline; font-weight: normal; }
#footer-inner a:hover { text-decoration: none; }
#footer-inner div.rss a { float: left; display: block; height: 16px; width: 16px; background: url(../img/icon_rss.gif) left no-repeat; padding: 0; margin: 0 30px 0 7px; }
#adding_value { display: block; width: 278px; height: 64px; background: url(../img/img_adding_value.gif) no-repeat; margin: 23px 0 0 0; }

#footer-inner #good_numbers { width: 220px; position: absolute; top: 0; right: 0; padding: 0 0 0 14px; background: url(../img/img_divider_squiggle.gif) left no-repeat; }
#footer-inner #good_numbers ul.numbers { list-style: none; padding: 0; margin: 0; color: #5e5e50; }
#footer-inner #good_numbers ul.numbers li { padding: 1px 0 1px 16px; }
#footer-inner #good_numbers ul.numbers #phone { background: url(../img/icon_t.gif) left no-repeat; }
#footer-inner #good_numbers ul.numbers #fax { background: url(../img/icon_f.gif) left no-repeat; }
#footer-inner #good_numbers ul.numbers #email { background: url(../img/icon_e.gif) left no-repeat; }

.text_size { margin: 0; float: left; }
.text_size p { font: bold 9px/1.4 Arial, Helvetica, sans-serif; color: #000 !important; text-transform: uppercase; }
.text_size_icons { margin: 0 0 0 5px; }

.text_size_icons ul { float: left; margin: 0; padding: 0; }
.text_size_icons li a { float: left; display: block; height: 18px; background-position: 0 0; margin: 0; padding: 0; }
.text_size_icons li a:hover { background-position: 0 -18px !important; }
.text_size_icons li#decrease a { width: 24px; background: url(../img/icon_text_sm.gif) no-repeat; margin: 0 0 0 10px !important; }
.text_size_icons li#increase a { width: 25px; background: url(../img/icon_text_lg.gif) no-repeat; }

/* Homepage Styles */
body#home #masthead .content { position: absolute; top: 20px; left: 200px; }
body#home .welcome { border-bottom: 1px dotted #b0afac; padding: 0 0 10px 0; margin: 0 0 20px 0; }

#home_flash { width: 640px; height: 334px; }

#home_welcome_note { width: 745px;  background: #aeae24; margin-top: 7px; padding: 2px 0 2px 15px; }
#home_welcome_note p { color: #fff; padding: 0; font: bold 1.8em/1.5 Arial, Helvetica, sans-serif; margin: 0; }
#home_welcome_note p a { color: #fff !important; font: normal 13px/1.5 "lucida grande" Arial, Helvetica, sans-serif; background: none; text-decoration: underline; }
#home_welcome_note p a:hover { text-decoration: none; }

.news_item { margin: 0 0 20px 0; }
.news_item h4 a { font-size: 12px; background: #656463; color: #fff; padding: 0px 2px 1px 2px; }
.news_item h4 a:hover { background: #9d9d9d; }
body#home .news_item p { color: #666; font-size: 10px; margin: 0 0 9px 0; }

body#home ul.vacancies { list-style: none; padding: 0; margin: 0 0 10px 0; }
body#home ul.vacancies li { margin-bottom: 8px; }
body#home ul.vacancies li a { font-size: 12px; background: #656463; color: #fff; padding: 0px 2px 1px 2px; }
body#home ul.vacancies li a:hover { background: #9d9d9d; }

/* Inside Styles */
body#inside .content { width: 860px; position: absolute; top: 38px; left: 150px; padding: 0 0 20px 0; }
body#inside .content-inner { width: 760px; margin: 0 auto; }
body#inside .content-inner h3 { margin-top: 20px; }
body#inside .content-inner ol { padding: 0 0 0 17px; margin: 0 0 10px 10px; }
body#inside .content-inner ul { list-style-image: url(../img/bullet_cross.gif); padding: 0 0 0 17px; margin: 0; }
body#inside .content-inner li { margin: 0 0 5px 0; }

body#inside .col-2 { float: left; width: 525px; margin: 0 0 0 0; } 
* html body#inside .col-2 { margin: 0; }

/*body#inside #few_facts { width: 760px; min-height: 380px; margin: 40px 0 0 0; background: url(../img/bg_experience_facts.gif) left top no-repeat; }
body#inside #few_facts_content { float: right; width: 453px; padding-bottom: 30px; }
body#inside #few_facts_content p { margin-bottom: 10px; }*/




/* =Functions
----------------------------------------------- */
#bct { margin: 0 0 43px 0; }
#bct p { text-transform: lowercase; color: #999; font-size: 0.9em; }
#bct strong { color: #7a7a68; }
#bct a { background: none; color: #999; font-weight: normal; }
#bct a:hover { text-decoration: underline; }

/* Experience page */
body#inside .experience .col-2 { float: left; width: 525px; margin: 0; } 
* html body#inside .experience .col-2 { margin: 0; }

body#inside .experience .sidebar { float: right; width: 220px; margin: 0; } 
* html body#inside .experience .sidebar { margin: 0; }

blockquote#experience_quote span { display: none; }
blockquote#experience_quote { padding: 0; display: block; width: 525px; height: 98px; margin: 0; background: url(../img/img_quote_experience.gif) no-repeat; }

body#inside .experience .sidebar p { font-size: 11px; line-height: 1.6; }
body#inside .experience .sidebar h3 { display: block; }
h3#facts_30 { margin: 0 10px 0 0 !important; background: url(../img/header-30.gif) no-repeat; width: 82px; height: 66px; float: left; }
h3#facts_89_3000 { margin: 5px 0 0 10px !important; background: url(../img/header-89_3000.gif) no-repeat; width: 83px; height: 198px; float: right; }



/* People Flash Box */
#the_people_detail { width: 760px; }
.person_detail { float: left; width: 460px; margin: 0 0 0 15px; }
.person_detail .bio { width: 265px; float: left; padding-top: 25px; }
.person_detail .bio h3 { margin-top: 0 !important; }
.person_detail .sidebar { width: 175px !important; float: right; }
.person_detail .sidebar p.phone_number { margin: 25px 0 0 0; display: block; background: url(/_r/img/img_ph_number_sidebar.gif) no-repeat;; width: 173px; height: 47px; }

#people { float: left; width: 760px; height: 75px; }
#polaroid { float: left; width: 280px; padding-top: 25px; }

/* The Services */
#services_flash { float: right; margin: 0 0 15px 15px; }

.services_col-1 { width: 225px; float: left; margin: 0 45px 0 0; }
.services_col-2 { width: 225px; float: left; }
.services_col-3 { width: 225px; float: right; }

.letter { border-left: 1px solid #666; padding: 0 0 0 10px; }
.letter p { font: italic 1.15em/1.4 Georgia, "Times New Roman", Times, serif; }

/* The Latest */
.latest h3.latest_header { font: normal 1.5em/1.2 "lucida granda" Arial, Helvetica, sans-serif; text-transform: none; margin: 0; }
.latest div.sidebar h3 { margin-top: 0 !important; } 

/* The Career */
.career h3.latest_header { font: normal 1.5em/1.2 "lucida granda" Arial, Helvetica, sans-serif; text-transform: none; margin: 0; }
.career div.sidebar h3 { margin-top: 0 !important; }

/* The Location */
.location .sidebar ol { margin: 0; padding: 0; }
* html .location .sidebar { float: right; margin-left: 0; }
/* Archives */
.sidebar ul.archives { list-style: none !important; padding: 0 !important; margin: 0 0 15px 0 !important; }
.post { margin: 10px 0; }
.post small { color: #666; }


/* =Photos
----------------------------------------------- */
#sidebar ul#photos {
	clear: both;
	width: 497px;
	float: right;
	margin-right: -22px;
	list-style-type: none;
}
#sidebar ul#photos li {
	float: left;
	padding: 0 22px 22px 0;
}
#sidebar #new_photo_btn {
  display: block;
  float: none;
  margin: 0 0 13px 0;
}
#sidebar ul#photos li a.edit_photo {
	display: block;
	width: 100px;
	height: 21px;
	text-indent: -3000px;
	background: url(/images/graphics/edit_photo_btn.gif) no-repeat;
}
#sidebar ul#photos li img {
	width: 100px;
	height: 100px;
	border: 1px solid #e4e4e4;
}
#sidebar #photo_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: transparent url("/_r/img/photo_overlay.png") left top repeat;
}
* html #sidebar #photo_overlay {
  position: absolute;
}
* html #sidebar #photo_overlay { 
  background: none;
	/* PNG Hack for IE */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_r/img/photo_overlay.png', sizingMethod='scale');
}
#sidebar #photo_overlay img {
  border: 10px solid white;
  left: 50%;
  position: absolute;
  top: 50%;
}
#sidebar #photo_overlay #nav {
  background-color: #121212;
	left: 50%;
	position: absolute;
	top: 50%;
	padding: 0 0 8px 0;
	text-align: center;
}
#sidebar #photo_overlay #caption {
	display: block;
	color: #fff;
	margin: 24px 0 10px 0;
	font-family: "Lucida Grande", Verdana, sans-serif; 
}
#sidebar #photo_overlay #nav a {
  display: block;
  float: left;
	width: 36px;
	height: 30px;
}
#sidebar #photo_overlay #nav a span {
  display: none;
}
#sidebar #photo_overlay #nav a#left {
	width: 38px;
	background: transparent url("/_r/img/left_arrow.gif") left top no-repeat;
}
#sidebar #photo_overlay #nav a#right {
	margin-left: -4px;
	background: transparent url("/_r/img/right_arrow.gif") left top no-repeat;
}
#sidebar #photo_overlay #nav a#right:hover,
#sidebar #photo_overlay #nav a#left:hover {
	background-position: bottom left;
}
#sidebar #photo_overlay a#close_btn {
	position: absolute;
	display: block;
	top: 12px;
	right: 12px;
	width: 55px;
	text-indent: -3000px;
	background: transparent url("/_r/img/close.gif") right top no-repeat;
}


/* Lightbox */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { 
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
 }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a { outline: none; height: 30px; }

#prevLink{ position: absolute; top: 20px; left: 10px;
	width: 30px;
	height: 30px;
	background: transparent url(../img/left_arrow.gif) no-repeat; /* Trick IE into showing hover */
	
	}
#nextLink{ position: absolute; top: 20px; right: 10px;
	width: 30px;
	height: 30px;
	background: transparent url(../img/right_arrow.gif) right 0 no-repeat; /* Trick IE into showing hover */
	
	}

#prevLink:hover, #prevLink:visited:hover { background: url(../img/left_arrow.gif) left 0 no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/right_arrow.gif) right 0 no-repeat; }



#imageDataContainer{ color: #fff; font: normal 12px/1.4 "Lucida Grande" Geneva, Arial, Helvetica, sans-serif; background-color: #121212; margin: 2px auto; padding: 10px 0; overflow: auto; width: 100%	 }

#imageData { padding:0 10px; color: #fff; }
#imageData #imageDetails { width: 70%; margin: 0 auto; text-align: center; }	
#imageData #caption { font-weight: normal;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 33px; float: right; 	}	
		
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;	}