html, body, input {
	height: 100%;
  font-family:  Zuzumbo, Arial Unicode MS, Sylfaen;		
}
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	background: #fff;
	text-align: center;
	min-width: 400px;
}

img { border: 0; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear {
	clear: both;
}

a:link {
        text-decoration: underline;
        color: #4f77b2;
}
a:visited {
        text-decoration: underline;
        color: #4f77b2;
}
a:hover {
        text-decoration: underline;
        color: #4f77b2;
}

h2 {
  font-family: zuzumbocufon;
  font-weight: bold;
}

#menutop {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 53px;
	border-bottom: 1px solid #000;
	text-align: left;
	position: relative;
	min-width: 500px;
}
#menutop img {
	margin: 0;
	padding: 0;
	border: 0;
	float:left;
}
#menutop #menutext {
        position: absolute;
        bottom: 5px;
        left: 150px;
        font-size: 12pt;
}
#menutop #menutext a {
        margin-right: 12px;
}

#logo {
  	width: 760px;	
  	height: 50px;
  	margin: 0 auto;
  	text-align: left;
}

small {
  font-family: zuzumbocufon;
}

#logo h1 { margin: 10px 0 0 10px; padding: 0;}

#logo a {
  text-decoration: none;
  color: #808080;
}

#logobox {
  background: #506080;
  background: #b45d01;
  width: 80px;
  height: 50px;
}
#logobox, #logo h1 {
  float: left;
}

#topmargin {
	margin-bottom: -190px;
	width: 1px;
	height: 40%;
	float: left;
	background: #fff;
}

#mainwrapper {
	background-color: #fff;
  background-image:url('bg_panoramic.jpg');
  background-repeat:no-repeat;
  background-position:top center;	
  width: 100%;
  padding: 0;
  margin: 0;
  /**border-top: 5px solid #efefef; **/
  min-height: 650px;
}

#maincontainer {
	position: relative;
	text-align: left;
	min-height: 380px;
	width: 700px;	
	margin: 0 auto;
	clear: left;
	background: white;
	padding: 20px;
	border: 7px solid silver;
}
#maincontainer img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#maincontainer form {
	padding: 0;
	margin: 0;
}
#maincontainer input#sourceurl {
  border: 2px solid rgb(85, 85, 85);
  color: black;
  cursor: auto;
  font-size: 14px;
  height: 17px;
  margin: 2px 0px 2px 0px;
  outline-color: black;
  outline-style: none;
  outline-width: 0px;
  padding: 5px;
  text-align: auto;
  text-indent: 0px;
  text-shadow: none;
  text-transform: none;
  width: 685px;
  word-spacing: 0px;
}
#maincontainer div#newurl,
#maincontainer div#error_msg {
  float:  left;
  margin-top:  5px;
  display:  none;
  width:  580px;
}
.help {
	color:  gray;
	font-size:  .8em;
}
#desturl {	
	color:  blue;
}
#maincontainer div#error_msg {
  color:  red;
}
#maincontainer #generate a {
  display:  block;
  text-decoration:  none;
  text-align:  center;
  vertical-align: center;
  font-weight:  bold;
  color:  white;
  background-image:  url('button.png');
  background-color: rgb(192, 192, 192); 
  width:  105px;
  height:  27px;
  padding:  5px 0px 0px 0px;
  margin:  0px;
  float:  right;
}
#maincontainer #generate {
  padding:  0; margin:  0;
  width:  700px;
}
#maincontainer #info {
  font-size:  .9em;
  color:  gray;
  text-align: justify;
  padding-bottom: 0px;
  margin: 50px 0px 0px 0px;
}
#maincontainer #menutext {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	text-align: left;
}
#maincontainer #menutext a {
	margin: 0;
	padding: 0;
	margin-right: 10px;
}
#footer {
  text-align: center;
	font-size: 10px;
	margin:  30px 0px 30px 0px;
}
#footer a:link {
	text-decoration: none;
}
input.textbox {
	width: 400px;
	font-size: 14px;
}