* { margin:0; padding:0;}
body { background:url(images/body-bg.jpg) no-repeat center top #080808; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#006743;}

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

object { vertical-align:top;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form span { display:block; width:271px; height:17px; background:url(images/input-bg.gif) no-repeat left top; padding:7px 0 0 9px;}
.form input {width:261px; background:none; border:0; text-transform:none; color:#005d3b; vertical-align:top; line-height:.92em;}

.form1 { width:280px; height:95px; background:url(images/textarea-bg.gif) no-repeat left top;}
.form1 textarea { width:271px; height:95px; overflow:auto; background:none; border:0; padding:7px 0 0 9px; text-transform:none; color:#005d3b;}


/*==================list====================*/
ul { list-style:none;}

.site-nav {
	position:absolute;
	left:299px;
	top:222px;
}


.site-nav li { float:left;}

.list1 { position:absolute; left:46px; top:56px;}
.list1 li { font-size:1.22em; font-weight:bold; float:left;}
.list1 li a { text-decoration:none; color:#003421; text-align:center; width:137px; display:block;}
.list1 li a:hover,
.list1 li a.act { 
	color:#005d3b;
}

.list3 { position:absolute; bottom:9px; left:280px;}
.list3 li { float:left;}

.list4 li { padding:0 0 19px 24px;}
.list4 li.last { padding:0; line-height:1.22em; margin-top:-8px;}

.list5 li { padding-bottom:2px;}  
.list5 li.first,
.list5 li.last { 
	text-align:center;
	padding:0;
}
.list5 li.first { padding:0;}
.list5 li.last { padding-top:5px;}


/*==================other====================*/
.img-box { width:193px; height:74px; background:url(images/img-box-bg.jpg) no-repeat center top; position:relative;}
.img-box span { display:block; padding:3px 0 0 26px;}
.img-box .button1 { position:absolute; left:110px; top:68px; padding:0;}
.img-box .button2 { position:absolute; left:5px; top:0;}
.img-box .button3 { position:absolute; left:172px; top:0;}

.img-box1 { width:184px; height:86px; background:url(images/img-box-bg1.jpg) no-repeat center top; position:relative;}
.img-box1 span { display:block; padding:3px 0 0 4px;}
.img-box1 .button { position:absolute; left:105px; top:69px; padding:0;}
.img-box1 .button1 { position:absolute; left:108px; top:70px; padding:0;}

.p1 { margin-bottom:20px;}


/*==================txt, links, lines, titles====================*/
a {color:#ffffff; outline:none;}
a:visited {color:#ffffff; outline:none;}
a:hover{text-decoration:none;}

h3 { font-size:1em; font-weight:normal; margin-bottom:19px;}

.link { position:absolute; left:174px; top:163px;}
.link a { background:url(images/marker.gif) no-repeat left 5px; text-decoration:none; display:block; padding-left:5px; color:#005d3b;}
.link a:hover { text-decoration:underline;}

.link1 { position:absolute; right:79px; top:174px;}
.link1 a { background:url(images/marker.gif) no-repeat left 5px; text-decoration:none; display:block; padding-left:7px; color:#005d3b;}
.link1 a:hover { text-decoration:underline;}

.title { margin-bottom:17px;}


/*header*/
#header .logo {
	position:absolute;
	left:113px;
	top:115px;
}

/*content*/
#playtrailer {
	position:absolute;
	left:656px;
	top:409px;
	width:101px;
	height:21px;
	z-index:1;
}
#overlay {
	background-image:url(images/transparent.png);
	color:#efefef;
	height:450px;
}
 /* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 70px; 
    width: 305px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {
	position:absolute;
	/* this time we have very large space for the height */ 
    height:455px;
	left: 2px;
	top: -2px;
	width: 315px;
}
 
 div.scrollable div.itemscredits {
	position:absolute;
	/* this time we have very large space for the height */ 
    height:276px;
	left: 2px;
	top: 0px;
	width: 250px;
}
 
 
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:441px;
	overflow-y:auto;
}
#content { height:456px; position:relative;}
#content p { line-height:1.56em;}
#content .indent { padding:322px 0 0 289px;}
#content .button1 { position:absolute; bottom:12px; right:92px;}
#content .button2 { position:absolute; bottom:-9px; right:152px;}
#content .button3 { position:absolute; bottom:-38px; right:131px;}


/*=================== index.html ===================*/
#page1 #content { background:url(images/cont-bg1.jpg) no-repeat left top;}
#page1 #content .box {
	background:url(images/box1-bg.jpg) no-repeat left top;
	width:437px;
	height:78px;
	position:absolute;
	top:205px;
	left:292px;
}
#page1 #content .box .inner { padding:12px 80px 0 23px;}
#page1 #content .box p { color:#37ae76;}

/*=================== index-1.html ===================*/
#page2 #content { background:url(images/cont-bg2.jpg) no-repeat left top;}
#page2 #content .box { background:url(images/box2-bg.jpg) no-repeat left top; width:419px; height:415px; position:absolute; top:18px; left:302px;}
#page2 #content .box .inner { padding:117px 120px 0 63px;}
#page2 #content .box p { color:#37ae76;}
#page2 #footer { background:url(images/footer-bg1.jpg) no-repeat left top;}

/*=================== index-3.html ===================*/
#page4 #content { background:url(images/cont-bg3.jpg) no-repeat left top;}
#page4 #content .box { background:url(images/box4-bg.jpg) no-repeat left top; width:533px; height:313px; position:absolute; top:18px; left:241px;}
#page4 #content .box .inner { padding:31px 57px 0 82px;}

/*=================== index-4.html ===================*/
#page5 #content { background:url(images/cont-bg4.jpg) no-repeat left top;}
#page5 #content .box { width:185px; height:406px; background:url(images/box5-bg.jpg) no-repeat left top; position:absolute; left:288px; top:21px;}
#page5 #content .box .inner { padding:17px 27px 0 29px;}
#page5 #content .box1 { width:264px; height:221px; background:url(images/box6-bg.jpg) no-repeat left top; position:absolute; right:170px; top:65px;}
#page5 #content .box1 .inner { padding:20px 27px 0 21px;}
#page5 #content .title { position:absolute; left:530px; top:322px;}
#page5 #content .title1 { position:absolute; left:498px; top:38px;}
#page5 #content .img-box1 { position:absolute; right:208px; top:356px;}

/*=================== index-5.html ===================*/
#page6 #content { background:url(images/cont-bg5.jpg) no-repeat left top;}
#page6 #content .box { width:488px; height:140px; background:url(images/box7-bg.jpg) no-repeat left top; position:absolute; left:247px; top:24px;}
#page6 #content .box .inner { padding:32px 166px 0 113px;}
#page6 #content .box1 { width:437px; height:215px; background:url(images/box8-bg.jpg) no-repeat left top; position:absolute; left:295px; top:206px;}
#page6 #content .box1 .inner { padding:20px 27px 0 21px;}