/* ------------------------------------------------------------------------------
 * GLOBAL - (IE7+ FF3+ Opera9+)
 * 
 * version: 1.0 - 31.10.2008
 * email: 	info@bluesteam.com.pt
 * website: http://www.bluesteam.com.pt
 * ------------------------------------------------------------------------------
 */

@import url(reset.css);

html, body {
	height: 						100%;
	background-color:				#ffffff;
	font:							12px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:							#191919;
}

#wrapper { 
	position: 						relative;
	min-height: 					100%;
	background: 					transparent url(../../images/wrapper-bg.gif) repeat-x left top;
}

* html #wrapper {
	height: 						100%;
}

#layout {
	position:						relative;
	width: 							980px;
	margin: 						0px auto;
	padding:                    	0px 0px 100px 0px;
}

#header {
	position:						relative;
	width:							980px;
	height:							250px;
	overflow:						hidden;
	margin:							0px;
	padding:                		0px;
	background: 					transparent url(../../images/header-bg.gif) no-repeat left top;
}

#middle {
	position:						relative;
	width:							980px;
	margin:							0px;
	padding:                		0px 0px 30px 0px;
	background: 					transparent url(../../images/content-bg.gif) repeat-y left top;
}

#leftColumn {
	position:						relative;
	float:							left;
	width:							215px;
	margin:							0px;
	padding:                		0px;
}

#rightColumn {
	position:						relative;
	float:							right;
	width:							765px;
	margin:							0px;
	padding:                		0px;
	text-align:						left;
}

#bottom {
	position:						relative;
	height:							100px;
	overflow:						hidden;
	margin:							-100px 0px 0px 0px;
	padding:                		0px;
	background: 					#191919 url(../../images/bottom-bg.gif) repeat-x left top;
}

#footer {
	position:						relative;
	width:							980px;
	height:							100px;
	margin:							0px auto;
	padding:                		0px;
	text-align:						left;
	line-height:					15px;
	font: 							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:							#696969;
	background: 					transparent url(../../images/footer-bg.gif) no-repeat left top;
}

/* HEADER */
#menu {
	position:						absolute;
	width:							170px;
	height:							235px;
	top:							15px;
	left:							30px;
	text-align:						left;
}

#language {
	position:						absolute;
	width:							100px;
	height:							18px;
	top:							6px;
	right:							15px;
	background:						transparent url(../../images/language-bg.gif) no-repeat left top;
}

div#cbLang_label {
	position:						absolute;
	width:							73px;
	height:							14px;
	margin:							2px 21px 2px 6px;
	padding:                    	0px;
	font: 							11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#a0a0a0;
	background-color:				#f6f6f6;
	border:							none;
	z-index:						1;
}

select#langselect {
	display:						inline;
	position: 						absolute;
	float: 							left;
	width: 							100px;
	height: 						18px;
	margin: 						0px;
	padding: 						0px;
	font: 							11px/14px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#a0a0a0;
	background-color: 				#ffffff;
	-moz-opacity: 					0;
	filter:							alpha(opacity: 0);
	opacity: 						0;
	cursor: 						pointer;
	z-index: 						2;
}

#banner {
	position:						absolute;
	width:							750px;
	height:							185px;
	top:							65px;
	left:							215px;
}

#logo {
	position:						relative;
	width:							170px;
	height:							100px;
	margin:							0px;
	padding:                    	0px;
}

ul#mainnav {
	width: 							auto;
  	margin:							10px 0px 0px 0px;
}

ul#mainnav li {
	display: 						inline;
  	margin: 						0px;
  	padding: 	                	0px;
}

ul#mainnav li a {
	display: 						block;
  	height: 						18px;
	padding:               	    	0px 0px 0px 20px;
	text-transform:					uppercase;
	text-decoration:				none;
  	font:							18px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:					normal;
	color:							#7d7d7d;
}

ul#mainnav li a:hover, 
ul#mainnav li a:focus {
	color:							#b00d36;
}

ul#mainnav li a.on {
	color:							#b00d36;
}

ul#mainnav li.subnav a {
	display: 						block;
  	height: 						15px;
	padding:               	    	0px 0px 0px 30px;
	text-transform:					none;
	font:							12px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#7d7d7d;
}

ul#mainnav li.subnav a:hover, 
ul#mainnav li.subnav a:focus {
	color:							#b00d36;
}

