/* GENERAL */
* { margin:0; padding:0; }
body { background-color:#414797; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:18px; }
.floatRight { float:right; }
.border { padding:2px; border:1px solid #000; margin:0 0 10px 10px; }
#main-container { background-color:#FFF; width:100%; background-image:url(../images/bg-main.gif); background-repeat:repeat-x; background-position:top; }
#contentContainer { margin:0 auto; padding:15px 0 20px 0; width:780px; height:1%; overflow:hidden; }
.red { color:#ae0101 }
.noBullets { list-style:none; }
.homepageList { list-style:none; padding:0 0 10px 25px; }
.homepageList li { margin-bottom:15px; }
.homepageList label { font-weight:bold; }
.contactList { list-style:none; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #DBDBDB; }
.list li { margin-left:15px; }
h1 { color:#000; font-size:22px; margin-bottom:15px; line-height:24px; }
h2 { color:#353b91; font-size:16px; margin-bottom:5px; line-height:22px; }
h3 { color:#000; font-size:14px; margin-bottom:5px; }
p { font-size:12px; line-height:18px; padding-bottom:20px; }
a {color:#3333FF; text-decoration:underline; }
a:hover { text-decoration:none; }
strong { font-size:12px; font-weight:bold; }
.gss { height:300px; width:300px; background-color:#0000FF; }

/* HEADER */
#header { margin:0 auto; width:780px; height:180px; position:relative; }
#header .logo { position:absolute; top:17px; left:20px; }
#header .logo img { border:0; }
#header .companyNametop { color:#fff; font-size:35px; font-weight:bold; text-decoration:none; position:absolute; left:130px; top:43px; line-height:30px; }
#header .companyNamebottom { color:#BCC0EF; font-size:20px; font-weight:bold; text-decoration:none; position:absolute; left:132px; top:73px; line-height:24px; }
#header h3 { color:#FFF; font-size:12px; font-weight:bold; position:absolute; top:20px; right:20px; text-align:right; }
#header h4 { color:#FFF; font-size:12px; font-weight:normal; position:absolute; top:38px; right:20px; text-align:right; }
#header span { position:absolute; top:68px; right:20px; font-weight:normal; font-size:18px; color:#CCF; }
#header h2 { position:absolute; top:90px; right:20px; font-weight:normal; font-size:22px; color:#FFF ; }
/*#header h3 { color:#FFF; font-size:12px; font-weight:bold; position:absolute; top:80px; right:20px; text-align:right; }
#header h4 { color:#FFF; font-size:12px; font-weight:normal; position:absolute; top:98px; right:20px; text-align:right; }
#header span { position:absolute; top:20px; right:20px; font-weight:normal; font-size:18px; color:#CCF; }
#header h2 { position:absolute; top:42px; right:20px; font-weight:normal; font-size:22px; color:#FFF ; }*/
#header .mainNav { margin-left:12px; position:absolute; top:143px; left:0;  }
#header .mainNav li { padding:0 25px; float:left; list-style:none; background-image:url(../images/bg-nav-divider.gif); background-position:top left; background-repeat:no-repeat; }
#header .mainNav li a { font-size:14px; color:#000; text-decoration:none; }
#header .mainNav li a:hover { text-decoration:underline; }
#header .mainNav .noBorder { background-image:none; } 

/* LEFT MENU */
#left-menu { float:left; position:relative; width:210px; }
#left-menu .nav { list-style:none; }
#left-menu .nav li { border-bottom:1px solid #DBDBDB; }
#left-menu .nav a { color:#353b91; font-size:12px; text-decoration:none; padding:5px 10px 6px 10px; display:block; }
#left-menu .nav a:hover { background-color:#5158a6; color:#FFF; text-decoration:none; }
#left-menu .module { width:210px; background-image:url(../images/bg-inset-bottom.gif); background-position:bottom; background-repeat:no-repeat; height:1%; overflow:hidden; margin-top:20px; padding-bottom:10px; }
#left-menu .module h4 { background-image:url(../images/bg-inset-title.gif); background-repeat:no-repeat; background-position:top; background-color:#3b4196; color:#FFFFFF; padding:5px 10px; margin:0; font-size:14px; font-weight:bold; }
#left-menu .moduleContent { padding:15px; background-color:#FDFDFD; font-size:11px; background-image:url(../images/bg-inset.gif); background-position:bottom; background-repeat:no-repeat; }
#left-menu .moduleContent ul { list-style:none; }
#left-menu .moduleContent p { margin:0; padding:0; }
#left-menu .moduleContent a { color:#3e4498; border:0; }
#left-menu .moduleContent img { border:0; max-width:180px; margin-bottom:10px; width:180px; }
#left-menu .emailButton { margin-bottom:10px; }

/* CONTENT */
.homepageInset { background-color:#e3e5fa; padding:15px 15px 0 15px; border:10px solid #bcc0ef; margin-bottom:15px; clear:both; }
.homepageInset h1 { font-size:24px; line-height:28px; }
#content { background-color:#FFF; float:left; padding:0 20px; width:530px; }
.horizontal-images { clear:both; float:left; }
.horizontal-images li { float:left; list-style:none; }
#content a { }
#content ul.normal-list { list-style:inside; padding:0 10px 10px 30px; }
#content ul.normal-list li { font-size:12px; padding:5px 0; }

#content ol.normal-list-hwdi { line-height:18px; margin-left:20px; padding:0 10px 10px 10px; width:330px; }
#content ol.normal-list-hwdi li { font-size:12px; padding:3px 0; }


#content ul.normal-list-hwdi { line-height:18px; list-style:outside; margin-left:20px; padding:0 10px 10px 10px; width:330px; }
#content ul.normal-list-hwdi li { font-size:12px; padding:3px 0; }
#content ul.photo-gallery { float:left; list-style:none; margin:0; padding:0 40px 0 0; width:200px; }
#content ul.photo-gallery li { font-size:11px; font-weight:bold; height:1%; margin:auto; overflow:hidden; }
#content ul.photo-gallery li img { border:0; width:200px; height:200px; }
#content ul.photo-gallery li label { color:#353B91; display:block; padding:2px 0 15px 0; text-align:center; }
#content ul.clients { width:125px; float:left; padding:0 10px 10px 30px; }
#content ul.clients li { color:#353B91; font-size:11px; padding:5px 0 5px 5px; }
#content ul.photo-list { display:block; margin:0 auto 20px auto; text-align:center; width:530px; }
#content ul.photo-list li { display:inline; font-size:10px; margin-bottom:2px; }
#content ul.linksystem { background-color:#BFC3E8; margin:5px 0 10px 0; padding:5px; text-align:left;  }
#content ul.linksystem li { color:#000; display:inline; font-size:12px; font-weight:bold; }
#content ul.linksystem li a { color:#353b91; font-size:12px; font-weight:bold; padding:5px; text-decoration:none; }
#content ul.linksystem li a:hover { text-decoration:underline; }
#content ul.sitemap { font-size:12px; line-height:23px; list-style:inside; padding-left:10px; }
#content ul.sitemap li a { color:#000; text-decoration:none; }
#content ul.sitemap li a:hover { text-decoration:underline; }
#content ul.sitemap ul { }
#content ul.sitemap ul li { padding-left:30px; }
#content ul.sitemap ul li a { color:#333; font-size:11px; text-decoration:none; }
#content ul.sitemap ul li a:hover { text-decoration:underline; }
#content table { border:1px solid #8E9ADB; margin:0 0 25px 0; text-align:left; width:100%; }
#content table thead tr td { background-color:#D0D5F0; font-size:14px; font-weight:bold; }
#content table tbody tr { background-color:#EFF0FA; }
#content table tbody td { font-size:12px; padding:5px; }

/* FOOTER */
#footerTop { clear:both; text-align:center; background-color:#353b91; color:#FFF; display:block; padding:10px 0; text-decoration:none; }
#footerTop a { color:#FFF; text-decoration:none; font-size:18px; }
#footerBottom { clear:both; text-align:center; background-color:#6067b4; color:#FFF; height:1%; overflow:hidden; font-size:12px; list-style:none; padding:10px 0; background-image:url(../images/bg-footer.gif); background-repeat:repeat-x; background-position:bottom; }
#footerBottom .contactInfo { list-style:none; margin-bottom:15px; }
#footerBottom .links { list-style:none; }
#footerBottom .links li { border-right:1px solid #fff; display:inline; font-size:10px; }
#footerBottom .links li.noborder { border:none; }
#footerBottom .links li a { color:#fff; font-size:12px; padding:0 7px; text-decoration:none; }
#footerBottom .links li a:hover { text-decoration:underline; }
#footerBottom .copyright { padding-bottom:10px; padding-top:15px; font-size:11px; }

/* FORMS */
.required { color:#F00; }
.form { list-style:none; display:block; overflow:hidden; width:100%; }
.form label { padding:2px 5px 2px 0; font-weight:bold; width:125px; float:left; text-align:left; display:block; vertical-align:middle; }
.form input { padding:2px; float:left; display:block; vertical-align:middle; }
.form li { padding:3px; overflow:hidden; clear:both; font-weight:normal; }

/* FIELDS */
.name { width:180px; height:14px; }
.title { width:180px; height:14px; }
.company { width:180px; height:14px; }
.address { width:180px; height:14px; }
.city { width:180px; height:14px; }
.state { width:180px; }
.company { width:180px; height:14px; }
.email { width:180px; height:14px; }
.fax { width:120px; height:14px; }
.phone { width:120px; height:14px; }
.comments { width:350px; height:150px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.emailName { width:176px; height:16px; margin-bottom:5px; color:#666; }
.emailAddress { width:176px; height:16px; margin-bottom:5px; color:#666; }

.inventory h2 { text-transform:uppercase; }
.inventory ul { padding:5px; background-color:#EFF0FA; border:1px solid #BFC3E8; margin-bottom:15px; }
.inventory ul li { margin-left:20px; }
.inventory ul li.title { background-color:#D0D5F0; padding:5px; display:block; width:510px; font-size:14px; font-weight:bold; margin-left:0; margin-bottom:5px; text-transform:uppercase; }