/*****************************************************************************
 * 2009 copyright(c) Studio AQuA
 *
 * web		http://www.studioaqua.it
 * email	info@studioaqua.it
 *****************************************************************************/


/*** MAIN ********************************************************************/
body{
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	/*background: black url(../images/studio-aqua-bg.jpg) no-repeat scroll center top;*/
	background: black url(../images/bg.gif) repeat;
	color: #404040;
}
.topspacer {
	height: 24px;
}

.spacer {
	clear:both; height:3px;
	background: url(../images/spacer_grid12.gif) no-repeat scroll center top;
	margin-bottom: 40px;
}

#container {
	box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	background: white url(../images/bkg-container.jpg) no-repeat scroll ;
	height: 100%;
	/*margin-top: 53px;*/
	overflow:hidden;
	clear:both;
}

.section-text h2 {
	font-size: 18px;
	margin-bottom: 20px;
	color: black;
}
.section-text {
	font-size: 12px;
}

.section {
	margin: 80px 0 10px 0;
	height:220px;
}

#header {
	height:190px;	
}

.tabs {
	display:none
}

abbr {
	border-bottom:1px dotted #CCCCCC;
	cursor:help;
}

/*** LOGO ********************************************************************/
.logo {
	height: 180px;
	background: transparent url(../images/studio-AQuA.png) no-repeat scroll 20px 30px;
}

.head-contact {
	height: 72px;
	text-align: right;
}

/*** LANGUAGES ***************************************************************/
.lang-home {
	color:white;
	text-align: right;
	padding-bottom: 6px;
	margin-top:3px;
}
.langicons {
	height: 32px;
	line-height: 32px;
	text-align: right;
}
.langicons a,
.langicons a:visited{
		text-decoration: none;
		color: #404040;
}
.lang-home a,
.lang-home a:visited {
		text-decoration: none;
		color: #ccc;
}
.langicons a:hover,
.lang-home a:hover {
		text-decoration: underline;
		color: red;
}
div.langicons a.lang-act,
div.lang-home a.lang-act {
	color: red;
}
.langicons span,
.lang-home span {
	font-size: 11px;
	font-weight: normal;
}	



/*** HEADER CONTACT **********************************************************/
.top-contact {
	line-height: 14px;
	font-size: 11px;
	letter-spacing: 1px;
}
.top-contact a, .top-contact a:visited {
	color: #404040;
	text-decoration: none;
}
.top-contact a:hover {
	text-decoration: underline;
}

.top-contact img {
	float:right; position:relative;top:10px;z-index:10;margin-right:18px;
}
.top-contact p {
float:right; margin-top:16px;margin-right:12px;;line-height:14px	
}

.top-contact span {
	position:relative; top:3px
}

/*** MENU ********************************************************************/
#container .navigation {
	height:35px;
	/*margin-top:32px;*/
	position:relative;
}
#container .nav-home {
	margin-top:26px;
}

#container .space {
	height:72px;
}

#container .navigation li {
	display:inline;
}


#container .navigation li a {
	background:transparent url(../images/menu.gif) no-repeat scroll 0 0;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:35px;
	width:104px;
}

#container .navigation li.homepage a {
	background-position:0 0;
	width:101px;
}
#container .navigation li.homepage a:hover,
#container .navigation li.homepage a#first {
	background-position:0 -34px !important;
}

#container .navigation li.ourservices a {
	background-position:-101px 0;
}
#container .navigation li.ourservices a:hover,
#container .navigation li.ourservices a#second {
	background-position:-101px -34px !important;
}

#container .navigation li.products a {
	background-position:-205px 0;
}
#container .navigation li.products a:hover,
#container .navigation li.products a#third {
	background-position:-205px -34px !important;
}

#container .navigation li.work a {
	background-position:-309px 0;
}
#container .navigation li.work a:hover,
#container .navigation li.work a#fourth {
	background-position:-309px -34px !important;
}

#container .navigation li.about a {
	background-position:-413px 0;
}
#container .navigation li.about a:hover,
#container .navigation li.about a#fifth {
	background-position:-413px -34px !important;
}

#container .navigation li.contactus a {
	background-position:-517px 0;
	width:102px;
}
#container .navigation li.contactus a:hover,
#container .navigation li.contactus a#sixth {
	background-position:-517px -34px !important;
}


/*** HOMEPAGE ****************************************************************/

