@charset "utf-8";
@import url(reset.css);

/*--- standard classes ---*/
.left{
	float: left;
	margin: auto;
}

.right{
	float: right;
	margin: auto;
}

.center{
	text-align: center;
}

.clear,
.all{
	clear:both;
}

.bold,
.strong{
	font-weight:bold;
	color: #1559ad;
}
/*--- website elements ---*/

fieldset{
	background: #E0E0E0;
	margin: 0 15px 0 15px;
	padding: 15px;
	border: 1px solid #969696;
}

form.form{
	text-align:left;
	width:420px;
	text-align: center;
}

form.form input.text{
	width: 270px;
	margin-bottom:5px;
	display:inline;
}
form.form label input.checkbox,
form.form input.submit{
	cursor: pointer;
}

form.form label{
	position: relative;
	display: block;
	width: 140px;
	float: left;
	text-align: right;
	padding: 6px 0 0 0;
	margin: 0 0 3px 0;
	font-size: .9em;
	font-weight:bold;
}

form.form h2{
	text-align: left;
	margin: 0;
	padding: 20px 0 10px 0;
	width: 100%;
}

form.form h3{
	text-align: left;
}
form.form input.submit{
	background: aqua;
	float: right;
	width: 60px;
	font-size: 10px;
	height: 30px;
	background: #000;
	color: #fff;
	text-align: center;
}
form.form textarea{
	width: 270px;
	height: 200px;
}
fieldset p.small{
	font-size:.6em;
	color: #1559ad;
}

legend{
}


h1,h2,h3,h4,h5,h6{
	color: #1559ad;
}
h1{
	font-weight: 300;
	font-size: 24px;
}


h2{
	font-size: 1.2em;
	font-weight: 300;
	padding-bottom:18px;
}

h3{
	font-size: .9em;
	padding-top:3px;
}

img{
	border: 0;
}

table tr td{
	vertical-align:top;
}

p{
	font-size: .9em;
	text-align:left;
	line-height: 1.4em;
	color:#3F3F3F;
}
p.errors{
	color: red;
	font-weight: bold;
}
ul{
	margin: 5px 0 0 40px;
	list-style: disc;
	text-align:left;
	color: #3F3F3F;
}
ul li{
	padding:5px 0 0 0;
	font-size: .9em;
}
ul li ul{
	list-style: circle;
}

html,
BODY{
	background: #fdfdfd url(/images/bg000.jpg) repeat-x;
	margin: auto;
	padding: 0;
	text-align: center;
	font-family: Helvetica,Arial, sans-serif;
	font-size: 1.0em;
}

div#container{
	border: 1px solid #adadad;
	width: 770px;
	margin: auto;
	background: #fff;
	overflow: hidden;
}
/*------header section of the web site ----*/
div#header{
	background: #525252 url(/images/imgRibbon.png) no-repeat right;
	overflow: hidden;
	clear: both;
	margin: 0;
	text-align: left;
}

div#header img{
	float: left;
	margin: 15px 15px 0 15px;
}

div#header h1{
letter-spacing: 4px;
float: left;
color: #fff;
margin: 15px 0 3px 0;
font-size: 1.25em;
font-weight: lighter;
width:600px;
}

div#header h1 span.expand{
	letter-spacing: 10px;
	
}

div#header h5.slogan_expanded,
div#header h5.slogan_expand{
font-size: .7em;
font-weight: lighter;
color: #fff;
}

div#header h5{
	padding-top: 2px
}

div#header h5.slogan_expand{
line-height: 1.2em;
letter-spacing: 3px;
}

div#header h5.slogan_expanded{
	letter-spacing: 11px;
	line-height: 1.0em;
}

/*------banner section of the web site ----*/
div#banner{
	overflow:hidden;
	margin: 0 auto 0 auto;
	padding: 0;
	border-bottom: 2px solid #adadad;
	height: 194px;
	background:url(../../images/imgSlogan.jpg) right no-repeat;
}



/*------ menu section of the web site ----*/
div#banner ul.menu{
	margin: 15px;
	padding: 0 0 0 0;
	float:left;
	font-size: 14px;
}

