@import url("alkmenu.css");

body
{
margin: 0; padding: 0;
background: #000000 url("../images/pagebg.gif") fixed;
font-family: Arial, sans-serif;
text-align: justify;
}

/* PAGE BORDER SIZES ARE:

TOP    775x27
MIDDLE 775x10
BOTTOM 775x33

*/

#page
{
width: 775px;
background-image: url("../images/pagemiddle.gif");
background-repeat: repeat-y;
margin: 0 auto;
padding: 0;
}

#header
{
width: 800px;
background: url("../images/pagetop.gif") no-repeat top left;
height: 27px;
}

div#footer
{
width: 800px;
background: url('../images/pagebottom.gif') no-repeat bottom left;
height: 110px;
text-align: center;
margin-top: 102px;
}

div#footer a,span#copyright
{
position: relative;
top: 50px;
margin: 0 20px;
color: #aaa;
text-decoration: none;
font-size: 0.8em;
}

div#footer a:hover
{
color: #000;
}

span#copyright
{
color: #ccc;
padding: 10px;
display:block;
font-size: 0.7em;
}

#logo       
{ 
height: 125px;
background: url("../images/logobackground/rotate.php") no-repeat;
margin: 0 40px 0 40px;
}

#logo img   
{ 
position: relative; 
top: 4px; 
left: 12px; 
border: 0;
}

#content
{
margin: 0 40px;
}

#content a img
{
margin: 0 0 0 12px; 
padding: 2px;
float: right;
border: 1px solid #fff;
clear: right;
}

html>body #content a:hover img
{
border: 1px solid #999;
}

span.captionimage
{
float: right;
margin: 0 0 4px 0;
width: 135px;
text-align: center;
}

span.captionimage a
{
display: block;
font-size: 0.7em;
color: #779;
text-decoration: none;
}

span.captionimage a:hover
{
color: #227;
}

#breadcrumbs
{ 
margin: 10px;
color: #777;
font-size: 0.7em;
}

/* BEGIN SERVICES LIST */

ul#services
{
margin: 0 230px 0 20px; 
padding: 0;
background: url('../images/dot.gif') 444px 0 repeat-y;
}

ul#services li
{ 
list-style-type: none;
display: block;
}

ul#services h2, ul#services h3
{
background: url('../images/hbullet.gif') 2px 21px no-repeat;
margin: 0;
}

ul#services h2 a
{
margin: 0 0 0 20px;
padding: 17px 0 0 4px;
display: block;
color: #558;
font-size: 0.7em;
font-weight: normal;
text-decoration: none;
background: url('../images/dot.gif') 0 35px repeat-x;
}

html>body ul#services h2 a
{
padding-top: 16px;
}

ul#services h2 a:hover
{
color: #008;
background-color: #ccd;
}

ul#services div
{
margin: 0 24px;
padding-bottom: 40px;
display: none;
}

ul#services ul
{
margin: 20px 0 0 0;
padding: 0;
}

ul#services div h3
{
padding-top: 3px;
height: 16px;
line-height: 0.5em;
background-position: 2px 2px;
}

html>body ul#services div h3
{
padding-top: 0;
}

ul#services div h3 a
{
color: #779;
text-decoration: none;
margin: 0 0 0 18px; 
font-size: 0.7em;
font-weight: bold;
background: none;
}

ul#services div h3 a:hover
{
color: #008;
background: none;
text-decoration: underline;
}

ul#services li li
{
font-size: 0.8em;
}

p a
{
display: inline;
font-size: 1em;
font-weight: normal;
margin: 0;
color: #33b;
text-decoration: none;
}

p a:hover
{
text-decoration: underline;
color: #007;
}

ul#services li a.close
{
margin: 0; padding: 0;
float: right;
color: #777;
font-size: 0.8em;
font-weight: normal;
text-decoration: none;
}

ul#services li a.close:hover
{
color: #000;
text-decoration: none;
}


/* END SERVICES LIST */



span.explanation
{
position: absolute;
display: none;
font-size: 0.8em;
width: 210px;
background-color: #ddd;
color: #333;
padding: 6px;
border: 1px dotted #999;
}

span.explanation em
{
font-size: 0.85em;
font-style: normal;
color: #777;
margin-top: 8px;
float: right;
}

span.explanation img
{
float: right;
margin: 0 0 6px 6px;
}

div#specialtyDIV div, div#comspecialDIV div
{
display: block;
margin: 20px 0 20px 0;
padding: 0 0 10px 0;
}

div#keylessexDIV div
{
display: block;
margin: 0;
padding: 20px 0 20px 0;
height: 140px;
}

p
{
font-size: 1em;
}

h4
{
color: #955;
font-size: 1em;
font-weight: normal;
background: url('../images/dot.gif') bottom repeat-x;
margin: 0 140px 0 0;
text-decoration: none;
border: none;
}

h5
{
color: #669;

font-size: 0.8em;
margin: 0;
background: url('../images/dot.gif') bottom repeat-x;
}

div#keylessexDIV h4 a
{
color: #955;
text-decoration: none;
display: block;
}

div#keylessexDIV h4 a:hover
{
color: #722;
text-decoration: none;
background: #eee url('../images/dot.gif') bottom repeat-x;
}

div#keylessexDIV ul
{
margin: 10px 140px 0 0;
}

div#nolist
{
margin: 20px 200px 20px 20px;
padding: 0 30px 20px 20px;
background: url('../images/dot.gif') right repeat-y;
}

div#nolist div
{
margin: 30px 50px 10px 20px;
}

div#nolist div p
{
margin: 8px 0px 16px 0px;
font-size: 0.9em;
}

div#nolist ul
{
list-style-type: none;
}

div#flash
{
float: right;
margin: 0 10px;
background-color: #000;
width: 200px;
height: 400px;
border: 1px solid #555;
}

div#contact
{
margin-right: -10px;
float: right;
width: 220px;
position: relative;
line-height: 130%;
}

html>body div#contact
{
margin-right: -20px;
line-height: 120%;
}

div#contact h2
{
margin: 0;
display: inline;
color: #955;
font-size: 0.9em;
font-weight: normal;
}

div#contact h2 a
{
text-decoration: none;
color: #955;
}

div#contact h2 a:hover
{
text-decoration: underline;
}

div#map
{
width: 480px;
height: 400px;
border: 1px solid #777;
}

form
{
margin: 20px;
}

input#submit
{
clear: both;
margin: 20px 0 0 100px;
}

label
{
margin: 0;
float: left;
width: 100px;
}