@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}
body {
background: url(images/background.jpg) repeat-x #0a0a0f;
}
#bgwrap {
width: 800px;
margin-left: auto;
margin-right: auto;
}
#reel {
background:url(images/reel.gif) no-repeat;
width:800px;
height:204px;
}


/***** HEADER *****/
#header {
float:left; display:inline;
}
#action {
float:left; display:inline;
width:140px;
}
#top {
float:left; display:inline;
}


/***** NAV *****/
#nav {
float:left; display:inline;
width: 660px;
height:24px;
}
#nav span {
font-family: Verdana, sans-serif;
font-size: 12px;
font-style: normal;
letter-spacing: normal;
line-height: 1.5em;
color:#000;
}
#nav a {
color:#000;
text-decoration:none;
}

#hom {
background:url(images/nav-home.jpg) no-repeat;
float:left; display:inline;
width: 58px;
height: 20px;
display:block;
margin: 3px 10px 0 215px;
}
#hom span {
display:none;
}
#hom a {
text-decoration:none;
}
#ser {
background:url(images/nav-services.jpg) no-repeat;
float:left; display:inline;
width: 67px;
height: 20px;
display:block;
margin: 3px 10px 0 10px;
}
#ser span {
display:none;
}
#ser a {
text-decoration:none;
}
#com {
background:url(images/nav-company.jpg) no-repeat;
float:left; display:inline;
width: 102px;
height: 20px;
display:block;
margin: 3px 10px 0 10px;
}
#com span {
display:none;
}
#com a {
text-decoration:none;
}
#mov {
background:url(images/nav-movies.jpg) no-repeat;
float:left; display:inline;
width: 64px;
height: 20px;
display:block;
margin: 3px 10px 0 10px;
}
#mov span {
display:none;
}
#mov a {
text-decoration:none;
}
#con {
background:url(images/nav-contact.jpg) no-repeat;
float:left; display:inline;
width: 64px;
height: 20px;
display:block;
margin: 3px 10px 0 10px;
}
#con span {
display:none;
}
#con a {
text-decoration:none;
}

#tittle {
float:left; display:inline;
width: 384px;
height: 106px;
}
#title h1 {
background:url(images/viewpoint-logo.jpg) no-repeat;
float:left; display:inline;
width: 384px;
height: 105px;
display:block;
margin:10px;
}
#title span {
display:none;
}

/***** CONTENT *****/
#content {
float:left; display:inline;
width: 800px;
}
#content1 {
float:left; display:inline;
background:#000;
width: 758px;
margin: 0 21px;
}
#content1 span {
font-family: Georgia, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.2em;
color:#fff;
}
#content1 h2 {
font-family:"Times New Roman", Times, serif;
font-size:24px;
color:#fff;
}
#content1 h3 {
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#fff;
}
#promo-video {
float:left; display:inline;
width: 491px;
margin: 8px;
}
#promo-info {
float:left; display:inline;
width:230px;
margin: 8px 8px 8px 0;
}

#content2 {
float:left; display:inline;
background:#fff;
width: 740px;
margin: 0 30px;
}
#content2 h2 {
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#000;
}
#content2 span, p {
font-family: Georgia, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color:#000;
padding: 0 10px;
}
#content2 p {
text-align:justify;
}
.title {
background:#061a93;
margin: 5px;
padding: 8px;
width:150px;
text-align:center;
}
.title h3 {
font-family:"Times New Roman", Times, serif;
font-size:20px;
color:#fff;
}
.watch-video-w {
background:url(images/btn-watch-video.gif);
width:102px;
height:20px;
display:block;
}
.watch-video-w a {
text-decoration:none;
}
.watch-video-w span {
visibility:hidden;
}
.watch-video-b {
background:url(images/btn-watch-video.gif);
width:102px;
height:20px;
display:block;
}
.watch-video-b a {
text-decoration:none;
}
.watch-video-b span {
visibility:hidden;
}


/***** FOOTER *****/
#footer {
float:left; display:inline;
background:url(images/footer-bar.jpg) no-repeat;
width: 800px;
height:118px;
margin: 0 21px;
}
#footer p {
font-family: Georgia, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
}
#footer a {
text-decoration:none;
}
#foot1 {
float:left; display:inline;
width: 490px;
padding: 5px;
}
#foot2 {
float:left; display:inline;
width: 248px;
padding: 5px;
}