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

html {
margin:auto 0;
padding:0;
background:url(../images/bg.png) top center no-repeat #0c0f1e;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}


body {
	font: 100% Trebuchet MS, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #636767;
}
#container {
	width: 1046px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:auto;
	position:relative;
	background-repeat:no-repeat;
	background-position:center top;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 auto;
}

#header {
margin: 0 auto;
padding:90px 0 10px 95px;
width:1046px;
}

#logo {
width:450px;
float:left;
text-align:left;
}

#links {
width:500px;
float:left;
padding:35px 0 0 0;
font-size:13px;
font-weight:bold;
text-align:left;
}

#links a{
color: #fff;
text-decoration:none;
padding-right:50px;
}

#links a:hover{
color: #f05b28;
}

#body {
background:url(../images/body.png) no-repeat;
margin: 0 auto;
width:1046px;
height:501px;
}

#bodyMedia {
background:url(../images/body-media.png) no-repeat;
margin: 0 auto;
width:1046px;
height:501px;
}

#bodyProduction {
background:url(../images/body-production.png) no-repeat;
margin: 0 auto;
width:1046px;
height:501px;
}

#bodyPromotion {
background:url(../images/body-promotion.png) no-repeat;
margin: 0 auto;
width:1046px;
height:501px;
}

#bodyTech {
background:url(../images/body-tech.png) no-repeat;
margin: 0 auto;
width:1046px;
height:501px;
}

#bodyL {
width:550px;
font-size:14px;
color:#FFFFFF;
padding:60px 0 0 105px;
line-height:190%;
text-align:left;
}

#bodyH {
width:500px;
font-size:15px;
color:#FFFFFF;
padding:130px 0 0 105px;
line-height:190%;
text-align:left;
}

#bodyR {
width:300px;
float:left;
font-size:10px;
padding:30px 0 0 15px;
text-align:left;
}

#bodyR {
background-image:url(../images/body.png);
background-repeat:no-repeat;
margin: 0 auto;
width:748px;
height:326px;
}

#footer {
margin: 0 auto;
width:1046px;
height:163px;
font-size:10px;
}

#footLinks {
position:absolute;
top:540px;
padding-left:95px;
text-align:left;
font-size:9px;
color: #ccced4;
}

#footLinksL {
float:left;
width:500px;
}

#footLinksR {
float:left;
width:340px;
text-align:right;
}

#footLinks a{
color: #fff;
text-decoration:none;
}

#footLinks a:hover{
color: #f05b28;
}
.smalltxt {
font-size:12px;
}

.title {
font-size:24px;
font-stretch:expanded;
letter-spacing:7px;
}

.orangeT {
color:#f05b28;
padding-right:25px;
}

#beginBut {
position:absolute;
top:470px;
margin-left:830px;
color:#FFFFFF;
font-weight:bold;
font-size:24px;
letter-spacing:2px;
}

a{
color:#fff;
text-decoration:none;
}

#beginBut a:hover{
color:#f05b28;
}

#contactB { 
position:absolute;
top:460px;
margin-left:967px;
}

#privacy {
height:300px;
overflow:auto;
font-size:10px;
padding-right:150px;
}

#contactInfo {
position:absolute;
top:225px;
margin-left:667px;
text-align:left;
color:#fff;
}