html {
width: 100%;
}





body {
font-family: arial;font-size:medium; color:#003366; background:#fff;
width: 100%;
margin: -23px 0px 0px 0px;
padding: 0px 0px 0px 0px;
	}

div.logo{
position:RELATIVE;
top:25px;
margin:auto;
width:99%;

border:solid 1px #003366;
height:149px;
background: url(../imagespullar/pullarlogo.jpg) top right  #000 no-repeat;

}


div.title{
position:absolute;
top:30px;
left:10%;
background-color:#00CCFF;
color:#FFFFFF;
font-weight:bold;
font-size:24px;
letter-spacing:4px;
padding:5px;
border:solid 2px #fff;
}
	
div.nav{
position:relative; 
top:17px;
width:100%;
min-width:740px;
z-index:2;
}




div.boxthing{
position:relative; 
top:20px;
margin:auto;
width:80%;

border:solid 1px #003366;
text-align:left ;
}






div.lefttext{
clear:left;
float:left;
width:45%;

}
div.lefttext img{
width:100%;
border-bottom:solid 1px #003366;
border-right:dashed 1px #003366;

}







div.righttext{

float:right; 
width:50%;
background:#fff;

}



div.footer{

font-size:Medium;
clear:both;
margin:auto;
width:99%;

margin-top:22px;
margin-bottom:20px;
height:65px;
background: url(../imagespullar/navbg.jpg) top right  #000 repeat-y;
color:#FFFFFF;
border:solid 1px #003366;
text-align:center;
}

div.footer b{
color:#0099FF;font-weight:bolder;
}
div.footer p{
margin-top:-5px;
}




div.clear {
margin-bottom:-1px;  	            
clear:both;
width:100%;
overflow:hidden;

}






p{
padding:5px;

}

/*contact page */
table p{
padding:0px;
}



h1{
font-size:large;
margin-top:10px;margin-bottom:10px;

}


h2{
color:#000;
font-size:large;
margin-top:10px;margin-bottom:10px;
}

h3{
font-size:medium;
padding:2px;
}

li {
padding:5px;
list-style:disc outside;

}

blockquote{
text-transform:capitalize;
font-style:italic;
color:#3399CC;
padding:-5px;
}


/*general hyperlinks*/
	A:link, A:visited, A:active {text-decoration:underline} 
	A:link {color:#000;background:transparent;} 
	A:visited {color:#000;background:transparent;}
	A:hover{color: #00ccff;background:transparent;}
	A:active {color:#000;background:transparent;
	text-decoration:none}
	
	.footer A:link, .footer A:visited, .footer A:active {text-decoration:underline} 
	.footer A:link {color:#fff;background:transparent;} 
	.footer A:visited {color:#fff;background:transparent;}
	.footer A:hover{color: #00ccff;background:transparent;}
	.footer A:active {color:#fff;background:transparent;
	text-decoration:none}
	
		h3 A:link,  h3 A:visited,  h3 A:active {text-decoration:none} 
	h3 A:link {color:#036;background:transparent;} 
	h3 A:visited {color:#036;background:transparent;}
	h3 A:hover{color: #0cf;background:transparent;}
	h3 A:active {color:#036;background:transparent;
	text-decoration:none}
	
		h1 A:link,  h1 A:visited,  h1 A:active {text-decoration:none} 
	h1 A:link {color:#036;background:transparent;} 
	h1 A:visited {color:#036;background:transparent;}
	h1 A:hover{color: #0cf;background:transparent;}
	h1 A:active {color:#036;background:transparent;
	text-decoration:none}



/*thumbnail thing */

.gallerycontainer{
position: relative;
text-align:center;min-width:300px;top:-15px
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #003366;
margin: 1%;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #036;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background:url(../imagespullar/gallerybackground.jpg) bottom right  #000;
padding: 5px;
left: -1000px;
border: 1px solid #036;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged imageborder-width: 1px;background-color:#036;
padding: 1px;*/
border:1px solid #0cf;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
width:inherit; height:inherit;

top: -150px;
left: -390px; /*position where enlarged image should offset horizontally */
z-index: 5;
}