*
{
margin: 0px;
padding: 0px;
border: 0px;
}

* 
{ 
behavior: url(iepngfix/iepngfix.htc);
}

body
{
font-family: Arial,Times;
font-size: 12px;
text-align: center;
}

body 
{ 
behavior:url(hoverfix.js);
}


#container
{
margin-left: auto;
margin-right: auto;
text-align: left;
}

#container
{
width:960px;
border-left:1px solid #F1F0F1;
border-right:1px solid #F1F0F1;
margin-left:auto;
margin-right:auto;
text-align: left;
margin-bottom: -50px;
}

.shadow1
{
width: 958px;
background-color: #DBDADB;
margin-left: 1px;
}

.shadow2
{
width: 956px;
background-color: #B8B6B8;
margin-left: 1px;
}

.shadow3
{
width: 954px;
background-color: #848284;
margin-left: 1px;
}

.shadow1 {
	margin-bottom: -100px;
}

.shadow2 {
	margin-bottom: -50px;
}

.shadow3 {
	margin-bottom: -50px;
}

.banner
{
height: 110px;
width: 953px;
background-color: white;
}

.logo1
{
position: relative;
top: 13px;
left: 20px;
width: 253px;
height: 85px;
float: left;
background-image: url(assets/logos/mosslogo1.png);
}

.logo2
{
position: relative;
top: 10px;
left: 846px;
width: 90px;
height: 89px;
background: url(assets/logos/coat4.png) no-repeat top left;
}

.navigation
{
width: 953px;
height: 32px;
background-image: url(assets/images/navbg.jpg); height: 32px;
}

.navigation ul
{
list-style-type: none;
}

.navigation ul a
{
color: white;
text-decoration: none;
}

.navigation ul {
	padding:0px;
	margin-left: 30px;
}

.navigation ul li
{
float: left;
color: white;
padding: 0px 0px 0px 0px;
}


.navigation ul li.longer
{
padding-right: 17px;
}

.navigation ul a:hover
{
background-image: url(assets/images/navroll.png);
}

.navigation ul a.current_page_item
{
background-image: url(assets/images/navroll.png);
}

.navigation ul a.current_page_parent
{
background-image: url(assets/images/navroll.png);
}

.navigation ul img
{
float: left;
margin-top: 0px;
}

.navigation li { background: url(assets/images/nav-rightborder.jpg) right top no-repeat; height: 32px; }

.image
{
width: 952px;
height: 265px;
background-color: white;
margin-top: 0px;
}

.white
{
background-color: white;
width: 952px;
}

.bottomsection
{
width: 953px;
background-color: white;
}

.text
{
position: relative;
width: 640px;
top: 10px;
left: 20px;
float: left;
margin-bottom: 60px;
}

h1.welcome
{
font-weight: lighter;
height: 35px;
border-bottom: 2px solid black;
font-size: 20px;
}

.text p
{
width: 470px;
margin-top: 15px;
margin-left: 100px;
line-height: 20px;
}

.text p a
{
font-weight: bold;
color: black;
}

.text p a:hover
{
text-decoration: none;
}

.bottomright
{
width: 265px;
float: left;
margin-top: 52px;
margin-left: 35px;
}

.bottomright img
{
margin-top: 10px;
margin-left: 2px;
}
.casestudy
{
width: 265px;
height: 258px;
background-image: url(assets/images/casestudy2.png);
background-repeat: no-repeat;
margin-top: -5px;
}

.casestudy p.description
{
width: 107px;
height: 145px;
position: relative;
top: 46px;
left: 15px;
line-height: 18px;
}

.casestudy p.title
{
height: 30px;
width: 240px;
font-size: 150%;
position: relative;
top: 46px;
left: 14px;
margin-bottom: 1px;
}

	
.morebutton a 
{
width: 65px;
height: 22px;
color: #ffffff;
text-decoration: none;
}

