/* CSS Portfolio (c) 2015 */


/* CSS Reset */


html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend
{ 
  margin:0;
  padding:0;
}

img {
  border:0;
}

a {
  outline:none;
}



/* Html , Body */



html {  
  overflow-x:hidden;
  overflow-y:hidden;
  background:#000000;
}

body {
  behavior:url(csshover.htc);
  width:100%;
  height:100%;
  position:absolute;
  zIndex:1;
  background:#000000;
  overflow-x:hidden;
  overflow-y:hidden;
}



/* Image Container */



#imagecontainer {
  border:#ff9900 solid 3px;
  border-radius:20px;
  padding:5px;
  position:relative;
  zIndex:2;
}



/* Overlay */



.controls {
  text-align:center;
  background:#440000;
  border:#ff9900 solid 1px;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  width:100px;
  margin:10px; 
}

.controls a {
  padding:5px;
  font:bold 14px Georgia, serif;
  display:block;
  color:#ffffff;
  text-decoration:none;
}
.controls a:hover {
  color:#ff9900;
  border:#ffffff solid 1px;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  text-decoration:none;
}

#bottomleft {
  z-index:15;
  position:absolute;
  left:0;
  bottom:0;
}

#bottomright {
  z-index:15;
  position:absolute;
  right:0;
  bottom:0;
}

#autoleft {
  z-index:15;
  position:absolute;
  left:0;
  bottom:50px;
}

#autoright {
  z-index:15;
  position:absolute;
  right:0;
  bottom:50px;
}

.rightautocontrol {
  border:#ff9900 solid 1px;
}

.leftautocontrol {
  border:#ff9900 solid 1px;
}

#topcenter {
  z-index:20;
  position:absolute;
  top:0;
  right:50%;
  line-height:75px;
  width:200px;
  padding:5px;
  margin:10px -105px 10px 10px;
  color:#ffffff;
  font:bold 20px Georgia, serif;
  text-align:center;
  background:#440000;
  border:#ff9900 solid 1px;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
}

#topleft {
  z-index:15;
  position:absolute;
  left:0;
  top:0;
  padding:5px;
  width:100px;
  margin:10px;
  background:#440000;
  border:#ff9900 solid 1px;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  color:#ffffff;
  text-align:center;
  font-weight:bold;
}

#topleft #framecount {
  padding:2px;
  width:80px;
  margin:auto;
  color:#000000;
  background:#ffffff;
  border:#000000 solid 1px;
}

#bottomcenter {
  z-index:10;
  position:absolute;
  bottom:0;
  right:50%;
  width:500px;
  line-height:100px;
  padding:5px;
  margin:10px -255px 10px 10px;
  color:#ffffff;
  font:20px Times New Roman;
  text-align:center;
  background:#440000;
  border:#ff9900 solid 1px;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
}

#topright {
  z-index:15;
  position:absolute;
  right:0;
  top:0;
  padding:5px;
  width:100px;
  margin:10px;
  background:#440000;
  border:#ff9900 solid 1px;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  color:#ffffff;
  text-align:center;
  font-weight:bold;
}

#topright #speed {
  width:80px;
}

.button {
  font:13px Arial;
  color:#000000;
  background:#ffffff;
  margin-top:5px;
  padding:2px 8px;
  border:#ffffff solid 1px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  cursor:pointer;
}

.button:hover {
  color:#000000;
  background:#dddddd;
  border:#ff9900 solid 1px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
}



/* Menu */



#menu a, #menu {
  border:#ff9900 solid 1px;
  border-radius:20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  background:#000000;
}

#menu a {
  color:#ffe3b9;
  text-decoration:none;
  padding:5px 20px;
  line-height:25px;
}

#menu a:hover {
  color:#ff9900;
  text-decoration:none;
  background:#110000;
}

#menu button {
  padding:2px 20px;
  margin:5px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  font-size:14px;
  color:#000000;
}

#menu button:hover {
  background:#bbbbbb;
  cursor:pointer;
}

#menu h1 {
  font:bold 20px Georgia, serif;
  color:#ffe3b9;
  height:30px;
}



/* Tool Tip */



#toolTip {
  z-index:45;
  position:absolute;
  text-align:left;
  margin-top:5px;
  background:#ffffff;
  border:1px solid #888888;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
}

div#toolTip p {
  color:#000000;
  padding:6px;
  letter-spacing:1px;
  font:13px Georgia, serif; 
}

div#toolTip img {
  background:#000000;
  border:1px solid #888888;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
}