body 
{
    margin: 0px 0px 30px 0px;;
    padding: 0px 0px 0px 0px;
    background-color: #000000;
    text-align: center;
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
/* Containers */
#content { text-align: justify; }
#content .bodyText  
{
    padding: 0px 40px; 
    margin-bottom: 2em; 
    text-align: justify;
    font-family: Comic Sans MS;
    font-size: 1.1em;
    font-style: normal;
    color : #000000;
}
#content .bodyText a { color: #F9DE15; }
#content .bodyText a:hover { color: #000000; text-decoration: underline; }
#content .MessageBoxHeader
{
    font-family: Comic Sans MS;
    font-size: 1.4em;
    padding: 4px 10px; 
}
#content .MessageBoxHeader#lblContactThanks
{
    font-family: Comic Sans MS;
    font-size: 1.6em;
    padding: 10px 50px; 
    color: #F9DE15;
    width: 100%;
    margin: auto;
}

#content h1
{
    font-size: 4em;
    font-family: Comic Sans MS;
    text-align: center;
    padding: 0px;
    }
#content .h1Class
{
    
    }
#aSide { float: right; }
#header-home, #header-gallery, #sub-header { margin-right:auto; margin-left:auto; display: block; }
#footer { margin-right:auto; margin-left:auto; padding-top: 20px; display: block; }

/* Page structures */
.hsHome #content 
{
    width: 880px;
    background-image: url('ui/Background_Sunshine_480x194.jpg');
    background-position: 350px 144px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    display: inline-block;
}
.hsGallery #content 
{
    width: 880px;
    background-image: url('');
    background-color: #ffffff;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;

}
.hsShop #content 
{
    width: 880px;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
}
.hsHome #header-home 
{
    width: 880px;
    height: 178px;
    padding: 0px;
    
}
.hsGallery #header-gallery
{
    width: 880px;
    height: 129px;
    padding: 0px;
}

.hsGallery #header-link img { border: none 0px #fff; }
.hsGallery #header-link:hover img { border: solid 2px #F9DE15; }
.hsGallery #div-back-link a img { margin-right: 818px; margin-top: -71px; border: solid 2px #000000;  }
.hsGallery #div-back-link a:hover img { margin-right: 818px; margin-top: -71px; border: solid 2px #F9DE15; }

.hsHome #footer, .hsGallery #footer, .hsShop #footer
{
    clear: both;
    border-top: solid 1px #fff;
    text-align: center;
    background-color: #fff;
    width: 880px;
    height: 60px;
    display: block;
}
.home #content { width: 70%; }
.home #aSide { width: 30%; }

div.clearboth {
clear:both;
height:0px;
font-size:0px;
line-height:0px;
margin:0px;
padding:0px;
} 

.oneColumn #content { width: 100%; }

/* Navigational Menus */
#menu-home { z-index:5; margin-left: 0px; }
#menu-home ul { padding:0px 0px; }
#menu-home li { list-style-type: none; margin-bottom: 20px; border: solid 0px #000;position: relative; left:0px; top:10px; width: 400px;}
#menu-home li a span, #menu-home li a em { display:none;}
#menu-home li.menu-home-blurb span 
{   
    padding: 0px 0px; 
    text-align: left;
    font-family: Comic Sans MS;
    font-size: 1.0em;
    font-style: normal;
    color : #000000; 
    width: 200%;
    display: block;
}
#menu-home li.menu-home-blurb h1 
{   
    color : #000000; 
    width: 200%;
    display: block;
    font-size: 1.0em;
    font-family: Comic Sans MS;
    text-align: left;
    padding: 0px;
}

#menu-home li#menu-home-gallery a { margin-left: 0px; display:block; height:40px; width:300px; background-position:center top; }
#menu-home li#menu-home-commissions a { margin-left: 0px; display:block; height:40px; width:300px; background-position:center top; }
#menu-home li#menu-home-shop a { margin-left: 0px; display:block; height:40px; width:300px; background-position:center top; }
#menu-home li#menu-home-past a { margin-left: 0px; display:block; height:40px; width:300px; background-position:center top;}

#menu-home li#menu-home-gallery a:hover span { height:40px; width:300px; }
#menu-home li#menu-home-commissions a:hover span { height:40px; width:300px; }
#menu-home li#menu-home-shop a:hover span { height:40px; width:300px; }
#menu-home li#menu-home-past a:hover span { height:40px; width:300px; }

#menu-home li a:hover span { display: block; z-index: 1; background-position:center bottom; background-repeat: no-repeat;   }

#menu-home li#menu-home-gallery a, #menu-home li#menu-home-gallery a:hover span { background-image:url('ui/Home_Nav_Gallery_States.gif'); background-repeat: no-repeat; }
#menu-home li#menu-home-commissions a, #menu-home li#menu-home-commissions a:hover span { background-image:url('ui/Home_Nav_Comissions_States.gif'); background-repeat: no-repeat; }
#menu-home li#menu-home-shop a, #menu-home li#menu-home-shop a:hover span { background-image:url('ui/Home_Nav_Shop_States.gif'); background-repeat: no-repeat;}
#menu-home li#menu-home-past a, #menu-home li#menu-home-past a:hover span { background-image:url('ui/Home_Nav_Past_States.gif'); background-repeat: no-repeat;}

#menu-gallery { z-index:5; }
#menu-gallery ul { padding:0px 0px; }
#menu-gallery li { list-style-type: none; float: left; border: solid 0px #000; padding: 4px 90px; }
#menu-gallery li a img { border: solid 2px #fff; }
#menu-gallery li a:hover img { border: solid 2px #F9DE15; }

#menu-gallery-subpage { z-index:5; }
#menu-gallery-subpage  ul { padding:0px 0px 0px 0px; display: block; }
#menu-gallery-subpage  li { list-style-type: none; float: left; border: solid 0px #000; padding: 4px 4px; }
#menu-gallery-subpage  li a img { border: solid 2px #fff; }
#menu-gallery-subpage  li a:hover img { border: solid 2px #F9DE15; }

.menu-gallery-thumbs { z-index:5; }
.menu-gallery-thumbs  ul { padding:0px 0px 0px 0px; display: block; }
.menu-gallery-thumbs  li { list-style-type: none; float: left; border: solid 0px #000; padding: 4px 4px; }
.menu-gallery-thumbs  li a img { border: solid 2px #fff; }
.menu-gallery-thumbs  li a:hover img { border: solid 2px #F9DE15; }

#menu-commissions { z-index:5; }
#menu-commissions ul { padding:0px 0px; }
#menu-commissions li { list-style-type: none; float: left; border: solid 0px #000; padding: 4px 90px; }
#menu-commissions li a img { border: solid 2px #fff; }
#menu-commissions li a:hover img { border: solid 2px #F9DE15; }

#menu-pprojects { z-index:5; }
#menu-pprojects ul { padding:0px 0px; }
#menu-pprojects li { list-style-type: none; float: left; border: solid 0px #000; padding: 4px 7px; }
#menu-pprojects li a img { border: solid 2px #fff; }
#menu-pprojects li a:hover img { border: solid 2px #F9DE15; }

#menu-shop-bullet { z-index:5; padding: 0px; }
#menu-shop-bullet ul { padding:0px 0px; }
#menu-shop-bullet li { list-style-type: none; padding: 5px 0px; width: 70%; text-align: justify; margin-bottom: 10px; margin-right: auto; margin-left: auto;}
#menu-shop-bullet li img { vertical-align: top; }
#menu-shop-bullet li a, 
    #menu-shop-bullet li a:link {  text-decoration: none; text-align: right; color: #000000; font-size: 1.8em; font-family: Comic Sans MS; }
#menu-shop-bullet li a:hover {  text-decoration: underline; text-align: right; color: #F9DE15; font-size: 1.8em; font-family: Comic Sans MS; }
#menu-shop-bullet li a:hover { color: #F9DE15; }
#menu-shop-bullet li a .link-title { text-decoration: none; text-align: right; font-size: 1.0em; font-family: Comic Sans MS;  }
#menu-shop-bullet li .link-desc { text-decoration: none; text-align: justify; font-size: .8em; font-family: Comic Sans MS;  }

#sunshine-list-title { z-index:5; padding: 0px; font-family: Comic Sans MS; }
#sunshine-list-title ul { padding:0px 0px; }
#sunshine-list-title li { list-style-type: none; padding: 5px 0px; width: 30%; text-align: justify; margin-bottom: 10px; margin-right: auto; margin-left: auto;}
#sunshine-list-title li img { vertical-align: top; }
#sunshine-list-title li#title { width: 80%; margin-right: 5%; margin-left: 5%; font-size: 1.9em; }
#sunshine-list-title li .item-name { text-decoration: none; text-align: right; font-size: 1.6em;   }
#sunshine-list-title li .item-desc { text-decoration: none; text-align: justify; font-size: .8em; font-family: Comic Sans MS;  }

h1, h2 {  font-family: Comic Sans MS; text-align: center; }

.sunshine-list-title { z-index:5; font-family: Comic Sans MS; width: 40%; float: left; }
.sunshine-list-title ul { padding:0px 0px; }
.sunshine-list-title li { list-style-type: none; padding-left: 80px;  text-align: left; margin-bottom: 10px;}
.sunshine-list-title li img { vertical-align: bottom; }
.sunshine-list-title li .item-name { text-decoration: none; text-align: left; font-size: 1.2em; vertical-align: top;  }
.sunshine-list-title li .item-desc { text-decoration: none; text-align: justify; font-size: .8em; font-family: Comic Sans MS;  }


.menu-gallery-thumbs-title { z-index:5; padding: 0px; }
.menu-gallery-thumbs-title ul { padding:0px 0px; }
.menu-gallery-thumbs-title li { list-style-type: none; padding: 5px 30px; width: 70%; text-align: justify; margin-bottom: 0px; }
.menu-gallery-thumbs-title li img { vertical-align: top; }
.menu-gallery-thumbs-title li span {  text-decoration: none; text-align: right; color: #000000; font-size: 1.6em; font-family: Comic Sans MS; }
.menu-gallery-thumbs-title li a:hover {  text-decoration: underline; text-align: right; color: #000000; }
.menu-gallery-thumbs-title li span a {  text-decoration: none; text-align: right; color: #F9DE15; }

.menu-shop-bullet-addr { z-index:5; padding: 0px; }
.menu-shop-bullet-addr ul { padding:0px 0px; }
.menu-shop-bullet-addr li { list-style-type: none; padding: 5px 0px; width: 70%; text-align: justify; margin-bottom: 10px; margin-right: auto; margin-left: auto;}
.menu-shop-bullet-addr li img { vertical-align: top; }
.menu-shop-bullet-addr li span {  text-decoration: none; text-align: right; color: #000000; font-size: 1.3em; font-family: Comic Sans MS; }
.menu-shop-bullet-addr li a:hover {  text-decoration: underline; text-align: right; color: #000000; }
.menu-shop-bullet-addr li span a {  text-decoration: none; text-align: right; color: #F9DE15; }
.menu-shop-bullet-addr li .link-desc { display: block; text-indent: 52px; text-decoration: none; text-align: justify; font-size: .8em; font-family: Comic Sans MS;  }

.list-contact-fields { z-index:5; padding: 0px; }
.list-contact-fields ul { padding:0px 0px;  }
.list-contact-fields li {  list-style-type: none; padding: 5px 120px; text-align: justify; margin-bottom: 2px; margin-right: auto; margin-left: auto;}
.list-contact-fields li img { vertical-align: top; }
.list-contact-fields li span { font-family: Comic Sans MS; vertical-align: top; text-decoration: none; text-align: right; color: #000000; font-size: 1.6em;  width: 140px; }

.list-contact-fields li input { font-family: Comic Sans MS; text-decoration: none; text-align: left; color: #FF9900; width: 600px; height: 26px; font-size: 1.2em; }
.list-contact-fields li textarea {  text-decoration: none; text-align: left; color: #FF9900; width: 600px; font-size: 1.2em; font-family: Comic Sans MS; }
.list-contact-fields li#button-row { text-align: center; }
.list-contact-fields li#button-row .button { text-align: center; width: auto; height: auto; color: #000000; }
.list-contact-fields li#button-row .button:hover { color: #F9DE15; }

#menu-shop-address { z-index:5; padding: 0px; margin-right: 18%; margin-left: 18%; }
#menu-shop-address ul { padding:0px 0px;  }
#menu-shop-address li { list-style-type: none; float: left; padding: 4px 7px; margin-right: 20px; }
#menu-shop-address li span { text-align: right; color: #000000; font-size: 1.8em; font-family: Comic Sans MS; }
#menu-shop-address li .img-border { border: solid 6px #F9DE15; padding: 6px; float: left; width: 210px;}

#horiz-sunshine { padding:0px 0px; margin-right: 10%; margin-left: 10%; }
#horiz-sunshine li { list-style-type: none; padding: 4px 4px; float: left; border: solid 0px #000;position: relative; }
#horiz-sunshine li span { font-size: 1.2em; font-family: Comic Sans MS; color: #FF9900; }
#horiz-sunshine li.footer-sunshine { padding: 2px 0px 0px 0px; border: solid 0px #000;  vertical-align: middle; }

#footer-links {
    z-index: 5;
    margin-right: 6%; 
    margin-left: 6%;
}
#footer-links ul { padding:0px 0px; }
#footer-links li { list-style-type: none; padding: 4px 4px; float: left; border: solid 0px #000;position: relative; }
#footer-links li.footer-sunshine { padding: 2px 0px 0px 0px; border: solid 0px #000;  vertical-align: middle; }
#footer-links li a span, #footer-links li a em { display:none; }

#footer-links li#footer-links-home a { margin-left: 0px; display:block; height:25px; width:100px; background-position:center top; }
#footer-links li#footer-links-cv a { margin-left: 0px; display:block; height:25px; width:100px; background-position:center top; }
#footer-links li#footer-links-contact a { margin-left: 0px; display:block; height:25px; width:100px; background-position:center top; }
#footer-links li#footer-links-blog a { margin-left: 0px; display:block; height:25px; width:100px; background-position:center top;}
#footer-links li#footer-links-links a { margin-left: 0px; display:block; height:25px; width:100px; background-position:center top;}

#footer-links li#footer-links-home a:hover span,
    #footer-links li#footer-links-cv a:hover span, 
        #footer-links li#footer-links-contact a:hover span, 
            #footer-links li#footer-links-blog a:hover span, 
                #footer-links li#footer-links-links a:hover span { height:25px; width:100px; }

#footer-links li a:hover span { display: block; z-index: 1; background-position:center bottom; background-repeat: no-repeat;   }
#footer-links li#footer-links-home a, #footer-links li#footer-links-home a:hover span { background-image:url('ui/Footer_Home_States.gif'); background-repeat: no-repeat; }
#footer-links li#footer-links-cv a, #footer-links li#footer-links-cv a:hover span { background-image:url('ui/Footer_CV_States.gif'); background-repeat: no-repeat; }
#footer-links li#footer-links-contact a, #footer-links li#footer-links-contact a:hover span { background-image:url('ui/Footer_Contact_States.gif'); background-repeat: no-repeat;}
#footer-links li#footer-links-blog a, #footer-links li#footer-links-blog a:hover span { background-image:url('ui/Footer_Blog_States.gif'); background-repeat: no-repeat;}
#footer-links li#footer-links-links a, #footer-links li#footer-links-links a:hover span { background-image:url('ui/Footer_Links_States.gif'); background-repeat: no-repeat;}

/* ################################################################# */
/* ##################### LightBox 2.04 CSS ######################### */
/* ##########################- BEGIN -############################## */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(ui/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(ui/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ###########################- END -############################### */
/* ##################### LightBox 2.04 CSS ######################### */
/* ################################################################# */

/* ################################################################# */
/* ##################### VALIDATION STYLES ######################### */
/* ##########################- START -############################## */

.DivValidationSummary
{
    
    float: right;
    margin: 10px 0px 0px 10px;
    text-align: justify;
}


.DivValidationSummary#divContactValSummary
{
    background-color: ivory;
    border:solid 6px #F9DE15;
    padding: 50px;
    width:30%;
    background-image: url('ui/sunshine.png');
    background-position: 20px 20px;
    background-repeat: no-repeat;
}

.DivValidationSummary#pnlValSummary
{
    background-color: ivory;
    border:solid 6px #F9DE15;
    padding: 50px;
    width:30%;
    background-image: url('ui/sunshine.png');
    background-position: 20px 20px;
    background-repeat: no-repeat;
}
.ContactValidationErrorSummary
{
    padding: 10px;
    display: block;
    vertical-align: top;
    background-color: #330000;
    width: 84%;
    line-height: 12pt;
    font-size: 80%;
    border: dashed 2px #fff200;
    overflow: hidden;
    font-weight: normal;   
}
.DivValidationSummary#pnlValSummary ul
{
    list-style-type:square;
    font-family: Comic Sans MS;
    font-size: 1.0em;
    color: #000000;
}
.DivValidationSummary#divContactValSummary div ul
{
    list-style-type:square;
    font-family: Comic Sans MS;
    font-size: 1.0em;
    color: #000000;
}
.DivValidationSummary#divContactValSummary div ul li b { color: #FF9900; }

.ModalPopupBackground { background-color: #000; filter: alpha(opacity=60); opacity:0.60; }
.hidelbl{display:none;}



/* ###########################- END -############################### */
/* ##################### VALIDATION STYLES ######################### */
/* ################################################################# */