h3.showcase-title {
	margin: 0 0 10px 20px;
	text-transform: uppercase;
	color: #aaa;
}


/* container for slides */
.images {
	position:relative;	
	height:251px;
	width:298px;
	/*cursor:pointer;*/
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	/*
	margin:7px;
	padding:15px 30px 15px 15px;
	*/
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

.showcase {
	margin: 0px 30px !important;
	width: 900px !important;
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); box-shadow: 0px 0px 12px rgba(0,0,0,.6);
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
.showcase-nav { clear: both; margin: 10px 30px 0; }
.showcase-nav li { line-height: 14px; padding: 0 10px 3px; float: left; margin-right: 10px; cursor: pointer;}
.showcase-nav li:hover { color: white; background: #981B1E; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.showcase-nav li:active { top: 2px; position: relative; }
	
.block{
	width:298px !important;
	height:251px;
	margin: 0px;
	float:left;
	border: 1px solid #ccc;
	
	/* CSS3 tweaks for modern browsers */
	/*
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;
	*/
}

.block h2 {
	margin:20px;
	margin-top:24px;
	font-size:18px;
}

.block p {
	margin-left:18px;
	margin-right:18px;
	margin-bottom:20px;
	font-size:14px;
	line-height:18px;
	color:white;
}

.block a {
	margin-left:20px;
	margin-right:30px;
	font-size:14px;
	float:right;
	text-decoration: none;
}
.block a.normal { margin: 0; float: none; color: white; text-decoration: underline; font-style: normal;}
.block a.normal:hover { color: red; }

/*
button.home,
a.home {
  background-color: #000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px; 
  border-radius: 6px;
  border: 1px solid #ddd;
  margin: 5px;
  padding: 4px 0 3px 0;
  min-width: 115px;
  float:right;
	margin-right:24px;
	color: #ddd;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0px;
  word-spacing: 0px;
  text-align: center;
  text-shadow: 0px 0px 0px black;
	cursor: pointer;
	font-style: normal;
}
button.home:hover,
a.home:hover {
	background-color: #909090;
	color: #fff;
	border-color:#FFF;
}
*/

#box1 {
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;	
}
#box3 {
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;	
}
#box6 {
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;	
}
#box4 {
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;	
}


/* tabs (those little circles below slides) */
.tabs {
	clear:both;
}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;     
} 	

/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	background:#fff url(../images/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


#slide2_1 {
	background: url(../images/showcase/iphone_01.jpg) no-repeat;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
	height:251px;
	width:298px;
}
#slide2_2 {
	background: url(../images/showcase/iphone_02.jpg) no-repeat;
	height:251px;
	width:298px;
}
#slide2_3 {
	background: url(../images/showcase/iphone_03.jpg) no-repeat;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	height:251px;
	width:298px;
}
#slide2_4 {
	background: url(../images/showcase/iphone_04.jpg) no-repeat;
	color: #5781c0;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	height:251px;
	width:298px;
}
#slide2_5 {
	background: url(../images/showcase/iphone_05.jpg) no-repeat;
	height:251px;
	width:298px;
}
#slide2_6 {
	background: url(../images/showcase/iphone_06.jpg) no-repeat;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	height:251px;
	width:298px;
}

#slide1_1 {
	background: url(../images/showcase/ipad_01.jpg) no-repeat;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
	height:251px;
	width:298px;
}
#slide1_2 {
	background: url(../images/showcase/ipad_02.jpg) no-repeat;
	height:251px;
	width:298px;
}
#slide1_3 {
	background: url(../images/showcase/ipad_03.jpg) no-repeat;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	height:251px;
	width:298px;
}
#slide1_4 {
	background: url(../images/showcase/ipad_04.jpg) no-repeat;
	color: #ff6600;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	height:251px;
	width:298px;
}
#slide1_4 .slidecover,
#slide2_4 .slidecover,
#slide3_4 .slidecover,
#slide4_4 .slidecover {
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	height:251px;
	width:298px;
	background: #000;
	display: block;
	filter:alpha(opacity=80); /* for internet explorer */
	opacity: 0.80; /* CSS3 standard */
	-moz-opacity:0.80; /* for older gecko browsers */
	-khtml-opacity: 0.80; /* for older webkit browsers */
}
#slide1_5 {
	background: url(../images/showcase/ipad_05.jpg) no-repeat;
	height:251px;
	width:298px;
}
#slide1_6 {
	background: url(../images/showcase/ipad_06.jpg) no-repeat;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	height:251px;
	width:298px;
}

