/* CSS Document */

a:visited { text-decoration: underline;
              color: #83C3C7}
a:link    { text-decoration: underline; 
              color: #83C3C7 }
a:hover   { text-decoration: none;
 				background-color: #000000; }

body
{
margin-top: 0px;
}

h1
{ 
font: 22px Arial, Helvetica, sans-serif;
color: #EDA470;
font-weight:bold;
text-align: left;
text-indent: 15px;
}
	
h2
{ 
font: 18px Arial, Helvetica, sans-serif;
color: #000000;
font-weight:bold;
}
			
h3
{ 
font: 18px Arial, Helvetica, sans-serif;
color: #F5FDBC;
font-weight:bold;
}

h4
{ 
font: 10px Arial, Helvetica, sans-serif;
color:#FFFFCC;
font-weight:bold;
padding-left: 1px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 0px;
margin-bottom: 4px;
background-color:#121212
}

h5
{ 
font: 14px Arial, Helvetica, sans-serif;
color: #000000;
font-weight:bold;
margin-left: 20px;
}

p
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 5px;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: left;
	text-indent: 15px;
}

.emailthing{
	font: 10px Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 5px;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: center;
	text-indent: 15px;
}

a.blue:visited { text-decoration: underline;
              color: #0033FF}
a.blue:link    { text-decoration: underline; 
              color: #0033FF}
a.blue:hover   { text-decoration: none;
                color: #EEAB7B;
 				background-color: #000000; }

.pagetitles{
margin-top: 0px;
padding: 0px;
}

.newzartmenu{
width: 100%;
font:bold 14px Arial, Helvetica, sans-serif;
color: #83C3C7;
font-weight:bold;
background-image:url('images/backing_nav.jpg');
background-repeat: repeat-x;
margin-bottom: 0px;
padding-bottom: 0px;
}

/*.newzartmenu:after{ /*Add margin between menu and rest of content in Firefox*/
/*content: "."; */
/*display: block; */
/*height: 0px; */
/*clear: both; */
/*visibility: hidden;
/*}*/

/*A little Bit of History link*/
#promo {
	border: 1px solid black;
	width: 235px;
	padding: 2px;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 300px;
	background-image: url(images/alittlebitofhistory.jpg);
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-color: #000000;
	position: inherit;
	font-weight:bold;
	text-indent: 40;
	text-align:right;
	}

/*Displays & Showings links*/
#showings {
	border: 1px solid black;
	width: 235px;
	padding: 2px;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 300px;
	background-image:url(images/backing_showings.jpg);
	background-repeat: repeat-x;
	background-repeat: no-repeat;
	background-color:#000000;
	position: inherit;
	font-weight:bold;
	text-indent: 40;
	text-align:right;
	}
	
#galleriesmenu {
    text-align:center;
	border: 1px solid black;
	width: 160px;
	padding: 2px;
	background-color: #ededed;
	position:absolute;
	font-weight:bold;
	top: 195px;
	left: 360px;
	}

/* display anchor box */
.displaylist{
font: 13.5px Arial, Helvetica, sans-serif;
text-align: left; /*set value to "left", "center", or "right"*/
margin-left: 120px;
width: 550px;
list-style-type: none;
padding-left: 0px;
}

.displaylist li a:visited{
text-decoration: none;
font-weight:bold;
display: block;
border: 1px solid black;
list-style-type:none;
background:#121212;
padding-left: 10px;
}

.displaylist li a{
text-decoration: none;
font-weight:bold;
display: block;
border: 1px solid black;
list-style-type:none;
background:#121212;
padding-left: 10px;
}

.displaylist li a:hover{
color: #83C3C7;
display: block;
background-color: #000000; 
text-decoration: underline;
list-style-type:disc;
padding-left: 10px;
}

/* display anchor box end */

.linklist{
font: 13.5px Arial, Helvetica, sans-serif;
text-align: left; /*set value to "left", "center", or "right"*/
padding-left:50px;
padding-bottom:50px;
margin-left: 100px;
}

.linklist ul{
width: 600px;
color: #FFE65B;
}

.linklist li a{
text-decoration: none;
font-weight:bold;
color: #0000FF;
}

.linklist li a:hover{
color: #83C3C7;
background-color: #000000; 
text-decoration: underline;
}

.newzartmenu ul{
width: 100%;
color: #83C3C7;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.newzartmenu ul li{
display: inline;
color: #83C3C7;
line-height:22px;
}

.newzartmenu ul li a{
padding: 10px;
margin: 0;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #83C3C7;
}

.newzartmenu ul li a:hover{
color: #83C3C7;
background-color: #000000; 
text-decoration: underline;
}

ul{
margin-bottom: 0px;
padding-bottom: 0px;
}

/* image galleries start */

#gallerycontainer{
padding: 22px;
	}
	
#img
  {
  border:none;
  width: 22px;
  float: left;
  text-align: center;
  }

#img2
  {
  border:none;
  width: 22px;
  float: left;
  text-align: center;
  }

.img5
  {
  border:none;
  padding-left: 20px;
  padding-top: 40px;
  }

.img6
  {
  border:none;
  padding-left: 20px;
  padding-bottom: 20px;
  }
  
.img7
  {
  border:none;
  padding-left: 10px;
  padding-bottom: 0px;
  }
  
.img8
  {
  border:none;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 20px;
  }

.img9
  {
  border:none;
  padding-left: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  }

.img101
  {
  border:none;
  padding-left: 10px;
  padding-bottom: 10px;
  }
  
.kindasmall{
width: 350px;
margin-left: 5px;
text-align: left;
}

div.img
  {
  margin: 2px;
  border: 1px solid #121212;
  height: 200px;
  width: 126px;
  float: left;
  text-align: center;
  background-image:url('images/backing_gallaries.jpg');
  background-repeat: repeat-x;
  }
div.img img
  {
  display: inline;
  margin: 2px;
  border: 2px solid #057e86;
  }
div.img a:hover img
  {
  border: 2px solid #d9874b;
  }
div.desc
  {
  text-align: left;
  font-weight: normal;
  width: 122px;
  margin-top: 0px;
  margin-bottom: 6px;
  margin-left: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:9px;
  color:#373737;
  }
  
 div.desc a:link
  {
  text-decoration: underline; 
              color: #0000ff }

div.desc a:hover   { 
   text-decoration: none;
   color: #83C3C7;
   background-color: #000000;
   margin-bottom: 0px;
   }  

/* latest works only */

div.img2
  {
  margin: 2px;
  border: 1px solid #121212;
  height: 200px;
  width: 126px;
  float: left;
  text-align: center;
  background-image:url('images/backing_gallaries_latest.jpg');
  background-repeat: repeat-x;
  }
div.img2 img
  {
  display: inline;
  margin: 2px;
  border: 2px solid #057e86;
  }
div.img2 a:hover img
  {
  border: 2px solid #d9874b;
  }
div.desc2
  {
  text-align: left;
  font-weight: normal;
  width: 122px;
  margin-top: 0px;
  margin-bottom: 6px;
  margin-left: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:9px;
  color:#b7b8b8;
  }
  
 div.desc2 a:link
  {
  text-decoration: underline; 
              color: #83C3C7 }

div.desc2 a:hover   { 
   text-decoration: none;
   color: #83C3C7;
   background-color: #000000;
   }  

/* latest works only end */

/* image galleries end */

/* 3 images across an 800px width page start */
div.img3x
  {
  margin: 2px;
  margin-left: 3px;
  margin-right: 3px;
  border: 0px;
  height: auto;
  width: 260px;
  float: left;
  text-align: center;
  background-repeat: repeat-x;
  }
/* 3 images across an 800px width page start */

.copywrite{
width: 100%;
font: 10px Arial, Helvetica, sans-serif;
color: #CDCDCD;
background-image:url('images/backing_bottom.jpg');
background-repeat: repeat-x
}

.darkerlink a{
padding: 3px;
margin: 0;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #006d74;
}

.darkerlink a:hover{
padding: 3px;
margin: 0;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #e78c4a;
}

.lighterlink a{
padding: 3px;
margin: 0;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #83C3C7;
}

.lighterlink a:hover{
padding: 3px;
margin: 0;
text-decoration: underline;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #99ccff;
}

/* Chad Austin Desisn & Media logo & button */

div.img3 a:link
  {
  padding-top: 2px;
  display: inline;
  margin-top: 3px;
  border: 2px solid #ed1c24;
  }
div.img3 a:hover
  {
  border: 1px solid #06888f;
  }