@charset "utf-8";

/*----Common and Standard---->>START*/
* { padding: 0px; margin: 0px; }

body { background-color: #08070c; color: #787878; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; }

img { border: 0px; }
a { color: #787878; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { width: 100%; text-align: center; }

#layout { background-color: #ffffff; width: 980px; margin: 0px auto; }
#layout #layout-inner { background-color: #f0f0f0; border: 1px solid #ffffff; width: 958px; padding: 10px; position: relative; }

.clear { clear: both; }
.wrap { width: 100%; }
.wrapcen { width: 100%; text-align: center; }
/*----Common and Standard----<<END*/

/*----Header---->>START*/
#quick-contact { width: 100%; color: #fefefe; height: 38px; line-height: 38px; padding: 15px 0px; }
#quick-contact ul { list-style-type: none; }
#quick-contact ul li { float: right; margin: 0px 15px 0px 0px; }

#header { background-image: url(../images/header_bg.png); background-position: top left; background-repeat: no-repeat; color: #5b5b5b; width: 958px; height: 258px; margin: 0px 0px 11px 0px; }

#header h1 { color: #ffffff; font-family: "Trebuchet MS"; font-size: 48px; line-height: 48px; padding: 0px 0px 30px 0px; }
#header h2 { color: #010101; font-family: "Trebuchet MS"; font-size: 22px; line-height: 100%; padding: 0px 0px 10px 0px; }
#header h3 { color: #087e9d; font-family: "Trebuchet MS"; font-size: 18px; padding: 0px 0px 16px 0px; text-align: center; }
#header p { padding: 0px 0px 20px 0px; }

#header .visit-site { background-image: url(../images/button_visit_site.gif); background-position: top left; background-repeat: no-repeat; color: #fffefe; display: block; font-size: 14px; width: 161px; height: 34px; line-height: 34px; margin: 0px 0px 0px 270px; text-align: center; }

#header #header-left { float: left; width: 453px; text-align: left; padding: 10px 0px 0px 13px; }
#header #header-right { float: left; width: 378px; text-align: left; padding: 34px 0px 0px 70px; position: relative; }
#header #header-right #overlay { background-image: url(../images/latest_overlay.png); background-position: top left; background-repeat: no-repeat; width: 362px; height: 191px; padding: 8px; position: absolute; top: 26px; left: 62px; z-index: 1000; }
#header #header-right #latest { width: 362px; height: 191px; }
/*----Header----<<END*/

/*----Content---->>START*/
#menu { width: 100%; text-align: left; position: relative; bottom: -4px; }
#menu ul { list-style-type: none; padding: 0px 24px; }
#menu ul li { background-image: url(../images/menu_bg.jpg); background-position: top left; background-repeat: no-repeat; float: left; width: 144px; height: 38px; margin: 0px 1px 0px 0px; padding: 7px 0px 0px 15px; white-space: nowrap; }
#menu ul li a { color: #7e7e7e; font-size: 16px; text-decoration: none; }
#menu ul li a:hover,
#menu ul li a.selected { color: #000000; text-decoration: none; }
#menu ul li a.selected { cursor: text; }
#menu ul li a span { font-size: 10px; }

#content-top { background-image: url(../images/content_top.png); background-position: top left; background-repeat: no-repeat; width: 958px; height: 16px; font-size: 0px; line-height: 0px; position: relative; z-index: 10; }
#content { background-image: url(../images/content_bg.gif); background-position: top left; background-repeat: repeat-y; width: 958px; text-align: left; }
#content-bottom { background-image: url(../images/content_bottom.png); background-position: top left; background-repeat: no-repeat; width: 958px; height: 16px; }

#content #inner { width: 930px; padding: 0px 14px; }

#content #galley { width: 100%; position: relative; }
#content #galley #scroll { height: 530px; overflow: auto; position: relative; }
#content #galley .picframe { background-color: #fcfcfc; border: 1px solid #e8e8e8; float: left; margin: 0px 22px 15px 0px; padding: 4px; width: 206px; text-align: center; position: relative; }
#content #galley #scroll .picframe { margin: 0px 15px 15px 0px; }
#content #galley .picframe img { background-color: #ffffff; border: 1px solid #d7d5d5; padding: 1px; }
#content #galley .picframe p { padding: 5px 0px 30px 0px; }
#content #galley .visititlive { background-image: url(../images/button_visit_it_live.gif); background-position: top left; background-repeat: no-repeat; color: #145463; display: block; font-size: 11px; line-height: 19px; width: 94px; height: 19px; text-align: center; position: absolute; bottom: 5px; left: 60px; }
/*----Content----<<END*/

/*----Footer---->>START*/
#footer { width: 100%; color: #fefefe; font-size: 11px; letter-spacing: 2px; padding: 15px 0px; }
#footer a { color: #fefefe; font-size: 11px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/*----Footer----<<END*/

/*----Slimbox---->>START*/
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }
/*----Slimbox----<<END*/