#slide3_1 {
	background: url(../images/showcase/tdm-jquery_01.jpg) no-repeat;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
	height:251px;
	width:298px;
}
#slide3_2 {
	background: url(../images/showcase/tdm-jquery_02.jpg) no-repeat;
	height:251px;
	width:298px;
}
#slide3_3 {
	background: url(../images/showcase/tdm-jquery_03.jpg) no-repeat;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	height:251px;
	width:298px;
}
#slide3_4 {
	background: url(../images/showcase/tdm-jquery_04.jpg) no-repeat;
	color: #5781c0;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	height:251px;
	width:298px;
}
#slide3_5 {
	background: url(../images/showcase/tdm-jquery_05.jpg) no-repeat;
	height:251px;
	width:298px;
}
#slide3_6 {
	background: url(../images/showcase/tdm-jquery_06.jpg) no-repeat;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	height:251px;
	width:298px;
}


#slide4_1 {
	background: url(../images/showcase/tdm-flash_01.jpg) no-repeat;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
	height:251px;
	width:298px;
}
#slide4_2 {
	background: url(../images/showcase/tdm-flash_02.jpg) no-repeat;
	height:251px;
	width:298px;
}
#slide4_3 {
	background: url(../images/showcase/tdm-flash_03.jpg) no-repeat;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
	height:251px;
	width:298px;
}
#slide4_4 {
	background: url(../images/showcase/tdm-flash_04.jpg) no-repeat;
	color: #7AF506;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	height:251px;
	width:298px;
}
#slide4_5 {
	background: url(../images/showcase/tdm-flash_05.jpg) no-repeat;
	height:251px;
	width:298px;
}
#slide4_6 {
	background: url(../images/showcase/tdm-flash_06.jpg) no-repeat;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	height:251px;
	width:298px;
}

/*** SERCIVES ****************************************************************/
.service-row {
	min-height: 210px;
	line-height: 14px;
}

.service-row img {
	margin-left: 20px;
}
.service-row p {
	padding-right: 20px;
}

/*** PRODUCTS ****************************************************************/
.prod-row {
	height: 262px;
	line-height: 14px;
}
.prod-slideshow {
	height: 222px;
	margin-bottom: 40px;
}
.prod-slideshow p {
	padding-right: 0;
}
.prod-slideshow .left {
	margin-left: 20px;
}

/*** CLIENTS *****************************************************************/
.container_12 .boxgrid {
	height: 165px;
	width: 218px;
	margin-bottom:10px;
	margin-top:10px;
	border: 1px solid #999;
	overflow: hidden;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.container_12 .boxgrid img{ 
	position: absolute; 
	top: 30px; 
	left: 0; 
	border: 0; 
}
.container_12 .boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
.container_12 .boxcaption {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	left:0;
	background-color: white;
	float:left;
	height:165px;
/*	opacity:0.8; */
	position:absolute;
	width:100%;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.container_12 .boxcaption h3 {
	text-align: center;
	background:#333;
	color: white;
	line-height: 24px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.container_12 .boxcaption p {
	margin-top: 10px;
	color: #404040;
	min-height: 100px;
	font-size: 12px;
	border-radius-bottomleft: 6px;
	border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-webkit-border-radius-bottomright: 6px;
}

.container_12 .boxcaption a,
.container_12 .boxcaption a:visited {
	cursor: pointer;
	margin-right: 20px;
	color: #000;
	float:right;
}
/*
.container_12 .boxcaption a:hover {
	text-decoration: underline;
}
*/


/* --- CLIENT button style code start here --- */

button.portfolio {
          /* button styles */
		  background-color: #666;
          -webkit-border-radius: 6px;
		  -moz-border-radius: 6px; 
		  border-radius: 6px;
          border: 1px solid #996699;
          margin: 0px;
		  padding: 4px 10px 3px 10px;
		  min-width: 72px;
		  float:right;
		  
		  /*text styles */
          color: #eee;
          font-size: 10px;
          font-weight: bold;
          letter-spacing: 0px;
          word-spacing: 0px;
          text-align: center;
          
          /*interaction */
		  cursor: pointer;
}

button.portfolio:hover {
	background-color: #eee;
	color:#666;
}

/* --- end button style code --- */

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {		
	color:#fff;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}

#triggers {
	margin-top:10px;
	text-align:center;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


#portfolio-menu,
.portfolio-content {
	position: relative;
	top: -20px;	
}
#portfolio-nav li {
	float: right;
}
#portfolio-nav li a,
#portfolio-nav li a:visited {
	color:#333;
	text-decoration: none;
	line-height: 18px;
	display: block;
	height: 18px;
/*	text-align:center;*/
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
	width:97px;
	background: url("../images/freccia_altri.png") no-repeat 0 0;
}

#portfolio-nav li a:hover {}
#portfolio-nav li a.allClientsGrid,
#portfolio-nav li a.allClientsGrid:visited {
}
#portfolio-nav li a.allClientsGrid:hover {
	background-position: 0 -18px;
}
#portfolio-nav li a.clientsGrid,
#portfolio-nav li a.clientsGrid:visited {
	background-position: -96px 0;
}
#portfolio-nav li a.clientsGrid:hover {
	background-position: -96px -18px;
}

