/* CSS Document */

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

body{background:#111111; text-align:center;}
.top-tail{ background:url(/images/top-tail3.gif) top repeat-x #0b0b0b;}
.top-bg{ background:url(/images/Other_Main.jpg) top left no-repeat;}
.top-bgIntegrate{ background:url(/images/Integrate_Main.jpg) top left no-repeat;}
.top-bgTrain{ background:url(/images/Train_Main.jpg) top left no-repeat;}
.top-bgTransform{ background:url(/images/Transform_Main.jpg) top left no-repeat;}
.top-bgSupport{ background:url(/images/Support_Main.jpg) top left no-repeat;}
.top-bgInform{ background:url(/images/Inform_Main.jpg) top left no-repeat;}
.top-bgConnect{ background:url(/images/Connect_Main.jpg) top left no-repeat;}
.top-bgDicoverMain{ background:url(/images/Dicover_Main.jpg) top left no-repeat;}

.top-tail2{ background:url(/images/top-tail2.gif) top repeat-x #0b0b0b;}
.top-bg2{ background:url(/images/top-bg2.jpg) top left no-repeat;}
.bot-tail{ background:url(/images/bot-bg.gif) bottom repeat-x;}

#main { width:1080px; text-align:left;}
#header {height:604px;}  /* 450 */
#footer { height:115px;float:left}

.paragraph {margin:0px 10px 0px 10px;}

.title-box { width:100%; overflow:hidden; background:url(../images/line-hor.gif) left bottom repeat-x; padding-bottom:9px; margin-bottom:18px;}
.title-box .fleft { margin-top:8px;}

.column-1, .column-2, .column-3, .column-4, .col-1, .col-2{float:left;}
.container{width:100%; overflow:hidden;}
.container2{ width:100%;}

.column-1{ width:294px;}
.column-2{ width:280px; margin-left:31px;}
.column-3{ width:280px; margin-left:27px;}
.column-2W{ width:360px; margin-left:27px;}
.column-4{ width:100%;}

.row-1 .col-1 {width:100%; margin-right:52px;}
.row-2 .col-1 {width:100%; margin-right:52px;}
.row-3 .col-1 {width:100%; margin-right:52px;}
.row-5 .col-1 {width:425px; margin-right:52px;}
.row-5 .col-2 {width:425px; margin-right:52px;}
.row-6 .col-1 {width:600px; margin-right:52px;}
.row-6 .col-2 {width:250px; margin-right:52px;}

.list3 { width:100%; overflow:hidden; border-bottom:1px solid #2b251d; padding-bottom:15px; margin-bottom:15px;}
.list3 li { float:left; width:236px; margin-right:1px; font-size:.91em; padding:0px 5px}
.list3 li a { font-size:1.1em;}
.list3 li p { margin:0; padding-right:15px;}
.list3 li img { margin-bottom:8px; margin-top:8px;}

/*#main .row-1 .indent { padding:43px 0 40px 9px;}*/

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.8125em;
	line-height: 1.154em;
	color: #9b9b9b;
}

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

a {color:#7eac00;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
h3{ color:#45620a; text-transform:uppercase; font-weight:bold; border-bottom:solid 1px #1d1e19; padding:0 0 7px 20px; margin-bottom:28px;}
h2{ color:#45620a; text-transform:uppercase; font-weight:bold; padding:0 0 7px 20px; margin-bottom:5px;}
strong{ display:block; font-weight:normal; color:#ffffff; padding-bottom:5px;}
cite{ font-style:normal; display:block;}

/* ============================= main layout ====================== */
.imgindent {margin:-6px 11px 0 0; float:left; position:relative;}
.phone{ float:right; padding-right:20px;}
.padding1{ padding-top:17px;}
.padding2{ padding-top:24px;}

/* ============================= index ====================== */
#index #header {height:320px;} /* 450 */
#index #header .slogan{ padding:100px 0 0 0; color:White; font-size:large; font-weight:normal; font-style:italic; font-family:Cursive; }
/*
#index #header .transparentimage{ position:relative; margin: -115px 0 0 0px; float:right; padding: 0 70px 0 0; }
#index #header .sloganbigtextimage{ position:relative; margin: -80px 0 0 0px; float:left; padding: 0 70px 0 20px; }
#index #header .slogansmalltextimage{ position:relative; margin: -80px 0 0 0px; float:left; padding: 0 70px 0 0px; }
*/
#index #header .logo{ padding:20px 0 0 0px;}
/*#index #header .menu{ width:100%; overflow:hidden; color:#313131;}
#index #header .menu ul{ padding:154px 0 0 20px;}
*/
#index #content{ padding:57px 30px 54px 36px;}

/* ============================= header ====================== */
#header .slogan{ padding:32px 0 0 36px;}
/*
#header .menu{ width:100%; overflow:hidden; color:#313131;}
#header .menu ul{ padding:64px 0 0 20px;}
#header .menu li{ float:left; font-size:0.923em; text-transform:uppercase; padding-left:15px;}
#header .menu a{ color:#b1b1b1; text-decoration:none; margin-right:15px;}
#header .menu a:hover, #header .menu .active{ color:#b8fc00; text-decoration:underline;}
*/

/* ============================= content ====================== */
#content{ padding:37px 30px 54px 36px;}
.linkImg { font-size:0.923em; background:url(/images/list-marker.gif) no-repeat 0 7px; padding-left:8px; margin-left:5px; margin-right:20px;}

.title1{ background:url(/images/title1-bg.gif) no-repeat 0 0;}
.title2{ background:url(/images/title2-bg.gif) no-repeat 0 0;}
.title3{ background:url(/images/title3-bg.gif) no-repeat 0 0;}

.link{ border-top:solid 1px #1d1e19; margin-top:19px; padding-top:10px;}
.link a{ font-weight:bold; font-size:0.923em; background:url(/images/link-bg.gif) no-repeat 0 7px; padding-left:8px; margin-right:20px;}

.list{ margin-top:-2px;}
.list li{ font-size:0.923em; line-height:1.667em; background:url(/images/list-unline.gif) bottom repeat-x;}
.list a{ color:#ffffff; text-decoration:none; background:url(/images/list-marker.gif) no-repeat 0 5px; padding-left:11px;}
.list a:hover{ color:#494949;}

.listfollowTwitter a{ color:#ffffff; text-decoration:none; background:url(/images/Twitter-icon.png) no-repeat;  padding-left:40px;}
.listfollowFacebook a{ color:#ffffff; text-decoration:none; background:url(/images/FaceBook-icon.png) no-repeat;  padding-left:40px;}


.bulletlist li { list-style-type:disc; list-style-position:inside; margin: 1em; }

.author{ text-align:right; color:#ffffff; padding:6px 12px 0 0;}

/* ============================= footer ====================== */
#footer{ font-size:0.846em; width:100%; overflow:hidden;}
#footer .cols{ float:right; padding:15px 20px 0 0; line-height:1.182em;}
#footer .col-1{ width:162px;}
#footer .col-2{ width:130px;}
#footer .cols span{ display:block; color:#878787; padding-bottom:5px;}
#footer .text{ padding:14px 0 0 36px;}
#footer .text a{ color:#494949; text-decoration:none;}
#footer .text a:hover{ color:#7eac00;}
#footer { text-align:center;}

/* ============================= forms ============================= */
.contacts-form{ padding-top:15px;}
.contacts-form label{ display:block; float:left; padding-top:5px;width:150px; }
.contacts-form input[type="text"]{margin-bottom: 5px;border:solid 1px #494949; background:#242424; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:0 0 0 3px; width:250px;}
.contacts-form textarea{ border:solid 1px #494949; background:#242424; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:0 0 0 3px; width:277px; height:83px; overflow:auto;}
.contacts-form .link{ text-align:right;}
.contacts-form .link a{ margin:15px 0 0 35px;}
.contacts-form input[type="submit"]{ margin:10px 0px 0px 0px;}