ul#mainnav li.subnav a.on {
	color:							#b00d36;
}

/* SIDEBAR */
#sidebar {
	position:						relative;
	width:							200px;
	height:							auto;
	margin:							0px 0px 0px 15px;
	padding:                    	90px 0px 0px 0px;
	background:						#f4f4f4 url(../../images/spotlight-bg.gif) no-repeat left top;
}

ul#destaques {
	width:							200px;
	margin:							0px;
	padding:                    	0px;
}

ul#destaques li {
	position:						relative;
	width:							180px;
	height:							90px;
	margin:							0px 10px 0px 10px;
	padding:                    	0px;
}

ul#destaques li a {
	text-decoration:				none;
}

ul#destaques li img {
	position:						relative;
	float:							left;
	width:							65px;
	height:							65px;
	margin:							10px 0px 10px 5px;
	padding:                		0px;
}

ul#destaques li div.destaqueTxt {
	position:						relative;
	float:							left;
	width:							100px;
	height:							77px;
	overflow:						hidden;
	margin:							8px 5px 5px 5px;
	padding:                		0px;
	text-align:						left;
	font:							9px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#191919;
}

ul#destaques li a div.destaqueTxt h5 {
	margin:							0px;
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					bold;
	color:							#b00d36;
}

#rssFeeds {
	position:						relative;
	width:							200px;
	height:							200px;
	overflow:						hidden;
	margin:							0px 0px 0px 15px;
	padding:                    	0px;
	background:						transparent url(../../images/rss-panel-bg.gif) no-repeat left top;
}

#rssFeeds a {
	display:						block;
	position:						relative;
	width:							160px;
	height:							30px;
	overflow:						hidden;
	margin:							135px 20px 35px 20px;
	padding:                    	0px;
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#7b7b7b;
}

/* CONTENT */
#titlebar {
	position:						relative;
	width:							750px;
	height:							50px;
	margin:							0px;
	padding:                    	0px;
	background:						transparent url(../../images/titlebar-bg.gif) no-repeat left top;
}

ul#breadcrumbs {
	position:						relative;
	width:							340px;
	height:							15px;
	overflow: 						hidden;
	margin:							0px;
	padding:                    	5px 0px 0px 10px;
}

ul#breadcrumbs li {
	float: 							left;
	display: 						block; 
	padding: 	                	0px 5px 0px 10px;
	font: 							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:							#aba8a4;
	background: 					transparent url(../../images/breadcrumbs-arrow.gif) no-repeat left center;
}

ul#breadcrumbs li.first {
	padding: 						0px 5px 0px 0px;
	background: 					none;
}

ul#breadcrumbs li a {
	text-decoration: 				none;
	color: 							#aba8a4;
}

ul#breadcrumbs li a:hover, 
ul#breadcrumbs li a:focus {
	text-decoration:				underline;
	color: 							#7d7d7d;
}

#title {
	position:						relative;
	float:							left;
	width:							340px;
	height:							25px;
	overflow:						hidden;
	margin:							0px;
	padding:                    	0px 0px 0px 10px;
	text-align:						left;
	font:							20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:					normal;
	color:							#7d7d7d;
}

#titlebar p {
	margin-left:					10px;
	font: 							10px/14px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#b00d36;
}

#content {
	position:						relative;
	width:							735px;
	margin:							0px;
	padding:                    	15px;
}

#listFilter {
	position:						absolute;
	width:							110px;
	top:							5px;
	right:							225px;
	margin:							0px;
	padding:                    	0px;
}

#listSort {
	position:						absolute;
	width:							110px;
	top:							5px;
	right:							115px;
	margin:							0px;
	padding:                    	0px;
}

#listType {
	position:						absolute;
	width:							110px;
	top:							5px;
	right:							5px;
	margin:							0px;
	padding:                    	0px;
}

div#cbFilter_holder, 
div#cbSort_holder, 
div#cbType_holder {
	position:						relative;
	width:							102px;
	height:							20px;
	margin:							0px 4px 0px 4px;
	padding:                    	0px;
	background-image:				url(../../images/list-combo-bg.gif);
	background-position:			left top;
	background-repeat:				no-repeat;
}

