/* GLOBAL STYLES */

* {
        margin: 0;
        padding: 0;
        border: 0;
        font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Sans-Serif;
        color: #333;
        text-decoration: none;
        }
h1 {
        font: bold 24px 'Lucida Grande', 'Lucida Sans Unicode', 'Trebucet MS', Sans-Serif;
        color: #fff
        }
a {
        font-size: 13px;
        font-weight: normal;
        color: #c60;
        text-decoration: underline;
        }
a:visited {
        text-decoration: underline;
        }
a:hover {
        color: #39c;
        text-decoration: underline;
        } 
a:active {
        color: #993;
        text-decoration: underline;
        }        
div#paypalbanner {
		text-align: center;
		}

/* CONTENT */

body {                                
        margin: auto;
        background: url("../images/dropshadowbg.jpg") #369 center repeat-y;
        /*width: 925px;*/
        width: auto;
        height: auto;    
        }
h1.featuretitle {  
        position: relative; top: 15px;
        margin: 0px 0px 0px 28px;
        background: url("../images/title_featuredpiece.gif") no-repeat;
        text-indent: -9999px;
        }
h2.featurename {
        margin: 20px 36px 0px 28px;
        color: #9CF;
        font-size: 32px;
        text-transform: uppercase;
        font-weight: normal;
        }   
p {
        font: normal 12px/18px 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Sans-Serif;
        padding-bottom: 15px
        }
p.featuretext {
        margin: 15px 36px 0px 28px;
        font-size: 16px;
        padding-bottom: 10px;
        color: #fff;
        }
p.pullquote {
        margin: 25px 15px 0px 25px;
        line-height: 28px;
        text-align: left;
        font-size: 30px;
        color: #993;
        }
#container {
        margin: auto;
        width: 760px;
        height: 100%;
        background-color: #fff;
        }

/* NAV */

#mainnav {
        width: 760px; 
        height: 65px;
        background-color: #fff;
        }
div#mainnav ul {
        position: relative; left: 250px; top: -20px;
        }
div#mainnav ul, div#mainnav li {        
        display: inline;   
        font-size: 13px;
        list-style-type: none;
        }
div#mainnav a:link, div#mainnav a:visited {
        /*float: right;*/
        line-height: 14px;
        font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Sans-Serif;
        font-weight: bold;
        margin: 0px 7px 4px 7px;
        text-decoration: none;
        color: #333;
        }
div#mainnav a:hover {
        color: #39c;
        border-bottom: 4px solid #39c;
        padding-bottom: 1px;
        }
div#mainnav a:active {
        color: #369;
        border-bottom: 4px solid #369;
        padding-bottom: 1px;
        }

/* FEATURE */

#featuredpiece {
        position: relative; /*left: -12px;*/
        margin: 0px 0px 10px -12px;
        width: 772px;
        height: 288px;
        background-color: #39c;
        }
#featuredtext {
        position: relative; /*left: 296px; top: -288px;*/
        z-index: 1;
        margin: -288px 0px 0px 296px;
        width: 489px;
        height: 270px;
        background-color: #336699;
        }
.featuretext a:link {
        color: #ff9;
        text-decoration: none;
        }
.featuretext a:visited {
        color: #cc9;
        text-decoration: none;
        }
.featuretext a:hover {
        color: #ff3;
        text-decoration: underline;
        }
.featuretext a:active {
        color: #ff9;
        text-decoration: underline;
        }
#pageheader {
        /*position: relative; left:-15px;*/
        margin-left: -15px;
        width: 785px;
        height: 73px;
        }
#darkblue {
        /*position: relative; top: -58px;*/
        margin-top: -73px;
        width: 269px;
        height: 64px;
        background-color: #369;
        }
#lightblue {
        /*position: relative; left: 15px; top: 15px;*/
        margin: 15px 0px 0px 15px;
        width: 773px;
        height: 58px;
        background-color: #39c;
        }
h1.biotitle {
        /*position: relative; left: 53px; top: 18px;*/
        padding: 18px 0px 0px 53px;
        }
#biocontent {
        width: 760px;
        height: auto;
        margin: 0 auto;
        text-align: left;
        background-color: #fff;
        }
#bioleft {
        float: left;
        margin-top: 10px;
        width: 257px;
        height: 100%;
        text-align: center;
        background-color: #fff;
        }
#bioright {
        float: left;
        margin: 15px 30px 15px 0;
        width: 450px;
        height: 100%;
        text-align: left;
        background-color: #fff;
        }
        
/* SECONDARY */

#gallery {
        float: left;
        margin: 0px 9px 25px 10px;
        /*padding-right: 8px;*/
        width: 412px;
        height: 210px;
        background-color: #fff;
        }        
#artistprofile {
        float: left;
        margin: -235px 0px 25px 429px;
        width: 328px;
        height: 210px;
        background: url("../images/artistprofilebg.jpg") no-repeat;        
        }
.profiletext {
        margin: 35px 15px 0px 18px;
        width: 180px;
        height: 100px;
        line-height: 15px;
        color: #fff;
        }
.profiletext a:link{
		font-size: 12px;
		color: #fff;
		text-decoration: none;
		}
.profiletext a:visited{
		font-size: 12px;
		color: #fff;
		text-decoration: none;
		}
.profiletext a:hover{
		font-size: 12px;
		color: #ff3;
		text-decoration: underline;		
		}
