/*Slides*/		
		* { margin: 0; padding: 0 }

		p { text-align: left; margin: 15px 0 }
		
		p, ul { font-size: 13px; line-height: 1.4em } 
		
		p a, li a { color: #39c; text-decoration: none }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
	
		a:focus { outline:none }
		
		
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { 
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		.csw {width: 100%; height: 660px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 750px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 650px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			
		}
		.panel{
		/*background-color:#2B2F34;*/
		}
		.stripViewer .panelContainer .panel { 
			float:left;
			height: 100%;
			position: relative;
			width: 700px; 
		}
		
		.stripViewer .panelContainer .panel .wrapper { 
			padding: 10px;
		}
		
		.stripNav { 
			margin: auto;
		}
		
		.stripNav ul { 
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; 
		}
		
		.stripNav a { 
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #00B5E8 }
		.stripNav li.tab2 a { background: #00B5E8 }
		.stripNav li.tab3 a { background: #00B5E8 }
		.stripNav li.tab4 a { background: #00B5E8 }
		.stripNav li.tab5 a { background: #00B5E8 }
		
		.stripNav li a:hover {
			background: #2B2F34;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { 
			position: absolute;
			top: 300px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}

html { height:100%;}
body {height:100%;line-height:130%; background-color: #2B2F34; margin:0; padding:0; color:#999; font-size:17px; font-family:helvetica, arial, sans-serif;}
a:link {color:#f90;} 
a:hover {color:#fc0;} 
a:active {color:#ffc;} 
a:visited{color:#f90;}

		  }
h3 {font-size:17px; text-transform:uppercase; margin:35px 0 10px 0;}
h4 {font-size:17px; color:#fff; margin:0;}
.clear {clear:both;}
.float {float:left; color:#666; font-size:13px; margin-right:15px;}
.left {float:left;}

form select, form input {font-size:28px; margin-right:10px; background-color:#fefefe; border:solid #666 1px;}
form input {-webkit-border-radius: 5px; -moz-border-radius: 5px; background:#999 url(images/backgroundbutton.png) top left repeat-x; border:solid #666 1px; padding:2px 10px;}

#header {padding:0 0 20px 0;  overflow:auto; width:800px; margin:0 auto;}
#header h2{text-indent:-10000px; background: transparent; position:absolute; height:40px; width:150px; margin-top:35px;}
#header ul {margin:30px 0 0 0; padding:0; float:right; list-style-type:none;}
#header li a {color:#ccc; }
#header li {padding:0 0 8px 25px; margin:0; font-size:15px; color:#ccc; }
#header li.mail { background: transparent url(images/sprites-gris.gif) 0 -45px no-repeat; padding-left:22px;}
#header li.phone { background: transparent url(images/sprites-gris.gif) 0 -95px no-repeat; padding-left:22px;}
#screenshot{
width:200px;
height:200px;		
position:relative;
float:left;
padding:2px;
margin-top:20px;
}
#webDescription{
position:relative;
text-align:center;
font-size:12px;
padding:2px;
height:15px;
}

#content {width:100%; margin:0 auto;}

#explanation {background-color:#00B5E8; padding:10px 0 10px 0; width:100%;}
#explanation h2 {margin:0 auto; padding:0; color:#fff; font:37px/130% 'Lucida Sans', 'Lucida Grande', sans-serif; font-weight:normal; width:800px; margin:0 auto;}
#explanation p {color:#004D73; margin:0; padding:0;  margin:0 auto; width:800px;}
#explanation p a {color:#ff9;}




#footer {background-color:#00B5E8; padding:25px 0 0 0; width:100%; clear:both;}
#footer .wrapper {overflow:auto; color:#004D73; width:800px; margin:0 auto; background: transparent url(images/gatito.png) bottom right no-repeat; padding-bottom:25px;}
#footer .wrapper p {width:500px; float:left;}
#footer .wrapper ul {float:right; color:#fff; margin:20px 0 0 0; padding:0; float:right; list-style-type:none;}
#footer li.mail { background: transparent url(images/sprites-azul.gif) 0 -45px no-repeat; padding-left:22px;}
#footer li.phone { background: transparent url(images/sprites-azul.gif) 0 -95px no-repeat; padding-left:22px;}
#footer a {color:#fff;}