/* testing image resize */
.img-resize-v
{
width: 15%;
}

.img-resize-h
{
width: 20%;
}

.bodyhome{
	background-color: #000000;
        font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #CCCCCC;
}



.tableborder{
	border: 1px solid #FFFFFF;	
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	width: 720px;
}


.tablebox{
	background-color: #777777;
        font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-right:5px;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:5px;
	width: 330px;
	border-style: outset;
	text-align: left;
}

.tableboxmargin{
	margin-left: 15px;
}

.tableboxborder{
	border-style: outset;
	border-color: #323232;
	background-color: #323232;
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;

}

.gallerytableborder{
	border: 1px solid #FFFFFF;	
	padding-right:1px;
	padding-left:1px;
	padding-top:10px;
	padding-bottom:20px;
	width: 600px;
}


.hometableborder{
	border: 1px solid #FFFFFF;	
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	width: 600px;
}


/* menu info */
div#menu{
	position: relative;
	bottom: 10px;
        width: 300; 
	height:20px;
	border: 0px double #A1855D;
	background-color: #000000;
	padding: 2px;
	text-align:center;
}

/* start of rollover button code */
div#menu a.button {
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 8px;
	text-align: center;
	min-width: 90px;
	text-transform: uppercase;
	
}

div#menu a.button:link{
	background: #000000;
	color: #FFCC66;
	text-decoration: none;
	letter-spacing: 1px;
}

div#menu a.button:visited{
	background: #000000;
	color: #FFCC66;
	text-decoration: none;
	letter-spacing: 1px;
}

div#menu a.button:hover{
	background: #000000;
	color: #DDBB55;
	text-decoration: none;
	letter-spacing: 1px;
}

div#menu a.button:active { 
	background-color: #000000; 
	color: #FFCC66; 
	text-decoration: none;
	}
/* end of rollover button code */


/* link colors */
a.linkstyle {color: #CCCCCC}
a.linkstyle:visited {color: #666666}


/*  end link color  */



.homeheader{
	background-image: url('http://www.jodyprimoff.com/images/abjp.gif');
	background-repeat: no-repeat;
	height: 75px;
	background-position: center; 
	width=100%;
	vertical-align: bottom;
}



.menubar{
	width: 40%;
	background-color: #000000;
	vertical-align: bottom;
}

.homepagecontent{
	border-top: 1px solid #390055;
	border-bottom: 1px solid #390055;
	border-color:#999999;
	padding-right:20px;
	padding-left:20px;
	padding-top: 70px;
	padding-bottom: 70px;
}



.maintext{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #FFFFFF;
	padding-top: 10px;
	padding-right:40px;
	padding-left:40px;
	padding-bottom: 10px;
}

div#paragraph{
	text-align:center;
	max-width: 60%;
}

div#heading{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 110;
	border-bottom: 3px solid #390055;	
	background-color: #3399ff;
	padding: 0px;	
}




div#specialbox{
	position: relative;	
	text-align: left;	
	width: 400;
	height: 110;
	background-color: #eeeeee;
	padding: 15px;	
        font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-right: medium outset #ccccff;
	border-right-width: 1px;
	border-left: medium outset #ccccff;
	border-left-width: 1px;
	border-bottom: medium outset #ccccff;
	border-bottom-width: 1px;
	border-top: medium outset #ccccff;
	border-top-width: 1px;
}

div#mainfont{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}



/* start of image rollover buttons */
/* buttons with borders */
a.button1 {
    display: block;
    width: 198px;
    height: 198px;
    background-image: url(../images/acrylicbut.jpg);
    text-align: center;
    margin: 0 auto;
}

a.button1:hover {
    background-image: url(../images/acrylicbut1.jpg);
}

a.button2 {
    display: block;
    width: 198px;
    height: 198px;
    background-image: url(../images/canvasbut.jpg);
    text-align: center;
    margin: 0 auto;
}

a.button2:hover {
    background-image: url(../images/canvasbut1.jpg);
}

a.button3 {
    display: block;
    width: 198px;
    height: 198px;
    background-image: url(../images/mixedbut.jpg);
    text-align: center;
    margin: 0 auto;
}

a.button3:hover {
    background-image: url(../images/mixedbut1.jpg);
}

a.button4 {
    display: block;
    width: 198px;
    height: 198px;
    background-image: url(../images/mixturesbut.jpg);
    text-align: center;
    margin: 0 auto;
}

a.button4:hover {
    background-image: url(../images/mixturesbut1.jpg);
}

a.button5 {
    display: block;
    width: 198px;
    height: 198px;
    background-image: url(../images/pastelsbut.jpg);
    text-align: center;
    margin: 0 auto;
}

a.button5:hover {
    background-image: url(../images/pastelsbut1.jpg);
}



/* start of image rollover buttons */
/* buttons without borders */
a.button6 {
    display: block;
    width: 150px;
    height: 150px;
    background-image: url(../images/acrylicbutnba.jpg);
    text-align: center;
    margin: 0 auto;
}

a.button6:hover {
    background-image: url(../images/acrylicbutnb1a.jpg);
}

a.button7 {
    display: block;
    width: 150px;
    height: 150px;
    background-image: url(../images/canvasbutnba.jpg);
    text-align: center;
    margin: 0 auto;
}

a.button7:hover {
    background-image: url(../images/canvasbutnb1a.jpg);
}

a.button8 {
    display: block;
    width: 150px;
    height: 150px;
    background-image: url(../images/mixedbutnba.jpg);
    text-align: center;
    margin: 0 auto;
}

a.button8:hover {
    background-image: url(../images/mixedbutnb1a.jpg);
}

a.button9 {
    display: block;
    width: 150px;
    height: 150px;
    background-image: url(../images/PCP22butnb.jpg);
    text-align: center;
    margin: 0 auto;
}

a.button9:hover {
    background-image: url(../images/PCP22butnb1.jpg);
}

a.button10 {
    display: block;
    width: 150px;
    height: 150px;
    background-image: url(../images/pastelsbutnba.jpg);
    text-align: center;
    margin: 0 auto;
}

a.button10:hover {
    background-image: url(../images/pastelsbutnb1a.jpg);
}


