html, body{
	margin:0;
	padding:0;
	text-align:center;
	background: url(images/bg.jpg);
	font: 12px Verdana, Arial, Helvetica, sans-serif;
} 
#toprightcontentiumage {
	background: url(images/smart_20.jpg);
	height: auto;
	width: 250px;
	float: right;
	margin-left: 5px;
}

 
#pagewidth{
	width:774px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
} 
 
#header{
	position:relative;
	height:97px;
	width:100%;
	background: #FFFFFF url(images/smart_02.jpg) no-repeat center;
} 
 
#leftcol{
	width:168px;
	float:left;
	position:relative;
	background-color:#FFFFFF;
	border-right: thin solid #E6E6E6;
	padding-right: 0px;
 }
 
#maincol{
	background-color: #FFFFFF;
	float: right;
	display:inline;
	position: relative;
	width:592px;
	padding-left: 5px;
	height: auto;
 }
 
#footer{
	height:169px;
	clear:both;
	background: #FFFFFF url(images/smart_29.jpg) no-repeat;
	border-top: thin dotted #E6E6E6;
 } 
 #sideform {
	height: 390px;
	padding-left: 5px;
	}
 

 

.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


.gallerycontainer{
	position: relative;
	padding-left: 5px;
	float: right;
/*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 blue;
}

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

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

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	left: -420px;
}
#pagewidth #wrapper #maincol #linkbox {
	width: 60%;
	border: thin dotted #003399;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 55px;
	padding: 5px;
}
.linkbox {
	width: 60%;
	border: thin dotted #003399;
	margin-top: 25;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 55px;
	padding: 5px;
	}