* { margin: 0; padding: 0; border: 0; }
@font-face { font-family: "Eurostile"; src: url("http://www.jwmcd.com/_include/Eurostile.ttf"); }
body { font: 11px "Trebuchet MS", Tahoma, sans-serif; background: #f4f4f4 url(../images/pagebg_new.png) repeat-x top left; color: #1e4563; }
fieldset { border: 1px solid #999; padding: 2px 12px; }
input[type="submit"] { background-color: #003366; color:#FFF; border: 1px solid #003366; padding: 2px 6px; }
fieldset { border: 1px solid #999; padding: 2px 12px; }
input[type="text"],
input[type="password"],
input.styled { border: 1px solid #CCC; background-color: #CCC; width: 350px; }
textarea { border: 1px solid #CCC; background-color: #CCC; width: 350px; }
img, a { border:0; }
blockquote { margin: 0 2em; }

#container #header a.logo,
#container #header a.logo:visited { display:block; width:500px; height:135px; background-image: url(../images/jwmcd_logo_new.png); background-repeat: no-repeat; background-position: 5px 65px;}
#container #header a.logo h1, #container #header a.logo p { margin:0; display: none; }

#sectionContent a, #footer a { color: #114e7d; text-decoration: none; padding: 2px; }
#sectionContent a:hover, #footer a:hover { background: #114e7d; color: #fff; }

#sectionContent a.nohover:hover, #footer a.nohover:hover { background: transparent; }
#sectionContent a.nohover, #footer a.nohover { padding: 0; }
td.strong { font-weight: bold; border-left: 1px solid #b8c0c7; padding-left: 10px; }
table { width: 100%; margin:0; padding:0; border-spacing:0; border:0; }
td, th {vertical-align:top;}
td.navleft { background-image: url(../images/verticalborder.png); background-repeat:no-repeat; background-position: 220px 6px; width: 230px; }

p { margin: 10px 0; }
h1 { font: bold 12px Tahoma, sans-serif; background: #b8c0c7; color: #fff; margin: 16px 0 0 0; padding: 4px; }
h2 { font-size: 15px; font-family:"Eurostile Regular", Tahoma, Helvetica, Arial, Tahoma, sans-serif; margin: 5px 0; color:#9D9E9E; }
h5 { font: bold 20px Tahoma, sans-serif; margin: 12px 0 0 0; }
ul { list-style-type: circle; font-weight: bold; margin: 0 0 0 15px; }
li { margin: 5px 0 0 10px; }

div.clientList { float: left; margin: 0 25px 0 0; width: 210px; }
.clientList ul { background: #d9d9d9; padding: 5px 0; width: 225px; margin: 0; font-size: 10px; }
.clientList h1 { width: 217px; }
.clientList li { margin: 2px 0 0 20px; }

#container #sectionContent #submenu a,
#container #sectionContent #submenu a:visited {
	display:block; width:211px; height:23px; background-image:url(../images/nav_arrow.gif); background-repeat: no-repeat; background-position: left center; background-color:transparent;
	color:#A7ACB1; text-transform:uppercase; font-family: "Eurostile Regular", Helvetica, Arial, sans-serif; font-weight:bold; font-size: 12px; line-height: 23px; padding-left: 20px;
}
#container #sectionContent #submenu a:hover { background-image:url(../images/nav_arrow_hover.gif); background-color: transparent; color:#C4CAD1; }
#container #sectionContent #submenu a.selected,
#container #sectionContent #submenu a.selected:visited { color:#C4CAD1; background-image:url(../images/nav_arrow_hover.gif); }

#container { position: relative; z-index: 10; width: 796px; left: 50%; margin-left: -398px; background: none; }
#flashGallery { position: relative; z-index: 10; width: 796px; height: 294px; }
#midImage { position: relative; margin: 0 0 30px 0; }
#sectionContent { position: relative; }
#subNavLower { position:absolute; width: 230px; background: #f4f4f4 url(../images/subNavBG.gif) no-repeat bottom; height:100%; z-index:-1; }

#content { width: 556px; }
#content table { width: 100%; margin:0; padding:0; border-spacing:0; border:0; }
#content th { vertical-align:top; border-spacing:0; padding:2px; margin:0; border:0; background-color: #b8c0c7; color:#fff; text-align:left; }
#content td { vertical-align:top; border-spacing:0; padding:2px; margin:0; border:0; border-top: 1px solid #b8c0c7; }

#header { background: transparent; height:135px; position:relative; }
#footer { clear: both; width: 100%; background: transparent url(../images/footerBG.gif) repeat-x; font: 10px "Trebuchet MS", sans-serif; margin: 20px 0 0 0; padding: 15px 0 0 0; color: #999999; text-align: center; letter-spacing:0.2em; }
#footer #under { width:800px; margin:0 auto;  }
#footer #under table { width: 156px; }
#footer #under table td { width: 26px; }
#footer #under a, 
#footer #under a:visited { width: 26px; height:26px; background-position: center center; background-repeat: no-repeat; display:block; }
#footer #under a:hover { background-color:#FFFFFF; }
#footer #under span { display:none; }
#footer #under a#fb  { background-image: url(../images/fb.png); }
#footer #under a#in  { background-image: url(../images/in.png); }
#footer #under a#pic { background-image: url(../images/pic.png); }
#footer #under a#tw  { background-image: url(../images/tw.png); }
#footer #under a#wp  { background-image: url(../images/wp.png); }
#footer #under a#yt  { background-image: url(../images/yt.png); }
#footer #under a#em  { background-image: url(../images/em.png); }

* html div#flashGallery { position: relative; top: 0; }

/* ---------- GALLARIA STYLES ----------- */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption { display:block;padding-top:.5em }
* html .galleria li div span{width:400px} /* MSIE bug */
*{margin:0;padding:0}
.gallery li div .caption,
.caption		{ color:#fff; display:block; position:absolute; left:0; right:0; bottom:0; background-color:#333; font-family:'helvetica neue',sans-serif; font-size:11px; padding: 4px; text-align:left; 
				opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.gallery 		{ margin:0 0 0 8px; width:300px; float:left; }
.gallery li
				{ width:68px;height:50px; margin: 0 4px 4px 0; background:#000; }
.gallery li div { left:240px; }

#main_image		{ margin:0 auto 10px auto; height:270px; width:480px; background:black; position:relative; }
#main_image img	{ margin-bottom:10px; }

#container #flashGallery #i { position:absolute; top:5px; right:0px; }
#container #flashGallery #i a,
#container #flashGallery #i a:visited { display:block; width: 16px; height:16px; background-position: center center; background-repeat:no-repeat; text-decoration:none; }
#container #flashGallery #i a.prev,
#container #flashGallery #i a.prev:visited { background-image:url(../images/arrow_left.gif); }
#container #flashGallery #i a.prev:hover   { background-image:url(../images/arrow_left2.gif); }
#container #flashGallery #i a.next,
#container #flashGallery #i a.next:visited { background-image:url(../images/arrow_right.gif); }
#container #flashGallery #i a.next:hover   { background-image:url(../images/arrow_right2.gif); }

#container #sectionContent #content .sysimg { width:150px; padding-right:15px; border:0; }
#container #sectionContent #content .sysdata { padding-right:15px; border:0; }
#container #sectionContent #content a.dl,
#container #sectionContent #content a.dl:visited { display:block;margin:right:12px; width:25px; height: 30px; float:left; background-image:url(../images/download.png); background-repeat:no-repeat; background-position:0 0; }
#container #sectionContent #content a.dl:hover { background-color:#F4F4F4; background-position: -25px 0; }