/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#000;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.563em;
		text-transform:uppercase;
		line-height:1.778em;
		color:#c4c4c4;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#c4c4c4;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

/* ============================= main layout ====================== */
#main { width:980px; margin:0 auto; text-align:left;}

h2 {font-size:5em; text-transform:none; color:#fff; font-weight:normal; line-height:2em; margin-bottom:14px;}
#page1 h2 {font-size:5.556em; margin-bottom:20px;}
h3 {font-size:2.556em; text-transform:none; color:#fff; font-weight:normal; line-height:1.1em;}
#page1 h3 {font-size:2.333em; text-transform:none; color:#fff; font-weight:normal; line-height:1.143em;}

.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */
#header {height:50px; background:url(images/header-bg.jpg) top left no-repeat; padding:0 31px 0 10px;}

/*.sound-button {float:right; margin-top:9px;}*/
/*.logo {float:left; margin:0 20px -21px 0; position:relative;}*/

.menu {float:left; padding:19px 0 0 0;}
.menu li {display:inline; background:url(images/menu-devider.gif) no-repeat 0 0; padding:0 20px 0 20px;}
.menu li a {color:#cacaca; text-decoration:none;}
.menu li a:hover {text-decoration:underline;}
.menu .first {background:none;}

/* ============================= content ====================== */
#content {height:605px; background:url(images/page5-content-bg.jpg) top left no-repeat;}

.slogan {position:absolute; padding:152px 0 0 20px;}
#page1 .slogan {position:absolute; padding:52px 0 0 20px;}
#page7 .slogan {position:absolute; padding:10px 0 0 20px;}

.box-indent {padding:87px 32px 92px 659px;}
.box-indent6 {padding:67px 32px 92px 659px;}
.box {border:1px solid #2c2c2c; width:287px; height:424px; background:#010101;}
.box6 {border:1px solid #2c2c2c; width:487px; height:424px; background:#010101;}
.close {position:absolute; margin:-17px 0 0 273px;}

.indent {padding:18px 15px 19px 15px; border-top:1px solid #2c2c2c; height:200px;}
.indent2 {padding:18px 15px 16px 15px; border-top:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c;}
.indent3 {padding:18px 15px 28px 15px; border-top:1px solid #2c2c2c;}
.indent4 {padding:20px 15px 18px 15px; border-top:1px solid #2c2c2c;}


.scroll {background:#181818; padding:11px 0 11px 226px;}
.scroll img {margin-left:3px;}

.phone {float:right; margin-right:90px;}
.video {position:absolute; margin:86px 0 0 307px;}

#page1 #header {background:url(images/header-bg.jpg) top left no-repeat;}
#page1 #content {height:600px;  background:url('images/page1-content-bg.jpg') no-repeat top left;}
#page1 #footer { height:30px; border-top:1px solid #303030; background:#181818;}

#page2 #header {background:url(images/header-bg.jpg) top left no-repeat;}
#page2 #content {height:600px;  background:url(images/page2-content-bg.jpg) top left no-repeat;}
#page2 #footer { height:30px; border-top:1px solid #303030; background:#181818;}

#page3 #header {background:url(images/header-bg.jpg) top left no-repeat;}
#page3 #content {height:600px;  background:url(images/page3-content-bg.jpg) top left no-repeat;}
#page3 #footer { height:30px; border-top:1px solid #303030; background:#181818;}

#page4 #header {background:url(images/header-bg.jpg) top left no-repeat;}
#page4 #content {height:600px;  background:url(images/page4-content-bg.jpg) top left no-repeat;}
#page4 #footer { height:30px; border-top:1px solid #303030; background:#181818;}

#page5 #header {background:url(images/header-bg.jpg) top left no-repeat;}
#page5 #content {height:600px;  background:url(images/page5-content-bg.jpg) top left no-repeat;}
#page5 #footer { height:30px; border-top:1px solid #303030; background:#181818;}

#page6 #header {background:url(images/header-bg.jpg) top left no-repeat;}
#page6 #content {height:600px;  background:url(images/page6-content-bg.jpg) top left no-repeat;}
#page6 #footer { height:30px; border-top:1px solid #303030; background:#181818;}

#page7 #header {background:url(images/header-bg.jpg) top left no-repeat;}
#page7 #content {height:600px;  background:url(images/page7-content-bg.jpg) top left no-repeat;}
#page7 #footer { height:30px; border-top:1px solid #303030; background:#181818;}

.dark {color:#6d6d6d;}

/* ============================= footer ====================== */
#footer { height:30px; border-top:1px solid #303030; background:#181818;}

#footer {color:#4d4d4d; padding:14px 20px 0 24px;}
#footer a {color:#cacaca; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .gallery {text-align:center;}
#footer .gallery .hide-button {position:relative; margin:-49px 2px 0 0;}
#page1 #footer .gallery {text-align:center; padding:12px 0 0 19px;}
#page1 #footer .gallery img {margin:0 0 0 6px;}
#page1 #footer .gallery .hide-button {position:relative; margin:-61px 22px 0 0;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:33px;}

.input {width:175px; height:18px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:193px; height:122px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}