/*
Carey Moore - Classical Flutist
Atlanta, GA

Site Designed by: New Era Creations (Garry Smith)
http://NewEraCreations.com
*/

body {
background-color: #dbdbdb;
color: #767676;
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 11pt;
}

a {
color: #f2825a;
text-decoration: none;
border-bottom: 1px dashed silver;
padding-bottom: 1px;
}

a:visited {
color: #f2825a;
text-decoration: none;
border-bottom: 1px dashed silver;
padding-bottom: 1px;
}

a:hover, a:active {
color: #6e7c9d;
text-decoration: none;
border-bottom: 1px dashed silver;
padding-bottom: 1px;
}

#topbar {
height: 48px;
width: 100%;
float: left;
background-color: #3a3a3a;
background-image: url('images/topbar-bg.gif');
background-repeat: repeat;
border-bottom: 2px solid #6e7c9d;
}

/* Menu */
#menuwrapper {
margin: auto;
width: 785px;
}
.menu {
position:relative;
}

.menu ul {
color: white;
letter-spacing: 1px;
font-size: 11pt;
font-weight: bold;
list-style-type: none; 
list-style-image: none;
z-index:10; 
position:absolute; 
z-index:100;
}

.menu li {
display: inline;
padding: 0px 7px 0px 7px;
float: left;
}
.menu a, .menu a:visited {
text-decoration:none; 
border-bottom: 0px;
color:#FFF; 
padding: 14px 8px 14px 8px;
}

.menu a:hover, .menu a:active {
display: inline;
color: #6e7c9d;
text-decoration: none;
border: 0px;
}

#slide {
position:absolute; 
top:0px; 
height:48px; 
background:#8f0219; 
background-image: url('images/nav-hover.gif');
background-repeat: repeat-x;
z-index:10;
}
/* End Menu */

#banner {
width: 100%;
background-color: #3f4c6b;
height: 209px;
}
#banner-bar {
width: 100%;
height: 17px;
background-color: #3a3a3a;
background-image: url('images/topbar-bg.gif');
background-repeat: repeat;
border-top: 2px solid #6e7c9d;
border-bottom: 1px dashed white;
}
#banner-wrap {
margin: auto;
width:850px;
}

#banner-img {
position: relative;
z-index: 8;
float: left;
width: 628px;
height: 159px;
}

#noteslower {
width: 175px;
height: 19px;
position: relative;
float: left;
z-index: 9;
top: 159px;
right: 175px;	
opacity:0.4;
filter:alpha(opacity=40);
}
#careymoore {
position: absolute;
    top: 10px;
    left: 50%;
    margin-left: 200px;
float: right;
z-index: 10;
right: 0px;
width: 195px;
height: 218px;
}
#wrapper {
margin: auto;
width: 828px;
}
#lowerbg {
background-image: url('images/background-grad.jpg');
background-repeat: repeat-x;
background-color: #dbdbdb;
width: 100%;
height: 231px;
}
#content {
padding: 0px;
width: 828px;
float: left;
border-left: 1px solid silver;
border-right: 1px solid silver;
background-color: white;
}

#content img {
border: 1px dotted gray;
padding: 4px;
margin: 8px;
}

#contentwrapper {
padding: 10px 10px 10px 10px;
float: left;
}

#leftside {
width: 382px;
float: left;
padding: 8px 20px 10px 0px;
border-right: 1px dashed silver;
}

#rightside {
width: 382px;
float:right;
padding: 8px 0px 10px 20px;
}

#center {
float: left;
width: 768px;
padding: 0px 20px 0px 20px;
}

#homepara {
font-size: 16pt;
letter-spacing: 3px;
text-align: right;
line-height: 27pt;
}
#homepara p:first-letter 
{
color: #f2825a;
font-size:xx-large;
}

#biotext {
float: left;
font-size: 12pt;
letter-spacing: 1px;
line-height: 15pt;
}
#biotext  p {
text-indent:10px
}
#biotext p:first-letter {
color: #f2825a;
font-size:x-large;
}
#servicesintro {
text-indent:10px;
font-size: 13pt;
line-height: 15pt;
}
#servicesintro p:first-letter {
color: #f2825a;
font-size:x-large;
}
.servicesbox {
padding: 15px;
margin: 5px 0px 7px 0px;
border: 1px dashed gray;
float: left;
width: 728px;
}
.servicesbox img {
float: left;
width: 300px;
height: 200px;
}
.servicesbox .right {
float: right;
color: #595959;
width: 400px;
}
.servicesbox h2 {
color: #f2825a;
margin-top: 4px;
margin-bottom: 0px;
}
.servicesbox:hover {
background-color: #eeeeee;
}
#thankyoupara {
font-size: 13pt;
line-height: 19pt;
text-align: right;
margin-top: 15px;
}
#form_box {
background: #e0e0e0;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
padding: 15px;
}
#form_box div {
padding: 8px;
border-bottom: 1px dotted silver;
}
#form_box div:hover {
background-color: #3f4c6b;
color: white;
}
#form_box input {
padding: 4px;
}
#form_box p {
padding: 0px;
margin: 0px 0px 4px 0px;
}
#form_box h2 {
color: #f2825a;
margin: 4px 0px 4px 0px;
border-bottom: 1px dotted gray;
padding-bottom: 3px;
}
#mailform {
margin-top: 10px;
color: #3f4c6b;
padding: 20px;
border: 1px dotted silver;
background-color: white;
}
#footer {
width: 790px;
height: 18px;
margin: auto;
background-color: #3b3b3b;
border-top: 1px dashed silver;
padding: 10px 20px 10px 20px;
font-size: 10pt;
color: silver;
float: left;
}

#footer #copyright {
float: left;
width: 382px;
}

#footer #designby {
text-align: right;
float: right;
width: 382px;
color: gray;
}