#allClientsGrid .boxgrid {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #333333;
	color:white;
	line-height:24px;
	text-align:center;
	height:24px;
	margin-bottom:10px;
	margin-top:10px;
	overflow:hidden;
	width:218px;
}

a.clickable,
a.clickable:visited {
	cursor: pointer;
}

a.clickable:hover h3 {
	background: #ddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/*** ABOUT *******************************************************************/
.about-row {
	margin-bottom: 40px;
}
.about-space {
	margin-bottom:50px;	
}
.about-row h3 {
	color:#333333;
	font-size:16px;
	font-weight:bold;
	margin-bottom:16px;
}
.about-row h4 {
	margin-top:8px;
	margin-bottom:5px;
	font-size:14px;
	color:#333;
}
.about-row h5 {
	color:#999;
	font-weight:normal;
	margin-bottom:12px;
	font-size: 12px;
}
.grid_3.about-stepbox {
	border: 1px solid #ccc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	width: 218px;
	height: 324px;
	background-color:#fafafa !important;
}
.about-stepbox img {
	width: 218px;
	height: 163px;
}
#about-step1 {
	background: url(../images/about/planning.jpg) no-repeat 0 0;
}
#about-step2 {
	background: url(../images/about/design.jpg) no-repeat 0 0;
}
#about-step3 {
	background: url(../images/about/build.jpg) no-repeat 0 0;
}
#about-step4 {
	background: url(../images/about/verify.jpg) no-repeat 0 0;
}
.grid_3 div.about-text {
	position:relative;
	top:163px;
	width:208px;
	margin:5px;
}
.about-text h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:16px;
	color:#333;
}
.about-text p {
	font-size:12px;
	line-height:14px;
	margin-bottom:8px;
	margin-right:10px;
}
.phase p {
	font-size:11px;
	line-height: 12px;
}
.pics h4{
	float: left;
	display:inline-block;
}
.foto-rob {
	width: 218px;
	height: 163px;
	background: url(../images/about/rob.jpg) no-repeat;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border: 1px solid #ccc;
}
.foto-nik {
	width: 218px;
	height: 163px;
	background: url(../images/about/nik.jpg) no-repeat;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border: 1px solid #ccc;
}
.linkedin {
	text-decoration:none;float:right; margin-top:6px;
}
.linkedin span {
	font: 80% Arial,sans-serif; color:#0783B6;
}
.linkedin img {
	vertical-align:middle;
	border: 0;
	width: 20px;
	height: 15px;
}



/*** CONTACT *****************************************************************/
p, h1, form, button{border:0; margin:0; padding:0;}

.contact {
	min-height: 480px;	
}

form.cleanform div {
	clear:both;
	font-size:11px;
}

form.cleanform div.header {
	border-bottom:solid 1px #b7ddf2;
	font-size:11px;
	margin-bottom:20px;
}

form.cleanform label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:130px;
	float:left;
	color: black;
	height: 26px;
	line-height: 26px;
	margin-right: 10px;
}

form.cleanform .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:130px;
}

/* Button main class */
form.cleanform input.button {
	float:none;
	width:140px;
	height:30px;
	text-align:center;
	line-height:20px;
	color:#666;
	font-size:11px;
	font-weight:bold;
	border:1px solid #666;
	text-transform: uppercase;
 	text-decoration:none;
 	cursor:pointer;
	margin: 0;
	padding: 0;
}


