body {
	font-family:"century gothic", arial;
	background-color:#13191D;

}
a:link, a:visited {
	color:#523D5D;
}
p {
	padding:10px;
}
h1 {
	font-size:24px;
	font-weight:normal;
}

.quote {
	color:#000000;
	font-size:13px;
	text-align:center;
	padding-top:90px;
	padding-right:10px;
	padding-left:10px;
	
	
}
.smaller-quote {
	font-size:11px;

}
.larger-font {
	font-size:13px;

}

.address-contact {
	color:#000000;
	font-size:16px;
	text-align:center;
	
}


.header {
	letter-spacing:2px;
	padding-left:10px;

}

.mainheader {
	letter-spacing:2px;
	font-size:36px;
	text-align:center;
	font-weight:normal;
	font-family:century gothic, arial;	
}
.smallheader {
	
	font-size:14px;
	text-align:center;
	font-weight:normal;
	
}



#container {
	position:relative;
	width:800px;
	padding:0px;
	margin:auto;
    text-align:left;
	margin-top:50px;	
}
#main {
    position:absolute;
	padding:0px;
	margin:0px;
	top:0px;
	left:0px;
	width:750px;
	height:650px;
	background-image:url(../images/indie-love-backdrop.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#logodiv {
    position:absolute;
	top:47px;
	width:150px;
	height:545px;
	background-color:#000000;
	left:0px;
	text-align:center;
	padding-top:10px;
	
}
#address {
	position:absolute;
	top:570px;
	width:150px;
	color:#FFFFFF;
	font-size:14px;
	text-align:left;
	padding-left:15px;
}
#links {
	position:absolute;
	top:520px;
	width:90px;
	height:40px;
	padding:0px;
	margin:0px;
}

#address a:hover {
	color:#FFF;
}

#textdiv{
	position:absolute;
	background-image:url(../images/indie-love-faded-backdrop.png);
	left:225px;
	top:100px;
	width:450px;
	height:450px;
	padding:0px;
	margin:0px;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	
	
}

#media-ad-div{
	position:absolute;
	left:270px;
	top:30px;




	
}
div.transbox
  {
  width:400px;
  height:180px;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }

#impressum-page #textdiv,
#contact-page #textdiv,
#about-page #textdiv{
		background-image:url(../images/indie-love-faded-backdrop-plain.gif);
}

#bouvier-page #main,
#tailswag-page #main{
	background-image:url(../images/black-backdrop.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#bouvier-page #textdiv,
#tailswag-page #textdiv{
	background-image:none;
	background-color:#4E4B4C;
}
#tao-page #textdiv,
#bitchin-page #textdiv {
	background-image:none;
	background-color:#755A83;
}
#about-page #textdiv p{
	font-size:12px;
	padding-bottom:0px;
	padding-top:0px;
	text-align:left;
	padding-left:10px;
	padding-right:5px;
}


/*bottom button navigation bar*/
#navdiv {
	position:absolute;
	left:15px;
	top:230px;
	width:150px;
    margin:0px;
    padding:0px;
	font-family:century gothic, arial;
	color:#FFF;
}
#navdiv ul {
	list-style:none;
    margin:0px;
    padding-left:0px;
}

#navdiv li {
	width:auto;
	padding-left:0px;
	padding-top:5px;
}
#navdiv a {
    text-decoration:none;
	font-size:15px;
	display:block;
	padding-bottom:0px;
	margin:0px;
    width:130px;
	color:#FFFFFF;
	text-align:left;
	font-size:16px;	
}
#navdiv ul ul{
	list-style:disc;
	padding-left:15px;
	padding-top:10px;
}

#navdiv ul ul li {
	width:auto;
	padding:0px;
	padding-bottom:5px;
}
#navdiv ul ul a {
	font-size:12px;
}

#navdiv a:hover {
	color:#755A83;	
	
}
#index1-page #index a {
	color:#BE3735;
}
#about-page #about a {
	color:#755A83;
}
#tailswag-page #tailswag a,
#bouvier-page #bouvier a,
#tailswag-page #address a,
#bouvier-page #address a {
	color:#9CB3FE;
}
#tailswag-page #address a:hover,
#bouvier-page #address a:hover {
	color:#FFF;
}
#tao-page #tao a,
#bitchin-page #bitchin a,
#contact-page #contact a,
#impressum-page #impressum a,
#media-page #media a {
	color:#755A83;
}



#index-photos  ul{
    margin:0px;
    padding:0px;
}

#photos{
	position:absolute;
	left:-40px;
	bottom:10px;
}
#media-page #photos{
	position:absolute;
	left:0px;
	top:0px;
}

#index-photos li {
	list-style:none;
	float:left;
	padding:0px;
	margin:0px;

}
#bouvier-page #index-photos li,
#tao-page #index-photos li,
#bitchin-page #index-photos li,
#tailswag-page #index-photos li {
	padding-left:15px;

}

#index-photos a {
    text-decoration:none;
	display:block;
	padding:0px;
	margin:0px;
	padding-left:10px;
}