html, body{width:100%; margin:0; background-image:url("pics/gray_jean.png"); min-height:3000px;}

a{text-decoration:none;}

@font-face {
	font-family: ack;
	src: url('Acknowledgement.otf');
}

@font-face {
	font-family: aft;
	src: url('AftaSerifThin-Regular.otf');
}

@font-face {
	font-family: com;
	src: url('Existence-UnicaseLight.otf');
}




h2{text-transform:uppercase; color:#222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 300; margin-top:0px; margin-bottom:0px; }

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}


#introimg{min-width:1000px; width:100%;}

#holder{width:960px; margin-left:auto; margin-right:auto; background-image:url("pics/gray_jean.png");}
#holderprivate{width:960px; margin-left:auto; margin-right:auto; margin-top:400px; background-image:url("pics/gray_jean.png");}

#navhold{width:960px; color:#3A3B40; margin-left:auto; margin-right:auto; height:100px;}
#nav{box-sizing:border-box; width:600px; height:100px; font-family:com; font-size:30px; line-height:100px; float:left; }
#nav a{text-decoration:none;}

#navlogin{width:340px; height:100px; float:left; text-align:right;}

#navtitle{text-transform:uppercase; color:#fff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: 300; }

#linkhold{float:right; width:250px; height:123px; margin-top:-10px;}
#linkhold ul{list-style-type:none; margin:0px;}
#linkhold li{color:#fff; background-image:none; display: inline-block; width:100px; height:123px; font-family:ack; font-size:12px; background-color:purple; text-align:center; line-height:123px; margin-left:2px;}
#linkhold a{text-decoration:none; color:#fff;}
#linkhold a:hover{text-decoration:none; color:pink;}


#header{width:960px; height:550px;  margin-top:0px; margin-left:auto; margin-right:auto; text-align:right; background-position:center; background-image:url("uploads/dannisettwo6_6May13.jpg"); background-repeat:no-repeat; background-color:#fff;}

#footer{width:960px; height:550px;  margin-top:0px; margin-left:auto; margin-right:auto; text-align:right; background-position:center; background-image:url("uploads/Amanda_R5sm.jpg"); background-repeat:no-repeat; background-color:#fff;}

.hsmall{font-size:26px;}
.htitle{text-transform:uppercase; color:#0166C0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 300; margin-top:0px; margin-bottom:0px; }

.box{color:#fff; opacity:.85; background-color:#333; border-style:solid; border-width:1px; border-color: pink; border-radius:15px; width:250px; height:300px; margin-left:630px; margin-top:10px; text-align:center;}

.box a{text-decoration:none; font-family:helvetica; color:blue;}
.box a:hover{color:#fff;}


.boxa{color:#fff; opacity:.85; border-style:solid; border-width:1px; border-color: #999; border-radius:15px; width:400px; height:650px; margin-left:auto; margin-right:auto; margin-top:10px; text-align:center;}


#infopanel{width:150px;  height:200px; margin-top:10px; float:left; margin-left:15px; box-sizing:border-box; padding:10px;}
.smalltxt{color:#989898 ; font-family:calibri; font-size:12px;}


#content{overflow:auto; width:960px; height:3000px; margin-top:10px;  margin-left:auto; margin-right:auto;}

#aboutme{width:100%; height:50px; color:#989898; font-family:calibri; font-size:12px;}


ul{list-style-type:none; margin-left:0;
  padding-left: 0; border-radius:15px;}
ul li img{vertical-align: middle;}
ul li{background-image:url("pics/blackorchid.png"); background-color:#333; text-align:center; display: inline-block; width:300px; height:200px; overflow:hidden; float:left; margin-bottom:15px; margin-left:15px; border-style:solid; border-color:#888; border-width:1px; transition: border-color 2s; -webkit-transition: border-color 2s; -o-transition: border-color 2s; -moz-transition: border-color 2s;}

li img{ height:315px; }

li:hover{border-color:#ff00ff;}

.list{color:#444; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: 300;}

.linkButton { 
     background: none;
     border: none;
     color: #989898;
     text-decoration: none;
     cursor: pointer; 
}

.linkButton:hover{color:#333;}

input{width:150px; height:17px;}
#imgbut{vertical-align:text-bottom;;}

#but{background-color:#373737; width:116px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal; color:#fff;}

.pur{color:purple;}

.mainimg{width:960px; height:auto; margin-bottom:10px;}