/* Hide from IE mac \*/
html {
	min-height: 100%; margin-bottom: 1px
}
/* End hiding from IE5 mac */

body {
	font-size: 1em; background: url(images/bkg.jpg) #ffffff repeat-x left top; margin: 40px auto; padding:0; line-height: 1.1em; font-family: verdana; text-align: center
}

.container {
	width: 950px; margin: 0px auto; text-align: left
}

#tiles {
	background: url(images/bkg_tiles.gif) no-repeat center top; width: 100%; min-height: 575px
}

#tilesfade {
	background: url(images/bkg_tiles_fade.gif) no-repeat center top; width: 100%; min-height: 575px
}
#tilesgallery {
	background: url(images/bkg_tiles_fadegallery.gif) no-repeat center top; width: 100%; min-height: 575px
}

#splash1 {
	margin-top: 0; background: #ffffff; vertical-align: middle; height: 33px; text-align: center
}

#splash2 {
	padding: 5px; font-size: 0.9em; background: url(images/shadow.gif) #77c9e4 repeat-x left top; color: #ffffff; line-height: 1.2em; font-family: verdana
}

#logo {
	margin-top: -32px; float: left; position: relative
}

#topmenu {
	float: right; padding-top: 9px
}

#topmenu img {
	vertical-align: middle
}

.copy {
	FONT-SIZE: 0.9em; LINE-HEIGHT: 1em
}

.small {
	FONT-SIZE: 0.9em; LINE-HEIGHT: 0.9em
}

.title {
	FONT-SIZE: 1.3em; LINE-HEIGHT: 1.2em
}

.smalltitle {
	FONT-SIZE: 0.8em; LINE-HEIGHT: 0.9em
}

a {
	COLOR: #0099cc; TEXT-DECORATION: underline
}

a:link {
	COLOR: #0099cc; TEXT-DECORATION: underline
}

a:visited {
	COLOR: #0099cc; TEXT-DECORATION: underline
}

a:active {
	COLOR: #0099cc; TEXT-DECORATION: underline
}

a:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #085757; TEXT-DECORATION: none
}

.gradient1 {
	BACKGROUND: #000; FILTER: alpha(opacity:30); OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 1px; opacity: .30; -moz-opacity: .30
}
.gradient2 {
	BACKGROUND: #000; FILTER: alpha(opacity:30); OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 1px; opacity: .30; -moz-opacity: .30
}
.gradient3 {
	BACKGROUND: #000; FILTER: alpha(opacity:30); OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 1px; opacity: .30; -moz-opacity: .30
}
.gradient4 {
	BACKGROUND: #000; FILTER: alpha(opacity:30); OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 1px; opacity: .30; -moz-opacity: .30
}
.gradient2 {
	FILTER: alpha(opacity:15); opacity: .15; -moz-opacity: .15
}
.gradient3 {
	FILTER: alpha(opacity:07); opacity: .07; -moz-opacity: .07
}
.gradient4 {
	FILTER: alpha(opacity:01); opacity: .01; -moz-opacity: .01
}

#panel {
	padding: 15px; margin-top: 30px; font-size: 0.8em; background: url(images/bkg_panel.png) left top; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; width: 470px; line-height: 1.3em; font-family: verdana
}

#panel2 {
	padding: 15px; margin-top: 30px; font-size: 0.8em; background: url(images/bkg_panel.png) left top; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; width: 470px; line-height: 1.3em; font-family: verdana; float: left;
}

#panel2right {
	padding: 15px; margin-top: 30px; font-size: 0.8em; background: url(images/bkg_panel.png) left top; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; width: 360px; line-height: 1.2em; font-family: verdana; float: right;
}

#panel_gallery {
	padding: 15px; margin-top: 30px; font-size: 0.8em; background: url(images/bkg_panel.png) left top; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; width: 915px; line-height: 1.3em; font-family: verdana; float: left; min-height: 350px
}

#panel_xl {
	padding: 15px; margin-top: 30px; font-size: 0.8em; background: url(images/bkg_panel.png) left top; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; width: 708px; line-height: 1.3em; font-family: verdana; float: right; min-height: 350px
}

#panel_sm {
	padding: 15px; margin-top: 30px; font-size: 0.8em; background: url(images/bkg_panel.png) left top; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; width: 172px; line-height: 1.3em; font-family: verdana; float: left
}

#panel h1 {
	font-size: 11px; font-weight: normal; color: #222222; font-family: verdana; margin: 0 0 8px 250px; line-height: 0.7em
}

#panel2 h1 {
	font-size: 11px; font-weight: normal; color: #222222; font-family: verdana; margin: 8px 0 8px 0; line-height: 0.7em
}

#panel img.photo {
	border: 1px solid #cccccc; padding: 4px; background: #ffffff; margin-bottom: 10px
}

#panel_sm img.photo {
	border: 1px solid #cccccc; padding: 4px; background: #ffffff; margin-bottom: 10px
}

#panel_xl img.photo {
	border: 1px solid #cccccc; padding: 4px; background: #ffffff; margin-bottom: 10px
}
		
#homepagesplash h1 {
	background: transparent url(images/bkg_tiling_services.gif) no-repeat; width: 178px; height: 150px; float: left; margin:0; padding:0
}
		
#examplesplash h1 {
	background: transparent url(images/bkg_examples.gif) no-repeat; width: 321px; height: 17px; float: left; margin:0; padding:0
}

h1 span	{
	display:none
}

.opacityit img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.85;
}

.opacityit:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

#footer {
	padding: 10px; font-size: 0.7em; float: left; width: 922px; line-height: 1.3em; font-family: verdana; color: #999999
}

#footernav {
	padding: 10px; margin-top: 30px; font-size: 0.7em; float: left; width: 922px; line-height: 1.3em; font-family: verdana; color: #222222; font-weight: bold
}

#links A {
	COLOR: #8eaeaa; TEXT-DECORATION: underline
}
#links A:link {
	COLOR: #8eaeaa; TEXT-DECORATION: underline
}
#links A:active {
	COLOR: #8eaeaa; TEXT-DECORATION: underline
}
#links A:visited {
	COLOR: #8eaeaa; TEXT-DECORATION: underline
}
#links A:hover {
	COLOR: #2aaad5; TEXT-DECORATION: none
}
#footer #copyright {
	FONT-WEIGHT: bold; FONT-SIZE: 0.7em; FLOAT: right; COLOR: #085757; LINE-HEIGHT: 1em
}

h4 {
	font-weight:normal;
	font-size:1.5em;
	color:#666666;
	line-height:20px;
	}