/*
Code  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#CCCCCC;
}

#wrapper { 
 margin: 10px auto;
 width: 800px;
 background-color:#FFFFFF;
}

#header {
 color: #333;
 width: 800px;
 float: left;
 height: 8px;
 background: #FFFFFF;
 background-image: url(images/colorblocks.jpg); 
 background-repeat: no-repeat;
  }
 

#leftcolumntop { 
 color: #333;
 background: #FFFFFF;
 margin: 36px 0px 0px 20px;
 height: 58px;
 width: 330px;
 float: left;
}

#rightcolumntop { 
 color: #333;
 background: #FFFFFF;
 margin: 36px 20px 0px 20px;
 height: 20px;
 width: 410px;
 float: left;
 text-align: right;
 padding: 40px 0px 0px 0px;
 word-spacing: 25px;
 }
 
 #leftcolumn { 
 color: #333;
 background: #FFFFFF;
 margin: 40px 0px 0px 20px;
 height: 100%;
 width: 330px;
 float: left;
}

#rightcolumn { 
 color: #333;
 background: #FFFFFF;
 margin: 40px 20px 0px 20px;
 height: 100%;
 width: 410px;
 float: left;
 text-align:center;
 }
 
 #contactrightcolumn {
	background: #FFFFFF;
	margin: 76px 20px 20px 20px;
	height: auto;
	width: 350px;
	float: left;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	padding-right: 60px;
  }
  
 #contactrightcolumn h2{
color: #ec1b39;
font-size: 14px;
font-family: lucida sans, sans-serif;
}

#maincolumn { 
 color: #333;
 background: #FFFFFF;
 margin: 40px 20px 20px 20px;
 height: auto;
 width: 760px;
 float: left;
 text-align:left;
 }

#footer { 
 width: 800px;
 clear: both;
 height: 45px;
 background-image:url(images/redline_01.jpg);
 background-repeat:repeat-x;
 background-color:#FFFFFF;
}


#leftfooter { 
 width: 330px;
 float:left;
 color: #333;
 text-align:left;
 margin: 10px 0px 0px 20px;
 background-color:#FFFFFF;
}

#rightfooter { 
 color: #333;
 background: #FFFFFF;
 margin: 10px 20px 0px 20px;
 width: 410px;
 float: left;
 text-align:right;
 font-size: 9px;
 text-decoration: none;
 }
 
img.about {
	float:right;
	top: 15px;
	margin-left: 50px;
	margin-right: 10px;
	
	}


/*GALLERY*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*END OF GALLERY STYLE*/


/* Classes */

h1.welcome{
color: #ec1b39;
font-size: 36px;
font-family: lucida sans, sans-serif;
}

h2.subhead{
color: #ec1b39;
font-size: 12px;
font-family: tahoma, sans-serif;
font-weight:bold;
}

h3.faq{
	color: #645f5f;
	background-color:#e6e6e6;
	font-size: 12px;
	font-family: tahoma, sans-serif;
	font-weight:bold;
	display:block;
	height:20px;
	padding-top:4px;
	padding-left:4px;
}

font.questions{
color: #645f5f;
font-size: 12px;
font-family: tahoma, sans-serif;
font-weight:bold;
}

p.body{
color: #645f5f;
font-size: 12px;
font-family: tahoma, sans-serif;
}

p.footer{ 
 word-spacing: .2em;
 color: #645f5f;
 font-size: 10px;
 font-family: tahoma, sans-serif;
}

a:link, a:visited {
	color: #ec1b39;
	text-decoration: none;
}

a:active, a:hover {
	color: #fdbb30;
	text-decoration: none;
	}
	

/***** Social Icon Classes *****/

a.social:link, a.social:visited {
	text-decoration: none;
	color: #ffffff;
}

a.social:active, a.social:hover {
	text-decoration: none;
	color:#ffffff;
}


/***** End Social Icon Classes *****/

a.navfooter:link, a.navfooter:visited {
	text-decoration:none;
	color:#645f5f;
}

a.navfooter:hover, a.navfooter:active {
	text-decoration:none; 
	color:#ec1b39;}