/* Main Body */
*{
margin:0;
padding:0;
border:none;
}

html {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
font-weight:normal;
margin:10px 0 10px 0;
}

h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}

blockquote {
font-style:italic;
padding:5px 0 5px 30px;
}

/* Alignment */
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

li, dd, blockquote {
margin-left:1em;
}

/* Class Title */
.clear {
clear:both;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

/* Links Bases */
a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;
}

/* Links */
a, a:visited{
color:#CCCCCC;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#FFFFFF;
text-decoration:underline;
}

#copyright a, #copyright a:visited{
color:#333333;
text-decoration:none;
font-weight:bold;
}

#copyright a:hover, #copyright a:active {
color:#333333;
text-decoration:underline;
}

/* Scrolls */
body{
margin:0px;
padding:0px;
background-color:#000000;
}

#noiseprint{
margin:0px auto;
width:760px;
text-align:center;
color:#333333;
}

#copyright{
margin:0px auto;
width:760px;
text-align:center;
color:#333333;
}

#logo{
margin:0px auto;
width:760px;
text-align:center;
}

/* Menu */
#menu {
margin:5px auto;
padding:5px 0;
width:620px;
text-align:center;
color:#FFFFFF;
}

#menu span{
padding:0px 5px 0px 5px;
}

#content {
margin:0px;
overflow:hidden; 
/*height:387px; 
width:99,9%;*/
border:none;
position:relative;
}

#content-bg {
width:5000px;
height:387px;
background-image:url("../images/jamiemain.jpg");
background-position:top left;
background-repeat:no-repeat;
background-color:#FFFFFF;
position:relative;
}

.scrolling-content {
width:990px;
height:380px;
position:absolute;
}

#content1 {
left:0px; 
top:0px;
}

#content2 {
left:1570px; 
top:0px;
}

#content3 {
left:2880px; 
top:0px;
}

/* Home */

#liveupdate{
float:left;
position: relative; /* important */
overflow: hidden; /* important */
margin-top:100px;
margin-left:10px;
height:143px;
width:210px;
text-align:left;
color:#000000;
font-size:10px;
}

#liveupdate a, #liveupdate a:visited{
color:#999999;
text-decoration:none;
font-size:10px;
font-weight:bold;
}

#liveupdate a:hover, #liveupdate a:active {
color:#999999;
text-decoration:underline;
font-size:10px;
}

#home{
float:right;
margin-right:10px;
height:400px;
width:370px;
text-align:right;
}

/* Information */

.viewmore {
	font-size: x-small;
	font-style: italic;
	color: #666666;
}

.viewmore a:hover, .viewmore a:active {
color:#0099FF;
text-decoration:underline;
}

#info{
float:right;
top:450px;
bottom:450px;
margin-top:50px;
margin-bottom:50px;
margin-right:10px;
height:450px;
width:370px;
text-align:right;
}


/* Music */
#music{
float:right;
width:474px;
}

#music-title{
margin-top:35px;
right:10px;
position:absolute;
}

#music-works {
margin-left:40px;
position: relative; /* important */
overflow: hidden; /* important */
width: 450px; /* important */
height: 378px; /* important */
}

#example_4_frame {position: relative}
#example_4_frame img {position: absolute; cursor:pointer;}

#music-top {position: relative;  z-index:3;}
#music-top img {position: absolute;}

#music-bottom {top: 338px; position: relative; z-index:3;}
#music-bottom img {position: absolute;}

#music_previous {top: 120px; right: 50px;}
#music_next {top: 200px; right: 50px;}

#music_content{
left:0px;
position: absolute;
width:450px;
}

.work{
clear:both;
padding-top:10px;
padding-bottom:16px;
width:450px;
height:100px;
}

.work p{
font-weight:bold;
}

.work-img{
float:left;
}

.work-txt{
float:left;
margin-top:0px;
}

.txt-red{
color:#990000;
}

/* Contact */
#contacto{
color:#000000;
float:left;
margin-top:80px;
margin-left:30px;
margin-right:40px;
width:200px;
text-decoration:none;
font-weight:bold;
}

/* Form */
input, email {
width:200px;
border:none;
background-color:#CCCCCC;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:0px;
margin:0px;
/*filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;*/
}
input:focus, email:focus {
}

#send {
cursor:pointer;
width:200px;
font-weight:bold;
}

#links{
float:left;
width:300px;
margin-left:10px;
margin-top:80px;
color:#000000;
}

#links a, #links a:visited{
color:#000000;
font-weight:normal;
text-decoration:underline;
clear:both;
padding-top:5px;
padding-bottom:5px;
}

#links a:hover, #links a:active {
color:#0099FF;
}

#press{
float:left;
margin-top:110px;
margin-left:90px;
width:320px;
color:#000000;
}

#press a, #press a:visited{
color:#000000;
font-weight:normal;
text-decoration:underline;
clear:both;
}

#press a:hover, #press a:active {
color:#0099FF;
}

/* Tooltips */
.tool-tip {
color:#ffffff;
hight:12px;
font-size:11px;
background:#222222;
z-index:13000;
}

.tool-title {display:none;}

.tool-text {padding:8px;}