/* ======================================== Generic elements =================================================================  */

body{ margin:0px; padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#4a4a4a; background:#cb4907 url(../images/background.jpg) repeat-x left top}

h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal}
p, li{line-height:17px}
ul,ol { list-style: none; }
input, select, textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#726051}
textarea:focus, input:focus, select:focus {background: #d9efff}
a{color:#d54814; text-decoration:none; outline:none}
a:hover{color:#4a4a4a; text-decoration:none}
a img{border:0}
*:focus{outline-width:0}
*{outline:none; outline:0}

.clear{ clear:both;}


#wrapper:after,#header:after,#middle:after, #footer:after, .content:after, .data:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }

/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */

.colleft{float:left; width:auto }
.colright{float:right;width:auto}

.right{text-align:right}
.center{text-align:center}

.content{width:100%;}
.data{width:auto}
.section{ margin:0 0 12px}	

h1{font-size:26px;font-weight:bold; padding:0px; margin:10px 0 8px;}
h2{font-size:22px; padding:0 0 8px;}
h3{font-size:20px; }
h4{font-size:15px; font-weight:bold }
h5{font-size:13px; font-weight:bold;}
p{padding:0 0 8px}


/* ======================================== Wrapper ========================================================  */

#wrapper{ width:992px; margin:20px auto 0; padding:0}

/* ======================================== Header ==========================================================  */

#header-container{ width:992px; padding:34px 0px 0; margin:0;background:url(../images/header-top.png) no-repeat left top  }
#header{ width:100%;background:url(../images/outer-bg.png) repeat-y left top; height:115px!important; }

/* ---------------- Header Logo -------------- */
#logo{ position:absolute;width:280px; height:125px;margin:-14px 0 0 20px; z-index:100 }

.top-links{ position:absolute; width:970px; text-align:right; padding:0 25px 0 0; margin:-10px 0 0}
.top-links li{display:inline; color:#999!important}
.top-links li a{ color:#4a4a4a; padding:0 5px 0 4px; font-weight:bold}
.top-links li a:hover{color:#d54814;}


/* ---------------- menubar -------------- */
.menubar{ position:absolute;width:690px;height:42px; margin:30px 5px 0 260px;padding:0px 20px 0 0;background:url(../images/menubar-right.gif) no-repeat right top;}
.menu-links{ float:right; width:auto; margin:0px; padding:0 0 0 20px;background:url(../images/menubar-bg.gif) repeat-x 0px 0px; }
.menu-links li{float:left;width:auto; border-right:1px solid #000; margin:0px 0 0}
.menu-links li a{margin:0px; color:#fff; float:left;width:auto;background:url(../images/menu-bg.gif) repeat-x 0 0px;font-family:Arial, Helvetica, sans-serif;}
.menu-links li a span{float:left;display:block; width:auto; height:28px;padding:14px 20px 0px 20px;font-size:14px; text-transform:uppercase; font-weight:bold;color:#fff;cursor:pointer; }

.menu-links li a img{margin:16px 7px 0 0px}
.menu-links li a:hover, .menu-links li a.selected{color:#fff!important;background:url(../images/menu-bg.gif) repeat-x 0 -41px!important;}
.menu-links li a:hover span, .menu-links li a.selected span{color:#fff!important;}



/* =================================== Middle Container Structure ===============================================  */

#middle-container{ width:992px; padding:0px; background:url(../images/outer-bg.png) repeat-y left top  }
#middle{ width:952px; padding: 0px 20px; margin:0px auto;}

.grid{ float:left;width:302px!important; margin-left:10px!important }
.grid.first{float:left;width:302px!important; margin-left:0!important}

.our-facilities{width:235px!important; float:left; margin:0!important}
.our-facilities .content{height:274px}


/* ---------------- outer-widget -------------- */

.outer-widget{ width:100%;margin:0px 0px 12px; padding:0px;}
.outer-widget .itop{position:relative; background:url(../images/outer-widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.outer-widget .itop .tl{background:url(../images/outer-widget-tl.gif) no-repeat 0 0; width:auto;height:11px; display:block}
.outer-widget .itop .tr{background:url(../images/outer-widget-tr.gif) no-repeat 100% 0; width:auto; height:11px; display:block;font-size:0px }
.outer-widget h2.head{color:#fff; font-weight:bold; padding:8px 0 0 10px;text-shadow:0 1px 0px #000;}

.outer-widget .ibot{background:url(../images/outer-widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.outer-widget .ibot .bl{background:url(../images/outer-widget-bl.gif) no-repeat 0 0; width:auto; height:11px; display:block}
.outer-widget .ibot .br{background:url(../images/outer-widget-br.gif) no-repeat 100% 0; width:auto; height:11px; display:block;font-size:0px}

.outer-widget .container{padding:5px 12px 0px;width:auto; background:#fff; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf}
.outer-widget .content{width:100%;}


/* ---------------- slidebox -------------- */

.slidebox{width:680px; float:left; margin-right:10px}
.slidebox .top{position:relative; background:url(../images/slidebox-tbg.gif) repeat-x 0 0; width:auto; display:block}
.slidebox .top .tl{background:url(../images/slidebox-tl.gif) no-repeat 0 0; width:auto;height:8px; display:block}
.slidebox .top .tr{background:url(../images/slidebox-tr.gif) no-repeat 100% 0; width:auto; height:8px; display:block;font-size:0px }

.slidebox .bot{background:url(../images/slidebox-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.slidebox .bot .bl{background:url(../images/slidebox-bl.gif) no-repeat 0 0; width:auto; height:8px; display:block}
.slidebox .bot .br{background:url(../images/slidebox-br.gif) no-repeat 100% 0; width:auto; height:8px; display:block;font-size:0px}

.slidebox .container{padding:3px 8px;width:auto; background:#191918; border-left:1px solid #191918;border-right:1px solid #191918; color:#fff}
.slidebox .content{width:100%;}


/* ----------------  banner -------------- */

#ifocus{width:662px; float:left; height:325px;}
#ifocus_pic { display:block; position:relative;float:left;width:530px; height:325px; overflow:hidden; }
#ifocus_piclist { position:absolute;  }
#ifocus_piclist li { width:530px; height:325px; overflow:hidden; display:none}
#ifocus_piclist img { width:530px; height:325px; display:block}
#ifocus_btn { display:block; float:right; width:130px; margin:0;}
#ifocus_btn li { width:126px; height:79px; margin-bottom:3px; cursor:pointer; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); }
#ifocus_btn img { width:115px; height:71px; margin:0 0 0 8px; border:3px solid #fff }
#ifocus_btn .current { background: url(../images/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_opdiv { position:absolute;left:0;bottom:0;width:530px;height:35px; background:#000;  opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }

#ifocus_tx{ position:absolute; left:0px; bottom:8px; font-size:18px; font-weight:bold;color:#fff; }
#ifocus_tx .normal { display:none; }
#ifocus_tx ul li{padding:10px 0 0 10px;}
#ifocus_tx ul li img{ margin-right:8px;}



/* ---------------- orange-widget -------------- */

.orange-widget{ width:100%;margin:0px 0px 12px; padding:0px;}
.orange-widget .otop{position:relative; background:url(../images/orange-widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.orange-widget .otop .tl{background:url(../images/orange-widget-tl.gif) no-repeat 0 0; width:auto;height:49px; display:block}
.orange-widget .otop .tr{background:url(../images/orange-widget-tr.gif) no-repeat 100% 0; width:auto; height:49px; display:block;font-size:0px }
.orange-widget h2.head{color:#fff; font-size:26px; font-weight:bold; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif;  padding:12px 0 0 10px;text-shadow:0 1px 0px #000;}

.orange-widget .obot{background:url(../images/orange-widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.orange-widget .obot .bl{background:url(../images/orange-widget-bl.gif) no-repeat 0 0; width:auto; height:7px; display:block}
.orange-widget .obot .br{background:url(../images/orange-widget-br.gif) no-repeat 100% 0; width:auto; height:7px; display:block;font-size:0px}

.orange-widget .container{padding:12px 10px 5px;width:auto; background:#df6312; border-left:1px solid #df6312;border-right:1px solid #df6312; color:#fff}
.orange-widget .content{width:100%;}

a.readmore{ float:left;display:block;width:185px;height:38px; padding:7px 0 0 18px; margin:10px 0 0;font-size:25px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px;font-weight:bold; text-align:center;background:url(../images/read-btn.gif) no-repeat 0 0; }
a.readmore span{color:#444}


/* ----------------  widget -------------- */

.widget{ width:100%;margin:0px 0px 12px; padding:0px;}

.widget .blackhead{position:relative; margin:10px 0 0;background:url(../images/widget-tbg.gif) repeat-x 0 0; width:auto; display:block}
.widget .blackhead .tl{background:url(../images/widget-tl.gif) no-repeat 0 0; width:auto;height:44px; display:block}
.widget .blackhead .tr{background:url(../images/widget-tr.gif) no-repeat 100% 0; width:auto; height:44px; display:block; }
.widget h2.head{color:#fff; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0 10px;text-shadow:0 1px 0px #000;}

.subpage .blackhead{position:relative; margin:10px 0 0;background:url(../images/widget-tbg.gif) #000 repeat-x 0 0; width:auto; display:block}
.subpage .blackhead .tl{background:url(../images/widget-tbg.gif) no-repeat 0 0; width:auto;height:44px; display:block}
.subpage .blackhead .tr{background:url(../images/widget-tbg.gif) no-repeat 100% 0; width:auto; height:44px; display:block; }
.widget .bot{background:url(../images/widget-bbg.gif) repeat-x 0 0!important; width:auto; display:block}
.widget .bl{background:url(../images/widget-bl.gif) no-repeat 0 0; width:auto; height:8px; display:block}
.widget .br{background:url(../images/widget-br.gif) no-repeat 100% 0; width:auto; height:8px; display:block;font-size:0px}

.widget .container{padding:12px 12px 5px;width:auto; background:#fff url(../images/widget-bg.gif) repeat-x left top; border-left:1px solid #bebebe; border-right:1px solid #bebebe}
.widget .content{width:100%;}
.widget .album .album-desc{height:50px;overflow:hidden}

.thumb-brd{padding:3px; background:#fff; border:1px solid #c6c6c6;display:block; margin:0 auto 10px 0}
.album .thumb-brd{margin: auto}
a.more{ float:right;padding:0px 10px 0 0;font-weight:bold; background:url(../images/arrow-more.gif) no-repeat 100% 6px; clear:both; }

/* ---------------- listing -------------- */

.listing{ float:left; width:auto;margin:0px;}
.listing li{ float:left;clear:both;padding:0px 0px 3px 14px; font-size:11px; width:auto; display:block;  background:url(../images/bullet-arrow.gif) no-repeat 0 4px;}

.feature-list{ float:left; width:100%;margin:0px;}
.feature-list li{ float:left;padding:0px 0px 5px 14px; font-size:12px; width:200px; display:block;  background:url(../images/bullet.gif) no-repeat 0 5px;}




/* ==============================================  Footer   ===========================================================  */

#footer-container{ width:992px;}
#footer{width:100%;background:url(../images/outer-bg.png) repeat-y left top}

#footer .bar{ width:950px;  margin:0px auto; padding:0;background:url(../images/footer-bg.gif) repeat-x 0 0;  display:block}
#footer .bar .fl{background:url(../images/footer-left.gif) no-repeat 0 0; width:auto; height:81px; display:block}
#footer .bar .fr{background:url(../images/tymac-logo-small.gif) no-repeat 100% 0; width:auto; height:81px; display:block;}
#footer .content{width:100%; padding:16px 0 0px}

.footer-links{ padding:0 0 0 10px;}
.footer-links li{display:inline;}
.footer-links li a{ color:#f1f1f1; padding:0 8px 0 7px; font-weight:bold}
.footer-links li a:hover{color:#d54814;}

#footer .copyright{ color:#7d7d7d; font-size:11px; background:url(../images/footer-bot.gif) repeat-x left bottom;padding:16px 15px 0px;}
#footer .copyright a{color:#f1f1f1; padding:0 5px 4px;}
#footer .copyright a:hover{color:#d54814; text-decoration:underline;}

/*** gallery ***/
#gallerymain {text-align:left;width:450px}
#gallerymain p {margin:10px 0; }
#gallerymain img {float:right}