﻿/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#FFFFFF; text-align:center; font-family:Calibri;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Calibri; font-size:0.8525em; line-height:1.385em; color:#333333;}

select { vertical-align:middle; font-weight:normal;}

input { vertical-align:middle; font-weight:normal;}

a {color:#328abe;}
a:hover{text-decoration:none;}
p {padding-top:17px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 44px 0 0; float:left;}
.imgindentxspace {
	margin: 0 44px 80px 0;
	float: left;
}
.imgindentxspaceforsap {margin:0 44px 110px 0; float:left;}
.imgindentxspaceforcompre {margin:0 44px 200px 0; float:left;}
.imgindentxspaceforpla {margin:0 44px 470px 0; float:left;}
.imgindentxspacefortech {margin:0 44px 700px 0; float:left;}
.imgindentxspaceforprepack {margin:0 44px 500px 0; float:left;}
.phone{ float:right; padding-right:80px;}
.space1{ margin-left:70px;}
.space2{ margin-left:76px;}
.space3{ margin-left:33px;}
.padding1{ padding-top:20px;}
.padding2{ padding:20px 45px 0 0;}
.padding3{ padding-top:12px;}
.margin1{ margin-top:17px;}
.margin2{ margin-top:30px;}

/* ============================= header ====================== */
#largeimage{ width:100%; height:235px; background:url(images/x15.jpg) no-repeat 0 100px; z-index:0; }
#largeimage img{
	z-index:0;
}
#header{}
#header .top{ width:100%; overflow:hidden;}
#header .rss{ display:inline-block; background:url(images/rss-bg.gif) right top no-repeat; float:right; padding:10px 40px 0 0; margin:42px 38px 0 0; color:#4d4c4c;}
#header .logo{ padding:12px 0 0 23px;}
#slogan{ padding:155px 0 0 573px;}

#link{ padding-right:0px; text-align:left; z-index:0; position:absolute; margin:200px 0 0 0; left: 1073px; top: 30px; display:none; }
#link a{ display:inline-block;background-color:#3399FF; color:#ffffff; text-decoration:none; margin:0 0 0 0; font-size:1.077em;}
#link a span{ display:block; background-color:#3399FF; width:60px}
#link a span span{ background-color:#3399FF; padding:5px 25px 6px 24px; width:60px}
#link a:hover{background-color:#0066CC}
#link a:hover span{ background-color:#0066CC; width:60px}
#link a:hover span span{ background:background-color:#0066CC; width:60px}

#menu{ width:100%; overflow:hidden; background:url(images/menu-tail.gif) top repeat-x; padding:16px 0 14px 0; margin-top:0px; font-family:arial; font-size:11px; font-weight:bold}
#menu ul{ padding-left:8px;}
#menu li{ float:left; font-size:1.077em; padding:0 10px;}
#menu a{ color:#47535f; text-decoration:none; display:block;}
#menu a span{ display:block;}
#menu a span span{ padding:4px 21px 6px 21px;}
#menu .active{background:url(images/menu-item-tail.gif) repeat-x; color:#FFFFFF; text-decoration:none; color:#ffffff;}
#menu a:hover {background:url(images/menu-item-tail.gif) repeat-x; color:#FFFFFF; text-decoration:none; color:#ffffff;}
#menu .active span{ background:url(images/menu-item-left-bg.gif) no-repeat;}
#menu a:hover span{ background:url(images/menu-item-left-bg.gif) no-repeat;}
#menu .active span span{ background:url(images/menu-item-right-bg.gif) top right no-repeat;}
#menu a:hover span span{ background:url(images/menu-item-right-bg.gif) top right no-repeat;}




#dcmenutry a{ display:inline-block;background:url(images/dcaboutus.jpg); color:#ffffff; text-decoration:none; margin:0 0 0 0; font-size:1.077em;}
#dcmenutry a span{ display:block; background:url(images/dcaboutus.jpg); width:60px}
#dcmenutry a span span{background:url(images/dcaboutus.jpg); padding:5px 25px 6px 24px; width:60px}
#dcmenutry a:hover{background:url(images/dcaboutus.jpg);}
#dcmenutry a:hover span{background:url(images/dcaboutus.jpg); width:60px}
#dcmenutry a:hover span span{background:url(images/dcaboutus.jpg); width:60px}



/* ============================= content ====================== */
#content{ padding:20px 19px 20px 11px;}
.extra{ padding-bottom:35px !important;}