/* Positive button */
form.cleanform input.button:hover {
	background-color: #333;
	border: 1px solid #666;
	color: #eee;
}


/* Button images */
form.cleanform textarea, input {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #ccc;
	background: #f5f5f5;
	width:300px;
	margin:2px 0 10px 10px;
}
form.cleanform textarea { resize: none; }
form.cleanform input.errorField,
form.cleanform textarea.errorField {
	border:1px solid red;
	color: red;
}
.formError {}
form.cleanform h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

form.cleanform .contactIntro {
	font-size: 14px;
	line-height: 16px;
	margin: 0 10px 0 20px;
	text-align:justify;
}
form.cleanform .intro-spacer {
	height: 60px;
}

#indirizzo {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 14px;
}

#indirizzo h4{
	font-weight:normal;
}

#indirizzo p {
	margin: 10px 0;
}
#map {
	height: 300px;
	background: transparent url(../images/map.jpg) no-repeat scroll 0 0;
}
#map a {
}

/*** TECHNOLOGY **************************************************************/
.technology {
	margin-top:20px;
	margin-bottom:20px;
}

/*** FOOTER ******************************************************************/
#footer {
	margin:40px auto 20px;
	text-align:center;
	width:960px;
}

#footer .links a, #footer .links a:visited {
	color:white;
	font-size:11px;
	/*font-weight:bold;*/
	margin:0 20px;
	padding:3px 5px;
}
#footer .disclaimer a, #footer .disclaimer a:visited {
	color:white;
	font-size:11px;
}
#footer .links a:hover {
	color: black;
	background: white;
}
#footer .disclaimer a:hover {
	color: black;
	background: white;
}

.validations {
	margin-bottom:20px;
}
.disclaimer {
	color:white;
	font-size:10px;
	/*font-weight:bold;*/
	margin:20px auto;
	width:400px;
}


#privacyNotice h4 {
	margin: 20px 0 10px 0;
}

#privacyNotice p {
	margin: 5px 0;
	line-height: 14px;
}

/*** ADDTHIS ******************************************************************/
.addthis {
	padding-top:30px;
	padding-left:704px;
}

.addthis_default_style {
	color: #333;
}

.addthis_default_style a {
	color: #333;
}


/*** BUTTONS ******************************************************************/
.cssbutton, .cssbutton:visited {
	/*background: #222 url(../images/button_overlay.png) repeat-x; */
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
.cssbutton:hover	{ background-color: #111; color: #fff; }
.cssbutton:active { top: 1px; }
.small.cssbutton, .small.cssbutton:visited { font-size: 11px}
.cssbutton, .cssbutton:visited,
.medium.cssbutton, .medium.cssbutton:visited { font-size: 13px; 
  font-weight: bold; 
  line-height: 1; 
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.dark.cssbutton, .dark.cssbutton:hover { color: #222; }
.bright.cssbutton, .bright.cssbutton:hover { color: #f5f5f5; }
												  
.large.cssbutton, .large.cssbutton:visited { font-size: 14px; padding: 8px 14px 9px; }												  
.super.cssbutton, .super.cssbutton:visited { font-size: 34px; padding: 8px 14px 9px; }

.pink.cssbutton, .magenta.cssbutton:visited { background-color: #e22092; }
.pink.cssbutton:hover { background-color: #c81e82; }
/*.green.cssbutton, .green.cssbutton:visited { background-color: #91bd09; }*/
.green.cssbutton, .green.cssbutton:visited { background-color: #7AF506; }
.green.cssbutton:hover { background-color: #65cb05; }
.red.cssbutton, .red.cssbutton:visited { background-color: #e62727; }
.red.cssbutton:hover	{ background-color: #cf2525; }
.orange.cssbutton, .orange.cssbutton:visited { background-color: #ff5c00; }
.orange.cssbutton:hover { background-color: #d45500; }
/*.blue.cssbutton, .blue.cssbutton:visited { background-color: #2981e4; }*/
.blue.cssbutton, .blue.cssbutton:visited { background-color: #5781C0; }
.blue.cssbutton:hover { background-color: #456697; }
.yellow.cssbutton, .yellow.cssbutton:visited { background-color: #ffb515; }
.yellow.cssbutton:hover { background-color: #fc9200; }