html, body, div, span,iframe, img,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins, strong, ol, ul, li,
fieldset, form, label, legend
{
margin: 0;
padding: 0;
border: 0;
border-width: 0;
outline: 0;
height:1;
font-weight: inherit;
font-style: inherit;
font-size: 100.01%; /*opera*/
font-family: inherit;
vertical-align: baseline;
}
a:focus, a:active {outline:none}

ol, ul {
list-style: none;
}
a img, img {
	border: 0;
	}
em {font-style:italic}
a:hover {
	cursor: pointer; 
	cursor:hand;
	}


/* Main styles
*******************************/
/* force vertical scrollbars */
html {
	height: 100%;
	margin-bottom: 1px;
	font-size: 16px;
	}
#wrap {
	margin: 10px auto;
	width:750px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666699;
	color: #888;
	font-size:62.5%;
	}
#banner {height:50px}
/*----------------------------------------top nav----------------*/
#nav {margin:15px 0 50px 0;}
#nav img {padding-right:10px}

a#nav-about img {height: 31px; width: 58px; background: url("img/links/about1.jpg") top left no-repeat;}
a#nav-about:hover img {background: url("img/links/about2.jpg") top left no-repeat;}

a#nav-portfolio img {height: 31px; width: 78px; background: url("img/links/portfolio1.jpg") top left no-repeat;}
a#nav-portfolio:hover img {background: url("img/links/portfolio2.jpg") top left no-repeat;}

a#nav-events img {height: 31px; width: 65px; background: url("img/links/events1.jpg") top left no-repeat;}
a#nav-events:hover img {background: url("img/links/events2.jpg") top left no-repeat;}

a#nav-store img {height: 31px; width: 53px; background: url("img/links/store1.jpg") top left no-repeat;}
a#nav-store:hover img {background: url("img/links/store2.jpg") top left no-repeat;}

a#nav-blog img {height: 31px; width: 46px; background: url("img/links/blog1.jpg") top left no-repeat;}
a#nav-blog:hover img {background: url("img/links/blog2.jpg") top left no-repeat;}

a#nav-community img {height: 31px; width: 102px; background: url("img/links/community1.jpg") top left no-repeat;}
a#nav-community:hover img {background: url("img/links/community2.jpg") top left no-repeat;}

a#nav-contact img {height: 31px; width: 71px; background: url("img/links/contact1.jpg") top left no-repeat;}
a#nav-contact:hover img {background: url("img/links/contact2.jpg") top left no-repeat;}



/*---------------------------------------------------------------*/

#home #wrap {
	width:900px;
	}	
#c-left {
	float:left;
	width:350px;
	position:relative;left:4px;
	}	
#firstline {
	margin-top:2em;
	}
#bodyText {
	float:right;
	width:380px;
	}
p {	
	font-size:1.6em; 
	line-height:1.3em;
	margin-bottom:1em;
	}
#about p {	
	line-height:1.6em;
	margin-bottom:1.5em;
	margin-top:2em;
	}
p a {	
	color: #666699;
	color: #888;
	text-decoration:none;
	}
p a:hover {	
	text-decoration:underline;
	}
	
/*----------------------------------------home----------------*/


#home-pictures {
	position: relative;
	margin-bottom:50px;
	}
#intro  {
	margin-top:3.2em;
	line-height:1.5em;
	float:left;
	width:710px;
	}/*p on homepage*/
#home #stamp {
	float:right;
	width: 160px;
	position:relative; top:30px;
	}
.small {
	width:70px;
	height:70px;
	}

/*----------------------------------------about----------------*/

#about h1 {
	width: 120px; height: 42px;
	background: url("img/titles/about.jpg") no-repeat;
	}
	#about h1 span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
#about #left {
	float:left; 
	width:245px;
	}
#about #right {
	float:right; 
	width:480px;
	}

/*----------------------------------------portfolio----------------*/
#banner a img {padding-left:20px;}
#titles {padding-right:20px;}
#page {padding-right:20px;}

#portfolio h1 {
	width: 120px; height: 42px;
	background: url("img/titles/portfolio.jpg") no-repeat;
	}
	#portfolio h1 span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}

a#nav-portfolio1 img {height: 42px; width: 37px; background: url("img/portfolio/1.jpg") top left no-repeat}
a#nav-portfolio1:hover img {background: url("img/portfolio/1_on.jpg") top left no-repeat;}

