/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{
	text-align:center;
	background-color: #000;
	background-image: url(images/body-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {
	float:right;
	color: #06F;
}
.clear  { clear:both;}

html{
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.6em;
	line-height:1.5em;
	color:#FFF;
	text-transform:uppercase;
	font-style: inherit;
	font-weight: bolder;
}
input, select { vertical-align:middle; font-weight:normal;}

a {
	color:#FFF;
	outline:none;
}
a:hover{
	text-decoration:none;
	color: #09F;
}
p {
	padding-top:5px;
	font-size: 100%;
}
#content strong{
	color:#f51e01;
	display:block;
}

h3{
	font-size:2em;
	line-height:normal;
	color:#fff;
	text-transform:uppercase;
	padding-bottom:20px;
	font-weight: bold;
}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:20px;}
.space1{ margin-left:60px;}
.padding1{
	padding-top:30px;
	background-color: #000;
	padding-bottom: 20px;
}
.padding2{
	padding-top:15px;
	background-color: #000;
}

/* ============================= header ====================== */
#header .logo{ padding:11px 0 0 18px;}

/* ============================= content ====================== */
#content{
	overflow:hidden;
	background-color: #000;
	background-image: url(images/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.column-2{
	margin-left:39px;
	background-color: #000;
}
.line{ background:url(images/line.gif) no-repeat 498px 0;}
.indent{
	padding:68px 50px 0 81px;
	background-color: #000;
}
.indent1{
	background-color: #000;
	padding-top: 20px;
	padding-right: 80px;
	padding-bottom: 0;
	padding-left: 81px;
}

.link{ color:#f51e01; background:url(images/link-bg.gif) no-repeat right 4px; padding-right:10px; text-decoration:none;}
.link:hover{ color:#fff;}

.list{ margin:-3px 0 0 0;}
.list li{ line-height:2.222em; background:url(images/link-bg.gif) no-repeat 0 8px; padding-left:10px;}
.list a{ text-decoration:none;}
.list a:hover{
	color:#FFF;
	font-size: 14pt;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
}

.scroll{
	overflow:auto;
	height:360px;
	position:relative;
	background-color: #000;
}
.scroll-wrap {
	height:600px;
	padding-right:20px;
	background-color: #000;
}
.works a{ display:block; margin-bottom:11px;}

.menu{ width:100%; overflow:hidden; margin:-46px 0 96px 0;}
.menu ul{ padding-left:40px;}
.menu li{ float:left; font-size:1.889em; line-height:2em; background:url(images/menu-separator.gif) right top no-repeat;}
.menu .m5{ background:none;}
.menu a{ display:block; width:177px; text-align:center; text-decoration:none; padding:64px 0 0 0; float:left;}
#content .menu a strong{ color:#fff; display:inline;}
.menu a:hover, .menu .active{ color:#fff;}
.menu .m1 a{ background:url(images/m1-bg.png) no-repeat 0 0; width:185px;}
.menu .m2 a{ background:url(images/m2-bg.png) no-repeat 0 0;}
.menu .m3 a{ background:url(images/m3-bg.png) no-repeat 0 0;}
.menu .m4 a{ background:url(images/m4-bg.png) no-repeat 0 0;}
.menu .m5 a{ background:url(images/m5-bg.png) no-repeat 0 0; width:184px;}
.menu .m1 .active{ background:url(images/m1-bg-act.png) no-repeat 0 0; width:185px; margin:0 -10px 0 0; padding-right:10px;}
.menu .m2 .active{ background:url(images/m2-bg-act.png) no-repeat 0 0; width:195px; margin:0 -9px;}
.menu .m3 .active{ background:url(images/m3-bg-act.png) no-repeat 0 0; width:195px; margin:0 -9px;}
.menu .m4 .active{ background:url(images/m4-bg-act.png) no-repeat 0 0; width:195px; margin:0 -9px;}
.menu .m5 .active{ background:url(images/m5-bg-act.png) no-repeat 0 0; width:188px; margin:0 0 0 -9px; padding-left:7px;}

/* ============================= page1 ====================== */
#page1{background:url(images/page1-body-bg.jpg) top center no-repeat #000; text-align:center;}
#page1 #content{
	height:566px;
	background-color: #000;
	background-image: none;
	background-repeat: no-repeat;
}
#page1 .menu{ margin-top:172px;}
#page1 .menu li{ background:url(images/page1-menu-separator.gif) right top no-repeat;}
#page1 .menu .m5{ background:none;}

/* ============================= footer ====================== */
#footer{
	border-top:solid 1px #232323;
	margin:0 8px;
	color: #CCC;
	background-color: #333;
}
#footer p{
	padding:10px 0 0 3px;
	color:#CCC;
	font-size: 1em;
}
#footer a{
	color:#CCC;
	text-decoration:none;
}
#footer a:hover{
	color:#CCC;
	background-color: #666;
	height: auto;
	padding-top: 10px;
	padding-left: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	font-size: 2em;
}

/* ============================= forms ============================= */
#ContactForm{ padding-top:0px;}
#ContactForm label{ display:block; height:38px;}
#ContactForm input{ border:solid 1px #a4a4a4; background:#1a1a1a; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#929292; padding:3px 2px 3px 3px; width:294px; text-transform:uppercase;}
#ContactForm textarea{ border:solid 1px #a4a4a4; background:#1a1a1a; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#929292; padding:3px 2px 3px 3px; width:294px; text-transform:uppercase; height:92px; overflow:auto;}
#ContactForm .link{ float:right; margin:15px 0 0 20px;}
.styledtable {
	background-color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	border-collapse: collapse;
	text-align: center;
	padding: 5px;
}
.styledtable tr td {
	height: 35px;
	padding: 5px;
	background-color: #333;
	vertical-align: middle;
}

.styledtable tr th {
	background-color: #900;
	font-size: 12px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	height: 35px;
	text-align: center;
	padding: 5px;
}
#main #OEM .indent1 .styledtable tr td h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #CCC;
	text-align: center;
	vertical-align: middle;
	height: auto;
	line-height: 35px;
}
#main h4 .right {
	font-size: 12px;
	color: #F30;
	background-color: #333;
}
.rmefooter {
	background-color: #333;
	height: auto;
	padding-top: 10px;
	padding-left: 3px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #CCC;
}
#page2 #main #footer p a {
	color: #CCC;
}
#page2 #main #footer p a {
	color: #CCC;
	font-size: 1em;
}
#page3 #main #content .indent .wrapper.line .column-2 #Shapes table tr td {
	color: #000;
	text-align: center;
}
#page7 #main ul li strong {
	color: #FFF;
}
#page7 #main p strong {
	font-size: 1.2em;
	color: #FFF;
}
#page7 #main p {
	color: #FFF;
}
faqquestion {
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
}
#page7 #main .faqquestion {
	color: #F00;
}
