body 
{ 
    background-color: #FFFFFF;
    background-image: url("../files/paper.jpg");
    background-attachment: scroll;
    background-position: center top;
    text-align: left;
    font-size: 12px;
    font-family: "Lucida Grande", Verdana, sans-serif;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding: 130px 10px 0px;
}

img 
{
	border: 0;
}

.roundedFrame 
{
	padding: 15px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #A7A7A7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-box-shadow: 1px 2px 2px #A7A7A7;
	-moz-box-shadow: 1px 2px 2px #A7A7A7;
    border-radius: 6px;
    box-shadow: 1 2px 2px #A7A7A7;
}

.gradientFrame
{
    padding: 15px;
	text-align: left;
    border: 1px solid #7A7A7A;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
    -webkit-box-shadow: 1px 2px 2px #A7A7A7;
	-moz-box-shadow: 1px 2px 2px #A7A7A7;
    
    border-radius: 6px;
    box-shadow: 1 2px 2px #A7A7A7;
    
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

	background: #f8f7e5; /* for non-css3 browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f7e5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #f8f7e5); /* for firefox 3.6+ */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f7e5'); /* for IE */
	
}

.pressText
{
    color: #339966;
    text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;
}

.shadowText
{
    color: #993300;
    text-shadow: 1px 2px 2px #AAA;
}

/* Company */

#companyLogo
{
    float: left;
    width: 100px;
    height: 92px;
	padding: 0px 0px 0px;
}

#languageIcon
{
    float: right;
    width: 32px;
    height: 32px;
    padding: 5px 5px 5px;
}

#companyCopyright
{
    float: left;
    width: 100%;
	padding: 0px 0px 20px;
    text-align: right;
}

#companyWelkome
{
    clear:both;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px 5px;
    width: 600px;
    height: 30px;
    text-align: center;
}

/* Menu */

#navigationParchment
{
    margin-left: auto;
    margin-right: auto;
    margin-top: -120px;
    width: 600px;
    height: 240px;
	padding: 0px 0px 0px;
    background-image: url("../files/ParchmentHi.png");
    background-repeat: no-repeat;
}