.row-1{ font-size:1.154em; line-height:1.467em;}
.row-1 strong{ display:block; color:#328abe; font-weight:normal; padding-bottom:8px;}
.title{ padding-bottom:10px; font-size:1.00em}

.row-2{ width:100%; padding-top:30px; overflow:hidden;}
.row-2 .title{  margin-bottom:30px;}
.row-2 strong{ color:#328abe; text-decoration:underline; display:block; padding-bottom:6px;}
.row-2 .strong1{ text-decoration:none; padding-bottom:0;}

.list li{ line-height:1.846em; background:url(images/list-marker.gif) no-repeat 0 5px; padding-left:28px;}
.list a{ text-decoration:none; color:#5b6c7d;}
.list a:hover{ color:#328abe; text-decoration:underline;}

.list2 li{ line-height:1.846em; background:url(images/list2-marker.gif) no-repeat 0 5px; padding-left:28px;}
.list2 a{ text-decoration:none; color:#5b6c7d;}
.list2 a:hover{ color:#328abe; text-decoration:underline;}

.list3 li{ line-height:1.846em; padding-left:2px;}
.list3 a{ text-decoration:none; color:#5b6c7d;}
.list3 a:hover{ color:#328abe; text-decoration:underline;}


#content .link{ background:url(images/link-bg.gif) no-repeat 0 5px; padding-left:13px; display:inline-block; margin-top:19px;}
.link2{ background:url(images/link2-bg.gif) no-repeat 0 2px; padding-left:23px; font-size:1.254em; display:inline-block; margin-bottom:8px;}
.link3{ text-decoration:none; display:inline-block; margin-top:13px;}
.link3:hover{ text-decoration:underline;}

.block1{ padding:3px 0 0 0px; font-size:1.00em;}
.block2{ padding:3px 0 0 0px; font-size:1.00em;}
.block3{ background:url(images/block3-bg.gif) no-repeat 0 0; padding:3px 0 0 53px; font-size:1.0775em;}
.block4{ background:url(images/block4-bg.gif) no-repeat 0 0; padding:3px 0 0 53px; font-size:1.0775em;}
.block5{ background:url(images/block5-bg.gif) no-repeat 0 0; padding:3px 0 0 3px; font-size:1.0775em;}
.block6{ background:url(images/block6-bg.gif) no-repeat 0 0; padding:3px 0 0 53px; font-size:1.0775em;}

.box{ background:url(images/box-tail.gif) bottom repeat-x #338bbe; width:100%; margin:27px 0 0 0;}
.box .left-top{ background:url(images/box-corner-left-top.gif) left top no-repeat;}
.box .right-top{ background:url(images/box-corner-right-top.gif) right top no-repeat;}
.box .left-bot{ background:url(images/box-corner-left-bot.gif) left bottom no-repeat;}
.box .right-bot{ background:url(images/box-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box .indent{ padding:15px 20px 25px 22px;}
.box .title{ border:none; margin:0;}

.contacts{ line-height:1.2em;}
.mail{ color:#328abe;}

/* ============================= footer ====================== */
#footer{ border-top:solid 2px #b0bec7; text-align:center; font-size:0.923em;}
#footer .text{ padding:23px 5px 0 0;}
#footer a{ color:#5b6c7d;}

/* ============================= forms ============================= */
#SignupForm input{ border:solid 0px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 2px 2px 5px; width:145px;}
#SignupForm a{ display:inline-block; background:url(images/form-link-tail.gif) top repeat-x; color:#276baa; text-decoration:none; font-size:0.923em; font-weight:bold; vertical-align:middle; margin-left:9px; cursor:pointer;}
#SignupForm a span{ display:inline-block; background:url(images/form-link-left-bg.gif) left top no-repeat;}
#SignupForm a span span{ background:url(images/form-link-right-bg.gif) right top no-repeat; padding:1px 11px 2px 12px;}
#SignupForm a:hover{ background:url(images/form-link-tail-act.gif) top repeat-x; color:#ffffff;}
#SignupForm a:hover span{ background:url(images/form-link-left-bg-act.gif) left top no-repeat;}
#SignupForm a:hover span span{ background:url(images/form-link-right-bg-act.gif) right top no-repeat;}

#ContactForm{ }
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #b0bec7; font-family:Arial, Helvetica, sans-serif; font-size:0.867em; color:#5b6c7d; padding:1px 0 1px 3px; width:240px;}
#ContactForm textarea{ border:solid 1px #b0bec7; font-family:Arial, Helvetica, sans-serif; font-size:0.867em; color:#5b6c7d; padding:1px 0 1px 3px; width:240px; margin-top:3px; height:78px; overflow:auto;}
#ContactForm .link{ float:right; margin:25px 0 0 28px; font-size:0.867em; line-height:1.385em;}
