/* CSS Document */

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

body{
	background:url(images/body-bg.jpg) repeat;
	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, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.25em;
		color:#5a5a5a;
	}

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

a {color:#0abed6; outline:none; line-height:1.5em;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat 0 9px; padding-left:13px; line-height:2em;}
li a {color:#0abed6;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 20px 0 0; float:left;}
.imgindent3 {margin:0 20px 0 0; float:left;}


h2 {font-size:2em; line-height:1.2em; color:#293883; margin-bottom:17px; letter-spacing:-2px; width:220px}
.extra {background:url(images/body-main-bg.jpg) top center no-repeat;}

h3 {
	text-align:justify;
}
h4 {
	font-size: small;
	padding:5px 0px 5px 0px;
	
}
/* ============================= header ====================== */
.logo {float:left; padding:15px 0 0 20px;width:330px;}

.menu {float:right; padding:30px 20px 0 0;}
.menu li {display:inline; background:none; padding-left:6px;}
.menu li a {color:#293883; text-decoration:none; display:inline-block; font-size:0.83em; line-height:1.5em; text-transform:uppercase; cursor:pointer;}
.menu li a span {display:inline-block; padding:0 4px 0 4px;}
.menu li a span span {padding:7px 6px 7px 6px;}

.menu .active, .menu li a:hover {background:url(images/li-left-bg2.png) left top no-repeat; }
.menu .active span, .menu li a:hover span {background:url(images/li-right-bg2.png) right top no-repeat;}
.menu .active span span, .menu li a:hover span span  { background:#293883; color:#fff;}
/* ============================= content ====================== */

.box {background:#fff; }
.box .indent {padding:25px 20px 39px 20px;}
.box .bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}

.col-indent {padding:20px 4px 10px 6px;}

.gallery {float:left; padding-left:5px; }
.slogan {float:left; background:url(images/header-img2.png) left top no-repeat; color:#293883; font-size:4em; line-height:1.2em; padding:145px 0 0 68px; width:384px; letter-spacing:-1px; height:322px;}
.slogan-i {float:left; background:url(images/header-img.jpg) left top no-repeat; color:#293883; font-size:4em; line-height:1.2em; width:384px; letter-spacing:-1px; height:161px;}
.slogan-in {float:left; background:url(images/header-img.jpg) left top no-repeat; color:#293883; font-size:4em; line-height:1.2em; width:384px; letter-spacing:-1px; height:161px;}
.slogan-in2 {float:left; background:url(images/backgrounds/industries_back.png) left top no-repeat; color:#293883; font-size:3em; line-height:1em; width:454px; letter-spacing:-1px;}
.slogan-a {float:left; background:url(images/header-img2.png) left top no-repeat; color:#293883; font-size:3em; line-height:1em; width:454px; letter-spacing:-1px; height:420px;padding:0px 5px 0px 0px;}
.slogan-p {float:left; background:url(images/backgrounds/products_back.png) left top no-repeat; color:#293883; font-size:3em; line-height:1em; width:454px; letter-spacing :-1px;}
.slogan-c {float:left; background:url(images/header-img2.png) left top no-repeat; color:#293883; font-size:4em; line-height:1.2em; width:384px; letter-spacing:-1px; height:161px;}
.slogan-e {float:left; background:url(images/header-img3.png) left top no-repeat; color:#293883; font-size:3em; line-height:1em; width:454px; letter-spacing:-1px; height:420px;}
.slogan-e2 {float:left; background:url(images/header-img3.png) left top no-repeat; color:#293883; font-size:3em; line-height:1em; width:454px; letter-spacing:-1px; height:420px;}

.col-pad {padding-right:38px;width:185px}
.col-pad1 {padding-right:25px;}
.col-pad2 {padding-right:15px;}
.box1 .col-pad {padding-right:57px !important;}

.box1 {background:#f5f6f4;}
.box1 .indent {padding:0px 26px 0px 26px;}
.box1 .bottom-right {background:url(images/box1-corner-bottom-right.gif) bottom right no-repeat;}
.box1 .bottom-left {background:url(images/box1-corner-bottom-left.gif) bottom left no-repeat;}
.box1 .top-right {background:url(images/box1-corner-top-right.gif) top right no-repeat;}
.box1 .top-left {background:url(images/box1-corner-top-left.gif) top left no-repeat; width:100%;}

.box1 h2 {font-size:2em; letter-spacing:-1px;}

.box1 .imgindent {margin-right:15px;}

.padding {padding-bottom:10px;}
.padding1 {padding-bottom:20px;}
.padding2 {padding-bottom:30px;}
.padding3 {padding-bottom:18px;}

.box .padding0 {padding-bottom:20px;}


.box1 .divider-pad {padding-bottom:26px;}
.box1 .divider-pad1 {padding-bottom:17px;}

.alignright {text-align:right;}

.list {float:left; width:218px;}

.pad {padding-top:15px;}

.phone {display:inline-block; width:80px;}
.spacing {letter-spacing:-3px;}

.policy-indent {padding:18px 28px 42px 26px;}
/* ============================= footer ====================== */
#footer a {color:#6a6a67; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .main {padding:20px 0 0 30px; color:#6a6a67;}


/* ============================= forms ============================= */


#ContactForm label {height:26px; display:block;}
#ContactForm a {display:inline-block; margin:15px 0 0 24px;}
.input {width:265px; height:17px;  background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:265px; height:180px;  background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}