html { height: 100%;  }
body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
a { outline: 0; text-decoration: none; }
h1,h2,h3,h4 { margin: 0; padding: 0; }
h2 { font-size: 18px; margin-top: 3px; }
img { border: 0 none; }
#page { background: #ccc; width: 100%; height: 1500px; background: url(../images/back.jpg) no-repeat center 0; overflow: hidden; }
#menu { margin: 0 auto; width: 750px; height: 500px; position: relative; }

.home { position: absolute; top: 202px; text-align: right; left: 138px; background: url(../images/linkBackt.png) no-repeat; width: 171px; height: 46px; display: block; font-size: 10px; font-family: Tahoma, Geneva, sans-serif; color: #979797; font-weight: bold; padding: 3px 5px 0 0; text-decoration: none; }
.home span { font-size: 8px; color: #042638; font-weight: normal; letter-spacing: 1px; text-decoration: none; }
a:hover .home { color: #3282b5;}

.contact { position: absolute; top: 386px; left: 46px; background: url(../images/linkBack.png) no-repeat; width: 176px; height: 46px; display: block; font-size: 10px; font-family: Tahoma, Geneva, sans-serif; color: #979797; font-weight: bold; padding: 3px 0 0 5px; text-decoration: none; }
.contact span { font-size: 8px; color: #042638; font-weight: normal; letter-spacing: 1px; text-decoration: none; }
a:hover .contact { color: #3282b5;}

.references { position: absolute; top: 109px; left: 353px; background: url(../images/linkBack.png) no-repeat; width: 176px; height: 46px; display: block; 	font-size: 10px; font-family: Tahoma, Geneva, sans-serif; color: #979797; font-weight: bold; padding: 3px 0 0 5px; text-decoration: none; }
.references span { font-size: 8px; color: #042638; font-weight: normal; letter-spacing: 1px; text-decoration: none; }
a:hover .references { color: #3282b5;}

.partners { position: absolute; top: 170px; left: 650px; background: url(../images/linkBack.png) no-repeat; width: 176px; height: 46px; display: block; 	font-size: 10px; font-family: Tahoma, Geneva, sans-serif; color: #979797; font-weight: bold; padding: 3px 0 0 5px; text-decoration: none; }
.partners span { font-size: 8px; color: #042638; font-weight: normal; letter-spacing: 1px; text-decoration: none; }
a:hover .partners { color: #3282b5;}

.iphone {
	position: absolute;
	top: 430px;
	left: 508px;
	background: url(../images/linkBack.png) no-repeat;
	width: 176px;
	height: 46px;
	display: block;
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #979797;
	font-weight: bold;
	padding: 3px 0 0 5px;
	text-decoration: none;
}
.iphone span { font-size: 8px; color: #042638; font-weight: normal; letter-spacing: 1px; text-decoration: none; }
a:hover .iphone { color: #3282b5;}

a.back { position: absolute; top: 600px; left: 20px; background: url(../images/back.png) no-repeat; width: 69px; height: 59px; display: none; }
a.back:hover { background: url(../images/backhv.png) no-repeat; }

#contact { margin: 175px auto; width: 700px; height: 500px; position: relative; display: none;  }
#references { margin: 175px auto; width: 550px; height: 500px; position: relative; display: none;  }
#partners { margin: 175px auto; width: 550px; height: 500px; position: relative; display: none;  }
#iphoned { margin: 175px auto; width: 700px; height: 500px; position: relative; display: none; color: #fff; font-family: Tahoma, Geneva, sans-serif; line-height: 150%;  }

.nameinput { background: url(../images/nameinput.png) no-repeat; margin-top: 17px; width: 314px; height: 37px;  }
.emailinput { background: url(../images/emailinput.png) no-repeat; margin-top: 7px; width: 314px; height: 37px;  }
.messagetextarea { background: url(../images/messagetextarea.png) no-repeat; margin-top: 7px; width: 452px; height: 156px;  }
.send { margin-top: 7px; width: 452px; }
.send a { background: url(../images/sendbtn.png) no-repeat; width: 109px; height: 37px; display: block;  }
.send a:hover { background: url(../images/sendbtnhv.png) no-repeat; }

.sending { background: url(../images/sending.png) no-repeat; width: 135px; height: 36px; padding: 3px 0 0 9px; display: none; }
.warning1 { background: url(../images/all-fields-are-required.png) no-repeat; width: 220px; height: 37px; display: none; }
.warning2 { background: url(../images/enter-a-valid-email.png) no-repeat; width: 220px; height: 37px; display: none; }
.congratulations { background: url(../images/congratulations.png) no-repeat; width: 396px; height: 36px; display: none; margin-top: 15px; }

input.text { background: none; border: 0 none; padding: 3px; margin: 7px 0; font-family: Tahoma, Geneva, sans-serif; width: 232px; }
textarea { background: none; border: 0 none; padding: 3px; margin: 30px 0; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; width: 427px; height: 110px; }
label { display: block; padding-left: 67px; cursor: pointer; } 

.contactdetails { position: absolute; top: 41px; left: 470px; background: url(../images/contact.png) no-repeat; width: 201px; height: 248px; padding-top: 75px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }

.contactdetails a, .contactdetails a:visited { text-decoration: none; color: #333; }
.contactdetails a:hover { color: #07456a; border-bottom: 1px dotted #07456a; }

.rf { background: url(../images/rfback.png) no-repeat; width: 100px; height: 101px; display: block; float: left; margin: 15px 20px 0 0; padding: 16px 0 0 15px; }

#iphone {
	background: url(../images/iphone.png) no-repeat;
	width: 37px;
	height: 61px;
	display: block;
	position: absolute;
	top: 476px;
	left: 484px;
}