/**
 * style.css
 * This is the stylesheet for Mark Douglass's site.
 */
 
  div#main {
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	align: center;
	vertical-align: center;
	padding: 0px;
	/* border: 1px solid #72828b; */
	margin: 0px;
	width: 758px !important;
	width: 760x;
	/*height: 500px!important;
	//height: 90px;*/
	
}

div#article{
	position: absolute;
	left: 49px;
	top: 15px;
	text-align: left;
    width: 450px;
    height: 600px;
    text-decoration: none;
    
    
     font-family: arial;
    font-size: 10pt;
    color: #cccccc;

}

div#logo {
	position: absolute;
	left: 30px;
	top: 50px;
	text-align: left;
    width: 351px;
    height: 32px;
}

div#hr {
	position: absolute;
	left: 35px;
	top: 105px;
	text-align: left;
    width: 605px;
}

div#gallery {
	position: absolute;
	left: 85px;
	top: 145px;
	text-align: left;
    width: 905px;
    font-family: arial;
    font-size: 7pt;
    color: #666666;
}

div#dots {
	position: absolute;
	left: 30px;
	top: 88px;
	text-align: left;
    width: 90px;
    height: 7px;
}

div#menu {
	position: absolute;
	left: 170px;
	top: 85px;
	text-align: left;
}

div#close {
	position: absolute;
	left: 205px;
	top: 88px;
	text-align: left;
}

div#back {
	position: absolute;
	left: 322px;
	top: 88px;
	text-align: left;
}

div#bioheading {
	position: absolute;
	left: 680px;
	top: 43px;
	width: 100px;
}

div#galleryheading {
	position: absolute;
	left: 740px;
	top: 43px;
	width: 100px;
}

div#galleryexheading {
	position: absolute;
	left: 740px;
	top: 23px;
	width: 100px;
}

div#newsheading {
	position: absolute;
	left: 669px;
	top: 43px;	
}

div#contactheading {
	position: absolute;
	left: 720px;
	top: 43px;
	width: 100px;

	
}

div#undertext {
	position: absolute;
	left: 560px;
	top: 88px;
	text-align: right;
    font-family: arial;
    font-size: 8pt;
    color: #999999;
    width: 350px;
}

div#undertextLong {
	position: absolute;
	left: 520px;
	top: 88px;
	text-align: right;
    font-family: arial;
    font-size: 8pt;
    color: #999999;
    width: 390px;
}

div#leftcol {
	position: absolute;
	left: 490px;
	top: 150px;
	text-align: left;
	font-family: arial;
    font-size: 8pt;
    color: #ffffff;
  
}

div#leftcolheading {
	position: absolute;
	left: 485px;
	top: 405px;
	text-align: left;
   
}

div#rightcol {
	position: absolute;
	left: 210px;
	top: 150px;
	text-align: left;
    font-family: arial;
    font-size: 8pt;
    color: #ffffff;

}

div#rightcolheading {
	position: absolute;
	left: 203px;
	top: 405px;
	text-align: left;
   
}

div#line {
	position: absolute;
	left: 500px;
	top: 110px;
	text-align: left;
   
}

div#biopic {
	position: absolute;
	left: 40px;
	top: 130px;
	text-align: left;
    width: 306px;
    height: 379px;
}

div#biotext {
	position: absolute;
	left: 450px;
	top: 90px;
	text-align: right;
    height: 379px;
    font-family: arial;
    font-size: 8pt;
    color: #ffffff;
    width: 460px;
}

div#biotext2 {
	position: absolute;
	left: 450px;
	top: 120px;
	text-align: right;
    height: 379px;
    font-family: arial;
    font-size: 8pt;
    color: #ffffff;
    width: 460px;
}

div#section {
	position: absolute;
	left: 30px;
	top: 120px;
	text-align: left;
    font-family: arial;
    z-index: 11;
}


body{
 background: url(images/bg.jpg) repeat-x left top;
 width: 20px;
 height: 600px;
background-color: #000000;


}

h1{
    font-family: arial;
    font-size: 7pt;
    color: #999999;
}

h2{
    font-family: arial;
    font-size: 15pt;
    color: #999999;
}

 a{
    font-family: arial;
    font-size: 8pt;
    color: #ffffff;
    background-color: transparent;
    
    }
    a.link:link     { 
    text-decoration: none;
    font-family: arial;
    font-size: 8pt;
    color: #ffffff;
    background-color: transparent;
    }
    a.link:visited  {
    text-decoration: none; 
    font-family: arial;
    font-size: 8pt;
    color: #ffffff;
    background-color: transparent;
    }
    a.link:active   { 
            text-decoration: none;
     font-family: arial;
    font-size: 8pt;
    color: #00CC33;
    background-color: transparent;
    }
    
    a.link:hover    { 
    text-decoration: none;
    font-family: arial;
    font-size: 8pt;
    
    color: #666666;
    background-color: transparent;
    }
    
    a.credit:link     { 
    text-decoration: none;
    font-family: arial;
    font-size: 7pt;
    color: #666666;
    background-color: transparent;
    }
    
    a.credit:visited  {
    text-decoration: none; 
    font-family: arial;
    font-size: 7pt;
    color: #999999;
    background-color: transparent;
    }
    
    a.credit:active   { 
    text-decoration: none;
    font-family: arial;
    font-size: 7pt;
    color: #999999;
    background-color: transparent;
    }
    
    a.credit:hover    { 
    text-decoration: none;
    font-family: arial;
    font-size: 7pt;
    color: #ffffff;
    background-color: transparent;
    }
    
    a.galllink:link     { 
              text-decoration: none;
        font-family: arial;
    font-size: 8pt;
    color: #ffffff;
    background-color: transparent;
    }
    a.galllink:visited  {
            text-decoration: none; 
     font-family: arial;
    font-size: 8pt;
    color: #ffffff;
    background-color: transparent;
    }
    a.galllink:active   { 
            text-decoration: none;
     font-family: arial;
    font-size: 8pt;
    color: #666666;
    background-color: transparent;
    }
    
    a.galllink:hover    { 
    text-decoration: none;
    font-family: arial;
    font-size: 8pt;
    color: #666666;
    background-color: transparent;
    }
    
     a.gallsublink:link     { 
              text-decoration: none;
        font-family: arial;
    font-size: 8pt;
    color: #999999;
    background-color: transparent;
    }
    a.gallsublink:visited  {
            text-decoration: none; 
     font-family: arial;
    font-size: 8pt;
    color: #999999;
    background-color: transparent;
    }
    a.gallsublink:active   { 
            text-decoration: none;
     font-family: arial;
    font-size: 8pt;
    color: #999999;
    background-color: transparent;
    }
    
    a.gallsublink:hover    { 
    text-decoration: none;
    font-family: arial;
    font-size: 8pt;
    color: #666666;
    background-color: transparent;
    }
    
     a.newslink:link     { 
              text-decoration: none;
        font-family: arial;
    font-size: 8pt;
    color: #FF00CC;
    background-color: transparent;
    }
    a.newslink:visited  {
            text-decoration: none; 
     font-family: arial;
    font-size: 8pt;
    color: #FF00CC;
    background-color: transparent;
    }
    a.newslink:active   { 
            text-decoration: none;
     font-family: arial;
    font-size: 8pt;
    color: #666666;
    background-color: transparent;
    }
    
    a.newslink:hover    { 
    text-decoration: none;
    font-family: arial;
    font-size: 8pt;
    color: #ffffff;
    background-color: transparent;
    }