.morebutton a:link { color: #ffffff; }

.morebutton a:hover
{
color: #d0d0d0;
}

.morebutton
{
width: 53px;
height: 19px;
background-image: url(assets/images/morebutton.png);
margin-top: -30px;
margin-left: 20px;
padding-top: 3px;
padding-left: 12px;
}

.links
{
margin-left: 190px;
width: 400px;
height: 70px;
background-color: blue;
}

.partners {
	width:200px;
	height:80px;
	margin-left: 100px;
	margin-top: 20px;
	clear:both;
}

.clear {
	clear: both;
}

img.wfg
{
}

img.ttf
{
}

.footer
{
width: 953px;
height: 20px;
background-image: url(assets/images/footer.png);
}

.footerlinks1
{
float: left;
margin-left: 5px;
margin-top: 2px;
width: 100px;
height: 18px;
color: white;
font-size: 10px;
}

.footerlinks2
{
float: right;
margin-top: 2px;
margin-right: -60px;
width: 210px;
height: 18px;
color: white;
font-size: 10px;
}

* html .footerlinks2 { 
float: left;
margin-left: 540px;
margin-top: -4px;
width: 210px;
height: 18px;
color: white;
}

.footerlinks1 a, .footerlinks2 a
{
text-decoration: none;
color: white;
}

.footerlinks1 a:hover, .footerlinks2 a:hover
{
color: #d0d0d0;
}









/*prodcuts page*/
.prod-cont {
}

.subnav
{
width: 953px;
height: 27px;
background-image: url(assets/images/subnavbar.png);
margin-top: 0px;
font-size:15px;
}

.subnav ul
{
list-style-type: none;
padding-left: 0px;
position: relative;
left: 69px;
background-image: url(assets/images/subnavbarline.png);
background-position: right;
background-repeat: repeat-y;
}

.subnav ul a
{
color: #FFF;
text-decoration: none; 
}

.subnav ul a:hover
{
color: #e1cc92;
}

.subnav ul li.current_page_item a
{
color: #e1cc92;
}

.subnav ul li
{
float: left;
font-size:14px;
padding: 3px 12px 0px 12px;
}

.subnav ul li
{
background-image:url(assets/images/subnavbarline.png);
background-position: left;
background-repeat:repeat-y;
}

.subnav img
{
float: left;
padding-top: 4px;
}

.middlesection
{
width: 953px;
background-color: white;
}

.height { height: 459px; } 

.breadcrumbs
{
position: relative;
top: 10px;
left: 25px;
width:898px;
height:18px;
border: 1px solid #C9C9C9;
padding-top:2px;
padding-left:5px;
}

.breadcrumbs ul
{
list-style-type: none;
height: 20px;
width: 900px;
margin-left: 5px;
margin-top: 4px;
}

.breadcrumbs ul li
{
float: left;
padding: 2px 8px 0px 8px;
margin-left: 0px;
display: inline;
}

.breadcrumbs img
{
float: left;
}

.breadcrumbs a
{
color: #555656;
text-decoration: none;
margin-top: 10px;
}

.breadcrumbs a:hover
{
text-decoration: underline;
}

.mainimage
{
clear:both;
margin-top: 19px;
margin-left:0px;
width: 539px;
height: 367px;
float:left;
display: inline;
position: relative;
left: 0px;
float:left;
}

.productinfo
{
float:left;
width: 410px;
margin-top:20px;
background-color: white;
}

.productinfo h2
{
margin-left: 25px;
margin-top: 20px;
font-weight: lighter;
font-size: 140%;
}

.productinfo h2 span
{
margin-left: 5px;
font-size: 65%;
font-style: italic;
}

.productinfo h2 span.margin
{
margin-left: 87px;
}

.productinfo p
{
padding: 15px 25px 0px 25px;
line-height: 16px;
}

.pushleft2 { padding-left: 25px;padding-top:20px; }

.button
{
float:left;
position: relative;
top: 40px;
left: 25px;
width: 53px;
height: 19px;
background-image: url(assets/images/morebutton.png);
padding-top: 3px;
padding-left: 12px;
color: white;
}

.button a
{
width: 65px;
height: 22px;
color: white;
text-decoration: none;
}

.button a:hover
{
color: #d0d0d0;;
}

.table
{
float: left;
width: 360px;
/*height: 72px;*/
margin-top: 50px;
margin-bottom:20px;
margin-left: 25px;
font-size: 90%
background-color:blue;
border: 1px solid gray;
}

.tablerow
{
float:left;
width: 118px;
height: 35px;
border-right: 1px solid gray;
text-align: center;
padding-top:10px;
}

.bottomrow
{
background-color:#eeebea;
}

.endrow
{
width: 122px;
border-right: 0px;
}

.reducer
{
margin-bottom: -100px;
}








/*listings page*/

.listings
{
width:189px;
float: left;
margin-top: 20px;
overflow: hidden;
}

.one
{
}

.middlesection img.listingsline
{
float:left;
margin-top: 30px;
}

.listings h1
{
font-weight: lighter;
padding-left: 25px;
}

.listings p
{
padding-left: 25px;
margin-bottom: 20px;
}

.alphabet a:hover {
	color:#FF0000;
}

.colscontainer { width: 953px; margin-top: 20px; }
.cols { /*width: 297px;*/ margin-top: 10px; /*margin-left: 20px;*/ float: left; display: inline; }

.pricelistcontent { margin-left: 30px; margin-top: 30px; padding-bottom: 30px; background: #ffffff; }


/*
#albumlist {
list-style-type: none;
}
#albumlist li {
float: left;
margin-right: 6px;
margin-bottom: 10px;
font: 0.82em Georgia, Helvetica, sans-serif;
color: #333333;
}
#albumlist img {
display: block;
border: 1px solid #333300;
}

*/

#albumlist {
	list-style-type: none;
}
#albumlist li {
	float: left;
	margin-right: 6px;
	margin-bottom: 25px;
	font-size:  0.8em;
	color: #333333;
	width:153px;
	padding-right: 0px!important;
}
#albumlist img {
	display: block;
	border: 1px solid #C9C9C9;
}







/*contact page*/
p.maptext
{
font-size: 120%;
margin-top: 30px;
margin-left: 30px;
}

.googlemap
{
float: left;
width: 465px;
height: 295px;
margin-top: 10px;
margin-left: 30px;
margin-bottom:30px;
} 

