@charset "UTF-8";
/* CSS Document */

/*color palette:
dark green (text): #2a3328
background beige: #DCDFD6
#1D2844
light grey-green: #acaea3
*/


body{margin:0px; padding:0px; font-size:100%; font-family:Geneva, Arial, Helvetica, sans-serif; line-height:20px; color:#2a3328; background:#DCDFD6;}
img{border:none;}
a{color:#1D2844; text-decoration:none;  font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
a:hover{color: #666666;}
p{margin:0px; padding:0px;}

.head2{padding-top:17px;}

p.click{font-size:0.85em; color:#34556E; text-align:right; padding-bottom:3px; } 
p.toolstext{font-size:0.85em; color:#666666; text-align:right; padding-top:5px;} 
p.about{font-size:0.85em; line-height:30px; padding:30px 100px 20px 50px;}
img.boys{float:right; padding:10px 30px;}
.topwrap{width:100%; background: url(../images/topbar.jpg) no-repeat bottom center #DCDFD6; height:200px;}
.top{width:800px; margin:auto;}
.logo{background: url(../images/nnunn.jpg) no-repeat; width:425px; float:left; height:200px;}
.intro{float:right; width:315px; padding:115px 40px 0px 0px;} 

.mainwrap{width:100%; background:#FFF; height:550px; }
.main{width:900px; margin:auto;  height:350px;}

.box{float:left; width:340px; height:330px; background:#DCDFD6; margin:0px 20px;position: relative; overflow: auto; font-size:.8em; padding:10px;}
.box img{ border:3px solid #fff;}
.box a:hover{ opacity:0.7;}

.boxnav{float:left; width:50px; height:200px; padding-top:150px; background:#fff;}


.footerwrap{width:100%; background:url(../images/botbar.jpg) no-repeat top center #DCDFD6; margin-top: -200px; height: 200px;clear:both;}
.footer{width:800px; margin:auto;}
.logoreflect{background: url(../images/nnunnreflect.jpg) no-repeat; width:425px; float:left; height:180px; margin-top:20px;} 
.outro{float:right; width:300px; padding:20px 40px 0px 0px;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container { width: 800px; height: 350px;float:left;}
#shifter { position: relative; margin: 0; width: 4000px; height: 350px;}
.pane { position: relative; margin: 0; width: 800px; height: 350px; float: left; overflow: hidden;}

.hidden{display:none;}
.hidden2{overflow:hidden;}