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

body{
font-size: 12px;
font-family: verdana, "trebuchet MS", sans-serif; 
text-align:center;
background-color:black;
line-height:2em;
}

#container{
margin:auto;
width:740px;
text-align:left;
background-color:white;
}

#content{
padding: 30px 40px 30px 40px;
}

#header{
height:150px;
width:736px;
margin:auto;
text-align:center;
background-color:black;
color:white;
border:2px white solid;
}

#header img.logo{
border-right:2px white solid;
}

#headerright{
float:right;
margin-top:16px;
}

/*appointment button top*/
#appointmenttop{
background-color:red;
text-decoration:none;
font-size:18px;
line-height:50px;
font-weight:bold;
color:white;
width:446px;
height:50px;
border-top:2px white solid;
margin-top:10px;
padding:0px;
}

#appointmenttop:hover{
background-color:#fb6f6f;
color:black;
text-decoration:none;
}
/*appointment button bottom*/
#appointmentbottom
{
margin-left:auto;
margin-right:auto;
margin-top:10px;
display:block;
background-color:red;
text-decoration:none;
font-size:18px;
text-align:center;
line-height:50px;
font-weight:bold;
color:white;
width:446px;
height:50px;
border:1px black solid;
}

#appointmentbottom:visited{
text-decoration:none;
}


#appointmentbottom:hover
{
background-color:#fb6f6f;
color:black;
text-decoration:none;
}

/*for ie8*/
.nounderline{
text-decoration:none;
}

.inset{
border:2px inset #363636;
}

.header1{
font-size: 12pt;
font-weight:bold;
}

#navigation{
font-size:11px;
background-color:white;
}

/*secondary nav list*/
#navigation div{
margin-left:8px;
}

#navigation div a{
color:black;
}

#navigation div a:hover{
text-decoration:none;
}

#navigation ul{
margin-left:4px;
padding:0px;
}

#navigation ul li{
display:inline;
list-style-type:none;
margin:auto;
}

#navigation ul li a{
padding: 4px 13px;
background-color:black;
color:white;
text-decoration:none;
}

#navigation ul li a:hover{
padding: 4px 13px;
background-color:white;
color:black;
text-decoration:none;
}

#navigation ul li#active a{
padding: 4px 19px;
background-color:white;
color:black;
text-decoration:none;
}




#rightmain{
float:right;

width:400px;

}

#bottommain{
clear:both;
border:3px black solid;
margin:30px;
}

#bottommain img{
margin:6px 30px;
border: 1px black solid;
}

#upgrades{
clear:both;
border:3px black solid;
margin:30px;
padding-left:20px;
padding-right:20px;
}

#forsale{
/*background-image: url('images/buffet2.jpg');*/
}

#overhaulsbg{
background-image:url('http://www.clarinet-repairs.com/1962r13after2.jpg');
background-repeat:no-repeat;
width:560px;
height:900px;
border:1px solid black;
margin-left:auto;
margin-right:auto;
}

#overhaulsbg ul{
list-style-type:disc;
}

#overhaulsbg ul.left{
margin-left:20px;
}

#gallery img{
border:1px solid black;
margin:20px;
}


#footer{
color:white;
clear:both;
background-color:black;
text-align:center;
padding:10px;
}

.left{
float:left;
}

img.left{
padding:10px;
}

.right{
float:right;
margin:20px;
}

.center
{
text-align:center;
clear:both;
}

.largelink{
font-size:13px;
font-weight:bold;
padding-top:10px;
text-align:center;
}

#mainlinks{
margin-top:24px;
}

.centercolumn{
margin-left:auto;
margin-right:auto;
width:550px;
}

.clear{
clear:both;
}

.caption{
text-align:center;
}

.spaced{
margin-bottom:30px;
}

.bold{
font-weight:bold;
text-align:center;
}

.quote{
font-style:italic;
font-weight:bold;
}

/*primary html elements*/

ul{
list-style-type:square;
/*margin: 10px 44px 10px 0px;*/
}

p{
padding-bottom:10px;
}

p.column{

}

h1{
font-variant:small-caps;
font-size:16px;
margin-bottom:10px;
}

h2{
font-variant:small-caps;
font-size:14px;
}

h3
{
font-variant:small-caps;
font-size:14px;
}

h4
{
font:16px times;
font-weight:bold;
}


#contactbutton
{
padding:6px;
position:absolute;
top:105px;
left:720px;
z-index:3;
}

#contactbutton a
{
background-color:FF3300;
border:1px solid white;
padding:5px;
font: small-caps 14px white times;
color:white;
text-decoration:none;
}

#contactbutton a:hover
{
border:1px dotted white;
font-weight:bold;
}

#contactbutton2
{

padding:6px;
position:absolute;
top:1260px;
left:720px;
z-index:3;
}

#contactbutton2 a
{
background-color:FF3300;
border:1px solid white;
padding:5px;
font: small-caps 14px white times;
color:white;
text-decoration:none;
}

#contactbutton2 a:hover
{
border:1px dotted white;
font-weight:bold;
}

/*tables*/
/*overhauls tables*/
table.right{
border:none;
float:right;
width:200px;	
}

table.right-margin{
border:none;
float:right;
width:260px;
margin-right:20px;
}

table.right-margin td{
	border:none;
}

table.right td{
	border:none;
}

table.right tr:hover
{
background-color:transparent;
text-decoration:none;
}

table
{
border:2px solid black;
width:540px;
margin:auto;
margin-bottom:10px;
}

table#about{
width:660px;
padding:2px;
border-collapse:collapse;
}

table#about td{
border-bottom:none;
border-left:none;
border-right:none;
border-top:1px dotted black;
}

td
{
border:1px dotted black;
}

#content td a
{
text-decoration:none;
color:#0000ff;
}

#content td a:hover
{
text-decoration:none;
}

tr:hover
{
background-color:#cecece;
text-decoration:none;
}

/*supplies*/
#cart{
margin-bottom:10px;
}

table#supplies
{
border:2px solid black;
width:660px;
margin:auto;
border-collapse:collapse;

}

table#supplies td{
height:140px;
border-bottom:2px solid black;
margin:0px;
padding:2px;
}

#supplies td{
border:none;
}

.greyrow{
background-color:#cecece;
}

.wide{
width:230px;
}

/*8/28/2010*/
.centercolumn-repairs{
margin-left:auto;
margin-right:auto;
width:550px;
}

.column-center
{
margin-left:220px;	
}

.topmargin
{
margin-top:12px;
}
/*8/28/2010*/