/*----------
	Just Glass - CSS Document 
----------*/

@import url("reset.css");
@import url("gallery.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  background: #FFFFFF url(../images/core/container_bg.jpg) no-repeat center 15px;
	font: 62.5%/2.0em Verdana, Arial, Helvetica, sans-serif;
}

.container {
  color: #777777;
  width: 900px;
  margin: 0 auto;
  font-size: 1.2em;
  text-align: justify;
}

#content {
  padding: 20px 0px;
  background-color: #598091;
}


/*----------	CoMMoN STYLeS	----------*/
a { color: #90BCAD; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 { font-family: Georgia, Verdana, sans-serif; font-weight: normal; color: #588090; padding: 10px 0; }
h1 { font-size: 2.8em; }
h2 { font-size: 2.4em; }
h3 { color: #959595; font-size: 1.8em; }
h4 { font-size: 1.4em; padding: 0;}
h5 {font-weight:normal; margin-bottom:3px;}
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #D9E8EB; margin: 10px; }
p { margin: 0px 0 20px 0; }
ul { margin: 10px 20px; }
ol { margin: 10px 0 10px 40px; }
li { background: url(../images/core/icon-list.gif) no-repeat 0 6px; padding: 2px 0 1px 20px; }
ol li { background: none; list-style-type: decimal; padding: 0; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.top { border-top: 1px solid #D9E8EB; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }
.p-home ul { margin: 0;}
.sub-section{margin:0; padding:0; border-bottom:1px solid #D9E8EB;}
.sub-section-last{margin:0; padding:0;}
.right-padd{text-align:right; width:auto; display:block; margin:0 0 10px 0;}
ul.listing { margin:0 0 20px 0;}
ul.columns {width:320px; float:left; display:block; margin-bottom:20px;}

#content .container .left, #content .container .right { margin: 0 15px; }

body.p-enduroshield #content .container .right{margin-bottom:15px;}

#inner_photos { float: right; margin: 10px; width: 150px; }

/* gallery mods */
#gallery {padding:15px 0 0 0;}


#gallery3 ul {padding:0; margin: 0; width: 700px; list-style:none;}
#gallery3 ul li { background: none; float: left; width: 165px; height: 128px; overflow: hidden; padding: 0; }

#display-image { width: 614px; height: 464px; display: block; overflow: hidden; margin: 0 0 0 90px; border: 7px solid #dee2e1; }
#display-image2 { width: 250px; height: 430px; display: block; float: left; overflow: hidden; margin: 0 0 25px 25px; border: 7px solid #dee2e1; }







#mudmap { margin: 10px; float: right; }
.cat_dog_picture {float: right; margin: 10px;}

img.img {border:2px solid #dedede; padding:1px; margin:0px 10px 10px 0;}
a:hover img.img {border-color:#bdbdbd;}



/*----------	TiTLeS STYLeS	----------*/
h1#welcome { background: url(../images/core/welcome.gif) no-repeat; text-indent: -9999px; }
h2#help_you { background: url(../images/core/cta_title.gif) no-repeat; text-indent: -9999px; }
.p-profile h1 { background: url(../images/core/profile.gif) no-repeat; text-indent: -9999px; }
.p-contact h1 { background: url(../images/core/contact.gif) no-repeat; text-indent: -9999px; }
.p-thankyou h1 { background: url(../images/core/thankyou.gif) no-repeat; text-indent: -9999px; }
.p-showroom h1 { background: url(../images/core/showroom.gif) no-repeat; text-indent: -9999px; }
.p-enduroshield h1 { background: url(../images/core/enduroshield.gif) no-repeat; text-indent: -9999px; }
.p-splashback h1 { background: url(../images/core/splashbacks.gif) no-repeat; text-indent: -9999px; }
.p-shower h1 { background: url(../images/core/shower.gif) no-repeat; text-indent: -9999px; }
.p-cat_dog h1 { background: url(../images/core/cat_dog.gif) no-repeat; text-indent: -9999px; }
.p-wardrobe h1 { background: url(../images/core/wardrobe.gif) no-repeat; text-indent: -9999px; }
.p-accessories h1 { background: url(../images/core/accessories.gif) no-repeat; text-indent: -9999px; }



/*----------	HeaDeR STYLeS	----------*/
#banner { background-color: #D9E8EB; height: 24px; padding-top: 1px; }
#header { width: 900px; height: 125px; position: relative; margin: 0 auto;}
#header #logo { position: absolute; top: 20px; left: 0; }
#header #slogan {
  position: absolute;
  top: 34px;
  left: 330px;
  width: 550px;
  height: 286px;
  color: #959595;
  display: block;
  font-size: 1.45em;
  text-align: justify;
  font-family: Georgia, Verdana, Arial, sans-serif;
}


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { float: right; margin-top: 1px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; background: none !important; padding: 0; }
#nav ul li a { display: block; height: 20px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -20px !important; }
#nav ul li#home a { background: url(../images/nav/home.gif) no-repeat; width: 49px; }
#nav ul li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 68px; }
#nav ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 91px; }

.p-home li#home a, .p-profile li#profile a, .p-contact li#contact a {
  background-position: 0 -20px !important;
}

#category-nav { height: 24px; margin-left: 13px; }
#category-nav ul { list-style-type: none; background: none; margin: 0; }
#category-nav ul li { display: inline; float: left; background: none !important; padding: 0; margin: 0 4px; }
#category-nav ul li a { display: block; height: 24px; text-indent: -9999px; }
#category-nav ul li a:hover { background-position: 0 -24px !important;}
#category-nav ul li#showroom a{background:url(../images/nav/showroom.gif) no-repeat; width:87px;}
#category-nav ul li#enduroshield a {background:url(../images/nav/enduroshield.gif) no-repeat; width:104px;}
#category-nav ul li#splashback a { background: url(../images/nav/splashback.gif) no-repeat; width:92px;}
#category-nav ul li#shower a { background: url(../images/nav/shower.gif) no-repeat; width: 197px; }
#category-nav ul li#cat_dog a { background: url(../images/nav/cat_dog.gif) no-repeat; width: 122px; }
#category-nav ul li#wardrobe a { background: url(../images/nav/wardrobe.gif) no-repeat; width: 122px; }
#category-nav ul li#accessories a { background: url(../images/nav/accessories.gif) no-repeat; width: 92px; }

.p-repairs li#repairs a, .p-installations li#installations a, .p-splashback li#splashback a, .p-shower li#shower a, .p-cat_dog li#cat_dog a, .p-wardrobe li#wardrobe a, .p-accessories li#accessories a {
  background-position: 0 -24px !important;
}


/*----------	TeXT STYLeS	----------*/
#flash { width: 862px; height: 286px; overflow: hidden; border: 7px solid #FFFFFF; margin: 5px auto; }


/*----------	TeXT STYLeS	----------*/
.homeText_bg {
  background: url(../images/core/homeText_bg.gif) repeat-y;
  width: 406px;
}

.homeText { 
  padding: 20px;
  background: url(../images/core/homeText_top.gif) no-repeat;
}

.homeText_bottom {
  height: 17px;
  width: 406px;
  background: url(../images/core/homeText_bottom.gif) no-repeat bottom;
}


#text_bg {
  width: 843px;
  margin: 0 27px;
  background: url(../images/core/text_bg.gif) repeat-y;
}

#text {
  padding: 20px;
	height: auto;
  background: url(../images/core/text_top.gif) no-repeat;
}

#text .p-cat_dog {
}

#text_bottom {
  height: 20px;
  width: 843px;
  margin: 0 27px;
  background: url(../images/core/text_bottom.gif) no-repeat;
}


/*----------	FooTeR STYLeS	----------*/
#footer { color: #588090; font-size: 1.0em; text-align: center; }
#footer a { color: #588090; text-decoration: none; }	
#footer a:hover { text-decoration: underline; }