@charset "utf-8";

* { margin: 0; padding: 0; outline: 0; }
body { border-top: 5px solid #333; background: rgb(88,89,91) url("../graphics/background.jpg") 0 -15px repeat-x!important; background: rgb(88,89,91); font-family: arial, helvetica, sans-serif; font-size: 80%;  }
a { color: rgb(25,48,88); }
a img{border:0;}
p { clear: both; color: #666; font-size: 90%; margin: 10px 0 10px 0; padding: 0; line-height: 1.5em; }
address { clear: both; color: #666; font-size: 90%; margin: 10px 0 10px 0; padding: 0; line-height: 1.5em; }
address span { display: block; }
.col address { margin: 10px 0 10px 30px; }
h1,h2,h3,h4,h5,h6 { float: left; width: 100%; clear: both; margin: 0; padding: 0; font-size: 100%; color: #111; letter-spacing: -0.03em; color: #555; }
h1 { font-size: 240%; font-weight: normal; margin: 10px 0 10px 0;}
h2 { font-size: 210%; font-weight: normal; margin: 10px 0 10px 0;}
h3 { font-size: 175%; font-weight: bold; margin: 10px 0 10px 0; color: #222; }
h4 { font-size: 150%; font-weight: bold; margin: 10px 0 10px 0; color: #222; }
h5 { font-size: 130%; font-weight: bold; margin: 10px 0 10px 0; color: #222; }
h6 { font-size: 110%; font-weight: bold; margin: 10px 0 10px 0; color: #222; }
strong { color: #333; }
.clear { width: 100%; height: 0; clear: both; margin: 0; padding: 0; overflow: hidden; background: transparent; }

ul, ol { float: left; clear: both; margin: 10px 0 10px 25px; padding: 0; list-style: square; }
ul li, ol li { color: #666; line-height: 1.5em; margin: 0 0 10px 0; padding: 0; }
ul li a, ol li a { }

.highlight { color: #cc3300; font-size: 230%;}

.col { float: left; width: 240px; background: #fff; margin: 0; padding: 0 10px 0 0; }

.lowerLatin { list-style: lower-latin!important; }
.signature { margin: -10px 0 20px 0; padding: 0; font-size: 85%; }

.table { float: left; width: 250px; border: 0; margin: 0 0 10px 60px!important; margin: 0 0 10px 30px; padding: 0; }
.table thead { }
.table tr { border: 0;  }
.table td { border: 0; color: #666; font-size: 90%; margin: 0; padding: 3px 5px; border-bottom: 1px solid #eee; }
.table th { border: 0; color: #fff; font-size: 90%; margin: 0; padding: 4px 5px; border-bottom: 2px solid #2D589F; background: #142445 url("../graphics/tableHeader.jpg") 0 0 no-repeat; }
.table .odd { background: #EBF0FA; }
.table .even { background: #fff; }

.odd1 { background: #EBF0FA; }

.tableStandard { float: left; width: 100%; border: 0; margin: 10px 0 20px 0; padding: 0; }
.tableStandard thead { }
.tableStandard tr { border: 0;  }
.tableStandard td { border: 0; color: #666; font-size: 90%; margin: 0; padding: 3px 5px; border-bottom: 1px solid #eee; }
.tableStandard th { text-align: left!important; border: 0; color: #fff; font-size: 90%; margin: 0; padding: 4px 5px; border-bottom: 2px solid #2D589F; background: #142445 url("../graphics/tableHeaderRepeat.jpg") 0 0 repeat-x; }
.tableStandard .odd { background: #EBF0FA; }
.tableStandard .even { background: #fff; }

.tableStandard1 { float: left; width: 100%; border: 0; margin: 10px 0 20px 0; padding: 0; }
.tableStandard1 th { text-align: left!important; border: 0; color: #fff; font-size: 90%; margin: 0; padding: 4px 5px; border-bottom: 2px solid #2D589F; background: #142445 url("../graphics/tableHeaderRepeat.jpg") 0 0 repeat-x; }
.tableStandard1 td { border: 0; color: #666; font-size: 90%; margin: 0; padding: 3px 5px; border-right: 1px solid #eee; }

.tableStandard2 { float: left; width: 100%; border: 0; margin: 10px 0 20px 0; padding: 0; }
.tableStandard2 th {
	text-align: left!important;
	color: #2D589F;
	font-size: 90%;
	margin: 0;
	padding: 4px 5px;
	border-top-width: 0;
	border-left-width: 0;
	border-bottom-width: 0px;
}
.tableStandard2 td { border: 0; color: #666; font-size: 90%; margin: 0; padding: 3px 5px; border-bottom: 1px solid #eee; }

#rightImage { float: left; clear: both; width: 250px!important; margin: 10px 0 0 0!important; margin: 15px 0 0 0; padding: 0 0 0 60px; overflow: hidden;}
#caseStudy { float: left; clear: both; width: 250px!important; margin: 0!important; margin: 0; padding: 0 0 0 60px; }
#caseStudy a.launch { float: left; display: block; width: 250px; height: 75px; margin: 0; padding: 0; background: transparent url("../graphics/launch.jpg") 0 0 no-repeat; text-indent: -9999em; text-decoration: none; }
#caseStudy a:hover.launch { display: block; width: 250px; height: 75px; background: transparent url("../graphics/launch.jpg") -250px 0 no-repeat; text-indent: -9999em; text-decoration: none; }

.form { clear: both; margin: 0; padding: 20px 0 0 0; }
.form fieldset { border: 0; margin: 0; padding: 0; }
.form div { float: left; width: 500px; clear: both; margin: 0; padding: 0 0 8px 0; }
.form legend { display: none; }
.form label { float: left; display: block; width: 120px; text-align: right; font-weight: bold; color: #777; margin: 0; padding: 2px 20px 0 0; }
.form .txt { float: left; width: 250px; margin: 0; padding: 2px 5px 3px 5px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; color: #555; font-size: 100%; }
.form .area { float: left; width: 250px; height: 120px; margin: 0; padding: 2px 5px 3px 5px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; color: #555; font-size: 100%; font-family: arial; overflow: auto; }
.form .btn { cursor: pointer; /*-moz-border-radius: 4px;*/ margin: 0 0 0 140px; width: 120px; padding: 5px 0; text-align: center; background: rgb(25,48,88); border: 0; color: #fff; font-weight: bold; font-size: 150%; }
.form p { padding: 0 0 0 140px; }

input.jsError, textarea.jsError { border: 1px solid #cc3300!important; }
div.jsError { float: left; width: 300px; clear: both; margin: 0 0 0 140px!important; margin: 0 0 0 70px; padding: 6px 0 2px 25px; color: #666; font-weight: bold; font-size: 80%!important; background: transparent url("../graphics/error.png") 0 5px no-repeat; }

p.error { float: left; width: 470px; clear: both; margin: 0 0 10px 0; padding: 5px 0 5px 35px; color: #fff; font-weight: bold; font-size: 90%!important; background: #666 url("../graphics/error.png") 8px 50% no-repeat; /*-moz-border-radius: 5px;*/ }
p.ok { float: left; width: 470px; clear: both; margin: 0 0 10px 0; padding: 5px 0 5px 35px; color: #fff; font-weight: bold; font-size: 90%!important; background: #666; /*-moz-border-radius: 5px;*/ }
p.info { float: left; width: 470px; clear: both; margin: 0 0 10px 0; padding: 5px 0 5px 35px; color: #fff; font-weight: bold; font-size: 90%!important; background: #666; /*-moz-border-radius: 5px;*/ }

.red { color: rgb(206,5,11); }
.red2 { color: rgb(206,5,11); display: inline-block; }
.black { color: #000; }
.introTitle { padding: 0;  font-size: 210%; font-weight: normal; margin: 10px 0 10px 0;}
.banner { float: left; width: 505px; overflow: hidden; margin: -12px 0 0 -8px; padding: 0; background: transparent; }
.banner img { margin: 0; padding: 0; }
.basefooter { width: 880px; margin: 0 auto 0 auto; font-weight: bold; padding: 0 0 0 0; text-align: right; color: #ccc; font-size: 85%; }
.basefooter a { color: #ccc; text-decoration: none; }

#contactInfo { float: left; width: 240px; margin: 28px 0 0 280px; padding: 10px 0 0 0; }
#contactInfo .contactRow { float: left; width: 240px;  clear: both; font-weight: bold; font-size: 250%; color: #CC3300; letter-spacing: -0.03em; margin: -10px 0 0 0; padding: 0; line-height: normal!important; }
#contactInfo .ico { color: #ccc; margin: 0; padding: 0 5px 0 0; font-size: 70%;}
#contactInfo .contactRow a { font-size: 50%; text-decoration: none; margin: 0; padding: 0; }

#container { position: relative; width: 900px; background: transparent url("../graphics/container.jpg") 0 0 repeat-y; margin: 0 auto 0 auto; padding: 0 20px 0 20px; overflow: auto;  }
#header {width: 900px; background: #88888B url("../graphics/header.jpg") 0 0 repeat-x; margin: 0; padding: 0; float:left; }
#logo { float: left; width: 325px; height: 59px; margin: 0; padding: 30px 0 30px 30px; }
#logo a { display: block; width: 325px; height: 59px; text-indent: -9999em; background: transparent url("../graphics/logo.jpg") 0 0 no-repeat; margin: 0; padding: 0; }

#express { position: absolute; top: 265px; right: 47px; width: 155px; height: 31px; margin:0; padding: 0; z-index: 999; }
#express a { display: block; width: 155px; height: 31px;  background: transparent url("../graphics/express.jpg") 0 0 no-repeat; text-indent: -9999px; }

#nav { clear: both; width: 885px; background: rgb(25,48,88) url("../graphics/nav.jpg") 0 0 repeat-x; margin: 0; padding: 5px 0 0 15px; list-style: none; }
#nav li { float: left; width: 175px; margin: 0; padding: 0; color: #fff; background: transparent; font-size: 150%; text-align: center; text-transform: capitalize; }
#nav li a { float: left; display: block; margin: 0; padding: 0; color: #fff; text-decoration: none; background: transparent url("../graphics/navUnder.jpg") 0 0 no-repeat; letter-spacing: -0.02em; }
#nav li a span { float: left; display: block; width: 160px; margin: 0; padding: 8px 0 8px 0; color: #fff; text-decoration: none; background: transparent url("../graphics/navUnderRight.jpg") top right no-repeat; }
#nav li a:hover { text-decoration: none; background: #283E67 url("../graphics/navOver.jpg") 0 0 no-repeat;}
#nav li a:hover span { cursor: pointer; background: transparent url("../graphics/navOverRight.jpg") top right no-repeat; color: #fff; }
#nav li#current a { text-decoration: none; background: rgb(207,208,212) url("../graphics/navActive.jpg") 0 0 no-repeat;}
#nav li#current a span { cursor: pointer; background: transparent url("../graphics/navActiveRight.jpg") top right no-repeat; color: #222; }

#subs { clear: both; width: 890px; height: 116px; background: #fff; margin: 0 0 0 5px; padding: 0; background: rgb(207,208,212) url("../graphics/subs.jpg") 0 0 no-repeat; }
#subs p { clear: none; width: 158px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #666; font-weight: bold!important; margin: 0; padding: 23px 0 0 17px; line-height: 1.5em; }

#wide { float: left; width: 860px; background: #fff; margin: 0; padding: 0 20px 0 20px;  }
#left { float: left; width: 505px; background: #fff; margin: 0; padding: 0 20px 0 20px;  }
#right { float: left; width: 355px; background: #fff;  margin: 0; padding: 32px 0 10px 0; }

.panel2 { float: left; margin: 0; padding: 10px 32px 10px 0; background: #fff; }
.panel2 h4 { font-size: 120%; font-weight: normal; letter-spacing: 0; font-weight: bold; background: #fff; }
.panel2 h4 a { text-decoration: none; }
.panel2 h4 a:hover { text-decoration: underline; }
.panel2 .itemImg { float: left; display: block; width: 260px; height: 145px; margin-right: 10px; padding: 1px; background: #fff; border: 1px solid #999; }
.panel2 a:hover.itemImg { border: 1px solid #000; cursor: pointer; }
.panel2 .itemImg img { border: 0; cursor: pointer; }
.panel { float: left; width: 265px; margin: 0; padding: 10px 32px 10px 0; background: #fff; }
.panel h4 { width: 265px; clear: none!important; margin: 0; padding: 10px 0 5px 0; font-size: 120%; font-weight: normal; letter-spacing: 0; font-weight: bold; background: #fff; }
.panel h4 a { text-decoration: none; }
.panel h4 a:hover { text-decoration: underline; }
.panel .itemImg { float: left; display: block; width: 260px; height: 145px; margin: 0; padding: 1px; background: #fff; border: 1px solid #999; }
.panel a:hover.itemImg { border: 1px solid #000; cursor: pointer; }
.panel .itemImg img { border: 0; cursor: pointer; }

.panel1 { float: left; margin: 0; padding: 0 32px 10px 10px; background: #fff; }
.newpanel { float: left; width: 265px; margin: 0; padding: 10px 32px 10px 0; background: #fff; }
.newpanel a:hover.itemImg { border: 1px solid #000; cursor: pointer; }

.newpanel2 { float: left; width: 265px; margin: 0; padding: 10px 32px 10px 0; background: #fff; }
.newpanel2 a:hover.itemImg { border: 1px solid #000; cursor: pointer; }

.newpanel3 { float: left; width: 265px; margin: 0; padding: 10px 32px 10px 0; background: #fff; }
.newpanel3 a:hover.itemImg { border: 1px solid #000; cursor: pointer; }


.thirdPanel { padding: 10px 0 10px 0!important; }

.item { float: left; clear: both; width: 345px; margin: 2px 0 0 0; padding: 0 10px 0 0; background: #fff; }
.item img { float: left; border: 0; margin: 0; padding: 0; }
.item h4 { width: 190px; clear: none!important; margin: 0 0 0 5px; padding: 10px 0 5px 0; font-size: 120%; font-weight: normal; letter-spacing: 0; font-weight: bold; background: #fff; }
.item h4 a { text-decoration: none; }
.item h4 a:hover { text-decoration: underline; }
.item p{ clear: none!important; margin: 0 0 10px 150px; padding: 0; font-size: 85%;  }
.itemImg { float: left; display: block;  width: 130px; height: 143px; margin: 0; padding: 14px 0 0 15px; background: #fff url("../images/thumb.jpg") 0 0 no-repeat;}


#footer { width: 870px; height: 41px; background: transparent url("../graphics/footer.png") 0 0 repeat-y; margin: 0 auto 10px auto; padding: 23px 40px 2px 30px; overflow: hidden;  }
#footer ul { float: left; list-style: none; margin: 0; padding: 0; }
#footer ul li { float: left; font-weight: bold; font-size: 90%; color: #888; margin: 0; padding: 0 10px 0 10px; border-right: 1px solid #666;  }
#footer ul li a { color: #fff;  text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; /*zoom: 1;*/ display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext {  right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

.col1{
	width: 90px;
}

.col2{
	width: 90px;
}

.col3{
	width: 120px;
}

.col4{
	width: 220px;
}

.col5{
	width: 90px;
}

.col6{
	width: 100px;
}

.col7{
	width: 90px;
}

.redandbold {
	font-weight: bold;
	color: #C30;
}

#modularcontainer {
	float:left
}

.addresstitle { font-weight: bold; color: #000; display: block; margin: 0px; padding: 0px; }