/* Default */

#show-menu-button{

  display: none;

}

 

/* Phone portrait */

@media only screen and (max-width: 481px){

  #side-menu{

    display: none;

  }

 

  #show-menu-button{

    display: block;

  }

}



body {

	margin: 0;

	padding: 0;

	color: #302d26;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 12px;

	line-height: 1.4em;

	background-color: #a09c93;

	background-image: url(images/tooplate_body.jpg);

	background-repeat: repeat-y;

	background-position: center

}



a, a:link, a:visited { color: #840000; font-weight: normal; text-decoration: none }

a:hover { text-decoration: underline; }



a.gototop { clear: both; float: right; display:block; margin-top: 40px; padding: 0 15px 10px; font-size: 10px; color: #000; font-weight: 700;background: url(images/gototop.png) no-repeat bottom center }



p {

	margin: 0 0 2px 0;

	padding: 0;

}

img { border: none; }

em { color: #fff }

blockquote { font-style: italic; margin: 0 0 20px 0}

cite { font-weight: bold; color:#840000; }

cite a, cite a:link, cite a:visited  { font-size: 12px; text-decoration: none; font-style: normal }

cite span { font-weight: 400; color: #302d26; }



h1, h2, h3, h4, h5, h6 { color: #000000; font-weight: normal; }

h1 { font-size: 36px; margin: 0 0 30px; padding: 5px 0 }

h2 {

	font-size: 24px;

	margin: 0 0 25px;

	padding: 5px 0;

	text-align: center;

	color: #EEE;

}

h3 {

	font-size: 20px;

	margin: 0 0 5px;

	padding: 0;

}

h4 { font-size: 16px; margin: 0 0 15px; padding: 0; }

h5 {

	font-size: 14px;

	margin: 0 0 10px;

	padding: 0;

}

h6 { font-size: 12px; margin: 0 0 5px; padding: 0; font-weight: 700 }



.cleaner { clear: both }

.h10 { height: 10px }

.h20 { height: 20px }

.h30 { height: 30px }

.h40 { height: 40px }

.h50 { height: 50px }

.divider { margin-bottom: 40px; padding-bottom: 20px; background: url(images/tooplate_divider.png) repeat-x bottom }



.float_l { float: left }

.float_r {

	float: right

}





.tooplate_list { margin: 10px 0 10px 30px; padding: 0; list-style: decimal-leading-zero }

.tooplate_list li { color:#302d26; margin: 0 0 10px 0; padding: 0 5px 0 0; background: url(images/tooplate_list.png) no-repeat scroll 0 5px  }

.tooplate_list li a { color: #302d26; font-weight: normal }

.tooplate_list li a:hover { color: #302d26 }



#tooplate_wrapper {

	width: 960px;

	padding: 0 10px;

	margin: 0 auto;

}



#tooplate_sidebar {

	position: fixed;

	width: 240px;

	text-align: right;

}

.tooplate_sidebar_inner {
	height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
	-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.tooplate_sidebar_inner::-webkit-scrollbar {
	display: none;
  }


#tooplate_main {

	width: 650px;

	padding: 60px 30px 60px 40px;

	float: right;

}



#site_title {

	display: block;

	text-align: right;

	margin: 0px 0 0px;

	width: 220px;

	height: 1px;

	padding: 20px 10px;

	background-repeat: no-repeat;

}

#site_title a { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; color: #fff }

#site_title a span { display: block; margin-top: 5px; font-size: 12px; font-weight: 400; font-family: Tahoma, Geneva, sans-serif }



#tooplate_menu {

	width: 240px;

	margin-bottom: 20px;

}

#tooplate_menu ul { margin: 0; padding: 0; list-style: none }

#tooplate_menu ul li { margin: 0; padding: 0; }

#tooplate_menu ul li a {

	clear: both;

	display: block;

	float: right;

	position: relative;

	margin-bottom: 10px;

	letter-spacing: 3px;

	color: #432329;

	text-shadow: 1px 1px 1px #a46d77;

	height: 39px;

	line-height: 39px;

	background:url(images/tooplate_menu_item_bgl.png) left no-repeat;

	padding-top: 0;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 30px;

}

#tooplate_menu ul li a span { position: absolute; width: 3px; height: 39px; top: 0; right: 0px; background: url(images/tooplate_menu_item_bgr.png) }



#tooplate_menu ul li a:hover { text-decoration: none; color: #fff; text-shadow: 1px 1px 1px #000 }



#tooplate_main h1 { font-size: 38px; padding-bottom: 30px; margin-bottom: 30px; background: url(images/header.png) repeat-x bottom }



.main_box {

	min-height: 600px;

	margin-bottom: 30px;

	background: url(images/divider.png) repeat-x bottom;

	padding-top: 34px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 0;

	text-align: left;

}



.img_float_l {

	float: left;

	margin: 3px 10px 5px 0

}

.img_float_r { float: right; margin: 3px 0 5px 30px } 

.img_frame {

	border: 5px solid #827863;

	background: #a8a08e;

	padding: 0px;

	margin-bottom: 0px

}



#gallery { margin: 0; padding: 0; list-style: none }

#gallery li { margin: 0; padding: 0; }

#gallery li a { display: block; float: left; margin-bottom: 10px }



#services h3 { margin-bottom: 30px }

#services p { margin-bottom: 30px }



#contact_form { padding: 0; width: 300px }

#contact_form form { margin: 0px; padding: 0px; }

#contact_form form .input_field { width: 289px; padding: 2px 5px; color: #333; border: 1px solid #887e69;  background: #a59c89; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

#contact_form form label { display: block;font-size: 11px }

#contact_form form textarea { width: 289px; height: 150px; padding: 5px; color: #333; border: 1px solid #887e69;  background: #a59c89; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; }

#contact_form form .submit_btn { font-size: 11px; background: #15171d; color: #fff; cursor:pointer; border: 1px solid #30333c; padding: 4px 10px; }



#twitter { 

	padding-right: 10px;

}

#twitter ul { margin: 0; padding: 0; list-style: none } 

#twitter ul li { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px dashed #665f51} 



.col_12 { width: 300px }

.emphasize {

	font-style: italic;

}