/* Default Styles */
body {
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    background-color: black;
    padding: 0px;    
    color: white;
}

a:link              { color:blue; text-decoration:none; }
a:visited           { color:blue; text-decoration:none; }
a:hover             { color:blue; text-decoration:underline; }
a:active            { color:blue; text-decoration:none; }

a img { border: none ; }

div#main {
    border: 0px solid green;
    text-align: left;
    margin: 0 auto;
    width: 800px;
    background-color: black;
}

div.space {
    width: 1px;
    height: 75px;
}

div.bigspace {
    width: 1px;
    height: 550px;
}

/* End of Default Styles */

/* Banner Styles */
div#banner 
{
   border: 0px solid green;
   height: 100px;
}

img#img-banner-top {
   border: 0px solid green;
   margin-bottom: 0px;
   padding: 0px;
   vertical-align: bottom;
}

img#img-banner-bottom {
   border: 0px solid green;
   margin: 0px;
   padding: 0px;
}

div#banner-top {
    border: 0px solid red; 
    margin: 0px;
    padding: 0px;
    width: 530px;           
}

div#banner-bottom {
    border: 0px solid red;
    margin: 0px;
    padding: 0px;
    width: 75px;
    float: left;
}
/* End of Banner Styles */

/* Navigation Styles */
div#navigation {
    border: 0px solid red;
    word-spacing: 20px;
    text-align: center;
    font-size: 18px;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-style: italic;
    text-transform: lowercase;
    margin: 0px;
    padding: 0px;
    float: left;
}

#navigation ul {
    margin: 0px;  
    padding: 0px; 
	list-style-type: none; 
    list-style-image: none;
}

#navigation li {
    display: inline; 
}

#navigation ul li a {
    text-decoration: none; 
    margin: 0px;
	padding: 0px; 
    color: #f8fec0;
}

#navigation ul li a:hover {
    color: blue; 
}
/*  End of Navigation Styles */

/* Home Page */
div#content
{
    border: 0px solid blue;
    width: 850px;
    height: 550px;
    float: left;
}

div#content-text, div#content-text-comic
{
    margin-left: 10px;
    margin-top: 25px;
    border: 0px solid red;
    width: 550px;
    vertical-align: top;
    text-align: left;
    float: left;
}

div#content-text-comic 
{
    font-family: comic SANS ms;
    font-size: 14px;
}

div#content-text h1 
{
    font-size: 18px;
    font-family: Verdana;
    font-style: italic;
    text-align: left;
}

div#content-text p
{
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    border: 0px solid pink;
}

img#homepage-image 
{
    border: 0px solid green;
    margin-right: 10px;
    float: left;
}
/* End of Home Page */

/* What's New on Home Page */
div#whatsnew, div#whatsneweaster, div#whatsnewedding, div#whatsnewbusiness, div#whatsnewgraduation {
    margin-top: -50px;
    border: 0px solid green;
    width: 200px;
    height: 500px;
    background: url("../images/background-girl-homepage.gif") no-repeat;
    float: left;
}

div#whatsnewbusiness
{
   background: url("../images/background_business.jpg") no-repeat;
}

div#whatsnewgraduation
{
   width: 290px;
   background: url("../images/background_grad.JPG") no-repeat;
}

div#whatsnewedding 
{
    width: 290px;
    background: url("../images/background_bride2.jpg") no-repeat;
}

div#whatsneweaster 
{
    width: 280px;
    background: url("../images/background_easter.jpg") no-repeat;
}

div#whatsnew h2 {
    margin-top: 160px;
    margin-left: 30px;
    font-size: 24px;
    font-family: Comic Sans, Comic Sans MS, cursive;
    font-weight: normal;
    font-style: italic;
    color: #f8fec0;
}

div#whatsnew p
{
    margin-left: 30px;
    font-style: italic;
    font-size: 14px;
    font-family: Comic Sans, Comic Sans MS, cursive;
    font-weight: normal;
    color: #f8fec0;
}

div#whatsnew div
{
    margin-left: 30px;
    margin-top: 10px;
}

div#whatsnew a
{
    font-style: italic;
    font-size: 16px;
    font-family: Comic Sans, Comic Sans MS, cursive;
    font-weight: normal;
    color: #f8fec0;    
}

div#whatsnew a:hover 
{
    color: blue;
    text-decoration: none;
}
/* End of What's New on Home Page */


/* Gallery Styles */
div#mainContainer h1 
{
    border: 0px solid red;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    font-family: Verdana;
    margin-left: 22px;
}
/* End of Gallery Styles */

div #footer {
    margin: 0px;
    text-align: center;
    width: 800px;
    font-size: 10px;
    float: left;
    padding: 5px;
}

div #footerleft {
    width: 33%;
    text-align: left; 
    float: left;   
}

div #footercenter {
    width: 33%;
    text-align: center;
    float: left;
}

div #footerright {
    width: 34%;
    text-align: right;
    float: left;
}

.floatright
{
    float: right;
    margin: 0 0 10px 10px;
    border: 1px solid #666;
    padding: 2px;
}

