/* CSS Document */

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

body{ background:#000000; text-align:center;}
#main{ background:url(images/header-bg.jpg) top center repeat-x;}
#main2{ padding:0 71px 0 89px;}
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.82em; line-height:1.333em; color:#8c8c8c;}

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

a {color:#ffffff;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
strong{ font-weight:normal; color:#ffffff; display:block; padding-bottom:4px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.padding1{ padding-left:40px;}
.padding2{ padding-top:25px;}
.padding3{ padding-top:20px;}
.margin1{ margin-top:15px;}
.margin2{ margin-top:-16px;}
.margin3{ margin-top:15px; display:block;}

/* ============================= header ====================== */
.menu { padding:15px 0 0 20px; height:42px; }
.menu li{ float:left; text-align:center; line-height:1em;}
.menu li a span{ display:block; padding:0 17px; background:url(images/menu-left-bg.gif) left top no-repeat;}
.menu li a{ text-decoration:none; display:block; font-weight:normal; background:url(images/menu-right-bg.gif) top right no-repeat; cursor:pointer;}
.menu li a span span{ padding:16px 0 14px 0; width:92px; background:url(images/menu-bg.gif) top repeat-x;}
.menu li a:hover, .menu li a.active{ background:url(images/menu-right-bg-act.gif) top right no-repeat; text-decoration:none; }
.menu li a:hover span, .menu li a.active span{ background:url(images/menu-left-bg-act.gif) left top no-repeat;}
.menu li a:hover span span, .menu li a.active span span{ background:url(images/menu-bg-act.gif) top repeat-x;}

.logo{ padding:88px 0 0 247px;}
#header .line{ background:url(images/header-line.jpg) top no-repeat; line-height:1px; margin-top:39px;}

#header .box{ background:url(images/shadow-tail.gif) bottom repeat-x #ffffff; width:100%; margin-top:23px; position:relative;}
#header .box .left-shadow{ background:url(images/left-shadow.gif) bottom left no-repeat; width:100%;}
#header .box .right-shadow{ background:url(images/right-shadow.gif) bottom right no-repeat; padding-bottom:40px; width:100%;}
#header .box .left-top{ background:url(images/box-corner-left-top.gif) left top no-repeat; width:100%;}
#header .box .right-top{ background:url(images/box-corner-right-top.gif) right top no-repeat; width:100%;}
#header .box .left-bot{ background:url(images/box-corner-left-bot.gif) left bottom no-repeat; width:100%;}
#header .box .right-bot{ background:url(images/box-corner-right-bot.gif) right bottom no-repeat; width:100%;}
#header .box .indent{ padding:13px 6px 13px 13px;}
#header .box img{ margin-right:7px;}
#header .box .prev{ position:absolute; margin:77px 0 0 -44px;}
#header .box .next{ position:absolute; margin:77px 0 0 807px;}

/* ============================= content ====================== */
#content{ margin-top:-39px; position:relative; padding:0 0 31px 1px;}

.title{ border-bottom:solid 1px #faf9f5; padding-bottom:13px; margin-bottom:19px;}
.link1{ display:inline-block; margin-bottom:4px;}
.link{ background:url(images/link-bg.gif) no-repeat 2px 7px; padding-left:11px; font-weight:bold; display:inline-block; margin-top:13px;}

.line1{ background:url(images/line.gif) repeat-y 408px 0; padding-bottom:3px;}
.line2{ background:url(images/line.gif) repeat-y 276px 0; }
.line3{ background:url(images/line.gif) repeat-y 544px 0; }
.tutorial img{ margin-left:17px;}

ol{ list-style-position:inside; list-style-type:decimal-leading-zero; font-weight:bold; color:#ffffff; }
ol li{ line-height:2.167em; }
ol li a{ font-weight:normal;}

.list li{ background:url(images/link-bg.gif) no-repeat 2px 7px; padding-left:13px; line-height:1.667em;}
.list li a{ font-weight:bold; text-decoration:none;}
.list li a:hover{ text-decoration:underline;}

.list1{ text-align:center; padding-top:15px;}
.list1 li{ display:inline; font-weight:bold; color:#ffffff; padding:0 3px;}
.list1 li a{ text-decoration:none; }
.list1 li a:hover, .list1 li .act{ color:#cd0e74;}

.row-1{ border-bottom:solid 1px #d8d8d8; padding-bottom:32px; margin-bottom:31px;}
.row-2 .title{ border-bottom:none; padding-bottom:0;}

.prev2{ background:url(images/prev-bg.gif) top left no-repeat; padding-left:10px; font-weight:bold; line-height:1em;}
.next2{ float:right; background:url(images/next-bg.gif) top right no-repeat; padding-right:10px; font-weight:bold; line-height:1em;}

/* ============================= Home ===========================*/
#page1 .row-1 .column-2{ margin-left:56px;}
#page1 .row-1 .col-2{ margin-left:25px;}

/* ============================= page2 ===========================*/
#page2 .column-2{ margin-left:57px;}
#page2 .column-3{ margin-left:56px;}

/* ============================= page3 ===========================*/
#page3 .column-2{ margin-left:56px;}
#page3 .column-1 .col-2{ margin-left:20px;}
#page3 .column-2 .col-2{ margin-left:17px;}

/* ============================= Services and other services===========================*/
#page4 .column-2{ margin-left:42px;}
#page4 .column-3{ margin-left:40px;}

/* ============================= page5 ===========================*/
#page5 .column-2{ margin-left:56px;}
#page5 .column-1 .col-2{ margin-left:20px;}
#page5 .column-2 .col-2{ margin-left:17px;}

/* ============================= page6 ===========================*/
#page6 .column-2{ margin-left:57px;}
#page6 .column-3{ margin-left:56px;}
.phone{ float:right; padding-right:60px;}

/* ============================= footer ====================== */
#footer{ border-top:solid 1px #d8d8d8;}
#footer .text{ padding:26px 0 0 5px;}
#footer a{ color:#dc107c; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}

/* ============================= forms ============================= */
#ContactForm label{ display:block; height:45px;}
#ContactForm input{ border:solid 1px #7d7d7d; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
#ContactForm textarea{ border:solid 1px #7d7d7d; width:190px; height:125px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
#ContactForm .link{ margin:17px 18px 0 0;}