@charset "UTF-8";
/* CSS Document */

<style>

body {
height: 100%;
background-image: url(images/bg2.png) repeat-y center;
padding: 0px;
margin: 0px;
}

#topbanner {
width: 860px;
height: 150px;
background-image: url(images/topbanner.png);
position: relative;
top: 0px;
left: 0px;
}

#contentarea {
height: 350px;
width: 860px;
background-color: #FFF5E8;
}

#leftcontents {
height: 350px;
width: 480px;
position: relative;
float: left;
display: inline;
background-color: #FFF5E8;
}

#rightcontents {
height: 350px;
width: 380px;
position: relative;
float: left;
display: inline;
background: url(images/studio.png) no-repeat center;
}

#welcomemsg {
height: 200px;
width: 380px;
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
font-family: verdana, geneva, arial;
font-size: 13px;
color: #3B1707;
}

#aboutmsg {
height: 250px;
width: 380px;
padding-top: 20px;
padding-left: 50px;
padding-right: 40px;
font-family: verdana, geneva, arial;
font-size: 13px;
color: #3B1707;
}

#aboutmsg a {
color: #3B1707;
text-decoration: underline;
}

#aboutmsg a:visited{
color: #8A4207;
}

#servicesmsg {
height: 250px;
width: 380px;
padding-top: 20px;
padding-left: 50px;
padding-right: 50px;
font-family: verdana, geneva, arial;
font-size: 13px;
color: #3B1707;
}

#contactaddy {
height: 250px;
width: 380px;
padding-top: 10px;
padding-left: 50px;
font-family: verdana, geneva, arial;
font-size: 13px;
color: #3B1707;
}

#contactaddy a {
color: #3B1707;
text-decoration: underline;
}

#contactaddy a:visited{
color: #8A4207;
}



#formstyle {
height: auto;
width: auto;
font-family: verdana, geneva, arial;
font-size: 13px;
color: #3B1707;
text-align: justify;
padding-top: 20px;
padding-left: 25px;
padding-right: 20px;
}

.welcomeimage {
float: right;
margin-left: 7px;
margin-bottom: 7px;
}

.welcomesig {
text-align: right;
}

#nav {
height: 34px;
width: 810px;
background-image: url(images/navbg.png);
background-color: #FFF5E8;
padding-right: 50px;
}


#home a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/homeoff.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}

#home a:hover {
background: url(images/homeon.png) no-repeat center;
}

#homeon a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/homeon.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}


#process a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/processoff.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}

#process a:hover {
background: url(images/processon.png) no-repeat center;
}

#processon a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/processon.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}


#profile a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/profileoff.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}

#profile a:hover {
background: url(images/profileon.png) no-repeat center;
}

#profileon a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/profileon.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}

#extras a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/extrasoff.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}

#extras a:hover {
background: url(images/extrason.png) no-repeat center;
}

#extrason a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/extrason.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}

#services a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/servicesoff.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}

#services a:hover {
background: url(images/serviceson.png) no-repeat center;
}

#serviceson a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/serviceson.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}


#music a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/musicoff.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}

#music a:hover {
background: url(images/musicon.png) no-repeat center;
}

#musicon a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/musicon.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}


#contact a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/contactoff.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}

#contact a:hover {
background: url(images/contacton.png) no-repeat center;
}

#contacton a {
margin-top: 10px;
height: 17px;
width: 60px;
background: url(images/contacton.png) no-repeat center;
position: relative;
float: right;
display: inline;
padding-left: 50px;
}

#footer {
height: 210px;
width: 860px;
background-color: #8A9B43;
position: absolute;
}



</style>