/*
 * #01 - General
 * #02 - Headings
 * #03 - Other Text (by tag)
 * #04 - Other Text (by class/id) 
 * #05 - Menus / lists
 * #06 - Forms
 * #07 - Other   
 */

/* #01 - GENERAL **************************************************************/

html
{
	font: small verdana, helvetica, arial, sans-serif;
}

body
{
	font-size: 1.1em;
	color: #fff;
	background: #352c66 url('../images/background.gif') repeat-y fixed 50% 0;
	behavior: url("../scripts/csshover2.htc"); /* Allows :hover in IE for any element */
}

/* #02 - HEADINGS *************************************************************/

#masthead h1 a
{
	position: absolute;
	display: block;
	width: 380px;
	height: 57px;
	background: transparent url('../images/logo.jpg') no-repeat 0 0;
	margin: 16px 0 0 9px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
}

h2
{
    font-size: 1.4em;
    margin-bottom: 10px;
}

#definition h2
{
	display: inline;
}

#contact-2col h2
{
	margin-bottom: 20px;
}

h3
{
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: center;
    margin: 40px 0;
}

h4
{
	color: #ffcdcd;
	font-weight: bold;
	margin: -5px 0 20px 0;
	
}

/* #03 - OTHER TEXT (BY TAG) **************************************************/

strong
{
	font-weight: bold;
}

a:link,
a:visited,
a:hover,
a:active
{
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 1px dotted #fff;
}

a:hover
{
    border-bottom: 1px solid #fff;
}

a:link.dimmed,
a:visited.dimmed,
a:hover.dimmed,
a:active.dimmed
{
    color: #ffcdcd;
    border-bottom: 1px dotted #ffcdcd;
}

a:hover.dimmed
{
    border-bottom: 1px solid #ffcdcd;
}

a.external
{
	display: inline-block;
	padding-right: 10px;
	background: url('../images/external_link.gif') no-repeat right;
}

/* #04 - OTHER TEXT (BY CLASS / ID) *******************************************/

.dimmed
{
	color: #ffcdcd;
}

#content p
{
    line-height: 1.5em;
    margin-bottom: 15px;
}

#hww-steps p
{
	font-size: 0.9em;
	margin-left: 79px;
}

#green-brands
{
	text-align: center;
}

#footer p
{
    padding-top: 10px;
    text-align: center;
    font-size: 0.9em;
    line-height: 1.6em;
}

#footer a:link,
#footer a:visited
{
    border: none;
}

#footer a:hover
{
    border-bottom: 1px dotted #fff;
}

#footer img
{
	border: none;
	vertical-align: -4px;
}

/* #05 - MENUS / LISTS ********************************************************/

#mainnav a:link,
#mainnav a:visited,
#mainnav a:hover,
#mainnav a:active
{
    border: none;
}

/* INDEX */

#mainnav #mainnav_index
{
    background: transparent url('../images/mainnav_items.gif') no-repeat 0px 0px;
}
#mainnav #mainnav_index:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -177px 0px;
}
body#index #mainnav_index
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px 0px;
}
body#index #mainnav_index:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px 0px;
}

/* ABOUT */

#mainnav #mainnav_about
{
    background: transparent url('../images/mainnav_items.gif') no-repeat 0px -30px;
}
#mainnav #mainnav_about:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -177px -30px;
}
body#about #mainnav_about
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px -30px;
}
body#about #mainnav_about:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px -30px;
}

/* HOW WE WORK */

#mainnav #mainnav_hww
{
    background: transparent url('../images/mainnav_items.gif') no-repeat 0px -60px;
}
#mainnav #mainnav_hww:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -177px -60px;
}
body#hww #mainnav_hww
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px -60px;
}
body#hww #mainnav_hww:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px -60px;
}

/* PHOTO GALLERY */

#mainnav #mainnav_gallery
{
    background: transparent url('../images/mainnav_items.gif') no-repeat 0px -90px;
}
#mainnav #mainnav_gallery:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -177px -90px;
}
body#gallery #mainnav_gallery
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px -90px;
}
body#gallery #mainnav_gallery:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px -90px;
}

/* PHOTO GALLERY BUTTONS */

#photo-galleries #gallery-exteriors
{
	background: transparent url('../images/gallery_exteriors.gif') no-repeat 0 0;
}
#photo-galleries #gallery-exteriors.selected
{
	background: transparent url('../images/gallery_exteriors.gif') no-repeat 0 -51px;
}

#photo-galleries #gallery-foyers
{
	background: transparent url('../images/gallery_foyers.gif') no-repeat 0 0;
}
#photo-galleries #gallery-foyers.selected
{
	background: transparent url('../images/gallery_foyers.gif') no-repeat 0 -51px;
}

#photo-galleries #gallery-interiors
{
	background: transparent url('../images/gallery_interiors.gif') no-repeat 0 0;
}
#photo-galleries #gallery-interiors.selected
{
	background: transparent url('../images/gallery_interiors.gif') no-repeat 0 -51px;
}

#photo-galleries #gallery-kitchens
{
	background: transparent url('../images/gallery_kitchens.gif') no-repeat 0 0;
}
#photo-galleries #gallery-kitchens.selected
{
	background: transparent url('../images/gallery_kitchens.gif') no-repeat 0 -51px;
}

#photo-galleries #gallery-bathroom
{
	background: transparent url('../images/gallery_bathroom.gif') no-repeat 0 0;
}
#photo-galleries #gallery-bathroom.selected
{
	background: transparent url('../images/gallery_bathroom.gif') no-repeat 0 -51px;
}

#photo-galleries #gallery-theatre
{
	background: transparent url('../images/gallery_theatre.gif') no-repeat 0 0;
}
#photo-galleries #gallery-theatre.selected
{
	background: transparent url('../images/gallery_theatre.gif') no-repeat 0 -51px;
}

/* THINK GREEN */

#mainnav #mainnav_green
{
    background: transparent url('../images/mainnav_items.gif') no-repeat 0px -120px;
}
#mainnav #mainnav_green:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -177px -120px;
}
body#green #mainnav_green
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px -120px;
}
body#green #mainnav_green:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px -120px;
}

/* CONTACT US */

#mainnav #mainnav_contact
{
    background: transparent url('../images/mainnav_items.gif') no-repeat 0px -150px;
}
#mainnav #mainnav_contact:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -177px -150px;
}
body#contact #mainnav_contact
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px -150px;
}
body#contact #mainnav_contact:hover
{
    background: transparent url('../images/mainnav_items.gif') no-repeat -354px -150px;
}

/* #06 - FORMS ****************************************************************/

.invalid-field
{
	background: #ffcdcd;
}

/* #07 - OTHER ****************************************************************/

.cursor-link
{
  cursor: pointer;
}