@charset "utf-8";
/* CSS Document */


/* GENERIC */

* {margin:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	
}


html,body { height:101%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	background: #646464;

}


.front {
	background-image: url(../images/backgrounds/indexBG.gif);
	background-repeat: repeat-x;
	
}

.inside {
	background-image: url(../images/backgrounds/insideBG.gif);
	background-repeat: repeat-x;
	
}

img {
	border: none;
	padding:0;
	margin:0;
	text-align: center;
	
}


h1 {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 20px;
  
}
h2 {
	color: #000!important;
  font-size: 17px!important;
  font-weight: normal!important;
  line-height: 20px;
  text-align: left;
  padding-right: 25px;
  margin-top: 0!important;

}
h3 {
color: #1f99c8!important;
	text-align: left;
	  font-size: 18px!important;
}
h4 {
  color: #111111;
  font-weight: bold;
  text-align: left;
}
h5 {
	font-size: 12px;
	color: #444;
	line-height: 17px;
	text-align: center;
}
h6 {
  color: #222;
  font-size: 13px;
  text-align: center;
  
}





a:link, a:visited {
  color: #222;
  text-decoration: none;
}

a:hover {
	text-decoration: underline;
	text-align: left;
	color: #333333;
  
}

.clear {
	width: 100%;
	height: 1px;
	clear: both;
}


/* INDEX Page */



  #outerWrapperIndex {
	margin: 0px auto;
  	width: 950px!important;
	background: url(../images/backgrounds/indexBody.jpg);
	background-repeat: no-repeat;


}




#indexPaintings {
	width: 900px;
	padding-left: 10px;
	padding-right: 40px;
	height: 350px;
	margin-bottom: 5px;
	z-index: -1000;
	clear: both;
	
}


.logo {
		width: 250px;
		position: relative;
		left:5px;
		top:20px;
		z-index: 5;
	
}

.logoInside {
		width: 250px;
		position: relative;
		left:5px;
		top:20px;
		z-index: 5;
	
}


.leftPainting {
	width: 250px;
	position: relative;
	left:10px;
	top:50px;
	
}

.rightPaintingTop {
		width: 250px;
		position: relative;
		left:630px;
		top:-465px;
	
}

.rightPaintingBottom {
		width: 250px;
		position: relative;
		left:630px;
		top:-455px;
	
}


.otherRoomRight {
		width: 45px;
		position: relative;
		left:500px;
		top:-60px;

}

.otherRoomLeft {
		width: 155px;
		position: relative;
		left:332px;
		top:-170px;

}


#indexBottom {
	width: 950px;
	height: 150px;
	margin-top:0px;
	
}

#indexBottomLeft {
	width: 150px;
	float: left;
	
}

#indexSocial {
	width: 190px;
	margin-left: 50px;
	padding-top: 0px;
	float: left;
	
}

#indexSocial ul {
	     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
	 line-height: 40px;
	 
}

#indexSocial li {
	    float:left;
    position:relative;
	 line-height: 35px;
	 width: 40px;
	 float: right; 
	 margin-top: 1px;
	 padding-left: 5px;

	 
}



.optinIndex {
	width: 	180px;
	margin-left: 55px;
	margin-top: 25px;
	float: left;
	clear: both;
	
}


#indexBottomRight {
	width: 700px;
	float: right;
	margin-right: 5px;
	
}


#indexCall {
	width: 700px;
	margin-right: 0px;
	margin-top: 45px;
	float: right;
	
}




 


#navBanner {
	width: 995px;
	height: 50px;
	margin-left: 10px;
	padding-left: 10px;

	
}


#indexTitle {
	width: 380px;
	padding-top: 190px;
	padding-left: 185px;
	float: left;

	
	
}



/* Inside Specific Pages */

 #outerWrapperInside{
	margin: 0px auto;
  	width: 950px!important;
	background: url(../images/backgrounds/insideBody.gif);
	background-repeat: repeat-x;

}

#insideContent{
	width: 930px;
	padding-left: 10px;
	padding-right: 0px;

	margin-bottom: 5px;
	z-index: -1000;
	clear: both;
	
}

.insideLeft {
	float: left;
	width: 305px;
	
	

	
}

.insideLeftArtwork {
	width: 300px;
	padding-top: 40px;
	
}

.insideLeftArtworkText {
	width: 295px;
	padding-top: 40px;
	padding-left: 10px;
	text-align: left!important;
	
}

.insideLeftArtworkText h2{

	text-align: center!important;
	
}

.insideLeftArtworkOptin {
	width: 185px;
	padding-top: 30px;
	margin-left: 60px;
	
	
}

.insideRight {
	float: right;
	width: 610px;
	padding-top: 30px;
	margin-right: 10px;
	text-align: left!important;
	
}

.priceListContent {
	width: 930px;
	margin-left: 30px;
	
}

.priceListContent ul{
    margin: 0 auto 0 20px;
    padding: 0 15px;
}

/* The wider the #list_wrapper is, the more columns will fit in it */
#list_wrapper{
    width: 900px
}