.floatleft
{
   float: left;
   margin: 3px 3px 3px 3px;
}

.clear 
{
    clear: both;
}

/* Styles for portraits.html */
.portfolio-image-left {
    margin-left: 50px;
    border: 0px solid black;
    float: left;
    padding: 0;
}

.portfolio-image-middle {
    border: 0px solid black;
    float: left;
}

.portfolio-image-right {
    border: 0px solid black;
    float: left;    
}
/* End of portrait.html styles */

/* Biography styles */
.content-bio {
    font-family: Arial;
    font-size: 16px;
    width: 350px;
    padding-top: 0px;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.content-bio-p {
    text-align: justify;
}
/* End of biography styles */

/* Start of Contact Styles */
div#contact-content {
    font-family: Arial;
    font-size: 14px;
    width: 760px;
    margin-left: 20px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 5px;
}

div#contact-content h1 {
    font-family: Verdana;
    margin: 0px;
    font-size: 16px;
}

div#contact-content h2 {
   padding-bottom: 10px;
   font-family: Verdana;
   margin: 0px;
   font-size: 14px
}

.contactlabel {                 
    font-weight: bold;
    text-align: left;
}

.contactdata {

}

div#contact-content td {
    font-size: 12px;
}

div#contact-content-left {
    float: left;

    width: 150px;
}

div#contact-content-right {
    float: left;
    width: 530px;
    margin-left: 40px;
    padding: 12px;
}

div#maps {

}

img#map-left {
    border: none;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
}

img#map-right {
    border: none;
    float: right;
    margin-left: 20px;
    margin-right: 20px;
}

td.directions {
    padding-top: 5px;
    padding-right: 15px;
}

/* End of Contact Styles */


/* Form Input Styles */
div#schedule-form {
}

div.formlabel {
   font-family: Arial;
   font-size: 12px;
   color: white;                  
}

input.textfield {
   border-style:solid; 
   border-color:#000000; 
   border-width: 1px; 
   background-color: white;
   margin-bottom: 10px;
   width: 300px;
}

textarea.textareafield {
   border-style: solid;
   border-color: #000000;
   border-width: 1px;
   background-color: white;
   margin-bottom: 10px;
   width: 300px;
}

input.btn{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
}
/* End of Form Input Styles */

/* Start of Portolio Image Styles */
a#pets
{
   position: absolute; 
   top: 401px; 
   left: 344px;
   clip: rect(0px 195px 217px 0px); 
}
 

a#pets:hover
{
   clip: rect(0px 400px 217px 196px);
   position: absolute;
   top: 401px;
   left: 149px;
   height: 100%;
   width: 100%;
}

a#modeling
{
   position: absolute; 
   top: 220px; 
   left: 265px; 
   clip: rect(0px 177px 205px 0px)
}

a#modeling:hover
{
   position: absolute;
   top: 220px;
   left: 87px;
   height: 100%;
   width: 100%;
   clip: rect(0px 400px 205px 178px)
}

a#corporate
{ 
   position: absolute; 
   top: 148px; 
   left: 422px; 
   clip: rect(0px 165px 194px 0px)
}

a#corporate:hover
{
   position: absolute;
   top: 148px;
   left: 255px;
   clip: rect(0px 332px 194px 167px);
   height: 100%;
   width: 100%;
}

a#tiny_tots
{
   position: absolute; 
   top: 239px; 
   left: 699px; 
   clip: rect(0px 188px 209px 0px)
}

a#tiny_tots:hover
{
   position: absolute;
   top: 239px;
   left: 511px;
   clip: rect(0px 377px 209px 188px);
   height: 100%;
   width: 100%;   
}

a#wedding
{
   position: absolute; 
   top: 128px; 
   left: 578px; 
   clip: rect(0px 196px 228px 0px)
}

a#wedding:hover
{
   position: absolute;
   top: 128px;
   left: 381px;
   clip: rect(0px 393px 228px 198px);
   height: 100%;
   width: 100%;   
}

a#lifestyle
{
   position: absolute;
   top: 333px;
   left: 489px;
   clip: rect(0px 168px 191px 0px)   
}

a#lifestyle:hover
{
   position: absolute;
   top: 333px;
   left: 321px;
   clip: rect(0px 356px 191px 169px);
   height: 100%;
   width: 100%;   
}

a#sports
{
   position: absolute;
   top: 417px;
   left: 644px;
   clip: rect(0px 172px 195px 0px)
}

a#sports:hover
{
   position: absolute;
   top: 417px;
   left: 471px;
   clip: rect(0px 346px 195px 173px);
   height: 100%;
   width: 100%;
}
/* End of Portfolio Image Styles */

/* Styles for Specials Content */
div#specials-content {
   margin-top: 25px;
   width: 400px;         
   margin-left: 100px;           
}
/* End of Styles for Specials Content */

div.centerdiv {
   text-align: center;
}

p#fineprint {
   font-family: Arial !important;
   font-size: 10px !important;
}

.pdf_caption {
   font-family: comic SANS ms !important;
   font-size: 14px !important;
   font-weight: bold;
}