#menu 
{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 600px;
  height: 210px;
  position: relative;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .products 
{
  width: 80px;
  height: 92px;
  background: url("../files/Products.png") no-repeat;
  left: 80px;
  bottom: 20px;
}

#menu .products span 
{
  width: 136px;
  height: 44px;
  background: url("../files/Products-Title.png") no-repeat;
  left: -28px;
  bottom: 100px;
}

#menu .store 
{
  width: 80px;
  height: 92px;
  background: url("../files/Store.png") no-repeat;
  left: 200px;
  bottom: 20px;
}

#menu .store span 
{
  width: 136px;
  height: 44px;
  background: url("../files/Store-Title.png") no-repeat;
  left: -28px;
  bottom: 100px;
}

#menu .support 
{
  width: 80px;
  height: 92px;
  background: url("../files/Support.png") no-repeat;
  left: 320px;
  bottom: 20px;
}

#menu .support span 
{
  width: 136px;
  height: 44px;
  background: url("../files/Support-Title.png") no-repeat;
  left: -28px;
  bottom: 100px;
}

#menu .company 
{
  width: 80px;
  height: 92px;
  background: url("../files/Company.png") no-repeat;
  left: 440px;
  bottom: 20px;
}

#menu .company span 
{
  width: 136px;
  height: 44px;
  background: url("../files/Company-Title.png") no-repeat;
  left: -28px;
  bottom: 100px;
}

/* Grid */

.first 
{
	margin-left: 0px;
	clear: left;
}

.productContainer 
{
	width: 940px;
    height: 320px;
	margin: 80px auto;
}

.productGrid1, .productGrid2 
{
	float: left;
    margin-top: 10px;
	margin-left: 10px;
    width: 442px;
}

/* Eddy Timer */

#eddyTimerTitleContainer
{
    clear: left;
    width: 900px;
    height: 320px;
    margin-top: 20px;
}

#eddyTimerIcon
{
    float: left;
    width: 100px;
    height: 250px;
    background: url("../files/EddyTimer100.png") center no-repeat;
}

#eddyTimerTitle
{
    float: left;
    text-align: left;
    width: 380px;
    height: 250px;
    margin-left: 15px;
    padding: 10px 10px 0px;
}

#eddyTimerSystemRequirement
{
    float: left;
    width: 350px;
    height: 250px;
}

.eddyTimerContainer 
{
	width: 940px;
    height: 895px;
	margin: 0px auto;
}

.eddyTimerGrid1, .eddyTimerGrid2 
{
	float: left;
	margin-left: 12px;
    width: 440px;
}

.eddyTimerGrid3, .eddyTimerGrid4, .eddyTimerGrid5 
{
	float: left;
    margin-top: 15px;
	margin-left: 10px;
    width: 290px;
}

.eddyTimerGrid6 
{
	float: left;
    margin-top: 15px;
	margin-left: 22px;
    width: 860px;
}

/* Time Control*/

#timeControlTitleContainer
{
    clear: left;
    width: 900px;
    height: 300px;
    margin-top: 20px;
}

#timeControlIcon
{
    float: left;
    width: 130px;
    height: 300px;
    background: url("../files/TimeControlIcon.png") center no-repeat;
}

#timeControlTitle
{
    float: left;
    text-align: left;
    width: 380px;
    height: 300px;
    margin-left: 15px;
    padding: 5px 10px 0px;
}

#timeControlSystemRequirement
{
    float: left;
    width: 320px;
    height: 260px;
}

.timeControlContainer 
{
	width: 940px;
    height: 1710px;
	margin: 0px auto;
}

.timeControlGrid1, .timeControlGrid2 
{
	float: left;
    margin-top: 15px;
	margin-left: 22px;
    width: 420px;
}

.timeControlGrid3 
{
	float: left;
    margin-top: 15px;
	margin-left: 22px;
    width: 860px;
}

/* Company News */

.newsContainer 
{
    clear: both;
	width: 870px;
    height: 70px;
	margin: 0px auto;
}

.newsGrid1 
{
    float: left;
	margin-left: 25px;
    width: 45px;
    height: 70px;
    background: url("../files/newspaper.png") center no-repeat;
}

.newsGrid2
{
    float: left;
	margin-left: 25px;
    width: 600px;
}

/* License Guard */

#licenseGuardTitleContainer
{
    clear: left;
    width: 900px;
    height: 380px;
    margin-top: 20px;
}

#licenseGuardIcon
{
    float: left;
    width: 100px;
    height: 250px;
    background: url("../files/LicenseGuard100.png") center no-repeat;
}

#licenseGuardTitle
{
    float: left;
    text-align: left;
    width: 380px;
    height: 350px;
    margin-left: 15px;
    padding: 10px 10px 0px;
}

#licenseGuardSystemRequirement
{
    float: left;
    width: 350px;
    height: 250px;
}

.licenseGuardContainer 
{
	width: 940px;
    height: 650px;
	margin: 0px auto;
}

.licenseGuardGrid1, .licenseGuardGrid2 
{
	float: left;
	margin-left: 12px;
    width: 440px;
}

.licenseGuardGrid3, .licenseGuardGrid4, .licenseGuardGrid5 
{
	float: left;
    margin-top: 20px;
	margin-left: 10px;
    width: 290px;
}


/* Form */

#inputForm1
{
    width: 700px;
    height: 500px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

form input[type=text] 
{
    width: 400px;
    background: #fff;
    border: 1px solid #7f9db9;
    height: 20px;
}

form .formText
{
    width: 690px;
    background: #fff;
    border: 1px solid #7f9db9;
    height: 200px;
}

form input[type=submit] 
{
    margin-left: 620px;
    cursor: pointer;
}

#pageNotFound
{
    width: 700px;
    height: 300px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}


/* button display: inline-block; */

.button 
{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover 
{
	text-decoration: none;
}

.button:active 
{
	position: relative;
	top: 1px;
}

.bigrounded 
{
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.medium 
{
	font-size: 12px;
	padding: .4em 1.5em .42em;
}

.small 
{
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* Orange */

.orange 
{
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.orange:hover 
{
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.orange:active 
{
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* gray */
.gray 
{
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.gray:hover 
{
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}

.gray:active 
{
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white 
{
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D7D7D7));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.white:hover 
{
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active 
{
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* blue */
.blue 
{
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.blue:hover 
{
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

.blue:active 
{
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}


.rounded-img 
{
	display: inline-block;
	border: solid 1px #000;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

.rounded-img2 
{
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}