ul.title_columns li {
        text-align: left;
        float: left;
        list-style: none;
        height: 40px;
        width: 170px;
    }
	

/* The wider this li is, the fewer columns there will be */
    ul.multiple_columns li{
        text-align: left;
        float: left;
        list-style: none;
        height: 100px;
        width: 170px;
    }
	

#insideSocial {
	width: 220px;
	padding-top: 10px;
	margin-left: 60px;
	float: left;
	
}

#insideSocial ul {
	width: 190px!important;
	     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
	 line-height: 40px;
	 
}

#insideSocial li {
    float:left;
    position:relative;
	 line-height: 35px;
	 width: 40px;
	 float: right; 
	 margin-top: 1px;
	 padding-left: 5px;

	 
}

.facebookLike {
	width: 170px;
	float: right;
	margin-right: 440px;
	padding-top: 10px;
	padding-right: 10px;
	
}

#mainBodyInside {
	width: 100%;
	margin-bottom: 10px;
	
}

.splitTextLeft {
	float: left;
	width: 100px;
	text-align: left!important;
}

.splitTextRight {
	float: right;
	width: 500px;
	font-weight: normal!important;
	text-align: left!important;
	
}


.splitr1 {
	width: 100px;
	text-align: left!important;
	font-weight: normal!important;
}

.splitr2 {
	width: 280px;
	text-align:left!important;
	font-weight: normal!important;
}

.clear {
	clear: both;
	height: 1px;
	margin-top: -1px;
	
}


#insideBase {
	width: 1005px;
	float: left;
	clear: both;
	
	
}

.contactItem {
	margin: 10px 0;
	
}


/*PAINTING-SCULPTURE PAGES */

.paintingsClear {
	clear: both;
	height: 15px;
	margin:}

.paintingBox {
	width: 610px;
	height: 340px;

	float: right;
	margin-bottom: 10px;
	color: #000;
	
}



.paintingBoxLarge {
	width: 610px;
	height: 450px;
	float: right;
	margin-bottom: 10px;
	color: #000;
}


.paintingsWide {
	width: 585px;
	height: 220px;


	
}

.insideRightLHS {
	width: 240px;
	float: left;
	margin-left: 30px;
	
}

.insideRightRHS {
	width: 270px;
	float: right;
	margin-right: 20px;
	
}

.detailsWide {
	width: 585px;
	height: 200px;
	
}

.paintingsHigh {
	width: 585px;
	height: 300px;
	
}

.details {
	width: 235px;
	height: 100px;
	margin-top: -5px;
	margin-left: 35px;
	padding-top: 15px;
	text-align: center;
	background-image:url(../images/backgrounds/details.gif);
	background-repeat: no-repeat;

	
	
}

.detailsLHS h4 {
	line-height: 18px;
	margin-top: -8px;
	text-align: center!important;
	font-size: 13px;
	color: #000;

}

.detailsRHS h4 {
	line-height: 18px;
	margin-top: -8px;
	text-align: center!important;
	font-size: 13px;
	color: #000;

}

.detailsCentered h4 {
	line-height: 18px;
	margin-top: -8px;
	padding-top: 25px;
	font-size: 13px;
	color: #000;
	text-align: center!important;
	
}

	

.detailsLHS {
	width: 265px;
	height: 80px;
	float: left;
	margin-left: 16px;
	padding-top: 25px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-image:url(../images/backgrounds/details.gif);
	background-repeat: no-repeat;

}

.detailsRHS {
	width: 265px;
	height: 80px;
	float: right;
	margin-right: 38px;
	padding-top: 25px;
		padding-bottom: 15px;
	background-image:url(../images/backgrounds/details.gif);
	background-repeat: no-repeat;
}



.detailsCentered {
	width: 270px;
	height: 80px;
	float: left;
	margin-top: 0px;
	padding-bottom: 15px;
	margin-left: 175px;
	margin-right: 125px;
	background-image:url(../images/backgrounds/details.gif);
	background-repeat: no-repeat;
	
}

.centeredPainting {
	width: 610px;
	text-align: center;
	
}


/* CONTACT PAGE */

#rightColumnContact {
	width: 600px;
	min-height: 500px;
	margin-bottom: 20px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: auto;
	display: inline;
	font-size: 13px;
	color: #111;
	padding: 10px;
	text-align: left;

}


/* footer */
	
	
	
	
#footer {

	height: 260px!important;
	background: url(../images/backgrounds/base.jpg);
	background-repeat: no-repeat;
	font-size: 10px !important;
	text-align: center;
	color: #777;
	clear: both;



	
} 

#footer a:link, #footer a:visited {
	color: #777;
	font-size: 10px !important;
	text-decoration: none;

	
}

#footer a:hover {
	color: #222;
	font-size: 10px !important;
	text-decoration: none;
	
}	

	
#footerCopyright {
	width: 100%;
	height: 35px;
	text-align: center!important;
	padding-top: 160px;
	clear: both;
	
}