/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#2a2f35; text-align:center;}
/* #2a2f35 */
.right-tail{ background:url(images/right-tail.gif) top repeat-x; position:absolute; right:0; width:50%; height:428px;}
.right-tailAboutUs{ background:url(images/right-tailAboutUs.gif) top repeat-x; position:absolute; right:0; width:50%; height:428px;}
.right-tailPayroll{ background:url(images/right-tailAboutUs.gif) top repeat-x; position:absolute; right:0; width:50%; height:428px;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Tahoma, Geneva, sans-serif; font-size:0.8125em; line-height:1.231em; color:#555f61;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#795598; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}
h1{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:2.538em; line-height:1em; color:#2a2f35; margin-left:-3px; padding:18px 0 23px 68px;}
h2{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:2.538em; line-height:1em; color:#2a2f35; margin-left:-3px; padding:18px 0 23px 68px;}
h3{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:1.846em; line-height:1em; color:#2a2f35; padding-bottom:21px;}
.row-1 p{padding-top:17px;}
.row-2 p{padding-top:16px;}
.row-1 strong{ font-weight:normal; text-transform:uppercase; display:block; padding-bottom:7px;}
.row-2 strong{ font-weight:normal; color:#2dabb5; display:block;}
#clock_a{ float:right; width:300px; padding:40px 103px 100px 0;} 

/* ============================= main layout ====================== */
.imgindent {margin:3px 30px 0 0; float:left;}

/* ============================= header ====================== */
#header{ background:url(images/header-tail.gif) top repeat-x;}
#header .main{ background:url(images/header-bg.jpg) bottom no-repeat; height:428px;}
#header .menu{ float:right; padding:56px 54px 0 0;}
#header .menu li{ float:left; padding-right:1px; }
#header .logo{ padding:54px 0 0 47px;}
#header .slogan{ padding:40px 0 0 54px; border: 5px solid blue; width:426px;}

#headerAboutUs{ background:url(images/header-tailAboutUs.gif) top repeat-x;}
#headerAboutUs .main{ background:url(images/header-bgAboutUs.gif) bottom no-repeat; height:428px;}
#headerAboutUs .menu{ float:right; padding:56px 54px 0 0;}
#headerAboutUs .menu li{ float:left; padding-right:1px; }
#headerAboutUs .logo{ padding:54px 0 0 47px;}
#headerAboutUs .slogan{ padding:40px 0 0 54px; border: 5px solid blue; width:426px;}

#headerPayroll{ background:url(images/header-tailAboutUs.gif) top repeat-x;}
#headerPayroll .main{ background:url(images/header-bgPayroll.jpg) bottom no-repeat; height:428px;}
#headerPayroll .menu{ float:right; padding:56px 54px 0 0;}
#headerPayroll .menu li{ float:left; padding-right:1px; }
#headerPayroll .logo{ padding:54px 0 0 47px;}
#headerPayroll .slogan{ padding:40px 0 0 54px; border: 5px solid blue; width:426px;}

/* ============================= content ====================== */
#content .row-1{ background:#2a2f35; color:#2a2f35; line-height:1.308em;}
/* #2a2f35 */
#content .row-2{ background:#fdfdfc; border-top:solid 24px #fdfdfc;}
/* #fdfdfc */

#content .row-1 .indent{ padding:30px 55px 32px 55px;}
#content .row-2 .indent{ padding:28px 70px 48px 58px;}

#content .row-1 .column-2, #content .row-1 .column-3, #content .row2 .column-2{ margin-left:9px;}

.box{ background:url(images/box-corner-left-top.gif) left top no-repeat #ffffff; width:100%;}
.box .right-top{ background:url(images/box-corner-right-top.gif) right top no-repeat; width:100%;}
.box .left-bot{ background:url(images/box-corner-left-bot.gif) left bottom no-repeat; width:100%;}
.box .right-bot{ background:url(images/box-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box .indent{ padding:26px 35px 0 25px !important;}
.box .indent2{ padding:26px 20px 0 25px !important;}
.box .indent3{ padding:26px 20px 36px 25px !important;}

.link{ display:inline-block; background:url(images/link-bg.jpg) top repeat-x; color:#ffffff; margin:30px 0 0 -3px; cursor:pointer;}
.link span{ display:inline-block; background:url(images/link-left-bg.jpg) left top no-repeat;}
.link span span{ background:url(images/link-right-bg.jpg) right top no-repeat; padding:15px 22px 18px 23px;}
.link:hover{ background:url(images/link-bg2.jpg) top repeat-x; text-decoration:none;}
.link:hover span{ background:url(images/link-left-bg2.jpg) left top no-repeat;}
.link:hover span span{ background:url(images/link-right-bg2.jpg) right top no-repeat;}

.link2{ display:inline-block; margin-top:20px; text-decoration:none; font-size:0.923em;}
.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:27px; margin-bottom:25px;}
.email{ font-size:0.923em; padding:20px 0 5px 0;}

.row-1 ul{ margin:-2px 0 -1px 0;}
.row-1 ul li{ line-height:1.462em;}
.row-1 ul a{ color:#2a2f35; text-transform:uppercase; font-weight:normal;}

.title1{ background:url(images/title1-bg.jpg) no-repeat 0 0;}
.title2{ background:url(images/title2-bg.jpg) no-repeat 0 0;}
.title3{ background:url(images/title3-bg.jpg) no-repeat 0 0;}

/* ============================= footer ====================== */
#footer{ background:#2a2f35; color:#919497;}
/* #2a2f35 */
#footer a{ color:#66686b; font-weight:normal;}
#footer .text{ padding:22px 0 0 58px;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:17px;}
#ContactForm .col-1{ width:303px !important;}
#ContactForm .col-2{ width:293px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #a4a4a4; font-family:Tahoma, Geneva, sans-serif; font-size:1em; color:#555f61; padding:1px 0 1px 3px; width:283px;}
#ContactForm textarea{ border:solid 1px #a4a4a4; font-family:Tahoma, Geneva, sans-serif; font-size:1em; color:#555f61; padding:1px 0 1px 3px; width:288px; height:66px; overflow:hidden;}
#ContactForm .link2{ float:right; margin:13px 0 0 18px !important;}

