/* Template Design  */
body {
width:auto;
height:auto;
background: #000000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#outside{
position:relative;
margin-top: 0em;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
width: 990px;
}

#outside #top{
display: block;
padding: 5px;
background: transparent url(http://www.loveart-gallery.com/site_top.png) no-repeat top;
}

#outside #center {
display:block;
margin-top:5px;
margin-bottom:5px;
height: auto;
background: transparent url(http://www.loveart-gallery.com/site_bg.png) repeat-y top;
}

#outside #bottom {
display: block;
padding: 5px;
background: transparent url(http://www.loveart-gallery.com/site_base.png) no-repeat bottom;
}

/*
Contains all of the center section content
*/
#content { 
	
	background:#181818;
	width:960px;
	height:2640px;
}

#content p {

	color:#181818;
}

#content li{

	line-height:22px;
	color:#181818;
}


/*
Contains the top section
*/
.topSection{


	position:absolute;
	left:15px;
}



/* 
Three part container, with pods for individual products
*/

.thrColEls{

	border-top: 1px solid #666666;
	color:#ffffff;
}


.thrColEls #artMediaLeftPod {

        position:absolute;
	background:#FFFFFF;
	top:610px;
	width: 454px;
	height: 325px;
        left:27px;
	padding-left: 14px;
	border-bottom: 1px solid #CCCCCC;
}

.thrColEls #artMediaRightPod {

        position:absolute;
	background:#FFFFFF;
	top:610px;
	width: 454px;
	height: 325px;
        right:27px;
	padding-left: 14px;
	border-bottom: 1px solid #CCCCCC;
}

.thrColEls #artMediaLeftPod p, artMediaRightPod p {

	width:375px;
}



.thrColEls #byRegionPod {

	position:absolute;
	background:#FFFFFF;
	width:936px;
	top:936px;
	height: 1545px;
	left:27px;
}

.thrColEls #regionHeaderPod{

	z-index:2;
	position:absolute;
	background:#FEFEFE;
	top:0px;
	left:15px;
	height: 80px;
}

/* California */
.thrColEls #californiaFlagPod{	

	z-index:2;
	position:absolute;
	width:443px;
	top:100px;
	left:15px;
	height: 94px;
}

.thrColEls #californiaTitlePod{

	z-index:3;
	position:absolute;
	width:200px;
	top:100px;
	left:175px;
	height: 94px;
}

.thrColEls #californiaPod{

	z-index:2;
	position:absolute;
	background:#FEFEFE;
	width:443px;
	top:200px;
	left:15px;
	height: 300px;
}



.thrColEls #oLeftPod{

	z-index:2;
	position:absolute;
	background:#FEFEFE;
	width:300px;
	top:420px;
	left:15px;
	height: 250px;
}

.thrColEls #artInfoPod{

	z-index:3;
	position:absolute;
	width:200px;
	text-align:right;
	top:420px;
	right:430px;
	height: 125px;
}

.thrColEls #ukPod{

	z-index:2;
	position:absolute;
	background:#FEFEFE;
	width:443px;
	top:1380px;
	left:15px;
	height: 125px;
}

/*

	Right hand side 

*/


/* New York */

.thrColEls #newYorkFlagPod{	

	z-index:3;
	position:absolute;
	width:143px;
	top:110px;
	right:310px;
	height: 72px;
}

.thrColEls #newYorkTitlePod{

	z-index:3;
	position:absolute;
	width:200px;
	top:100px;
	right:90px;
	height: 94px;
}

.thrColEls #newYorkPod{

	z-index:2;
	position:absolute;
	background:#FEFEFE;
	width:443px;
	top:200px;
	right:15px;
	height: 300px;
	border-bottom:#999999 1px;
}

/* Pennsylvania */
.thrColEls #pennsFlagPod{	

	z-index:3;
	position:absolute;
	width:146px;
	top:690px;
	right:310px;
	height: 97px;
}

.thrColEls #pennsTitlePod{

	z-index:3;
	position:absolute;
	width:200px;
	top:690px;
	right:90px;
	height: 97px;
}

.thrColEls #pennsPod{

	z-index:2;
	position:absolute;
	background:#FEFEFE;
	width:443px;
	top:790px;
	right:15px;
	height: 275px;
}

/* Texas */
.thrColEls #texasFlagPod{	

	z-index:3;
	position:absolute;
	width:146px;
	top:953px;
	right:310px;
	height: 97px;
}

.thrColEls #texasTitlePod{

	z-index:3;
	position:absolute;
	width:200px;
	top:953px;
	right:90px;
	height: 97px;
}

.thrColEls #texasPod{

	z-index:2;
	position:absolute;
	background:#FEFEFE;
	width:443px;
	top:1068px;
	right:15px;
	height: 275px;
}

.thrColEls #canadaPod{

	z-index:2;
	position:absolute;
	background:#FEFEFE;
	width:443px;
	top:1380px;
	right:15px;
	height: 125px;
}

.thrColEls #otherArticlesPod {

	z-index:2;
	position:absolute;
	background:#FFFFFF;
	top:2470px;
	width:921px;
	height: 265px;
    left:27px;
	padding-left:15px;
} 

/*
Helpers
*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.alignright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.alignleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}

a img {
border:0px;
}