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

body {
background-color: #181818;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
margin-top: 0px;
}

img {
border: 0;
vertical-align: bottom;
}

#outer {
width: 100%;
}

#header {
text-align: left;
width: 980px;
height: 180px;
background-color: #181818;
}

#nav {
width: 980px;
height: 95px;
background-color: #181818;
text-align: left;
}

#main {
width: 980px;
height: 370px;
background-color: #FFFFFF;
}

#mainHome {
width: 980px;
height: 533px;
background-color: #FFFFFF;
}

#mainHomeNew {
width: 980px;
height: 570px;
background-color: #FFFFFF;
}

#projectsMain {
width: 980px;
background-color: #FFFFFF;
}

#productMain {
width: 950px;
background-color: #FFFFFF;
padding-left: 30px;
padding-top: 20px;
}

#base {
width: 920px;
height: 40px;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
}

#left {
float: left;
width: 445px;
}

#right {
float: right;
width: 500px;
}

#productMenu {
float:left;
width: 445px;
}

#homeAn {
width: 470px;
height: 217px;
margin-top:40px;
}

#homeVideo {
width: 470px;
height: 217px;
margin-top:10px;
}

H1 {
font-size: 16px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif
text-align: left;
}

H2 {
font-size: 12px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif
text-align: left;
}

H3 {
font-size: 11px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

H3 a {
color: #6f9fa7;
text-decoration: none;
}

H4 {
font-size: 10px;
color: #969696;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

P {
margin:0 0 20px 0;
font-size: 12px;
color: #727272;
font-family: Arial, Helvetica, sans-serif;
line-height: 17px;
text-align: left
}

P a {
font-size: 11px;
color: #6f9fa7;
}

ul {
font-size: 11px;
color: #727272;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
line-height: 120%;
padding: 0;
margin: 0;
}

li {
margin-left: 20px;
padding: 0;
}

.mainTitle {
padding-top: 30px;
padding-left: 30px;
}

.mainText {
padding-left: 30px;
padding-top: 20px;
width: 365px;
vertical-align: baseline;
}

.mainMusic {
float: left;
padding-left: 30px;
padding-top: 20px;
width: 73px;
}

.mainAward {
float: right;
width: 200px;
}

.projectsMaintext {
padding-left: 30px;
padding-top: 20px;
padding-bottom: 20px;
width: 365px;
position: relative
}

.productContent {
padding-left: 30px;
padding-top: 20px;
position: relative
}

.downloads {
padding-left: 190px;
position: relative
}

.ptext {
padding-bottom: 20px;
}

.ptextIntro {
padding-top: 10px;
}

.bodyHeader {
color: #6f9fa7;
font-weight: bold;
}

.home {
background-image:url(../media/home/home-main.jpg);
background-position:top;
background-repeat:repeat;
}

.about {
background-image:url(../media/about/about-main.jpg);
background-position:top;
background-repeat:repeat;
}

.newProducts {
background-image:url(../media/newproducts/newproducts-main.jpg);
background-position:top;
background-repeat:repeat;
}

.catalogue {
background-image:url(../media/catalogue/catalogue-main.jpg);
background-position:top;
background-repeat:repeat;
}

.matrix {
background-image:url(../media/matrix/matrix-main.jpg);
background-position:top;
background-repeat:repeat;
}

.projects1 {
background-image:url(../media/projects/projects-main1.jpg);
background-position:top;
background-repeat:no-repeat;
}

.projects2 {
background-image:url(../media/projects/projects-main2.jpg);
background-position:top;
background-repeat:no-repeat;
}

.projects3 {
background-image:url(../media/projects/projects-main3.jpg);
background-position:top;
background-repeat:no-repeat;
}

.projects4 {
background-image:url(../media/projects/projects-main4.jpg);
background-position:top;
background-repeat:no-repeat;
}

.projects5 {
background-image:url(../media/projects/projects-main5.jpg);
background-position:top;
background-repeat:no-repeat;
}

.projects6 {
background-image:url(../media/projects/projects-main6.jpg);
background-position:top;
background-repeat:no-repeat;
}

.projects7 {
background-image:url(../media/projects/projects-main7.jpg);
background-position:top;
background-repeat:no-repeat;
}

.projects8 {
background-image:url(../media/projects/projects-main8.jpg);
background-position:top;
background-repeat:no-repeat;
}

.projects9 {
background-image:url(../media/projects/projects-main9.jpg);
background-position:top;
background-repeat:no-repeat;
}