div#cbFilter_label, 
div#cbSort_label, 
div#cbType_label {
	position:						absolute;
	width:							75px;
	height:							16px;
	margin:							3px 21px 1px 6px;
	padding:                    	0px;
	font: 							11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#a0a0a0;
	background-color:				#f6f6f6;
	border:							none;
	z-index:						1;
}

select#cbFilter, 
select#cbSort, 
select#cbType {
	display:						inline;
	position: 						absolute;
	float: 							left;
	width: 							102px;
	height: 						20px;
	margin: 						0px;
	padding: 						0px;
	font: 							11px/14px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#a0a0a0;
	background-color: 				#ffffff;
	-moz-opacity: 					0;
	filter:							alpha(opacity: 0);
	opacity: 						0;
	cursor: 						pointer;
	z-index: 						2;
}

.cbOver {
	background-position:			left bottom;
}

/* FOOTER */
#copyrights {
	position:						relative;
	float:							left;
	width:							180px;
	height:							55px;
	overflow:						hidden;
	margin:							30px 0px 0px 25px;
	padding:                    	0px;
}

#contacts {
	position:						relative;
	float:							left;
	width:							195px;
	height:							65px;
	overflow:						hidden;
	margin:							15px 0px 0px 45px;
	padding:                    	5px 5px 5px 30px;
	background:						transparent url(../../images/contacts-bg.gif) no-repeat left top;
}

#links {
	position:						relative;
	float:							left;
	width:							140px;
	height:							65px;
	overflow:						hidden;
	margin:							15px 0px 0px 20px;
	padding:                    	5px 5px 5px 55px;
	background:						transparent url(../../images/links-bg.gif) no-repeat left top;
}

#help {
	position:						relative;
	float:							left;
	width:							140px;
	height:							65px;
	overflow:						hidden;
	margin:							15px 0px 0px 20px;
	padding:                    	5px 5px 5px 55px;
	background:						transparent url(../../images/help-bg.gif) no-repeat left top;
}

#langs {
	display:						none;
	position:						relative;
	width:							0px;
	height:							0px;
	overflow:						hidden;
	text-indent:                    -5555px;
}

#footer a {
	text-decoration:				none;
	color:							#696969;
}

#footer a:hover,
#footer a:active {
	text-decoration:				underline;
	color:							#8a102f;
}

#footer ul {
	position:						relative;
	width:							auto;
	height:							65px;
	overflow:						hidden;
	margin:							0px;
	padding:                    	0px;
}

#footer ul li {
	width:							auto;
	height:							13px;
	overflow:						hidden;
	margin:							0px;
	padding:                    	0px;
}

/* MISC */
h1 {
	font:							20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:					normal;
	color:							#b00d36;
}

h2 {
	font: 							12px/18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					bold;
	color:							#565656;
}

h3 {
	margin-bottom: 					20px;
	font:							20px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:					normal;
	color:							#b00d36;
}

h4 { 
	margin-top: 					10px;
	margin-left:					20px;
	font: 							12px/18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					bold;
	color:							#565656;
}

h5 {
	margin:							0px;
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					bold;
	color:							#b00d36;
}

p {
	font: 							12px/18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#696969;
}

a {
	text-decoration:				none;
	color:							#b00d36;
}

a:hover, 
a:focus {
	text-decoration:				underline;
	color:							#b00d36;
}

.center {
	text-align:						center;
}

.hr {
	position:						relative;
	clear:							both;
	width:							auto;
	height:							20px;
	margin:							0px 0px 20px 0px;
	padding:                    	0px;
	border-bottom:					1px solid #eeeeee;
}

.dark {
	color:							#191919;
}

.indented {
	margin-left:					20px;
}

.info {
	font: 							11px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:							#696969;
	background-color:				#fff0f0;
}

.floated {
	float:							left;
}

/* TABS */
.tabSlider .panelContainer .panel ul {
	text-align: 					left;
	margin: 						0px;
}

.slider-wrap {
	position: 						relative;
	width: 							100%;
	margin: 						0px;
}

.tabSliderHidden {
	display:						none;
	width: 							730px;
	height: 						auto;
	margin:							0px;
	padding:                        0px;
}

.tabSlider {
	position: 						relative;
	width: 							730px;
	height: 						auto;
	margin: 						0px;
	padding:                        0px;
	overflow: 						hidden;
	clear: 							both;
}

