/* CSS Document */
body { background:url(../img/bg_body.jpg) top repeat-x; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; }
#container { margin:0 auto; width:875px; }

.top { height:96px; background:url(../img/bg_header.jpg) repeat-x; }

.top .logo { width:192px; height:67px; background:url(../img/logo.gif) no-repeat bottom; display:block; padding:0.5em 0 0 0; float:left; }
.top .logo span { display:none; }

.navigation { float:right; height:79px; margin:1em 0 0 0; padding:0; }
.navigation h2 { text-align:right; color:#333333; font-weight:bold; font-size:23px; margin:0; padding:0; }
.navigation .menu { list-style:none; margin:0 auto; padding:0; margin:0.2em 0 0 0; }
.navigation .menu li { float:left; padding:10px 13px 10px 13px; height:48px; margin:0; }
.navigation .menu li.selected { background:url(../img/bg_nav_selected.jpg) repeat-x; }
.navigation .menu li a { text-decoration:none; font-size:12px; color:#333333; text-transform:uppercase; }

.homepage-banner { width:875px; height:307px; background:url(../img/bg_banner_box.jpg) no-repeat; margin:0 auto; clear:both; }
.homepage-banner .banner { margin:0 auto; width:855px; padding-top:2em; height:265px; }

.homepage-content { width:875px; margin:0 auto; clear:both; font-family:century gothic; }
.homepage-content .left { float:left; width:486px; height:270px; margin-top:2px; background:#040404;  }
.homepage-content .left .top { background:#2e2e2e; height:55px; color:#fff; }
.homepage-content .left .top h3 { color:#fff; font-weight:normal; padding:0.4em 0 0 0.9em; margin:0; font-size:24px; }

.homepage-content .left .content-box { height:180px; margin:0.9em;}
.homepage-content .left .content-box p { margin:0; padding:0.6em; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; }

.homepage-content .right { float:right; width:380px; height:246px; margin-top:2px; background:none ; }
.homepage-content .right .top { height:55px; color:#2e2e2e; background:none !important; border-bottom:1px #cfcfcf solid; }
.homepage-content .right .top h3 { color:#2e2e2e; font-weight:normal; padding:0.4em 0 0 0.2em; margin:0; font-size:23px; }
.homepage-content .right p { font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#2e2e2e; padding:0.5em; }
.homepage-content .right form { margin:0 0 1em 0;  }
.homepage-content .right form p { padding:0.1em; margin:0.2em; vertical-align:top; }
.homepage-content .right form label { display:block; width:63px; text-align:right; padding-right:3px; font-size:13px; float:left; padding-top:2px; }
.homepage-content .right form input { border:1px #e7e7e7 solid; padding:3px; }

.homepage-content .right form .submit { border:0; background:url(../img/black_button.jpg) no-repeat; color:#fff; font-weight:bold; font-size:13px; text-align:center; width:128px; height:39px; padding-bottom:12px; margin:0 0 0 10px; cursor:hand; cursor:pointer; position:absolute; }

.homepage-content .right .view_button { width:373px;  height:42px; color:#2e2e2e; background:url(../img/grey_arrow.jpg) right no-repeat !important; border-bottom:1px #cfcfcf solid; border-top:1px #cfcfcf solid; text-align:left; font-size:23px; text-decoration:none; display:block; padding:10px 0 0 7px; }


/* Inner page */
.inner-banner { width:875px; height:267px; background:url(../img/bg_banner_box_small.jpg) no-repeat; margin:0 auto; clear:both; }
.inner-banner .banner { margin:0 auto; width:855px; padding-top:2em; height:211px; background:url(../img/banner/inner.jpg) left bottom no-repeat; }
.inner-banner .banner .right { float:right; width:380px; height:211px; margin-top:0px; }
.inner-banner .banner .right .top { height:45px; color:#2e2e2e; background:none !important; border-bottom:1px #cfcfcf solid; }
.inner-banner .banner .right .top h3 { color:#2e2e2e; font-weight:normal; padding:0.4em 0 0 0.2em; margin:0; font-size:23px; }
.inner-banner .banner .right p { font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#2e2e2e; padding:0.5em; margin:0.2em; }
.inner-banner .banner .right form p { padding:0.1em; margin:0.2em; }
.inner-banner .banner .right form label { display:block; width:64px; text-align:right; padding-right:3px; font-size:13px; float:left; padding-top:2px; }
.inner-banner .banner .right form input { border:1px #e7e7e7 solid; padding:3px; }
.inner-banner .banner .right form .submit { border:0; background:url(../img/black_button.jpg) no-repeat; color:#fff; font-weight:bold; font-size:13px; text-align:center; width:128px; height:39px; padding-bottom:12px; margin:0 0 0 10px; cursor:hand; cursor:pointer; position:absolute; }


.inner-content { width:875px; margin:0 auto; clear:both; }
.inner-content .left { float:left; width:561px; margin-top:2px; padding:0 10px 0 10px; }
.inner-content .left h2 { font-family:century gothic; font-weight:normal; font-size:35px; margin:0.2em; }
.inner-content .left p { font-size:14px; color:#525252; }
.inner-content .left .portfolio { list-style:none; margin:0; padding:0; }
.inner-content .left .portfolio li { float:left; margin:0.6em; background:#f2f2f2; padding:5px; width:100px; height:120px; }
.inner-content .left .portfolio li img { border:2px #d9d9d9 solid; }
.inner-content .left .portfolio li a  { text-decoration:none; }
.inner-content .left .portfolio li a span { display:block; color:#292828; font-weight:bold; text-align:left; padding:2px; font-size:13px; }

.inner-content .left .products { list-style:none; margin:0; padding:0; }
.inner-content .left .products li { float:left; margin:0.6em; background:#f2f2f2; padding:5px; width:100px; height:72px; }
.inner-content .left .products li img { border:2px #d9d9d9 solid; }
.inner-content .left .products li a  { text-decoration:none; display:block; width:100px; height:70px; background-position:center !important; }
.inner-content .left .products li a span { display:block; color:#292828; font-weight:bold; text-align:left; padding:2px; font-size:13px; }


.inner-content .right { float:right; }
.inner-content .right ul { list-style:none; width:208px; background:#2c2c2c; border:15px #4a4a4a solid; margin:2em 0 0 0; padding:0; }

.inner-content .right ul .selected { border-bottom:1px #333333 solid; margin:0 auto; padding:4px 6px 5px 20px; background:#fff url(../img/sub-selected.jpg) left no-repeat; width:185px; color:#6c6c6c; font-size:20px; font-family:century gothic; }
.inner-content .right ul .selected a { color:#6c6c6c; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }

.inner-content .right ul li { border-bottom:1px #333333 solid; margin:0 auto; padding:6px; width:185px; color:#fff; font-size:20px; font-family:century gothic; }
.inner-content .right ul li a { color:#fff; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }


.bread { width:845px; background:#f6f6f6; height:21px; padding:15px; color:#858585; font-size:13px; margin:0 auto; text-align:left; font-family:century gothic;  }
.bread strong { font-weight:bold; color:#333333; }
.bread a { text-decoration:none; padding:5px; color:#4d4d4d; font-size:13px; }

/* Contact us */
.contact-us-form { float:left; margin:0.8em 0.5em 0 1.5em; padding:0px; width:320px; }
.contact-us-form p { margin:0.2em 0 1em 0; padding:0; font-size:13px; color:#565656; clear:both; }
.contact-us-form label { float:left; padding-right:5px; text-align:right; display:block; width:70px; }
.contact-us-form input { background:#fff !important; border:1px #c1c1c1 solid; width:180px; font-size:13px; color:#777777; }
.contact-us-form textarea { width:220px; height:100px; border:1px #c1c1c1 solid;}
.contact-us-form .submit { background:url(../img/black_button.jpg) no-repeat !important; padding:0px 10px 10px 0; margin:0 0 0 8em; width:141px; border:0 !important; height:41px; color:#fff; font-weight:bold; cursor:hand; cursor:pointer; }
.contact-box { width:200px; float:right; line-height:20px; }
.contact-box a { font-size:14px; color:#777777; }

.footer { clear:both; background:url(../img/bg_footer.jpg) repeat-x; padding:1.5em 0 0 0; }
.footer p { font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:8px; line-height:20px; }
.footer .left { float:left; width:350px; text-align:left; }
.footer .right { float:right; width:450px; text-align:right; }