a#nav-portfolio2 img {height: 42px; width: 37px; background: url("img/portfolio/2.jpg") top left no-repeat;}
a#nav-portfolio2:hover img {background: url("img/portfolio/2_on.jpg") top left no-repeat;}

a#nav-portfolio3 img {height: 42px; width: 37px; background: url("img/portfolio/3.jpg") top left no-repeat;}
a#nav-portfolio3:hover img {background: url("img/portfolio/3_on.jpg") top left no-repeat;}

#gallerycontainer{
position: relative;

margin-bottom:90px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail span { 
	position: absolute;
	background-color: #FFffff;
	left: -1000px;
	visibility: visible;
	}
.thumbnail span img { 
	border-width: 0;
	padding: 0px;
	}

.thumbnail:hover span { 
	visibility: visible;
	top: -1px;
	left: 350px;
	z-index: 50;
	}	

.thumbnail:hover {
	background-color: transparent;
	}
.thumbnail:hover img {
	border: 0px solid white;
	}	
	
	
.no-margin {
	margin:0}

/*----------------------------------------community----------------*/

#community h1 {
	width: 450px; height: 42px;
	background: url("img/titles/community.jpg") no-repeat;
	}
	#community h1 span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
#community #firstline {padding-top:2em;}
#community #bodyText .expert {margin:0; font-weight:bold}
#community #bodyText p {color:#888; font-weight:normal}
#community #bodyText p a {color:#424343; color:#425955; color:#496367; color:#2a4244; color:#666; text-decoration:underline}
#community #bodyText p a:hover {text-decoration:none;}
	
/*----------------------------------------events----------------*/
#events h1 {
	width: 91px; height: 42px;
	background: url("img/titles/events.jpg") no-repeat;
	}
	#events h1 span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}


#events #bodyText {	
	font-size:.9em; 
	}
#events h2 {	
	font-size:1.3em; 
	text-transform:uppercase;
	margin-bottom:.5em;
	margin-top:2.5em;
	letter-spacing:2px;
	color: #5f5c89;
	font-weight:bold;
	}
#events h3 {	
	font-size:1.7em; 
	margin-bottom:2px;
	}
#events h3 a {	
	text-decoration:underline;
	color: #777;
		}	
#events h3 a:hover {	
	text-decoration:none;
	color: #555;
		}

/*----------------------------------------contact----------------*/
#contact h1 {
	width: 120px; height: 42px;
	background: url("img/titles/contact.jpg") no-repeat;
	}
	#contact h1 span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
#imageblock {
	width:350px;
	}
#line1 img {
	padding:0 4px 4px 2px;
	}
#line2 img {
	padding:2px 4px 0px 2px;
	}

/*----------------------------------------store----------------*/

#store h1 {
	width: 70px; height: 42px;
	background: url("img/titles/store.jpg") no-repeat;
	}
	#store h1 span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
#store h2 {
	font-size:1.3em; 
	text-transform:uppercase;
	margin-bottom:.5em;
	margin-top:1.5em;
	letter-spacing:2px;
	color: #5f5c89;
	font-weight:bold;
	}
#store .item {float:left; width:205px; margin-right:60px}
#store .item2 {float:left; width:205px; }
#store .item p, #store .item2 p {font-size:1.2em}

#store .item img, #store .item2 img {width:200px; margin-bottom:10px}

#store p a {text-decoration:underline}
#store p a:hover {text-decoration:none}
#store p span {text-transform:uppercase; letter-spacing:1px; font-size:.9em }

/*----------------------------------------footer----------------*/

#left-stamp {
	clear:both;
	float:left; 
	width:90px;
	border:0px solid red;
	margin-top:28px;
	}
/*#about #footer {
	float:left; 
	width:400px;
	margin-top:0px;
	}*/	
#footer {
	float:left; 
	width:400px;
	border: 0px solid green;
	margin-top:30px;
	}
#footlinks em {
	font-size:.8em; 
	color:#bbb;
	padding:0 2px;
	}

#footlinks  {
	margin-bottom:.5em;
	width:500px;
	}
#footlinks a {
	font-size: .8em;
	color:#888;
	text-decoration:none;
	border:0px solid red;
	}
#copyright {
	color:#999; 
	font-size:1.1em;
	padding-top:0;
	}
#copyright a {
	color:#999;
	}
#copyright a:hover {
	color:#666; 
	text-decoration:underline;
	}
#about #footer #copyright {	
	line-height:1.2em;
	margin-bottom:1.5em;
	margin-top:.5em;
	padding-top:0;
	}