.tabSlider .panelContainer {
	position: 						relative;
	width: 							100%;
	left: 							0px;
	top: 							0px;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.tabSlider .panelContainer .panel {
	width: 							730px;
	height: 						100%;
	float:							left;
	position: 						relative;
}

.tabSlider .panelContainer .panel .panel_wrap {
	padding: 	                    0px;
}

.tabs {
	position:						relative;
	float:							left;
	width:							376px;
	height:							30px;
	overflow:						hidden;
	margin:							0px 0px 0px 5px;
	padding:                    	0px;
}

.tabs_title {
	position: 						relative;
	width: 							376px;
	margin: 						0px;
	padding:                    	0px;
}

.tabs_title li {
	display: 						block;
	float: 							left;
	width: 							125px;
	height: 						22px;
	margin: 						0px;
	padding:                		8px 0px 0px 0px;
	overflow: 						hidden;
	text-align:						center;
	text-transform:					uppercase;
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#898989;
	cursor: 						pointer;
	background: 					transparent url(../../images/tabs-bg.gif) no-repeat left top;
}

.tabs_title li.last {
	width:							126px;
}

.tabs_title li.over {
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#b00d36;
	background-position: 			0 -30px;
}

.tabs_title li.active {
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					bold;
	color:							#191919;
	cursor: 						default;
	background: 					transparent url(../../images/tabs-bg.gif) no-repeat left bottom;
}

/* OBRAS */
#obrasCurso {
	position:						relative;
	float:							left;
	width:							350px;
	margin:							0px;
	padding:                    	0px 15px 10px 0px;
	border-right:					1px solid #ebebeb;
}

#obrasCurso a.panel {
	display:						block;
	width:							330px;
	height:							165px;
	margin:							0px 0px 10px 0px;
	padding:                    	10px;
	background:						transparent url(../../images/obras-curso-bg.jpg) no-repeat left top;
}

#obrasCurso a.panel:hover, 
#obrasCurso a.panel:focus {
	background-position:			0px -185px;
}

#obrasConcluidas {
	position:						relative;
	float:							left;
	width:							350px;
	margin:							0px;
	padding:                    	0px 0px 10px 15px;
}

#obrasConcluidas a.panel {
	display:						block;
	width:							330px;
	height:							165px;
	margin:							0px 0px 10px 0px;
	padding:                    	10px;
	background:						transparent url(../../images/obras-concluidas-bg.jpg) no-repeat left top;
}

#obrasConcluidas a.panel:hover, 
#obrasConcluidas a.panel:focus {
	background-position:			0px -185px;
}

ul#listaSimples {
  	margin:							0px;
  	width: 							auto;
}

ul#listaSimples li {
	position:						relative;
	width:							715px;
	height:							75px;
	margin:							0px;
	padding:               	    	20px 10px 20px 10px;
	border-bottom:					1px solid #ebebeb;
}

ul#listaSimples li img {
	position:						relative;
	float:							left;
	width:							110px;
	height:							75px;
	overflow:						hidden;
	margin:							0px 10px 0px 0px;
	padding:                    	0px;
}

ul#listaSimples li div {
	position:						relative;
	float:							left;
	width:							595px;
	height:							75px;
	overflow:						hidden;
	margin:							0px;
	padding:                    	0px;
}

ul#listaSimples li h1 {
	font:							16px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:					bold;
	color:							#b00d36;
}

ul#listaDetalhada {
  	margin:							0px;
  	width: 							auto;
}

ul#listaDetalhada li {
	position:						relative;
	width:							715px;
	height:							200px;
	margin:							0px;
	padding:               	    	20px 10px 20px 10px;
	border-bottom:					1px solid #ebebeb;
}

ul#listaDetalhada li img {
	position:						relative;
	float:							left;
	/*width:							300px;
	height:							200px;*/
	overflow:						hidden;
	margin:							0px 10px 0px 0px;
	padding:                    	0px;
}

ul#listaDetalhada li div {
	position:						relative;
	float:							left;
	width:							405px;
	height:							200px;
	overflow:						hidden;
	margin:							0px;
	padding:                    	0px;
}

ul#listaDetalhada li h1 {
	font:							16px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:					bold;
	color:							#b00d36;
}

.listPaging {
	position:						relative;
	width:							735px;
	height:							20px;
	margin:							10px 0px 0px 0px;
	padding:                    	0px;
}

.top {
	margin:							0px;
	padding:						0px 0px 10px 0px;
	border-bottom:					1px solid #eeeeee;
}

