/* CSS Document */

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

body{background:url(images/body-bg.jpg) top center no-repeat #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{ font-family:Arial, Helvetica, sans-serif; font-size:0.5625em; line-height:1.556em; color:#929292;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#929292; outline:none; text-decoration:none;}
a:hover{text-decoration:underline;}
p {padding-top:5px;}
#content strong{ color:#f51e01; display:block;}

h3{ font-size:2.667em; line-height:1.25em; color:#fff; text-transform:uppercase; padding-bottom:20px; font-family: "Segoe UI", Arial;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:20px; font-size:11px;}
.space1{ margin-left:60px;}
.padding1{ padding-top:39px;}
.padding2{ padding-top:15px;}

/* ============================= header ====================== */
#header .logo{ padding:45px 0 0 45px;}
#header .diller{ float:right; margin-right:45px;}
/* ============================= content ====================== */
#content{ background:url(images/content-bg.jpg) no-repeat 0 0; overflow:hidden;}
.column-2{ margin-left:39px;}
.line{ background:url(images/line.gif) no-repeat 498px 0;}
.indent{ padding:68px 50px 0 81px;}
.indent1{ padding:68px 80px 0 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:#f51e01;}

.scroll{ overflow:auto; height:260px; position:relative; margin-top:54px;}
.scroll-wrap { height:600px; padding-right:20px;}
.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; font-family: "Segoe UI", Arial;}
.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{ background:none; height:566px;}
#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;}
#footer p{ padding:10px 0 0 3px; color:#7a7a7a; font-size:11px;}
#footer a{ color:#7a7a7a; text-decoration:none;}
#footer a:hover{ color:#fff;}

/* ============================= 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;}
#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; height:92px; overflow:auto;}
#ContactForm .link{ float:right; margin:15px 0 0 20px;}