.profiletext a:active{
		font-size: 12px;
		color: #ff3;
		text-decoration: underline;
		}		
.carolsname {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        }
.profilecontactinfo {
        margin: 25px 0px 0px 18px;
        width: 276px;
        font-size: 16px;
        color: #fff;
        }

.profilecontactinfo a:link {
        margin: 0px 0px 0px 0px;
        font-size: 12px;
        color: #ff9;
        text-decoration: none;
        }
.profilecontactinfo a:visited {
        margin: 0px 0px 0px 0px;
        font-size: 12px;
        color: #cc9;
        text-decoration: none;
        }
.profilecontactinfo a:hover {
        margin: 0px 0px 0px 0px;
        font-size: 12px;
        color: #ff3;
        text-decoration: underline;
        }
.profilecontactinfo a:active {
        margin: 0px 0px 0px 0px;
        font-size: 12px;
        color: #ff9;
        text-decoration: underline;
        }
        
/* GALLERY */

div#lightblue p {
        margin: 0px 0px 0px 275px;
        padding: 19px 0px 0px 0px;
        color: #FFF;
        }
div#lightblue a:link, div#lightblue a:visited {
        font-size: 12px;
        font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Sans-Serif;
        font-weight: normal;
        margin: 0px 7px 4px 7px;
        text-decoration: none;
        color: #FFF;
        }
div#lightblue a:hover {
        color: #036;
        text-decoration: underline;
        }
div#lightblue a:active {
        color: #369;
        }
.itemname {
        padding: 0px 15px 3px 40px;
        }

.gallerywrapper img {
        text-align: center;
        margin-left: 40px;
        }
ul.itemlist {
        list-style-type: none;
        margin: 5px 0px 15px 40px;
        font-size: 12px;
        }
.kind {
        color: #c60;
}
.gallerywrapper {
        clear: both;
        width: 760px;
        text-align: left;
        border-bottom: 1px solid #ccc;
        }
.endpieceleft {
        float:left;
        margin-top: 1px;
        width: 253px;
        height: 340px;
        }
.middlepiece {
        float: left;
        margin-top: 1px;
        width: 252px;
        height: 340px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        }
.endpieceright {
        float: right;
        margin-top: 1px;
        width: 253px;
        height: 340px;        

        }
.gallerywrapper a {
        /*margin: 30px 0px 0px 40px;*/
        /*text-align: left;*/
        font-size: 18px;
        font-weight: bold;
        color: #333;        
        }
.gallerywrapper a, div#gallerywrapper a:visited {
        text-decoration: none;
        }
.gallerywrapper a:hover {
        color: #39c;
        text-decoration: underline;
        } 
.gallerywrapper a:active {
        color: #993;
        text-decoration: underline;
        }
        
/* CONTACT */

#links {
        float: left;
        margin: 0px auto 33px 20px;
        padding: 20px 0px 0px 20px;
        width: 320px;
        height: 250px;
        border-left: 1px solid #ccc;
        text-align: left;
        background-color: #fff;
        }
#contact {
        float: left;
        margin: 0px auto 33px 20px;
        padding: 20px 0px 0px 20px;
        width: 320px;
        height: 100%;
        text-align: left;
        background-color: #fff;
        }
div#links ul {
        list-style-position: inside;
        list-style-image: url(../images/bluearrow.gif);
        list-style-type: circle;
        }
div#contact p {
        margin: 5px;
        padding: 0px;
        }
.contactname {
        font-weight: bold;
        font-size: 16px;
        color: #39c;
        }
.phonenumbers {
        font-size: 16px;
        color: #c60;
        }
div#contact a {
        font-size: 13px;
        font-weight: normal;
        color: #c60;
        text-decoration: underline;
        }
div#contact a:visited {
        text-decoration: underline;
        }
div#contact a:hover {
        color: #39c;
        text-decoration: underline;
        } 
div#contact a:active {
        color: #993;
        text-decoration: underline;
        }


/* FOOTER */

#footer {
        width: 760px;
        height: 100px;
        border-top: 1px solid #ccc;
        background-color: #f1f1f1;
        clear: both;
        }
div#footer p {
        float: left;
        margin: 15px 0px 0px 15px;
        font-size: 10px;
        color: #999
        }
div#footer a {
        float: right;
        margin: 15px 15px 0px 0px;
        }
div#footer a, div#footer a:visited {
        font-size: 10px;
        color: #999;
        text-decoration: none;
        }
div#footer a:hover { 
        color: #39c;
        text-decoration: underline;
        }
div#footer a:active {
        color: #369;
        text-decoration: underline;
        }
/* NOT USIING THIS ANYMORE
div#footer ul {
        position: absolute; left: 32px; top: 23px;
        }
div#footer ul, div#footer li {        
        display: inline;   
        font-size: 13px;
        list-style-type: none;
        color: #999;
        }
div#footer a:link, div#footer a:visited {
        line-height: 14px;
        font-family: 'lucida grande', tahoma, verdana, helvetica, arial, sans-serif;
        font-weight: bold;
        margin: 0px 7px 4px 7px;
        text-decoration: none;
        color: #999;
        }
div#footer a:hover {
        color: #39c;
        border-bottom: 4px solid #39c;
        padding-bottom: 1px;
        }
div#footer a:active {
        color: #369;
        border-bottom: 4px solid #369;
        padding-bottom: 1px;
        }*/