.listPaging p {
	position:						relative;
	float:							left;
	margin-top:						3px;
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#848484;
}

.listPaging ul {
	position:						relative;
	float:							right;
	width:							auto;
	height:							20px;
}

.listPaging ul li {
	position:						relative;
	float:							left;
	height:							14px;
	margin:							1px;
	padding:                    	1px 4px 0px 4px;
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#848484;
	border:							1px solid #cecece;
}

.listPaging ul li.on {
	border:							1px solid #848484;
}

.listPaging ul li a {
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#848484;
}

/* OBRA */
#content .line {
	width: 							auto;
	height: 						1%;
	overflow: 						hidden;
}

#content .line div {
	float:							left;
	padding:						10px;
}

#content .line div.photo {
	text-align:						center;
	width:							300px;
}

#content .line div.photo p {
	text-align:						center;
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#848484;
}

#content .line div.txt {
	width:							390px;
}

ul#gallery {
	width:							720px;
	margin:							0px 0px 0px 15px;
	padding:                        0px;
}

ul#gallery li {
	float:							left;
	width:							160px;
	height:							120px;
  	margin: 						0px 20px 20px 0px;
  	padding: 	                	0px;
}

ul#gallery p {
	text-align:						center;
	font:							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	color:							#848484;
}

/* CONTACTOS */
.contactForm {
	position:						relative;
	width:							730px;
	margin:							20px 0px 0px 0px;
	padding:                		0px;
}

.contactForm p {
	margin-top:						10px;
}

.contactForm label {
	position:						relative;
	float:							left;
	width:							110px;
	height:							25px;
	margin:							5px 10px 4px 0px;
	text-align:						right;
	font: 							12px/18px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					bold;
	color:							#565656;
}

.contactForm div.inputfield {
	position:						relative;
	float:							left;
	clear:							right;
	width:							300px;
	height: 						34px;
	margin:							0px 0px 0px 0px;
	padding:	 					0px;
	background:						transparent url(../../images/input-bg.gif) no-repeat left top;
}

.contactForm div.inputfield.error {
	background:						transparent url(../../images/input-error-bg.gif) no-repeat left top;
}

.contactForm div.inputmsg {
	position:						relative;
	float:							left;
	width:							285px;
	height:							29px;
	margin:							5px 0px 0px 5px;
	padding:	 					0px 0px 0px 20px;
	color:							#b00d36;
}

.contactForm div.inputmsg.error {
	background:						transparent url(../../images/icon-exclamation.gif) no-repeat left top;
}

.contactForm div.areafield {
	position:						relative;
	float:							left;
	clear:							right;
	width:							300px;
	height: 						200px;
	margin:							0px 0px 0px 0px;
	padding:	 					0px;
	background:						transparent url(../../images/textarea-bg.gif) no-repeat left top;
}

.contactForm div.areafield.error {
	background:						transparent url(../../images/textarea-error-bg.gif) no-repeat left top;
}

.contactForm input {
	width:							290px;
	height: 						15px;
	margin:							5px 5px 4px 5px;
	padding:	 					0px;
	border: 						none;
	background:						none;
	line-height:					15px;
	font: 							12px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:							#191919;
}

.contactForm textarea {
	width:							290px;
	height: 						190px;
	margin:							5px 5px 5px 5px;
	padding:	 					0px;
	border: 						none;
	background:						none;
	font: 							12px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:							#191919;
}

.contactForm input.submitButton {
	float:							right;
	width:							auto;
    height: 						25px;
	margin:							10px 310px 0px 0px;
	padding:	 					0px 10px 2px 10px;
	border-width:					1px;
	border-style:					solid;
	border-color:					#e4e4e4 #c2c2c2 #c2c2c2 #e4e4e4;
	text-align:						center;
	text-transform:					uppercase;
	font: 							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-weight:					bold;
	color:							#191919;
}

.contactForm div.formresultOK {
	position:						relative;
	width:							500px;
	height:							20px;
	margin:							5px 0px 0px 120px;
	padding:	 					0px 0px 0px 20px;
	color:							#11921a;
	background:						transparent url(../../images/icon-accept.gif) no-repeat left top;
}