.contacttext
{
float: left;
width: 370px;
height: 295px;
margin-top: 10px;
margin-left: 20px;
}

.contactinfo
{
float: left;
width:170px;
height: 295px;
}

.contactinfo p a
{
text-decoration: none;
color: blue;
}

.contactinfo a:hover
{
text-decoration: underline;
}

.contacttext p
{
margin-bottom: 20px;
}

.contacttext p.texttitle
{
font-size: 120%;
}

.openhours
{
float: left;
width:200px;
height: 295px;
}

.openhours p
{
width:300px;
}

.brochure
{
width: 198px;
height: 108px;
position: relative;
top: -10px;
border: 1px solid #c3c1c1;
border-top: 7px solid #c3c1c1;
}

.brochure p
{
font-size: 125%;
width: 80px;
padding-top: 10px;
padding-left: 10px;
}

.brochure img
{
position: relative;
top: -27px;
left: 120px;
}

.brochure a
{
color: black;
text-decoration: none;
}

* html .hub img { margin-top: -30px; }


p.hub-text {
	margin-bottom:15px;
}

.hub
{
float: left;
width: 280px;
height: 88px;
margin-bottom: 15px;
margin-left: 25px;
border: 1px solid #c3c1c1;
}

.hub h1
{
font-size: 170%;
font-weight: lighter;
padding-top: 5px;
padding-left: 5px;
}

.hub p
{
float: left;
padding-left: 5px;
font-size: 95%;
width: 170px;
}

.hub img
{
float:left;
margin-top: -28px;
margin-left: 18px;
}

.middlesection a
{
color: black;
text-decoration: none;
}


/*inline elements*/
.bottomright
{
display: inline;
}

.footerlinks1
{
display: inline;
}

.footerlinks2
{
width: 230px;
margin-left: 610px;
display: inline;
}

.mainimage
{
display: inline;
}

.table
{
display: inline;
}

.googlemap
{
display: inline;
}

.contacttext
{
display: inline;
}

.hub
{
display: inline;
}

.hub img
{
display: inline;
}












/*general*/

.col-one {
	width:50%;
	float:left;
	margin-left:0px;
	margin-top:30px;
}

.col-one h2.general-h2 {
	font-weight: lighter;
	margin-left: 0px;
	padding-left: 30px;
	margin-bottom: 10px;
	font-size:24px;
}

.col-one p {
	padding-left:30px;
	padding-right:30px;
	margin-bottom:30px;
}

.col-two {
	width:50%;
	float:left;
	margin-top: 37px;
}

.col-two p {
	padding-top:30px;
}



.col-one, .col-two a { text-decoration: none; }


.home-more {
	position: relative;
	top: 210px;
}




.button a
{
width: 65px;
height: 22px;
color: white;
text-decoration: none;
}

ul li
{
color: white;
padding-left: 20px; padding-right: 16.6px }
font-size:15px;
/*font-weight: bold;*/
}

.navigation ul li a {
	margin: 0px;
	padding: 5px 10px 9px 10px;
}

.navigation a { position: relative; top: 5px; }

/* new navigation menu */

#navcontainer
{
background-image: url(assets/images/navbg.jpg); height: 32px;
margin: 0 auto;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 15px;
}

ul#navlist li
{
display: block;
float: left;
margin: 0;
padding: 0;
background: url(assets/images/nav-rightborder.jpg) right top no-repeat; height: 32px;
text-align: center;
}

ul#navlist li a
{
display: block;
width: 100%;
color: #fff;
text-decoration: none;
padding-top: 5px;
padding-left: 20px;
padding-right: 16.39px;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li.current_page_item  a {
background-image: url(assets/images/navroll.png); height: 27px;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
background-image: url(assets/images/navroll.png); color: #ffffff; height: 27px;
}
ul#navlist li.page-item-19 { background: none; }
ul#navlist li.page-item-19 a { padding-right: 16px; }
/*terms and conditions*/

#terms-container {
	width:450px;
	height:510px;
	background-color: white;
	text-align: left;
	padding-left: 20px;
	padding-right: 30px;
	font-family: Georgia;
	overflow: scroll;
}

#terms-container h3 {
	margin-bottom: 15px;
}

#terms-container p {
	line-height:17px;
	width:450px;
	margin-bottom: 20px;
}

#terms-container .header {
	width:400px;
	height:100px;
	background-image: url(assets/logos/mosslogo1.png);
	background-repeat: no-repeat;
}

#priv-container {
	width:450px;
	height:510px;
	background-color: white;
	text-align: left;
	padding-left: 20px;
	padding-right: 30px;
	font-family: Georgia;
	overflow: scroll;
}
#priv-container h3 {
	margin-bottom: 15px;
}

#priv-container p {
	line-height:17px;
	width:450px;
	margin-bottom: 20px;
}

#priv-container .header {
	width:400px;
	height:100px;
	background-image: url(assets/logos/mosslogo1.png);
	background-repeat: no-repeat;
}
#albumlist li  {
	font-size:13px;
}
.news-para p {
	margin-bottom: 5px!important;
}
.news-one-col {
	width: 900px;
}



