/* CSS for betooned */

body {
font-size:12px;
line-height: 18px;
background-color: rgb(0,0,0);
color:rgb(246,185,55);
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
}

p{
margin-bottom:18px;
}
:focus {
	outline: 0;
}

#site{
position:relative;
max-width:1070px;
margin-left:auto;
margin-right:auto;
margin:0 auto;
z-index: 0;
display: block;
}

#title {
width:959px;
margin-left:auto;
margin-right:auto;
z-index: 0;
}

#clicktxt{
font-size:12px;
width:260px;
margin-left:auto;
margin-right:auto;
z-index: 0;
}

/*gallery stuff here*/

#gallerybox {
position:relative;
width:1056px;
margin-left:auto;
margin-right:auto;
z-index:12;
}

#leftside {
background-image: url('img/galleryleftside.png');
background-repeat:no-repeat;
width:74px;
height:142px;
top: 0px;
float:left;
}

#gallerycontainer {
width:907px;
height:135px;
float:left;
border-top-style:solid;
border-top-color:rgb(208,159,12);
border-bottom-style:solid;
border-bottom-color:rgb(208,159,12);
 /* Add scroll-bars */
overflow: auto;
}

#rightside {
background-image: url('img/galleryrightside.png');
background-repeat:no-repeat;
width:75px;
height:142px;
top: 0;
float:right;
}

/*slider - also includes gallerycontainer*/

ul#BsliderUl {
  display: block;
  height: 130px;
  /* Max width here, for users without Javascript */
  width: 2500px;
  padding: 0px 0 0 15px;
  /* Remove default margin */
  margin:0;
  margin-top:4px;
  list-style: none;
}
#BsliderUl li {
  display: block;
  float: left;
  padding: 3px 3px;
}
#BsliderUl img {
   -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

img.hilite { background-image:url('bimages/highlite_thumb.png');
background-repeat:no-repeat;}
/*end of gallery css*/

#site2 {
clear:both;
position:relative;
width:1070px;
margin-left:auto;
margin-right:auto;
}

#shinySwirl {
width:557px;
margin-left:auto;
margin-right:auto;
z-index: 0;
}

#medbox1 {
background-image: url('img/medbox.png');
background-repeat:no-repeat;
position: absolute;
width: 256px;
height:504px;
top:10px;
left:50px;
z-index:1;
}

#menu {
width: 256px;
height:504px;
z-index: 2;
padding-top:100px;
padding-left:44px;
}

#medlongbox1 {
position:absolute;
background-image: url('img/medlongbox.png');
background-repeat:no-repeat;
width: 256px;
height:700px;
top:0px;
left:50px;
z-index: 1;
padding-top:0px;
}

#home_butt{
background-image: url('img/menu/home_selected_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px; 
}

#home_button a:hover
{
background-image: url('img/menu/home_hover_butt.png');
}


#home_button a{
background-image: url('img/menu/home_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px; 
display:block;
border:0;
}

#templates_butt a{
background-image: url('img/menu/templates_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px;
display:block;
}

#templates_butt a:hover
{
background-image: url('img/menu/templates_hover_butt.png');
}

#templates_button{
background-image: url('img/menu/templates_selected_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px;
}

#order_butt {
background-image: url('img/menu/order_selected_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px;
}

#order_button a:hover
{
background-image: url('img/menu/order_hover_butt.png');
}

#order_button a{
background-image: url('img/menu/order_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px;
display:block;
}

#about_butt{
background-image: url('img/menu/about_selected_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px;
}

#about_button a:hover
{
background-image: url('img/menu/about_hover_butt.png');
}

#about_button a{
background-image: url('img/menu/about_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px;
display:block;
}

#services_butt a{
background-image: url('img/menu/services_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px;
display:block;
}

#services_butt a:hover
{
background-image: url('img/menu/services_hover_butt.png');
}

#services_button {
background-image: url('img/menu/services_selected_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px;
display:block;
}

#contact_butt{
background-image: url('img/menu/contact_selected_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px;
}

#contact_button a:hover
{
background-image: url('img/menu/contact_hover_butt.png');
}

#contact_button a{
background-image: url('img/menu/contact_butt.png');
background-repeat:no-repeat;
z-index: 3;
width:164px;
height:46px;
padding-bottom:6px;
display:block;
}

#picbox {
position:absolute;
width: 477px;
z-index: 10;
top:10px;
left:272px;
}

#medbox3 {
position:absolute;
background-image: url('img/lrgbox.png');
background-repeat:no-repeat;
width: 422px;
height:700px;
top:0px;
right:324px;
z-index: 1;
}

#servicestxt{
position:relative;
font-size: 1em;
text-align: left;
width: 380px;
z-index: 2;
padding: 100px 20px;
}

#orderform {
position:relative;
font-size: 1em;
text-align: left;
width: 352px;
z-index: 4;
padding: 60px 30px 10px 40px;
}

#contactform {
position:relative;
font-size: 1em;
text-align: left;
width: 362px;
z-index: 4;
padding: 100px 30px;
}


#medbox2 {
position:absolute;
background-image: url('img/medbox.png');
background-repeat:no-repeat;
width: 256px;
height:504px;
top:10px;
right:50px;
z-index: 1;
}

#medbox2txt {
position:relative;
font-size: 1em;
text-align: left;
width: 216px;
z-index: 2;
padding-top:72px;
padding-bottom:80px;
padding-right:20px;
padding-left:20px;
}

#medlongbox2 {
position:absolute;
background-image: url('img/medlongbox.png');
background-repeat:no-repeat;
width: 256px;
height:700px;
top:0px;
right:50px;
z-index: 1;
}

#bottombox {
background-image: url('img/bottombox.png');
background-repeat:no-repeat;
position: absolute;
width: 956px;
height:36px;
top:520px;
left:60px;
z-index: 5;
padding-top:12px;
padding-bottom:12px;
text-align: center;
}

#bottombox2 {
background-image: url('img/bottombox.png');
background-repeat:no-repeat;
position: absolute;
width: 956px;
top:720px;
left:60px;
z-index: 5;
padding-top:12px;
padding-bottom:12px;
text-align: center;
height:36px;
}

#bottombox3 {
background-image: url('img/bottombox.png');
background-repeat:no-repeat;
position: absolute;
width: 956px;
top:920px;
left:60px;
z-index: 5;
padding-top:12px;
padding-bottom:12px;
text-align: center;
height:36px;
}

input{
background-color: #50300e;
color: rgb(246,185,55);
background: #50300e;
border: 1px solid #7c5d09;
}

select {
background-color: #50300e;
color: rgb(246,185,55);
background: #50300e;
border: 1px solid #7c5d09;
}

#vform #vis{
display: block;
width: 15em;
}
#vform label{
display: block;
margin-bottom: .5em;
font-weight: bold;
}
#vform label.first{
padding-top: 1em;
}
#vform textarea {
background-color: #50300e;
color: rgb(246,185,55);
background: #50300e;
border: 1px solid #7c5d09;
}
#vform #submit{
margin-top: 1em;
float:right;
}
#vform fieldset{
border: 0px solid #7c5d09;
}

#msg{
font-size:small;
color: rgb(1,219,52);
font-style:italic;
font-weight:bold;
}