.contactForm div.formresultKO {
	position:						relative;
	width:							500px;
	height:							20px;
	margin:							5px 0px 0px 120px;
	padding:	 					0px 0px 0px 20px;
	color:							#b00d36;
	background:						transparent url(../../images/icon-exclamation.gif) no-repeat left top;
}

#googleMap {
	position:						relative;
	width:							728px;
	height:							490px;
	margin:							0px 0px 20px 0px;
	padding:                		1px;
	text-align:						center;
	border:							1px solid #ebebeb;
}

#mapContainer {
	position:						relative;
	width:							728px;
	height:							490px;
	margin:							0px;
	padding:                		0px;
}

/* SITEMAP */
ul#sitemap {
	width: 							auto;
  	margin:							0px 0px 0px 20px;
	padding:                        0px;
}

ul#sitemap li {
	display: 						inline;
  	margin: 						0px;
  	padding: 	                	0px;
}

ul#sitemap li a {
	display: 						block;
  	height: 						30px;
	padding:               	    	0px;
	text-decoration:				none;
  	font:							20px/30px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:					normal;
	color:							#7d7d7d;
}

ul#sitemap li a:hover, 
ul#sitemap li a:focus {
	color:							#b00d36;
}

ul#sitemap ul.sublinks li a {
	display: 						block;
  	height: 						24px;
	margin:							0px 0px 0px 20px;
	padding:               	    	0px 0px 0px 15px;
	text-transform:					none;
	font:							16px/24px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:					normal;
	color:							#7d7d7d;
	background:						transparent url(../../images/sitemap-sub-bullet.gif) no-repeat left top;
}

ul#sitemap ul.sublinks li a:hover, 
ul#sitemap ul.sublinks li a:focus {
	color:							#b00d36;
}

ul#sitemap ul.subtabs li {
	display: 						block;
  	height: 						24px;
	margin:							0px 0px 0px 20px;
	padding:               	    	0px 0px 0px 15px;
	text-transform:					none;
	font:							16px/24px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:					normal;
	color:							#7d7d7d;
	background:						transparent url(../../images/sitemap-sub-bullet.gif) no-repeat left top;
}

/* LIGHTBOX */
#jquery-overlay {
	position: 						absolute;
	top: 							0px;
	left: 							0px;
	z-index: 						90;
	width: 							100%;
	height: 						500px;
}

#jquery-lightbox {
	position: 						absolute;
	width: 							100%;
	top: 							0px;
	left: 							0px;
	line-height: 					0px;
	text-align: 					center;
	z-index: 						100;
}

#jquery-lightbox a img {
	border: 						none;
}

#lightbox-container-image-box {
	position: 						relative;
	width: 							250px;
	height: 						250px;
	margin: 						0px auto;
	background-color: 				#ffffff;
}

#lightbox-container-image {
	padding: 	                    10px;
}

#lightbox-loading {
	position: 						absolute;
	width: 							100%;
	height: 						25%;
	top: 							40%;
	left: 							0%;
	line-height: 					0px;
	text-align: 					center;
}

#lightbox-nav {
	position: 						absolute;
	width: 							100%;
	height: 						100%;
	top: 							0px;
	left: 							0px;
	z-index: 						10;
}

#lightbox-container-image-box > #lightbox-nav {
	left: 							0px;
}

#lightbox-nav a {
	outline: 						none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display: 						block;
	width: 							49%;
	height: 						100%;
	zoom: 							1;
}

#lightbox-nav-btnPrev {
	float: 							left;
	left: 							0px; 
}

#lightbox-nav-btnNext {
	float: 							right;
	right: 							0px; 
}

#lightbox-container-image-data-box {
	width: 							100%;
	margin: 						0px auto;
	padding: 	                    0px 10px 0px;
	overflow: 						auto;
	line-height: 					1.4em;
	font: 							10px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	background-color: 				#ffffff;
}

#lightbox-container-image-data {
	padding:                        0px 10px; 
	color: 							#666666; 
}

#lightbox-container-image-data #lightbox-image-details {
	float: 							left;
	width: 							70%; 
	text-align: 					left; 
}

#lightbox-image-details-caption {
	font-weight: 					bold;
}

#lightbox-image-details-currentNumber {
	display: 						block; 
	clear: 							left; 
	padding-bottom: 				1.0em;	
}

#lightbox-secNav-btnClose {
	float: 							right;
	width: 							20px; 
	padding-bottom: 				0.7em;	
}