@charset "utf-8";
/* CSS Document */

body {
	background-color: #EAEAEA;
	margin-left: 0px;
	margin-top: 0px;
}

ul#menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
    
ul#menu li {
    float: left;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
	height:70px;
	width:160px;
	padding:25px;
	
}

/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(../images/black_arrow_bottom.png);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	color:#fff;
	padding-top:40px;
	padding-left:25px;
	height:55px;
	width:160px;
}

/* Content Slider */
#slider_shadow{background:url(../images/backcub3r.png) center bottom no-repeat;height:300px; padding-top:15px;}
#content_slider{float:inherit;outline:0;width:425px;}
/* Content Slider */

.photo-over a {
	display:block;
	width: 120px;
	height: 120px;
}

.photo-over img {
	position:absolute;
}

.photo-over span {
	display:block;
	width: 120px;
	height: 120px;
	position:absolute;
	z-index:2;
}

.mail-over {
	width: 200px;
	height: 28px;
}

.mail-over a {
	display:block;
	width: 200px;
	height: 28px;
}

.mail-over img {
	position:absolute;
}

.mail-over span {
	display:block;
	width: 200px;
	height: 28px;
	position:absolute;
	z-index:2;
}

.artuela {
	font-family: "AmaranthRegular", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	text-shadow: 0 0 4px #ccc;
}

.comments {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 2px #000;
}

.normal {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #404040;
	text-decoration: none;
}

.title {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
}

.title2 {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #65BC65;
	text-decoration: none;
}

.normal2 {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
}

.normal3 {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #65BC65;
	text-decoration: none;
}

.footer {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-shadow: 0 0 4px #fff;
}

.little {
	font-family: Tahoma, Arial, Sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-shadow: 0 0 4px #fff;
}

.data1 {
	font-family: Georgia, Arial, Tahoma, Sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #009900;
	text-decoration: none;
}

.data2 {
	font-family: Georgia, Arial, Tahoma, Sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
}

.data3 {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	text-shadow: 0 0 4px #ccc;
}

.hand {
	font-family: "JoeHand1", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 2px #000;
}

a:link {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #404040;
	text-decoration: none;
}
a:hover {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #404040;
	text-decoration: none;
}

a.mailer:link {
	font-family: Georgia, "Times New Roman";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #6699cc;
	text-decoration: none;
}
a.mailer:hover {
	font-family: Georgia, "Times New Roman";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	text-decoration: underline;
}
a.mailer:visited {
	font-family: Georgia, "Times New Roman";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #6699cc;
	text-decoration: none;
}

.writer {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

HR {
	height: 1px;
	width: 90%;
	color: #C9E2ED;
	
}