@import url('reset.css');

h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:34px;
	color: #36F;
}

h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	color: #36F;
}

a {
font-family: "Arial Black", Gadget, sans-serif;
color: #000;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #666;
}

a: active {
	color:#999;
}
	

img {
	border:none;
}

html {
background: #fff url(../images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#smo{
position: fixed;
left:0px;
top:0px;
}

#wraper {
	margin:auto;
	margin-top: 10px;
	background-image:url(../images/wrapper-bg.jpg);
	width:960px;
	height: 738px;
	border:solid 1px #666666;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

-moz-box-shadow: 0px 0px 10px #05395c;
-webkit-box-shadow: 0px 0px 10px #05395c;
box-shadow: 0px 0px 10px  #05395c;
}


.buttons {
-webkit-transition:All 0.001s  ease;
-moz-transition:All 0.001s  ease;
-o-transition:All 0.001s  ease;
-webkit-transform: rotate(0deg) scale(0.79) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.79) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(0.79) skew(0deg) translate(0px);
}
.buttons:hover{
-webkit-transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);
}
.buttons:active {
-webkit-transition:All 0.001s  ease;
-moz-transition:All 0.001s  ease;
-o-transition:All 0.001s  ease;
-webkit-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(0.7) skew(0deg) translate(0px);
}

 #header {
	 margin:auto;
	 height: 150px;
 }
 
 #content {
	 margin:auto;
	 height: 560px;
 }
 
  #footer {
	 margin:auto;
	 padding: 4px;
	 height: 25px;
 }
 
 #tv {
	 position:absolute;
	 margin-top:20px;
	 margin-left: 74px;
	 width: 814px;
	 height: 535px;
	 background-image:url(../images/tv.png);	 
 }
 
 #video {
	 position:absolute;
	 margin-top:44px;
	 margin-left: 49px;
	 width: 718px;
	 height: 405px;	 
 }
 
 #businesscard {
	 position:absolute;
	 margin-top:44px;
	 margin-left: 49px;
	 width: 718px;
	 height: 405px;
	 background-image:url(../images/businesscard.jpg);
 }
 
 #text {
	 position:absolute;
	 margin-top:80px;
	 margin-left: 24px;
	 width: 905px;
	 height: 290px;
	 text-align: center;
 }
 
 #buttons {
	 position:absolute;
	 margin-top:400px;
	 margin-left: 90px;
	 width: 780px;
	 height: 78px;
	 float:left;
 }
 
 #no {
	 position:absolute;
	 margin-left: 0px;
	 width: 325px;
	 height: 78px;
 }
 
 #youtube {
	 position:absolute;
	 margin-left: 350px;
	
	 width: 78px;
	 height: 78px;
 }
 
 #yes {
	 position:absolute;
	 margin-left: 450px;
	 width: 325px;
	 height: 78px;
	 }
	 
 #headerbut {
	position:absolute;
	 margin-top:55px;
	 margin-left: 400px;
	 width: 325px;
	 height: 78px; 
 }