﻿/* Page set-up */
*{margin: 0; padding: 0;}

body
{
    font-family: Tahoma, verdana, Sans-Serif;
    color:  #d4d4d4; 
    background-color: #141414; 
    font-size:62.5%;
    background-position: top;
    background-image: url(./images/headerbg.png);
	background-repeat: no-repeat; 
}

a:link		{ color: #ffffff; text-decoration: underline;}
a:active	{ color: #ffffff; text-decoration: underline;}
a:visited	{ color: #ffffff; text-decoration: underline;}
a:hover		{ color: #cabe9c; text-decoration: underline;}

img{border: 0px}

/******************************* GENERAL ***************************************/


/* General Page Layout */

#header{width:800px; margin:0 auto; height:235px; font-size:1.3em;}

#headerLeft{float: left; width: 400px; height: 190px; padding-top: 20px;}

#headerRight{float: left; width: 400px; height: 190px; padding-top: 20px; text-align:right;}

.menu{float: left; width: 800px; font-size: 1.0em;}

#content{width:800px; margin:0 auto; padding: 10px 0px 10px 0px; font-size:1.3em; min-height: 450px;}

.menuLower{float: left; width: 800px; font-size: 1.0em;}

#navLft{float: left; width: 220px; font-size:1.0em;}

#navCtr{float: left; width: 290px; font-size:1.0em;}

#navRgt{float: left; width: 290px; font-size:1.0em; text-align: right;}

#infCtr{float: left; width: 800px; font-size:0.9em; text-align: center;}

#header> .menu > span{color: #a9904d}

#content > .menu > span{color: #a9904d}

.menu > a:link		{ color: #ffffff; text-decoration: none;}
.menu > a:active	{ color: #ffffff; text-decoration: none;}
.menu > a:visited	{ color: #ffffff; text-decoration: none;}
.menu > a:hover		{ color: #cabe9c; text-decoration: underline;}

#footer{width: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px; float: left}


/* General Page Style */
h1{font-weight: normal; font-size: 1.0em; margin-bottom: 0.0em; color: #a9904d; font-family:Arial;}

h2{font-weight: bold; font-size: 1.0em; margin-bottom: 1.1em; font-family:Arial; color: #cabe9c;} /*#cabe9c*/

h3{font-weight: normal; font-size: 1.0em; margin-bottom: 0.5em; color: #a9904d; font-family:Arial;}

h4{font-weight: bold; font-size: 0.9em; margin-bottom: 1.1em; color: #ffffff; font-family:Arial;}

p{margin-bottom: 1.1em}

ul{margin-left: 15px;}

.hr{height: 1px; width: 500px; background-image: url(./images/hr.jpg); margin-bottom: 1.1em;}
.hrC{height: 1px; width: 500px; background-image: url(./images/hr.jpg); margin-bottom: 1.1em; margin: 30px auto 30px auto;}

.wrp{overflow:auto;}

/******************************* PAGES ***************************************/


/* Page Specific - Default */
#welcome{float: left; width: 370px; padding-right: 30px; padding-bottom: 10px}

#services{float: left; width: 370px; padding-right: 30px; padding-bottom: 10px}

#latest{float:left; clear:both; width: 370px; padding-right: 30px;}

#latestImages{float: left; width: 400px}

/* Page Specific - Gallery */
.thumb
{
	height: 100px;
	width: 100px;
	border: solid 1px #cabe9c;
	float: left;
	margin: 0px 10px 10px 0px
}

.thumb2
{
	height: 100px;
	width: 100px;
	border: solid 1px #cabe9c;
	margin-bottom: 10px;
}

a:hover .thumb
{
	height: 100px;
	width: 100px;
	border: solid 1px #a18642;
	float: left;
	margin: 0px 10px 10px 0px
}

a#m1{display: block; float:left; height: 250px; width: 214px; background-position: bottom; background-repeat: no-repeat;}
a#m1:link{background-image: url("./images/gal1.jpg")}
a#m1:visited{background-image: url("./images/gal1.jpg")}
a#m1:hover{background-image: url("./images/gal1Hov.jpg")}
a#m1:active{background-image: url("./images/gal1.jpg")}

a#m2{display: block; float:left; height: 250px; width: 214px; background-position: bottom; background-repeat: no-repeat;}
a#m2:link{background-image: url("./images/gal2.jpg")}
a#m2:visited{background-image: url("./images/gal2.jpg")}
a#m2:hover{background-image: url("./images/gal2Hov.jpg")}
a#m2:active{background-image: url("./images/gal2.jpg")}

a#m3{display: block; float:left; height: 250px; width: 214px; background-position: bottom; background-repeat: no-repeat;}
a#m3:link{background-image: url("./images/gal3.jpg")}
a#m3:visited{background-image: url("./images/gal3.jpg")}
a#m3:hover{background-image: url("./images/gal3Hov.jpg")}
a#m3:active{background-image: url("./images/gal3.jpg")}

#galLeft{width: 400px; text-align: left; float: left;}

#galRight{width: 400px; text-align: right; float: left;}

#galDiv{overflow: auto;}

#galHome1{float: left; margin-right: 79px; text-align: center}

#galHome2{float: left; margin-right: 79px; text-align: center}

#galHome3{float: left; text-align: center}


/* Page Specific - Painting */

#paintingInfo{float: left; width: 220px; min-height: 200px;}

.pil{float: left; width: 100px; background-color: #141414; padding-right: 10px; vertical-align: top;}

.pir{float: left; width: 100px; background-color: #141414; padding-right: 10px; vertical-align: top;}

#painting{float: left; width: 580px; max-width: 580px; background-color: #141414; text-align: center;}

#pio{float: left; margin-top: 20px;}

#purchase{float: left; top: 10px; left: 10px; margin-top: 50px;}


/* Page Specific - Information */
#col1{width: 260px; float: left; padding-right: 10px; min-height: 150px;}

#col2{width: 260px; float: left; padding-right: 10px; min-height: 150px;}

#col3{width: 260px; float: left;  min-height: 150px;}

#col4{width: 390px; float: left; padding-right: 10px; min-height: 150px;}

#col5{width: 390px; float: left; min-height: 150px;}


/* Page Specific - Contact */
.cfl{float: left;width: 100px; height: 30px;}

.cfr{float: left; width: 300px; height: 30px;}

#formWrapper{width: 400px}

.ctrlMedium
{
	width: 300px;
	background-color: #cabe9c;
	border: solid 1px #d4d4d4;
	font-family: Tahoma, verdana, Sans-Serif;
	font-size: 1em;
	padding: 3px;
		
}

.ctrlMLMedium
{
	width: 300px;
	height: 200px;		
	background-color: #cabe9c;		
	border: solid 1px #d4d4d4;	
	font-family: Tahoma, verdana, Sans-Serif;
	font-size: 1em;
	padding: 3px;
}

.button
{
	background-color: #cabe9c;		
	border: solid 1px #d4d4d4;	
	font-family: Tahoma, verdana, Sans-Serif;
	font-size: 1em;	
}

/* Page Specific - Biography */
#biogImg{float: left; margin: 0 10px 10px 0px; height: 175px; width: 127px; border: solid 1px #cabe9c;}

/* News */
.Headline{font-weight: bold; margin-bottom: 0.1em;}
#neLeft{float: left; width: 500px; padding-right: 10px;}
#nePhotos{float: left; width: 102px; padding: 36px 4px 0px 4px;}
#neRight{float: left; width: 170px; padding-left: 10px;}
.month{font-weight: bold; color: #ffffff; font-family:Arial; font-size: 0.9em; display: block;}
.event{margin-bottom: 10px; display: block;}
.event a:link		{ color: #d4d4d4; text-decoration: underline;}
.event a:active		{ color: #d4d4d4; text-decoration: underline;}
.event a:visited	{ color: #d4d4d4; text-decoration: underline;}
.event a:hover		{ color: #ffffff; text-decoration: underline;}

/* Commissions */
#cm{width: 800px; margin-bottom: 1.1em; overflow: auto;}
#cmLeft{float: left; width: 550px; padding-right: 10px;}

#cmRight{float: left; width: 230px; padding-left: 10px;}
