body { margin:0; background:#FDFDFD url(../images/lea-bg.jpg) top repeat-x fixed; font:0.7em Arial, Helvetica, sans-serif; }

/* Wrapper Styles */
#wrapper { width:930px; height:670px; padding-top:5px; margin:20px auto; background:url(../images/lea-box.png); }
#container { width:900px; height:645px; margin:auto; padding:10px; background:url(../images/lea-box-bg.jpg) bottom no-repeat; }
#container2 { width:900px; height:645px; margin:auto; padding:10px; background:url(../images/lea-block-bg.jpg) bottom no-repeat; }
#header { width:900px; height:93px; background:url(../images/lea-header.jpg); }
#menu { width:335px; float:right; position:relative; z-index:2; }
#imageControl { width:900px; height:360px; background-image:url(../images/lea-image-1.jpg); position:relative; }
#imageControlTabs { width:42px; height:292px; background:url(../images/lea-tabs.jpg); position:absolute; right:0; top:30px; }
.homeBox { width:220px; height:180px; margin:8px 8px 0 0; float:left; }
.homeBoxLast { width:216px; height:180px; margin:8px 0 0 0; float:left; }
#center { width:345px; height:245px; padding-right:5px; margin:8px 0 0 8px; float:left; background:url(../images/lea-vr.jpg) top right no-repeat; }
#left { width:345px; height:245px; padding-right:5px; margin:8px 0; float:left; background:url(../images/lea-vr.jpg) top right no-repeat; }
#full { width:900px; margin:8px 0 0 0; float:left; }
.portfolio_container { height: 545px!important; overflow-y: scroll;}
#right { width:409px; margin:8px 0 0 8px; float:left; }
#right2 { width:535px; margin:8px 0 0 8px; float:left; }
.teamBox { width:292px; height:193px; background:#FFFFFF; border:1px solid #CCCCCC; float:left; margin:8px 8px 0 0; }
.teamBoxLast { width:292px; height:193px; background:#FFFFFF; border:1px solid #CCCCCC; float:left; margin:8px 0 0 0; }
#footer { width: 920px; margin:-15px auto 0; text-align:right; }
.news { width:478px!important; height: 545px!important; overflow-y: auto; overflow-x: hidden; }

/* Contact Page Styles */
#details { width:240px; margin:8px 0 0 0; float:left; }
#form { width:240px; margin:8px 0 15px 8px; float:left; }
#directions { width:404px; margin:8px 0 0 8px; float:right; }
#holder { clear:left; }
#brochure { width: 240px; float:left; margin:8px 0 0 0; }
#map { width: 240px; float:left; margin:8px 0 0 8px; }
.input { font-size:100%; font-family:Arial, Helvetica, sans-serif; color:#888888; padding:0.2em; background-color:#FFFFFF; border:1px solid #666666; margin:8px 0 0 0; width:233px;}
.submit { margin:8px 0 0 0; float:right; }
form { margin:0; padding:0; }

/* Portfolio Styles */
.folio { width:211px; height:245px; float:left; border:1px solid #CCCCCC; margin:8px 8px 0 0; background:#FFFFFF; }
.end { width:211px; height:245px; float:left; border:1px solid #CCCCCC; margin:8px 0 0 0; background:#FFFFFF; }
b.port { display:block; text-align:center; }

/* Skills Menu */
#leftMenu { float:left; width:115px; margin-top:8px; height:245px; padding-right:10px; background:url(../images/lea-vr.jpg) top right no-repeat; }
#leftMenu ul { list-style:none; margin:0; padding:5px 0 0 0; }
#leftMenu ul li { font-size:110%; text-transform:uppercase; margin:0 0 5px 5px; }

/* Menu Styles */
#menu ul { z-index:2; margin:0; padding:70px 0 0 0; color:#FFFFFF; font-size:90%; text-transform:uppercase; list-style:none; text-align:center; }
#menu li { float:left; position:relative; }

/* Menu Items */
#menu a.home { width:45px; }
#menu a.expertise { width:69px; height:23px; cursor:default; }
#menu a.portfolio { width:72px; height:23px; cursor:default; }
#menu a.team { width:67px; }
#menu a.contact { width:79px; }
#menu a.base { width:109px; }
#menu a { display:block; text-decoration:none; color:#FFFFFF; }

/* Menu Items Hover */
#menu a.home:hover, #menu a.home-active { color:#fe9103; text-decoration:underline; width:45px; }
#menu a.expertise:hover, #menu a.expertise-active { color:#fe9103; text-decoration:underline; width:69px; height:23px; }
#menu a.portfolio:hover, #menu a.portfolio-active { color:#fe9103; text-decoration:underline; width:72px; height:23px; }
#menu a.team:hover, #menu a.team-active { color:#fe9103; text-decoration:underline; width:67px; }
#menu a.contact:hover, #menu a.contact-active { color:#fe9103; text-decoration:underline; width:79px; }
#menu a.base:hover, #menu a.base-active { color:#fe9103; text-decoration:underline; width:109px; }

/* Menu Drop Down */
#menu ul ul { text-align:left; left:0; top:23px; position:absolute; padding:10px 10px 0; width:95px; display:none; background: #323232 url(../images/lea-drop-bg.jpg) repeat-x; border:#666666 1px solid; border-top:none; }
#menu ul li:hover ul { display:block; }
#menu ul ul li { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #666666; }
#menu ul ul li.last { border-bottom:none; }
#menu ul ul a:hover { color:#fe9103; }
#menu ul ul a { display:block; width:95px; }
#menu ul ul li { clear:left; }

/* Tab Styles */
#imageControlTabs ul { margin:0px; padding:0px; list-style:none; }
#imageControlTabs li a { color:#fe9013; font-size:150%; font-weight:bold; text-decoration:none; display:block; padding-left:2px; width:40px; text-align:center; padding-top:10px; height:26px; }

/* Info Panel 1 Styles */
#imageControlInfo1 { width:220px; height:278px; background:url(../images/lea-info-box.png); padding:5px; }
#imageControlInfo2, #imageControlInfo3, #imageControlInfo4, #imageControlInfo5, #imageControlInfo6, #imageControlInfo7, #imageControlInfo8 { width:220px; height:278px; background:url(../images/lea-info-box.png); padding:5px; display:none; }
.imageContainer { position:absolute; top:60px; left:10px; }
.infoPanel { width:214px; height:268px; padding:3px; }
.close { font-size:100%; font-weight:bold; color:#ffffff; float:right; text-decoration:none; margin-top:-20px; margin-right:5px; }
.close:hover { color:#FFFFFF; } 
h1.info { width:204px; color:#FFFFFF; background:url(../images/lea-info-header.jpg); font-size:110%; text-transform:uppercase; height:16px; vertical-align:middle; padding:5px; margin:0; }
p.info { color:#888888; font-size:100%; margin:1em 0.7em; }
b.info { display:block; text-align:center; margin-top:13px; margin-bottom:15px; }

/* Text Styles */
h1 { display:block; width:205px; color:#FFFFFF; background:url(../images/lea-title-header.jpg); font-size:110%; text-transform:uppercase; height:16px; vertical-align:middle; padding:5px 5px 5px 10px; margin:0; }
p { color:#888888; font-size:100%; margin:.8em 0.7em; }
p.stories { text-align:right; }
a { color:#888888; font-weight:bold; text-decoration:none; }
a:hover { color:#fe9013; }
#footer p { margin:0.3em; }
.homebox p { margin-bottom:0; }
.active { color:#fe9103; }
h2 { color:#fe9103; font-size:110%; text-transform:uppercase; margin:0 0 1em 0.7em; }
h3 { display:block; width:225px; color:#FFFFFF; background:url(../images/lea-contact-title.jpg); font-size:110%; text-transform:uppercase; height:16px; vertical-align:middle; padding:5px 5px 5px 10px; margin:0; }
h4 {color:#888888; font-size:100%; text-transform:uppercase; vertical-align:middle; padding:5px 5px 5px 10px; margin:8px 0 0 0; }

/* Image Styles */
.case { text-align:center; margin-top:20px; }
.small { border:1px solid #CCCCCC; }
.float { float:left; margin:0 0.7em 0 0.7em; border:1px solid #fe9103; }
li { color:#888888; font-size:100%; }