div#banner ul.menu li{
	width: 220px;
	border-bottom: 1px solid #adadad;
	margin:0;
	padding: 0;
	list-style: none;
}

div#banner ul.menu li a{
	padding: 0 0 0 10px;
	margin: 0 0 0 22px;
	text-decoration: none;
	width:188px;
	height: 22px;
	display: block;
	line-height:22px;
	color: #525252;
	font-weight: bold;
}

div#banner ul.menu li a:hover {
	background: #D0DAE2;
}

div#banner ul.menu li.selected {
	background: #1ea1fa url(../../images/iconSelect.gif) no-repeat;
}

div#banner ul.menu li.selected a{
	color: #000;
}

div#banner ul.menu li.home {
	border-top: 1px solid #adadad;
	background: url(../../images/homeIcon.gif) no-repeat;
}

div#banner ul.menu li.about {
	background: url(../../images/iconInformation.gif) no-repeat;
}

div#banner ul.menu li.contact {
	background: url(../../images/iconContact.gif) no-repeat left;
}

div#banner ul.menu li.location {
	background: url(../../images/iconLocation.gif) no-repeat left;
}

div#banner ul.menu li.services {
	background: url(../../images/iconSolutions.gif) no-repeat;
}

div#banner ul.menu li.trans {
	background: url(../../images/iconTrans.gif) no-repeat;
}

div#banner ul.menu li.box {
	background: url(../../images/iconBox.gif) no-repeat;
}

div#banner ul.slideshow{
	width: 261px;
	float: left;
	margin: 0;
	padding: 0;
}

div#banner ul.slideshow li{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 194px;
}

div#banner img{
	float:left;
	padding:0;
	margin:0;
}

/*------header section of the web site ----*/



div#textColRight {
	width:256px;
	float: right;
	margin: 15px auto 20px auto;
	text-align: left;
}

div#textColRight img{
	margin:0 15px 0 15px;
}

div#textColRight ul li{
	margin: 0 15px 0 0;
	list-style-image: url(../../images/imgBulletin.gif);
}

div#textColLeft{
	width: 511px;
	float: left;
	overflow: hidden;
	border-right: 1px solid #adadad;
	text-align: left;
	margin-bottom: 20px;
	margin-top:15px;
}

div#textColLeft div.miniBanner{
	width: 511px;
	text-align: center;
	margin: 30px auto 15px auto;
}

div#textColLeft img{
	margin: 0 10px 0 0;
}

div#textColRight p,
div#textColLeft p{
	padding-bottom: 13px;
	text-align: justify;
}

div#textColLeft h1,
div#textColRight h2,
div#textColRight h3,
div#textColLeft h2,
div#textColLeft h3,
div#textColLeft p{
	margin: 0 15px 0 15px;
}

div#textColRight h1,
div#textColRight p{
	margin: 0 15px 0 15px;
}

div#textColRight h1,
div#textColLeft h1{
	margin-bottom: 12px;
}

div#textColLeft a{
	color: #1559ad;
	font-weight: bold;
}

div#footer {
	background: #525252;
	margin:0;
	padding: 10px; 
	overflow: hidden;
	clear: both;
	font-size: 10px;
	
	height: 10px;
}
div#footer p.left a,
div#footer p.right a{
color: #adadad;
text-decoration: none;
}
div#footer p.left,
div#footer p.right{
	width: 45%;
	padding: 0;
	color: #adadad;
}

div#footer p.left{
	float:left;
	text-align:left;
	margin: 0 0 0 4px;
}

div#footer p.right{
	float:right;
	margin: 0 4px 0 0;
	text-align: right;
}

/*--------------------------------*/
.largerText{
	font-size: 1.1em;
	font-weight: 400;
	color: #1559ad;
	padding-bottom: 13px;
}

hr {
	border-top: 1px solid #adadad; 
	margin: 30px 15px 30px 15px; 
}

div#textColRight img.right_image{
	padding-bottom:15px;
}

div.contact_response{
	width: 400px;
	height: 450px;
}
