@charset "utf-8";

/* CSS Document */



* { margin:0px; padding:0px;}



* :active, * :hover,

* :focus {outline: none; }



img{ border:none;}



a{ outline:none; border:none; text-decoration:none;}



a:hover{ outline:none; border:none; text-decoration:none;}



a:focus{ outline:none;}



body{ margin:0px; padding:0px; background:#010101 url(../images/bodybg.gif) no-repeat center top;}





/*@font-face {

    font-family: 'ChristopherhandRegular';

    src: url('comesinhandy-webfont.eot');

    src: url('comesinhandy-webfont.eot?#iefix') format('embedded-opentype'),

         url('comesinhandy-webfont.woff') format('woff'),

         url('comesinhandy-webfont.ttf') format('truetype'),

         url('comesinhandy-webfont.svg#ChristopherhandRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}*/



/* .......................................

                                      wrapper

									  ..............................*/

.clear { clear:both;}



#wrapper{ width:100%; height:auto;}



#wrapper_inner{ width:1000px; height:auto; margin:0 auto;}



/* .......................................

                                      TEMP TOP

									  ..............................*/

#top{ width:1000px; height:100px; background:url(../images/hmpg_topbg.jpg) no-repeat left top;}



/* .......................................

                                      LOGO

									  ..............................*/

#logo{ width:1000px; height:279px; background:url(../images/hmpg_logobg.jpg) no-repeat left top;}



#logo a{ width:1000px; height:259px; display:block; background:url(../images/hmpg_logo.png) no-repeat left top;}



#logo a:hover{ width:1000px; height:259px; display:block; background:url(../images/hmpg_logo.png) no-repeat left top;}



/* .......................................

                                      TEMP PHOTO

									  ..............................*/

#photo{ width:1000px; height:361px; background:url(../images/hmpg_photobg.jpg) no-repeat left top;}	



/* .......................................

                                      NAVIGATION AND FOOTER

									  ..............................*/	  

#bottom{ width:1000px; height:130px; background:url(../images/hmpg_navbg.jpg) no-repeat left top;}



.nav{ width:982px; height:38px; margin:0 auto; background:url(../images/nav_rep.jpg) repeat-x left top; overflow:hidden;}



.nav_left{ width:982px; height:38px; background:url(../images/nav_left.jpg) no-repeat left top;}



.nav_right{ width:982px; height:38px; background:url(../images/nav_right.jpg) no-repeat right top;}



ul.menu { margin: 0 0 0 0; padding:0 0 0 0; list-style-type: none; font-family: 'ChristopherhandRegular'; font-size:35px; color:#000;}

ul.menu li { float: left; background:url(../images/nav_div.jpg) no-repeat right top; padding:0px 54px 0px 55px;}

ul.menu li a{ height:38px; display:block;}

ul.menu a:link,

ul.menu a:visited { text-decoration: none; font-weight: normal; color:#000; vertical-align: middle;}

ul.menu a:hover { text-decoration: none; font-weight: normal; color:#000; vertical-align: middle;}



ul.menu li.active a:link,

ul.menu li.active a:visited { color: #000;}

ul.menu a:hover { color: #000;}

ul.menu li.active a:hover { color: #000;}



ul.menu li.bg_none { background:none;}



.copy{ width:400px; height:60px; font:normal 12px Arial, Helvetica, sans-serif; color:#444444; text-align:center; margin:17px auto 0 auto; line-height:30px;}



.copy a{ font:normal 12px Arial, Helvetica, sans-serif; color:#444444; text-align:center; text-decoration:none; }



.copy a:hover{ font:normal 12px Arial, Helvetica, sans-serif; color:#444444; text-align:center; text-decoration:none; }	



/* .......................................

                                      INNER PAGE

									  ..............................*/

/* .......................................

                                      LOGO

									  ..............................*/

#inn_page #logo{ width:1000px; height:225px; background:url(../images/inner_logobg.jpg) no-repeat left top;}



#inn_page #logo a{ width:1000px; height:213px; display:block; background:url(../images/inner_logo.png) no-repeat left top;}



#inn_page #logo a:hover{ width:1000px; height:213px; display:block; background:url(../images/inner_logo.png) no-repeat left top;}



/* .......................................

                                      TEMP CONTENT

									  ..............................*/

#inn_page  #photo{ width:1000px; height:511px; padding-top:20px; background:url(../images/inner_contbg.jpg) no-repeat left top;}



#inn_page .cont_wrapper{ width:656px; height:420px; margin:0 0 0 174px; padding:8px 14px 0px 0px; overflow:hidden; overflow-x:hidden;  overflow-y:scroll;}	



.cont_wrapper h1{ margin:0px; font-family: 'ChristopherhandRegular'; font-size:37px; color:#000; background:url(../images/head_brdr.gif) no-repeat bottom left; line-height:48px; padding-bottom:5px;}



.cont_wrapper h1.gal{ margin:0px; font-family: 'ChristopherhandRegular'; font-size:37px; color:#000; background:url(../images/gal_brdr.gif) no-repeat bottom left; line-height:48px; padding-bottom:5px;}



.cont_wrapper h1.gall{ margin:0px; font-family: 'ChristopherhandRegular'; font-size:37px; color:#000; background:url(../images/gal_brdr.gif) no-repeat bottom left; line-height:48px; float:left; padding-bottom:5px;}



.cont_wrapper h1.vid{ margin:0px; font-family: 'ChristopherhandRegular'; font-size:37px; color:#000; background:url(../images/Video_brdr.gif) no-repeat bottom left; line-height:48px; padding-bottom:5px;}



.cont_wrapper h1.link{ margin:0px; font-family: 'ChristopherhandRegular'; font-size:37px; color:#000; background:url(../images/Video_brdr.gif) no-repeat bottom left; line-height:48px; padding-bottom:5px;}



.cont_wrapper h1.cont{ margin:0px; font-family: 'ChristopherhandRegular'; font-size:37px; color:#000; background:url(../images/Cont_brdr.jpg) no-repeat bottom left; line-height:48px; padding-bottom:5px;}



.cont_wrapper p{ padding:5px 0px; font:normal 12px Arial, Helvetica, sans-serif; color:#343434; line-height:18px;}



.cont_wrapper td{ padding:0px 0px; font:normal 12px Arial, Helvetica, sans-serif; color:#343434; line-height:18px;}



div.img_bg{ width:208px; height:214px; background:url(../images/img_bg.png) no-repeat left top;  font:normal 12px Arial, Helvetica, sans-serif; color:#343434; line-height:18px; margin:0 0 5px 6px; float:right;}



div.img_bg img{ margin:12px 0px 0px 12px;}


div.numberlist{ float:left; margin:16px 0 0 0; padding:0;}

.numberlist ul { list-style-type:disc; font:normal 14px Arial, Helvetica, sans-serif; color:#343434; line-height:30px; margin: 0 0 0 30px; padding:0 0 0 0;}

.numberlist ul li { margin:0; padding:0;}

.numberlist ul li a{ color:#000; line-height:30px; text-decoration:underline;}

.numberlist ul li a.select{ color:#000;}

.numberlist ul a:link,

.numberlist ul a:visited { text-decoration: underline; font-weight: normal; color:#000; vertical-align: middle;}

.numberlist ul a:hover { text-decoration: none; font-weight: normal; color:#000; vertical-align: middle;}




/* .......................................

                                      GALLERY PAGE

									  ..............................*/

/* .......................................

                                      LOGO

									  ..............................*/

#gallery #logo{ width:1000px; height:225px; background:url(../images/inner_logobg.jpg) no-repeat left top;}



#gallery #logo a{ width:1000px; height:213px; display:block; background:url(../images/inner_logo.png) no-repeat left top;}



#gallery #logo a:hover{ width:1000px; height:213px; display:block; background:url(../images/inner_logo.png) no-repeat left top;}

									  

#gallery  #photo{ width:1000px; height:511px; padding-top:20px; background:url(../images/inner_contbg.jpg) no-repeat left top;}



#gallery .cont_wrapper{ width:666px; height:440px; margin:0 0 0 174px; padding:8px 0px 0px 0px;}

									  

div.gal_hold{ width:628px; height:368px; margin:15px auto 0 auto;}



div.gal_top{ width:628px; height:100px;}



div.gal_box{ width:624px; height:95px; float:left;}



div.gal_box_one{ width:628px; height:95px; float:right;}



div.gal_img{ width:624px; height:auto;}



div.gal_img img{ width:616px; height:55px; border:4px solid #f0f0f0;}



div.gal_txt h2{ font-family: 'ChristopherhandRegular'; font-size:28px; color:#000; text-align:center;}



div.gal_txt h2 a{ font-family: 'ChristopherhandRegular'; font-size:28px; color:#000; text-align:center; line-height:30px;}



div.gal_txt h2 a:hover{ font-family: 'ChristopherhandRegular'; font-size:28px; color:#000; text-align:center; line-height:30px;}





div.left_block{ width:auto; height:auto; float:left;}



div.right_block{ width:auto; height:auto; float:right;}



div.thumb_cont{ width:150px; height:auto; margin-top:16px; float:left;}



div.gal_thumbs a{ margin:0px; padding:0px; line-height:0px;}



div.gal_thumbs a img{ margin:3px 0px; padding:0px; border:3px solid #f0f0f0;}



div.up_arrow{ margin-bottom:3px;}



div.dwn_arrow{ margin-top:3px;}	



div.gal_menu{ height:44px; float:left; padding:15px 0px 0px 0px;}



.gal_menu ul { margin: 0 0 0 0; padding:0 0 0 0; list-style-type: none; font-family: 'ChristopherhandRegular'; font-size:25px; color:#000;}

.gal_menu ul li { float: left; background:url(../images/inn_nav_div.gif) repeat-y right top; height:30px; padding:0px 22px 0px 22px;}

.gal_menu ul li a{ height:22px; line-height:22px; display:block;}

.gal_menu ul li a.select{ color:#9f9f76;}

.gal_menu ul a:link,

.gal_menu ul a:visited { text-decoration: none; font-weight: normal; color:#000; vertical-align: middle;}

.gal_menu ul a:hover { text-decoration: none; font-weight: normal; color:#000; vertical-align: middle;}



.gal_menu ul li.active a:link,

.gal_menu ul li.active a:visited { color: #000;}

.gal_menu ul a:hover { color: #000;}

.gal_menu ul li.active a:hover { color: #000;}



.gal_menu ul li.bg_none { background:none;}	





div.gal_bimg img{ border:3px solid #f0f0f0; float:left;}	





/* .......................................

                                      VIDEO PAGE

									  ..............................*/

/* .......................................

                                      LOGO

									  ..............................*/

#video #logo{ width:1000px; height:225px; background:url(../images/inner_logobg.jpg) no-repeat left top;}



#video #logo a{ width:1000px; height:213px; display:block; background:url(../images/inner_logo.png) no-repeat left top;}



#video #logo a:hover{ width:1000px; height:213px; display:block; background:url(../images/inner_logo.png) no-repeat left top;}

									  

#video  #photo{ width:1000px; height:511px; padding-top:20px; background:url(../images/inner_contbg.jpg) no-repeat left top;}



#video .cont_wrapper{  width:656px; height:420px; margin:0 0 0 174px; padding:8px 14px 0px 0px; overflow:hidden; overflow-x:hidden;  overflow-y:scroll;}





#video div.left_block{ width:240px; height:auto; float:left;}



#video div.right_block{ width:390px; height:auto; float:left;}



#video div.thumb_cont{ width:190px; height:auto; margin-top:16px;}



#video div.gal_thumbs a{ margin:0px; padding:0px; line-height:0px;}



#video div.gal_thumbs a img{ margin:3px 0px; padding:0px; border:3px solid #f0f0f0;}



#video div.up_arrow{ margin-bottom:3px;}



#video div.dwn_arrow{ margin-top:3px;}



div.vid_dis{ font:normal 12px Arial, Helvetica, sans-serif; color:#343434; line-height:18px; padding:12px 0px;}



div.vid_dis h2{ padding:0px; margin:0px; font:bold 14px Arial, Helvetica, sans-serif; color:#343434; line-height:22px; }	



/* .......................................

                                      CONTACT PAGE

									  ..............................*/

/* .......................................

                                      LOGO

									  ..............................*/

#contact .cont_wrapper{ width:656px; height:420px; margin:0 0 0 174px; padding:8px 14px 0px 0px; overflow:hidden; overflow-x:hidden;  overflow-y:scroll;}	


#contact #logo{ width:1000px; height:225px; background:url(../images/inner_logobg.jpg) no-repeat left top;}



#contact #logo a{ width:1000px; height:213px; display:block; background:url(../images/inner_logo.png) no-repeat left top;}



#contact #logo a:hover{ width:1000px; height:213px; display:block; background:url(../images/inner_logo.png) no-repeat left top;}

									  

#contact  #photo{ width:1000px; height:511px; padding-top:20px; background:url(../images/inner_contbg.jpg) no-repeat left top;}



#contact .cont_wrapper{  width:666px; height:440px; margin:0 0 0 174px; padding:8px 0px 0px 0px;}





#contact div.left_block{ width:auto; height:auto; float:left;}



#contact div.right_block{ width:auto; height:auto; margin:24px 10px 0px 0px; float:right;}



#contact .cont_wrapper td input.txtbox	{  font:normal 11px Arial, Helvetica, sans-serif; color:#343434; border:none; text-align:left; background:url(../images/input_bg.jpg) no-repeat left top; width:193px; height:24px; margin:0; padding:0px 5px;}


#contact .cont_wrapper td textarea	{  font:normal 11px Arial, Helvetica, sans-serif; color:#343434; border:none; text-align:left; background:url(../images/txtarea_bg.jpg) no-repeat left top; width:193px; height:104px; margin:0; padding:5px 5px;}	

#contact .cont_wrapper td input.submit	{  width:63px; height:24px;}